@CHARSET "UTF-8";
.clearfloat:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
}
.p_page .laypage_main{
    display: flex;
    justify-content: center;
}
.p_page .laypage_main a{
        border-radius: 4px;
    margin: 0 10px;
    font-size: 14px;
    width: 29px;
    background: #bbbbbb;
    border: 1px solid #aaaaaa;
    color: #FFFFFF;
    transition: all .3s ease-in;
    height: 29px;
    line-height: 29px;
    text-align: center;
    padding: 0;
    
}
.laypageskin_default .laypage_curr{
        border-radius: 4px;
    margin: 0 10px;
    font-size: 14px;
    width: 29px;
    transition: all .3s ease-in;
    height: 29px;
    line-height: 29px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    color: #FFFFFF !important;
    border: 1px solid #5f1d14;
    background: #5f1d14;
}
.p_page .laypage_main .laypage_next,
.p_page .laypage_main .laypage_prev{
   width: 63px;
    background: #bbbbbb;
    transition: all .3s ease-in;
    height: 31px;
    line-height: 31px;
    color: #FFFFFF;
    text-align: center;
}
.laypageskin_default .laypage_total{
    display:none;
    
}
.clearfloat {
    *zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
    content: "";
    display: table;
    line-height: 0;
    visibility: hidden;
}

.clearfloat:after {
    clear: both;
}

.menu {
    display: none;
}

html {
    font-size: 14px;
}

body {
  font-family: "微软雅黑";
    font-size: 14px;
    padding-top: 160px;
    max-width: 99999px;
    min-height: 1px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
.making{
    height:100vh;
    font-size: 28px;
    font-weight: 600;
    color: #5f1d14;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.making > p{
flex:0 0 100%;
text-align:center;
}
.p_page{margin-top:4vw;}

.body_con_bg{
    background-image:url(/upload/image/2023/11/02/d0122b76-1d63-4b6e-ba12-4df1b1b9ad54.jpg)!important;
    background-repeat: no-repeat;
    background-position: center center!important;
    background-size: 100% 100%!important;
}
    
.font_btn{
    background-color: #5f1d14;
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin:2vw auto;
    width:120px;
    border-radius: 30px;
    text-align: center;
    cursor:pointer;
}
.font_btn:after{
        content: " +";
    display: inline-block;
    color: #fff;
    margin-left: 5px;
}
@media only screen and (max-width: 1200px){
    .making{
        font-size:18px;
    }
    .p_page{margin-top:8vw;}
    
}
@media only screen and (max-width: 768px){
    .font_btn{margin-top: 5vw;}
}
.head_box {
    height: 160px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    transition: all .3s ease-in;
}

.head_top {
    height: 160px;
    background: #5f1d14;
    position: relative;
    z-index: 100;
    padding-top: 28px;
    box-sizing: border-box;
    transition: all .3s ease-in;
}

.head {
    width: 1320px;
    margin: auto;
}

.logo {
    transition: all .3s ease-in;
    width: 122px;
    height: 100px;
    float: left;
}

.logo a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qkSELtG_AAAAAKZEwmE194.png)no-repeat;
    background-size: 100%;
    background-position: center;
}

.logo img {
    display: block;
    width: 100%;
}

.head_right {
    width: calc(100% - 130px);
    float: right;
    text-align: right;
}

.rig_top {
    font-size: 0;
    position: relative;
    z-index: 100;
    transition: all .3s ease-in;
}

.apply_box {
    display: inline-block;
    font-size: 0;
    position: relative;
    z-index: 10;
    height: 30px;
    vertical-align: middle;
}

.apply_box a {
    display: inline-block;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
    padding: 0 16px 0 50px;
}

.apply_box a+a {
    margin-left: 20px;
}

.apply {
    background: #e3b760 url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qlSEZqccAAAAADhklJU202.png)no-repeat;
    background-position: 18px;
}

.apply_top {
    display: inline-block;
}

.apply_foo {
    display: inline-block;
}

.curr {
    background: #4fa5ba url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qnCEbZ2mAAAAAH4JlDA682.png)no-repeat;
    background-position: 18px;
}

.friend {
    background: #477595 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qpqEHc3jAAAAADhklJU480.png)no-repeat;
    background-position: 18px;
}

.tech {
    background: #48583d url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qpqEHc3jAAAAADhklJU480.png)no-repeat;
    background-position: 18px;
}

.friend:hover {
    background: #7190a6 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qpqEHc3jAAAAADhklJU480.png)no-repeat;
    background-position: 18px;
}

.apply:hover {
    background: #eac989 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qpqEHc3jAAAAADhklJU480.png)no-repeat;
    background-position: 18px;
}

.curr:hover {
    background: #82b6c3 url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qsWEJryOAAAAAH4JlDA638.png)no-repeat;
    background-position: 18px;
}

.tech:hover {
    background: #5f6f54 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qpqEHc3jAAAAADhklJU480.png)no-repeat;
    background-position: 18px;
}

.sear_box {
    position: relative;
    font-size: 0;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin-left: 23px;
}

.sear_btn {
    display: inline-block;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qu6EZYueAAAAABkC1LY559.png)no-repeat;
    height: 100%;
    width: 23px;
    background-position: 100%;
    cursor: pointer;
}

.inqu {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    background: #5f1d14;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    width: 0;
    height: 30px;
    overflow: hidden;
}

.inqu .inqu_btn {
    display: inline-block;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qu6EZYueAAAAABkC1LY559.png)no-repeat;
    height: 100%;
    width: 23px;
    background-position: 100%;
    cursor: pointer;
}

.inqu input {
    position: absolute;
    right: 45px;
    top: 0;
    width: 272px;
    height: 30px;
    background: transparent;
    color: #FFFFFF;
}

.inqu input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.inqu input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.inqu input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.inqu_use {
    width: 325px;
}

.top_abou {
    display: inline-block;
    margin-left: 29px;
    position: relative;
    font-size: 0;
    vertical-align: middle;
    padding: 0 20px;
    box-sizing: border-box;
    height: 30px;
}

.top_abou:after {
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    background: #cfbcb9;
    left: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.weixin {
    width: 26px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.wei_pic:hover {
   background: url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qu-Eam1IAAAAAJFxR9w525.png)no-repeat;
    background-position: 0;
}

.weibo {
    transition: all .3s ease-in;
    vertical-align: middle;
    border-radius: 6px;
    display: inline-block;
    background: url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qwKELJvLAAAAABeFVtk707.png)no-repeat;
    background-position: 0;
    width: 26px;
    height: 30px;
    margin-left: 10px;
    cursor: pointer;
}

.weibo a {
    display: block;
    width: 100%;
    height: 100%;
}

.weibo:hover {
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qyWEXlVkAAAAAMqHYPc089.png)no-repeat;
    background-position: 0;
}

.wei_pic {
    display: inline-block;
    border-radius: 6px;
    overflow: hidden;
    transition: all .3s ease-in;
    display: inline-block;
    background: url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qyeEaQywAAAAABMI_8g903.png)no-repeat;
    background-position: center;
    width: 26px;
    height: 30px;
    cursor: pointer;
}

.code {
    width: 135px;
    position: absolute;
    display: none;
    left: 50%;
    top: 32px;
    transform: translateX(-50%);
}

.code img {
    display: block;
    width: 100%;
}

.lang {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    position: relative;
    width: 114px;
    background: #5f1d14 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-q0-EcpwcAAAAAKyvA1o753.png)no-repeat;
    background-position: 88px 14px;
}

.lang.active {
    background: #6f291f url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-q0yECTNzAAAAAFGoS0I966.png)no-repeat;
    background-position: 88px 14px;
}

.lang:after {
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    background: #cfbcb9;
    left: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.lang:hover:after {
    display: none;
}

.lan {
    height: 34px;
    position: relative;
}

.lang a {
    display: block;
    font-size: 14px;
    text-align: left;
    padding-left: 52px;
    box-sizing: border-box;
    color: #FFFFFF;
}

.lan_down {
    display: none;
    position: absolute;
    left: 0;
    top: 34px;
    box-sizing: border-box;
    background: #4a110a;
    width: 100%;
}

.lan_down p {
    transition: all .3s ease-in;
    display: block;
    height: 24px;
    line-height: 24px;
}

.lan_down p:hover {
    background: #6f291f;
}

.lan_down a {
    color: #8b6863;
}

.lan_down a:hover {
    color: #FFFFFF;
}

.cn {
    display: block;
    height: 34px;
    line-height: 34px;
}

.cn a {
    background: url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-q2GEULpkAAAAACJhilQ866.png)no-repeat;
    background-position: 21px;
}

.en a {
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-q4OET8mfAAAAAOU2vww591.png)no-repeat;
    background-position: 21px;
}

.kr a {
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-q5KEEiFUAAAAAHmBtMU626.png)no-repeat;
    background-position: 21px;
}

.ru a {
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-q6KEPPv2AAAAAFx5xTY192.png)no-repeat;
    background-position: 21px;
}

.web_logo {
    display: none;
}

/*head_top*/

.step_sign p {
    text-align: right;
}

.regu_top {
    text-align: center;
}

.senav_btn {
    display: none;
}

.nav_btn {
    display: none;
}

.nav {
    height: 100px;
    font-size: 0;
}

.nav ul {
    font-size: 0;
}

.nav li {
    display: inline-block;
    font-size: 16px;
    margin-left:54px;
}

.nav li>a {
    display: block;
    height: 92px;
    line-height: 92px;
    border-bottom: 6px solid transparent;
    color: #FFFFFF;
}

.nav .active>a {
    border-bottom: 6px solid #943d31;
}

.nav_down {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 160px;
    padding: 30px 0 50px;
    background: rgba(53, 10, 4, 0.7);
    box-sizing: border-box;
}

.down_box {
    width: 1320px;
    margin: auto;
}

.nav_picbox {
    margin-left: 94px;
    float: left;
    width: 261px;
    height: 114px;
    position: relative;
    box-sizing: border-box;
}

.nav_pic {
    width: 261px;
    box-sizing: border-box;
    height: 114px;
    left: 0;
    top: 0;
    position: absolute;
    display: none;
    padding-right: 41px;
    border-right: 1px solid #9e4e43;
}

.nav_pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.nav_pic.active {
    display: block;
}

.banner_box {
    width: 100%;
    position: relative;
    z-index: 50;
    height: 100%;
    background: #e5e5e5;
}

.stubox {
    position: relative;
    z-index: 80;
}

.banner img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 20;
}

.se_navbox {
    width: 960px;
    float: left;
    font-size: 0;
    text-align: left;
}

.se_nav {
    display: inline-block;
    font-size: 16px;
    position: relative;
    margin-left: 45px;
    vertical-align: top;
}

.se_nav a {
    display: block;
    color: #FFFFFF;
}

.se_nav>a {
    padding-left: 11px;
    box-sizing: border-box;
    position: relative;
}

.se_nav>a:after {
    transition: all .3s ease-in;
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #FFFFFF;
}

.se_nav>a:hover {
    color: #efae8d;
}

.se_nav>a:hover:after {
    background: #efae8d;
}

.nav_se.se_nav>a:after {
    transition: all 0s;
    background: url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-q6WEVZ5yAAAAAKgK-T4631.png)no-repeat;
    width: 8px;
    height: 8px;
    background-position: center;
    border-radius: 0;
    left: 0;
}

.se_nav.on>a {
    color: #efae8d;
}

.se_nav.on>a:after {
    background: #efae8d;
}

.nav_se.se_nav.on>a:after {
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-q8qECoeiAAAAAKroJA4286.png)no-repeat;
    background-position: center;
    transition: all 0s ease-in;
}

.nav_se.se_nav.on>a {
    color: #efae8d;
}

.nav_se.se_nav>a {
    padding-left: 15px;
}

.thr_nav {
    line-height: 25px;
    top: 30px;
    display: none;
    margin-left: 15px;
    margin-top: 5px;
}

.thr_nav a {
    font-size: 14px;
}

.thr_nav a:hover {
    color: #efae8d;
}

/*nav*/

.head_box.active {
    height: 76px;
}

.head_box.active .head_top {
    height: 76px;
    padding-top: 0px;
}

.head_box.active .rig_top {
    height: 0;
    overflow: hidden;
}

.head_box.active .nav_down {
    top: 76px;
}

.head_box.active .nav {
    height: 76px;
}

.head_box.active .logo {
    transform: scale(0.5);
    margin-top: -11px;
}

.head_box.active .nav li>a {
    height: 72px;
    line-height: 72px;
}

.ban1 {
    opacity: 1 !important;
}

.ban1.active {
    opacity: 0 !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #5f1d14;
}

.ban_use {
    width: 100%;
    height: 100%;
}

.ban_use a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.bann_pic {
    display: block;
    width: 100%;
    position: relative;
    z-index: 20;
}

.ban_text {
    position: absolute;
    width: 1200px;
    height: 100%;
    left: 50%;
    top: 0;
    z-index: 30;
    transform: translateX(-50%);
}

.ban_cont {
    position: relative;
    text-align: right;
    width: 100%;
    height: 100%;
    padding-left: 80px;
    box-sizing: border-box;
}

.ban_word {
    position: absolute;
    right: -300px;
    top: 20%;
    opacity: 0;
    transition: all .7s ease-in;
}

.ban_word.active {
    right: 0;
    opacity: 1;
}

.ban_entit {
    font-size: 24px;
    color: #c4c4c4;
    line-height: 30px;
}


.ban_tit {
    font-size: 60px;
    color: #FFFFFF;
    line-height: 60px;
    margin: 35px 0 10px;
}

.ban_motto {
    font-size: 16px;
    color: #c4c4c4;
}

.bans_tit {
    font-size: 48px;
    line-height: 60px;
    margin-top: 25px;
    color: #FFFFFF;
}

.video_box {
    width: 100%;
    height: 100%;
}

.return_top {
    display: none;
    position: fixed;
    z-index: 500;
    right: 35px;
    bottom: 75px;
    font-size: 14px;
    padding-left: 10px;
    box-sizing: border-box;
    color: #FFFFFF;
    background: #5f1d14 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-q92EFXdvAAAAAB1Mq68472.png)no-repeat;
    background-position: 51px;
    background-size: 15px;
    width: 75px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border-radius: 4px;
}

.return_top:hover {
    background: #56150c url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-q92EFXdvAAAAAB1Mq68472.png)no-repeat;
    background-position: 51px;
    background-size: 15px;
}

.ban2 {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s ease-in;
}

.ban2.active {
    opacity: 1;
}

.ban_words {
    position: absolute;
    left: -300px;
    top: 34%;
    opacity: 0;
    transition: all .7s ease-in;
    transform: translateY(-50%);
}
@media only screen and (max-width: 768px){
    .ban_words.active{
        
        top:20%;
    }
    
}
.ban_words.active {
    left: 0;
    opacity: 1;
}

.ban_tits {
    font-size: 54px;
    color: #efae8d;
    line-height: 60px;
    margin-bottom: 55px;
    position: relative;
}

.ban_tits:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 110px;
    height: 4px;
    background: rgba(239, 174, 141, 0.3);
}

.ban_mottos {
    font-size: 20px;
    color: #efae8d;
    line-height: 36px;
}

.ban1.active {
    display: none;
}

.sch_use {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.inlet {
    display: none;
}

.ban1 {
    z-index: 10;
}

.stubox {
    background: url(/static/cn/img/rBQBG1y-q_CERYO2AAAAAEI0HFQ676.jpg)no-repeat;
    height: 840px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 80;
}

.student {
    width: 1320px;
    box-sizing: border-box;
    padding: 0 20px;
    margin: auto;
}

.stu_good {
    width: 740px;
    float: left;
    margin-top: 135px;
}

.stu_top {
    font-size: 20px;
    color: #2b2b2b;
    line-height: 20px;
}

.stu_tit {
    font-size: 40px;
    color: #2b2b2b;
    margin: 5px 0 25px;
}

.stu_text {
    font-size: 16px;
    color: #7d7d7d;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.stu_more {
    transition: all .3s ease-in;
    width: 120px;
    margin-top: 55px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #5f1d14;
}

.stu_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.stu_more em {
    margin-left: 20px;
}

.stu_more:hover {
    background: #7b3329;
}

.school {
    width: 400px;
    float: right;
    margin-top: -360px;
    position: relative;
    bottom: 0;
    left: 0;
    height: 632px;
    overflow: hidden;
}

.schoo_top {
    height: 452px;
    position: relative;
    padding: 75px 20px 0;
    box-sizing: border-box;
    background: url(/static/cn/img/rBQBG1y-rAeELTb-AAAAALWwKKc339.png)no-repeat;
}

.donli {
    background: #48583d;
}

.xiaoxue {
    background: #5f1d14;
}

.chuz {
    background: #477595;
}

.pgao {
    background: #8ab8c4;
}

.ggao {
    background: #efae8d;
}

.ggao {
    background: #cb8460;
}

.lstu {
    background: #b0842d;
}

.school_list {
    position: relative;
    z-index: 10;
    height: 452px;
}

.school_list li {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.school_list li.active {
    display: block;
}

.schoo_name {
    font-size: 24px;
    color: #f2ca96;
}

.schoo_info {
    font-size: 14px;
    color: #ccc9ce;
    line-height: 24px;
    width: 290px;
    margin-top: 20px;
}

.sch_more {
    transition: all .3s ease-in;
    width: 120px;
    margin-top: 55px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #FFFFFF;
}

.sch_more:hover {
    background: #d5cecd;
}

.sch_more a {
    display: block;
    color: #48583d;
    font-size: 14px;
}

.branch_list li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    transition: all .3s ease-in;
}

/*.branch_list li.active{height: 0;}*/

.branch_list li a {
    display: block;
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 46px;
    box-sizing: border-box;
    position: relative;
}

.branch_list li a:after {
    display: block;
    content: "";
    position: absolute;
    left: 21px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #FFFFFF;
    top: 50%;
    transform: translateY(-50%);
}

.x_sch {
    background: #5f1d14;
}

.c_sch {
    background: #477595;
}

.p_sch {
    background: #8ab8c4;
}

.g_sch {
    background: #efae8d;
}

.l_sch {
    background: #edc678;
}

.d_sch {
    background: #48583d;
}

.bann_pic {
    overflow: hidden;
    background: url(/static/cn/img/rBQBHVy-rC6Ec7JlAAAAAC1PKFs021.jpg);
}

.words {
    position: absolute;
    z-index: 50;
    transform: scale(0.5);
    opacity: 0;
    transition: all 1.5s ease-in;
}

.words.active {
    opacity: 1;
    transform: scale(1);
}

.words img {
    display: block;
    width: 100% !important;
    height: auto;
}

.words1 {
    width: 30%;
    left: -14%;
    top: -33%;
}

.words2 {
    width: 20.2%;
    left: 8.64%;
    top: 22%;
}

.words3 {
    width: 16.9%;
    left: 24.4%;
    top: -17.5%;
}

.words4 {
    width: 17.7%;
    left: 46.8%;
    top: -23.4%;
}

.words5 {
    width: 30%;
    left: 30.8%;
    top: 30%;
}

.words6 {
    width: 20.2%;
    left: 62%;
    top: 0;
}

.words7 {
    width: 21.64%;
    right: 0;
    top: 0;
}

.words8 {
    width: 17.7%;
    left: 88.43%;
    top: 54.78%;
}

.sch_cut {
    font-size: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 100;
}

.sch_cut span {
    transition: all .3s ease-in;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    border-radius: 50%;
}

.sch_cut span+span {
    margin-left: 10px;
}

.sch_cut span.active {
    background: rgba(255, 255, 255, 1);
}

.sch_list {
    display: inline-block;
    color: #000000;
    opacity: 0;
    font-size: 0;
}

.sch_list+.sch_list {
    margin-left: 33px;
}

.sch_num {
    font-size: 77px;
    padding-left: 73px;
    box-sizing: border-box;
    position: relative;
}

.sch_num sup {
    position: absolute;
    right: 0px;
    top: 0;
    height: 40px !important;
    overflow: hidden;
    display: block;
    line-height: 40px;
}

.arc {
    background: url(/static/cn/img/rBQBG1y-rICEZuDJAAAAAI4wCy8412.png)no-repeat;
    background-position: 0;
}

.roll {
    background: url(/static/cn/img/rBQBHVy-rH2EJFkuAAAAACi4bf8477.png)no-repeat;
    background-position: 0;
    padding-right: 40px;
    box-sizing: border-box;
}

.techs {
    background: url(/static/cn/img/rBQBG1y-rJ-EHQuEAAAAAGUfieg193.png)no-repeat;
    background-position: 0;
}

.rgad {
    background: url(/static/cn/img/rBQBHVy-rJuEC_ZfAAAAAB1eZ60879.png)no-repeat;
    background-position: 0;
    padding-right: 40px;
    box-sizing: border-box;
}

.sch_info {
    font-size: 0;
    margin-top: 70px;
    text-align: center;
}

.sch_mess {
    text-align: center;
    font-size: 16px;
}

.good_num {
    display: none;
}

.map_box {
    position: relative;
    z-index: 20;
    background: url(/static/cn/img/rBQBG1y-rL6EAMEQAAAAAKXChHw850.jpg)no-repeat;
    background-size: cover;
    height: 540px;
    background-position: center;
}

.map {
    width: 1320px;
    box-sizing: border-box;
    padding-left: 20px;
    margin: auto;
    position: relative;
}

.word {
    background: url(/static/cn/img/rBQBHVy-rLyEcpBvAAAAAKjef5c690.png)no-repeat;
    background-size: 100%;
    width: 793px;
    height: 450px;
    float: right;
    margin-top: 80px;
    margin-right: -60px;
    position: relative;
    background-size: cover;
}

.candabox {
    z-index: 50;
    position: absolute;
    background: url(/static/cn/img/rBQBHVy-rNGEVqShAAAAAByXgG4157.png)no-repeat;
    left: -8.32%;
    width: 29%;
    height: 36.4%;
    top: 0.9%;
    background-size: cover;
}

.amerbox {
    z-index: 20;
    background: url(/static/cn/img/rBQBHVy-rOCEHJXdAAAAAPQwatA895.png)no-repeat;
    width: 38.33%;
    height: 36.66%;
    position: absolute;
    left: -20.17%;
    top: 14.88%;
    background-size: cover;
}

.britbox {
    background: url(/static/cn/img/rBQBG1y-rP-EQqndAAAAAD_pjXE845.png)no-repeat;
    width: 2.39%;
    height: 6.66%;
    position: absolute;
    left: 35.93%;
    top: 26.66%;
    background-size: cover;
}

.ruisbox {
    background: url(/static/cn/img/rBQBHVy-rP6EIy8AAAAAAC-4uf8593.png)no-repeat;
    width: 1.6%;
    height: 1.77%;
    position: absolute;
    left: 40.1%;
    top: 34.88%;
    background-size: cover;
}

.chinabox {
    z-index: 20;
    background: url(/static/cn/img/rBQBG1y-rR2EGCUFAAAAAOz8lXY100.png)no-repeat;
    width: 20.8%;
    height: 24%;
    position: absolute;
    left: 62.16%;
    top: 30.3%;
    background-size: cover;
}

.koreabox {
    z-index: 50;
    background: url(/static/cn/img/rBQBHVy-rReESBtVAAAAAA6sQ3M743.png)no-repeat;
    width: 1.64%;
    height: 4.22%;
    position: absolute;
    left: 78.56%;
    top: 40.44%;
    background-size: cover;
}

.aussbox {
    background: url(/static/cn/img/rBQBG1y-rTWEQ645AAAAAEDuXJo624.png)no-repeat;
    width: 13.74%;
    height: 20.66%;
    position: absolute;
    left: 74.15%;
    top: 71.55%;
    background-size: cover;
}

.zealabox {
    background: url(/static/cn/img/rBQBHVy-rS6ENv5mAAAAAF-rJ6k613.png)no-repeat;
    width: 3.9%;
    height: 8.89%;
    position: absolute;
    left: 92.65%;
    top: 85.55%;
    background-size: cover;
}

.map_use {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
    background-size: cover;
}

.curr_pro {
    font-size: 16px;
    color: #7d7d7d;
    text-align: center;
}

/*.map_state{transition: all .3s ease-in;}*/

.map_state:hover {
    cursor: pointer;
}

.stu_num {
    position: absolute;
    width: 95px;
}

.stu_per {
    font-size: 12px;
    color: #ffffff;
}

.stu_state {
    font-size: 14px;
    color: #ffffff;
    position: relative;
    width: 100%;
}

.candabox .stu_num {
    left: 131px;
    top: 88px;
}

.stu_state em {
    position: absolute;
    width: 11px;
    height: 11px;
    background: #FFFFFF;
    border-radius: 50%;
    -moz-animation: interanimate 1s linear infinite;
    /* Firefox */
    -webkit-animation: interanimate 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: interanimate 1s linear infinite;
    /* Opera */
}

.candabox em {
    left: -17px;
    bottom: 0;
}

.amerbox .stu_num {
    left: 205px;
    top: 82px;
}

.amerbox em {
    left: -17px;
    bottom: 0;
}

.britbox .stu_num {
    left: 27px;
    top: -17px;
}

.britbox em {
    left: -17px;
    bottom: 0;
}

.ruisbox .stu_num {
    left: 24px;
    top: -1px;
}

.ruisbox em {
    left: -17px;
    top: -20px;
}

.chinabox .stu_num {
    left: 103px;
    top: 10px;
}

.chinabox em {
    left: -17px;
    bottom: -5px;
}

.koreabox .stu_num {
    left: 17px;
    top: -12px;
}

.koreabox em {
    left: -17px;
    bottom: 18px;
}

.chinabox .stu_num.hkong {
    top: 78px;
    left: 126px;
    z-index: 100;
}

.chinabox .stu_num.hkong em {
    left: -18px;
    bottom: 18px;
}

.aussbox .stu_num {
    left: 86px;
    top: 2px;
}

.aussbox em {
    left: -17px;
    bottom: -5px;
}

.zealabox .stu_num {
    left: -48px;
    top: 8px;
}

.zealabox em {
    right: 26px;
    bottom: 25px;
}

.zhongguo {
    position: relative;
    z-index: 50;
    width: 100%;
    height: 100%;
}

.candabox:hover {
    -moz-animation: animate1 1s linear infinite;
    /* Firefox */
    -webkit-animation: animate1 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: animate1 1s linear infinite;
    /* Opera */
}

.amerbox:hover {
    -moz-animation: animate2 1s linear infinite;
    /* Firefox */
    -webkit-animation: animate2 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: animate2 1s linear infinite;
    /* Opera */
}

.britbox:hover {
    -moz-animation: animate3 1s linear infinite;
    /* Firefox */
    -webkit-animation: animate3 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: animate3 1s linear infinite;
    /* Opera */
}

.ruisbox:hover {
    -moz-animation: animate4 1s linear infinite;
    /* Firefox */
    -webkit-animation: animate4 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: animate4 1s linear infinite;
    /* Opera */
}

.chinabox:hover {
    cursor: pointer;
    -moz-animation: animate5 1s linear infinite;
    /* Firefox */
    -webkit-animation: animate5 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: animate5 1s linear infinite;
    /* Opera */
}

.koreabox:hover {
    -moz-animation: animate6 1s linear infinite;
    /* Firefox */
    -webkit-animation: animate6 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: animate6 1s linear infinite;
    /* Opera */
}

.aussbox:hover {
    -moz-animation: animate7 1s linear infinite;
    /* Firefox */
    -webkit-animation: animate7 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: animate7 1s linear infinite;
    /* Opera */
}

.zealabox:hover {
    -moz-animation: animate8 1s linear infinite;
    /* Firefox */
    -webkit-animation: animate8 1s linear infinite;
    /* Safari and Chrome */
    -o-animation: animate8 1s linear infinite;
    /* Opera */
}

@keyframes animate1 {
    0% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziYvqEED56AAAAAKQ3u0o679.png)no-repeat;
        background-size: cover;
    }
    50% {
        background: url(//dfs.yun300.cn/group1/M00/04/FA/rBQBHVziZbWEJuUsAAAAAH8O0wU529.png)no-repeat;
        background-size: cover;
    }
    100% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziYvqEED56AAAAAKQ3u0o679.png)no-repeat;
        background-size: cover;
    }
}

@keyframes animate2 {
    0% {
        background: url(//dfs.yun300.cn/group1/M00/04/F9/rBQBHVziYxeEFE9VAAAAALg5uoE826.png)no-repeat;
        background-size: cover;
    }
    50% {
        background: url(//dfs.yun300.cn/group1/M00/04/FA/rBQBHVziZgqEASXhAAAAAJhUvvw152.png)no-repeat;
        background-size: cover;
    }
    100% {
        background: url(//dfs.yun300.cn/group1/M00/04/F9/rBQBHVziYxeEFE9VAAAAALg5uoE826.png)no-repeat;
        background-size: cover;
    }
}

@keyframes animate3 {
    0% {
        background: url(//dfs.yun300.cn/group1/M00/04/F9/rBQBHVziYzyEMv09AAAAAD_pjXE165.png)no-repeat;
        background-size: cover;
    }
    50% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziZj2EB2CEAAAAABz8Hh0198.png)no-repeat;
        background-size: cover;
    }
    100% {
        background: url(//dfs.yun300.cn/group1/M00/04/F9/rBQBHVziYzyEMv09AAAAAD_pjXE165.png)no-repeat;
        background-size: cover;
    }
}

@keyframes animate4 {
    0% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziY36EcArlAAAAAC-4uf8278.png)no-repeat;
        background-size: cover;
    }
    50% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziZlKECl0SAAAAANRNgHI923.png)no-repeat;
        background-size: cover;
    }
    100% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziY36EcArlAAAAAC-4uf8278.png)no-repeat;
        background-size: cover;
    }
}

@keyframes animate5 {
    0% {
        background: url(/static/cn/img/rBQBHVy-riWEJiY2AAAAAOz8lXY853.png)no-repeat;
        background-size: cover;
    }
    50% {
        background: url(/static/cn/img/rBQBHVy-rjOEK6zzAAAAAMsHHFY075.png)no-repeat;
        background-size: cover;
    }
    100% {
        background: url(/static/cn/img/rBQBHVy-riWEJiY2AAAAAOz8lXY853.png)no-repeat;
        background-size: cover;
    }
}

@keyframes animate6 {
    0% {
        background: url(//dfs.yun300.cn/group1/M00/04/F9/rBQBHVziY4WEFlzbAAAAAAq4U8g360.png)no-repeat;
        background-size: cover;
    }
    50% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziZmOEfFWAAAAAAGKjMaU454.png)no-repeat;
        background-size: cover;
    }
    100% {
        background: url(//dfs.yun300.cn/group1/M00/04/F9/rBQBHVziY4WEFlzbAAAAAAq4U8g360.png)no-repeat;
        background-size: cover;
    }
}

@keyframes animate7 {
    0% {
        background: url(//dfs.yun300.cn/group1/M00/04/F9/rBQBHVziY8yEBfewAAAAAEDuXJo744.png)no-repeat;
        background-size: cover;
    }
    50% {
        background: url(//dfs.yun300.cn/group1/M00/04/FA/rBQBHVziZmCEM0KGAAAAAA1TSy8278.png)no-repeat;
        background-size: cover;
    }
    100% {
        background: url(//dfs.yun300.cn/group1/M00/04/F9/rBQBHVziY8yEBfewAAAAAEDuXJo744.png)no-repeat;
        background-size: cover;
    }
}

@keyframes animate8 {
    0% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziY72EKUnEAAAAAF-rJ6k212.png)no-repeat;
        background-size: cover;
    }
    50% {
        background: url(//dfs.yun300.cn/group1/M00/04/FA/rBQBHVziZnOEczsEAAAAAPz18l4391.png)no-repeat;
        background-size: cover;
    }
    100% {
        background: url(//dfs.yun300.cn/group1/M00/16/C8/rBQBG1ziY72EKUnEAAAAAF-rJ6k212.png)no-repeat;
        background-size: cover;
    }
}

.state_cut {
    display: none;
}

.state_cut.active {
    display: block;
}

.word_use {
    position: relative;
    width: 100%;
    height: 100%;
}

.word_use:after {
    display: block;
    content: "";
    position: absolute;
    right: 9px;
    top: 5px;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-uAKEUt5sAAAAABHOPNA608.png)no-repeat;
    width: 16px;
    height: 16px;
    background-size: 100%;
    cursor: pointer;
}

.word_cut {
    display: none;
    width: 445px;
    height: 410px;
    background: #622118;
    overflow: hidden;
    padding: 33px 30px 33px 33px;
    box-sizing: border-box;
    position: absolute;
    right: 143px;
    top: 45px;
    z-index: 300;
}

.word_cut.word_cut1 {
    right: 684px;
    top: 45px;
}

.word_cut.word_cut2 {
    right: 705px;
    top: 112px;
}

.word_cut.word_cut3 {
    right: 440px;
    top: 64px;
}

.word_cut.word_cut4 {
    right: 418px;
    top: 111px;
}

.word_cut.word_cut5 {
    right: 115px;
    top: 63px;
}

.word_cut.word_cut6 {
    right: 110px;
    top: 112px;
}

.word_cut.word_cut7 {
    right: 76px;
    top: 120px;
}

.word_cut.word_cut8 {
    right: 20px;
    top: 120px;
}

.word_cut.word_cut9 {
    right: 114px;
    top: 50px;
}

.state_cut {
    width: 100%;
    height: 100%;
}

.state_top {
    font-size: 0;
}

.state_top span {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    margin-right: 10px;
}

.state_top em {
    font-size: 20px;
    color: #f2ca96;
    vertical-align: middle;
}

.state_top img {
    width: 100%;
}

.state_schoo {
    font-size: 14px;
    color: #ffffff;
    text-decoration: underline;
}

.state_name {
    font-size: 14px;
    color: #c4c4c4;
}

.state_list {
    margin-top: 10px;
    height: 314px;
    width: 100%;
    overflow: hidden;
}

.state_list li {
    margin-top: 10px;
}

.zhong {
    display: none;
}

.xiang {
    display: none;
}

.zhong.active {
    display: block;
}

.xiang.active {
    display: block;
}

.word_stu {
    position: absolute;
    left: 20px;
    top: 250px;
    width: 510px;
}

.word_top {
    font-size: 24px;
    color: #f2ca96;
}

.word_pro {
    font-size: 16px;
    color: #c4c4c4;
    line-height: 28px;
    margin-top: 25px;
    height: 56px;
    overflow: hidden;
}

.word_more {
    transition: all .3s ease-in;
    width: 120px;
    margin-top: 55px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #f2ca96;
}

.word_more a {
    display: block;
    color: #5f1d14;
    font-size: 14px;
}

.word_more em {
    margin-left: 18px;
}

.word_more:hover {
    background: #faddb8;
}


.trends {
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-romETK01AAAAAH2CH3E729.jpg)no-repeat;
    height: 700px;
    position: relative;
    background-position: center;
    z-index: 90;
    position: relative;
    background-position: center;
    background-size: cover;
}

.trends_list {
    width: 1320px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.trends_list li {
    float: left;
    height: 390px;
    margin-left: 20px;
    position: relative;
    top: 70px;
    overflow: hidden;
}

.trends_list a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.trend_pic {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.trend_pic img {
    display: block;
    width: 100%;
    transition: all .3s ease-in;
}

.trends_list li:hover img {
    transform: scale(1.05);
}

.big_news {
    width: 624px;
}

.sma_news {
    width: 308px;
}

.trend_text {
    transition: all .3s ease-in;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 20px;
    box-sizing: border-box;
}

.trend_tit {
    font-size: 20px;
    color: #000000;
    transition: all .3s ease-in;
}

.sma_news .trend_tit {
    height: 58px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.big_news .trend_tit {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trend_time {
    font-size: 12px;
    color: #c4c4c4;
    margin-top: 7px;
    transition: all .3s ease-in;
}

.trend_info {
    font-size: 14px;
    color: #c4c4c4;
    line-height: 24px;
    margin: 15px 0;
    height: 48px;
    overflow: hidden;
    transition: all .3s ease-in;
}

.trends_list li:nth-child(1) .trend_text {
    background: #5f1d14;
}

.trends_list li:nth-child(1) .tech_info {
    background: #5f1d14;
}

.trends_list li:nth-child(1) .trend_tit {
    color: #ffffff;
}

.trends_list li:nth-child(1) .tech_name {
    color: #ffffff;
}

.trends_list li:nth-child(1) .trend_time {
    color: #fcfcfc;
}

.trends_list li:nth-child(1) .trend_info {
    color: #fcfcfc;
}

.trends_list li:nth-child(1) .tech_job {
    color: #fcfcfc;
}

.trends_list li:hover .trend_text {
    background: #5f1d14;
}

.trends_list li:hover .tech_info {
    background: #5f1d14;
}

.trends_list li:hover .trend_tit {
    color: #ffffff;
}

.trends_list li:hover .tech_name {
    color: #ffffff;
}

.trends_list li:hover .trend_time {
    color: #fcfcfc;
}

.trends_list li:hover .trend_info {
    color: #fcfcfc;
}

.trends_list li:hover .tech_job {
    color: #fcfcfc;
}

.branch_list {
    position: relative;
    z-index: 80;
}

.big_pic {
    height: 100%;
    overflow: hidden;
    float: left;
}

.big_pic img {
    transition: all .3s ease-in;
    display: block;
    height: 100%;
}

.tech_info {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    transition: all .3s ease-in;
}

.tech_name {
    font-size: 20px;
    color: #000000;
    transition: all .3s ease-in;
}

.tech_job {
    font-size: 14px;
    color: #c4c4c4;
    line-height: 24px;
    margin: 15px 0;
    height: 48px;
    overflow: hidden;
    transition: all .3s ease-in
}

.footer {
    position: relative;
    z-index: 10;
    background: url(/static/cn/img/rBQBHVy-uBeESM_VAAAAAHSsbr0586.jpg)no-repeat;
    padding-top: 168px;
    box-sizing: border-box;
    background-size: cover;
    padding-bottom: 30px;
}

.foot_logo {
    width: 39px;
    margin: auto;
}

.foot_logo img {
    display: block;
    width: 100%;
}

.foot {
    width: 1320px;
    margin: 50px auto 0;
}

.findse {
    width: 430px;
    float: left;
}

.find_tit {
    font-size: 20px;
    color: #f2ca96;
}

.find_text {
    font-size: 16px;
    color: #7d7d7d;
    line-height: 25px;
    margin-top: 20px;
}

.find_list {
    margin-top: 75px;
}

.find_list li {
    float: left;
    opacity: 0.5;
    transition: all .3s ease-in;
}

.find_list li:hover {
    opacity: 1;
}

.find_list li+li {
    margin-left: 45px;
}

.foot_nav {
    width: 835px;
    float: right;
    text-align: right;
}

.foot_nav ul {
    font-size: 0;
    width: 100%;
}

.foot_nav li {
    text-align: left;
    font-size: 16px;
    margin: 0 14px;
    display: inline-block;
    vertical-align: top;
}

.foot_nav li>a {
    color: #FFFFFF;
}

.foot_senav {
    margin-top: 30px;
    line-height: 26px;
}

.foot_senav a {
    font-size: 12px;
    color: #7d7d7d;
}

.foot_nav li a:hover {
    color: #efae8d;
}

.cont_code {
    text-align: right;
    font-size: 12px;
    color: #7d7d7d;
    width: 1200px;
    margin: 30px auto 0
}

.codes {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 10px;
}
.codes p{
    max-width: 200px;
    
}

.codes_pic {
    width: 95px;
    margin: 0 auto 5px;
}

.codes_pic img {
    display: block;
    width: 100%;
}

.copy {
    width: 1320px;
    margin: 70px auto 0;
    padding-top: 15px;
    box-sizing: border-box;
}

.copy_text {
    float: left;
    font-size: 14px;
    color: #7d7d7d;
    margin-left: 20px;
    line-height: 24px;
}

.wei {
    transition: all .3s ease-in;
    cursor: pointer;
    float: right;
    background: url(/static/cn/img/rBQBHVy-qyeEaQywAAAAABMI_8g903.png)no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    margin-right: 18px;
    margin-top: 10px;
}

.wei_code {
    display: none;
    position: absolute;
    left: 40%;
    bottom: 90px;
    transform: translateX(-100%);
    width: 150px;
}

.wei_code img {
    display: block;
    width: 100%;
}

.wei:hover {
    background: url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qu-Eam1IAAAAAJFxR9w525.png)no-repeat;
}

.foot_nav li:last-child {
    margin-right: 0;
}

/*footer*/

/*é¦–é¡µ*/

.fact_ban {
    width: 100%;
    position: relative;
    z-index: 10;
}

.fact_ban img {
    display: block;
    width: 100%;
}

.fact_pic {
    width: 100%;
    position: relative;
    z-index: 10;
}
@media only screen and (max-width: 768px) {
    .fact_pic{height: 50vw;}
    .fact_ban img{height: 100%;
    object-fit: cover;}
}

.video-filter {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background: rgba(0, 0, 0, .7);
    display: none;
}

.video-filter .video-close {
    display: block;
    width: 40px;
    height: 40px;
    background: url(//dfs.yun300.cn/group1/M00/04/02/rBQBHVy4N7qEIvUpAAAAAOKDr4g548.png);
    background-size: 100% 100%;
    position: absolute;
    top: -20px;
    right: -20px;
    transition: .4s;
    z-index: 999;
}

.video-filter .video-close:hover {
    transition: .4s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.video-filter .video-player {
    position: absolute;
    width: 800px;
    height: 450px;
    top: 50%;
    left: 50%;
    margin: -225px 0 0 -400px;
}

.video-filter .video-player video {
    width: 100%;
    height: 100%;
    background: #000;
    outline: none;
}

.blip_pic img {
    height: auto;
}

@media screen and (max-width: 768px) {
    .video-filter .video-close {
        display: block;
        width: 36px;
        height: 36px;
        top: 10px;
        right: 10px;
    }

    .video-filter .video-player {
        width: 96%;
        height: 260px;
        margin: -150px auto 0 0;
        left: 2%;
    }

}

.fact_info {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 50;
    color: #FFFFFF;
}

.fact_tit {
    font-size: 48px;
    color: #ffffff;
}

.fact_text {
    font-size: 12px;
}

.fact_text a {
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}
.fact_text a em{color:#fff;padding:0 5px 0 0;}
.fact_text a:first-child:after {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #FFFFFF;
    left: 0;
    bottom: -3px;
}

.fact_text a:hover {
    color: #f2ca96;
}

.fact_text a:first-child:hover:after {
    background: #f2ca96;
}

.fact_text span {
    color: #f2ca96;
}
.fact_text span em{color:#fff;padding:0 5px 0 0;}

.advert {
    height: 312px;
    text-align: center;
    background: #f5fbfd;
    position: relative;
    z-index: 50;
}

.adv_text {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.adv_tit {
    font-size: 40px;
    color: #4fa5ba;
}

.adv_info {
    font-size: 16px;
    color: #7d7d7d;
}

.advert .adv_fllow {
    cursor: pointer;
    transition: all .3s ease-in;
    opacity: 1;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-rp-Ee5JUAAAAAJ_jWrI391.png)no-repeat;
    width: 80px;
    height: 80px;
    bottom: -40px;
    background-size: cover;
}

.advert .adv_fllow:hover {
    opacity: 0.5;
}

.inter {
    position: relative;
    z-index: 20;
}

.inter {
    width: 1280px;
    margin: 104px auto 140px;
  background: url(/static/cn/img/rBQBHVy-rq2EOwofAAAAAFQOtE82701.png)no-repeat;
    background-position: center 0;
    padding-top: 50px;
    box-sizing: border-box;
}

.inter_tit {
    font-size: 40px;
    color: #477595;
    text-align: center;
    line-height: 40px;
    margin-bottom: 55px;
}

.inter_text {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
}

.inter_list {
    margin-top: 50px;
}

.inter_num {
    text-align: center;
    color: #477595;
}

.inter_num h2 {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 15px;
    font-weight: 900;
    opacity: 0;
    position: relative;
    left: -80px;
}

.adv_tit span {
    display: inline-block;
    cursor: pointer;
}

@keyframes interanimate {
    0% {
        -moz-transform: scale(1);
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        /*å…¼å®¹IE*/
        filter: FlipH;
    }
    50% {
        -moz-transform: scale(0.5);
        opacity: 0;
        -webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        /*å…¼å®¹IE*/
        filter: FlipH;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        /*å…¼å®¹IE*/
        filter: FlipH;
    }
}

.inter_num p {
    font-size: 16px;
    line-height: 16px;
}

.inter_list li {
    float: left;
    cursor: pointer;
}

.inter_list li+li {
    margin-left: 45px;
}

.sma_inter {
    width: 320px;
}

.big_inter {
    width: 550px;
}

.inter_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
    padding-top: 33px;
    box-sizing: border-box;
    border-top: 4px solid #7D7D7D;
    margin-top: 60px;
    position: relative;
}

.inter_info:after {
    position: absolute;
    content: "";
    display: block;
    left: 50%;
    top: -4px;
    transform: translateX(-50%);
    transition: all .3s ease-in;
    height: 4px;
    width: 0;
}

.expart .inter_info:after {
    background: #e3b760;
}

.usa .inter_info:after {
    background: #4fa5ba;
}

.staff .inter_info:after {
    background: #5f1d14;
}

.inter_list li:hover .inter_info:after {
    width: 100%;
}

.usa_num .inter_num {
    width: 50%;
    float: left;
}

.survey {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-uC-EOP21AAAAAK1jhx8083.jpg)no-repeat;
    height: 732px;
    background-position: center;
    background-size: cover;
    padding-top: 3px;
    box-sizing: border-box;
}

.survey_ban {
    width: 1080px;
    margin: auto;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.55);
}

.sur_pic {
    position: relative;
    z-index: 10;
}

.sur_pic img {
    display: block;
    width: 100%;
    transition: all .3s ease-in;
}

.sur_text {
    transition: all .3s ease-in;
    position: absolute;
    color: #FFFFFF;
    left: 0;
    bottom: 0;
    z-index: 50;
    width: 100%;
    background: rgba(138, 184, 196, 0.94);
    padding: 28px 24px 20px;
    box-sizing: border-box;
}

.sur_tit {
    font-size: 30px;
    line-height: 30px;
}

.sur_info {
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.survey_ban li:hover img {
    transform: scale(1.05);
}

.survey_ban li:hover .sur_text {
    background: rgba(138, 184, 196, 1);
}

.survey_use .swiper-button-next,
.survey_use .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FFFFFF;
    overflow: hidden;
}

.survey_use .swiper-button-prev {
    left: 34px;
}

.survey_use .swiper-button-next {
    right: 34px;
}

.survey_use {
    position: relative;
    transition: all .3s ease-in;
    width: 1420px;
    height: 100%;
    margin: auto;
    padding-top: 73px;
    box-sizing: border-box;
    background: rgba(152, 188, 210, 0.3);
}

.survey_use:hover {
    background: rgba(71, 117, 149, 1);
}

.survey_use .swiper-button-next em,
.survey_use .swiper-button-prev em {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.prev:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-rsWEDZHBAAAAAI4WWZg417.png)no-repeat;
    background-position: center;
}

.prev:after {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50px;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-rtqEa5i9AAAAAIqzd2Y852.png)no-repeat;
    background-position: center;
}

.next:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-ruiESyndAAAAAIbQ6vo994.png)no-repeat;
    background-position: center;
}

.next:after {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50px;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-rvaEZJNJAAAAAOnPigg064.png)no-repeat;
    background-position: center;
}

.prev:hover:before {
    left: 50px;
}

.prev:hover:after {
    left: 0;
}

.next:hover:before {
    left: 50px;
}

.next:hover:after {
    left: 0;
}

.idea_box {
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-rxaEbpzHAAAAABeJyRk467.jpg);
    padding: 160px 0 100px;
    box-sizing: border-box;
}

.idea {
    width: 1280px;
    margin: auto;
}

.idea_sc {
    width: 391px;
    float: left;
    margin-left: 30px;
}

.idea_sc img {
    display: block;
    width: 100%;
}

.idea_info {
    float: right;
    width: 605px;
    margin-right: 134px;
}

.idea_text {
    font-size: 24px;
    color: #7d7d7d;
    line-height: 36px;
    text-align: justify;
}

.sign {
    font-size: 14px;
    color: #7d7d7d;
    text-align: left;
    margin-top: 50px;
}

.master_box {
    position: relative;
    z-index: 80;
    width: 100%;
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-ryWEGyzbAAAAAC0G-6s632.jpg);
    background-size: cover;
    padding: 220px 0 120px;
    box-sizing: border-box;
}

.master {
    width: 1280px;
    margin: auto;
    padding: 180px 56px 92px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 2px 0 21px rgba(71, 117, 149, 0.29);
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-ryCEOES-AAAAAPZKN04396.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.mas_head {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);
}

.mas_head img {
    transition: all .3s ease-in;
    display: block;
    width: 100%;
    height: 100%;
}

.mas_head:hover img {
    transform: scale(1.05);
}

.mas_tit {
    font-size: 40px;
    color: #477595;
    font-weight: 900;
    text-align: center;
    line-height: 40px;
}

.master_info {
    margin-top: 25px;
    font-size: 16px;
    color: #7d7d7d;
    line-height: 28px;
}

.master_info p+p {
    margin-top: 30px;
}

.master_sign {
    text-align: right;
    font-size: 20px;
    color: #7d7d7d;
}

.line {
    position: relative;
    height: 5px;
    box-sizing: border-box;
    margin: 45px 0 25px;
}

.line:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    background: #477595;
    width: 100%;
}

.line:after {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #477595;
    width: 100%;
}

.master:hover .line:before {
    -moz-animation: linemate 2s linear;
    /* Firefox */
    -webkit-animation: linemate 2s linear;
    /* Safari and Chrome */
    -o-animation: linemate 2s linear;
    /* Opera */
}

.master:hover .line:after {
    -moz-animation: linemate 2s linear;
    /* Firefox */
    -webkit-animation: linemate 2s linear;
    /* Safari and Chrome */
    -o-animation: linemate 2s linear;
    /* Opera */
}

@keyframes linemate {
    0% {
        width: 100%;
    }
    50% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*1-2æ¦‚å†µ*/

.miss_top {
    width: 1280px;
    margin: 123px auto;
}

.miss_text {
    width: 606px;
    float: left;
    padding-left: 29px;
    box-sizing: border-box;
    margin-top: 105px;
}

.miss_mon {
    font-size: 40px;
    color: #333333;
    margin-bottom: 30px;
}

.mon_text {
    font-size: 16px;
    color: #7d7d7d;
    line-height: 27px;
}

.mon_text p+p {
    margin-top: 35px;
}

.mon_pic {
    width: 562px;
    background: url(/static/cn/img/rBQBG1y-r0OEIqQWAAAAAPifQ0Q678.jpg)no-repeat;
    height: 495px;
    line-height: 495px;
    padding-right: 64px;
    box-sizing: border-box;
    float: right;
    background-position: 100%;
}

.mon_pic img {
    width: 100%;
    vertical-align: middle;
}

.miss_list {
    width: 1280px;
    margin: 0 auto 140px;
}

.miss_list li {
    border-bottom: 1px solid #FFFFFF;
}

.miss_list li:nth-of-type(odd) {
    background: #f1f8fa;
}

.miss_list li:nth-of-type(even) {
    background: #f8fbfc;
}

.miss_tit {
    height: 90px;
    line-height: 90px;
    overflow: hidden;
}

.miss_tit span {
    display: block;
}

.miss_order {
    width: 99px;
    float: left;
    font-size: 36px;
    color: #4fa5ba;
    font-weight: 900;
    text-align: center;
}

.miss_name {
    width: 900px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    color: #7d7d7d;
}

.miss_btn {
    cursor: pointer;
    width: 80px;
    float: right;
    background: url(/static/cn/img/rBQBG1y-r1OEBB5kAAAAAIt-M10641.png)no-repeat;
    background-position: center;
    height: 100%;
}

.miss_info {
    display: none;
    background: #FFFFFF;
    border: 1px solid #4fa5ba;
    font-size: 16px;
    color: #4fa5ba;
    line-height: 28px;
    padding: 55px 60px 50px 100px;
    box-sizing: border-box;
}

.miss_list li.active .miss_tit {
    background: #4fa5ba;
}

.miss_list li.active .miss_order {
    color: #e3b760;
}

.miss_list li.active .miss_name {
    color: #FFFFFF;
}

.miss_list li.active .miss_btn {
    background: url(/static/cn/img/rBQBHVy-r06EBkvqAAAAAE095QY654.png)no-repeat;
    background-position: center;
}

/*1-3-1*/

.miss_box {
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-ryWEGyzbAAAAAC0G-6s632.jpg)no-repeat;
    background-size: cover;
    padding: 120px 0 140px;
    box-sizing: border-box;
}

.mission {
    transition: all .3s ease-in;
    width: 1280px;
    margin: 0 auto 80px;
    padding: 55px;
    box-sizing: border-box;
    border-radius: 7px;
    background: url(/static/cn/img/rBQBG1y-r2-EJMjDAAAAAD_OkWY271.jpg)no-repeat;
    background-position: 100%;
    height: 340px;
}

.common {
    width: 700px;
    color: #FFFFFF;
}

.com_tit {
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
}

.com_text {
    font-size: 14px;
    line-height: 28px;
    margin-top: 20px;
}

.com_text p+p {
    margin-top: 30px;
}

.mission:hover {
    box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.3);
}

.com_tit span {
    display: inline-block;
}

.common_ban {
    width: 1173px;
    margin: auto;
    position: relative;
    z-index: 50;
}

.com_info {
    transition: all .3s ease-in;
    width: 1173px;
    margin: 40px auto 0;
    background: #eeeae3;
    font-size: 16px;
    color: #7d7d7d;
    line-height: 30px;
    border-radius: 6px;
    padding: 55px;
    box-sizing: border-box;
}

.com_info:hover {
    background: #ebe4d9;
}

.com_top {
    text-align: center;
    position: relative;
}

.com_top span {
    transition: all .3s ease-in;
    position: relative;
    z-index: 50;
    display: block;
    width: 740px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #e3b760;
    border-radius: 30px;
    font-size: 24px;
    color: #ffffff;
    margin: auto;
}

.com_top span:hover {
    background: #c79e4d;
    box-shadow: 5px 8px 4px rgba(0, 0, 0, 0.1);
}

.common_box {
    width: 1280px;
    margin: auto;
    position: relative;
}

.common_box:after {
    z-index: 20;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 29px;
    border-top: 2px dashed #ebe6dc;
}

.common_box .swiper-button-next,
.common_box .swiper-button-prev {
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eeeae3;
    overflow: hidden;
}

.common_box .swiper-button-next:hover,
.common_box .swiper-button-prev:hover {
    background: #e3b760;
}

.common_box .swiper-button-prev {
    left: 0;
    top: 30px;
}

.common_box .swiper-button-next {
    right: 0;
    top: 30px;
}

.com_prev:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/static/cn/img/rBQBHVy-r2mEGPLkAAAAAHBQAGY969.png)no-repeat;
    background-position: center;
}

.com_next:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r3SEIQ7GAAAAADmLA-k114.png)no-repeat;
    background-position: center;
}

/*1-3*/

.adviser {
    width: 1280px;
    margin: 120px auto 140px;
}

.team_tit {
    font-size: 30px;
    color: #FFFFFF;
    height: 78px;
    line-height: 78px;
    padding-left: 30px;
    box-sizing: border-box;
}

.adviser .team_tit {
    background: url(/static/cn/img/rBQBG1y-r5SEbB2XAAAAAOmy7Ds648.jpg);
}

.modle_box {
    background: url(/static/cn/img/rBQBHVy-r4-EdsWWAAAAAFJ6j-U632.jpg);
    min-height: 354px;
    margin: 30px auto;
    padding: 30px;
    box-shadow: 14px 0 27px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    position: relative
}

.modle {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 50;
    padding: 55px 55px 50px;
}

.adviser .modle {
    border: 1px solid #477595;
}

.modle_pic {
    width: 235px;
    height: 354px;
    position: absolute;
    right: 60px;
    top: 0;
    box-shadow: 4px 0 38px rgba(0, 0, 0, 0.2);
    z-index: 60;
}

.modle_pic a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.modle_pic img {
    transition: all .3s ease-in;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.modle_pic:hover img {
    transform: scale(1.05);
}

.modle_cont {
    width: 815px;
}

.mod_tit {
    font-size: 24px;
    color: #2b2b2b;
    font-weight: 900;
}

.mod_job {
    font-size: 16px;
    color: #2b2b2b;
    margin-top: 5px;
}

.mod_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 25px;
    margin-top: 25px;
    text-align: justify;
}

.team_list {
    width: 1320px;
    margin-left: -20px;
    background: #FFFFFF;
}

.team_list li {
    float: left;
    width: 620px;
    margin: 10px 20px;
    transition: all .3s ease-in;
    display: none;
}

.adviser .team_list li {
    background: #f1f4f7;
}

.team_list li a {
    display: block;
}

.team_pic {
    width: 215px;
    height: 300px;
    float: left;
    overflow: hidden;
}

.adviser .team_pic {
    background: #447190;
}

.team_pic img {
    transition: all .3s ease-in;
    width: 100%;
    display: block;
    height: 100%;
}

.team_list li:hover img {
    transform: scale(1.05);
}

.team_cont {
    width: 326px;
    float: left;
    margin-left: 30px;
    padding-top: 35px;
}

.team_name {
    font-size: 24px;
    color: #2b2b2b;
    transition: all .3s ease-in;
}

.team_job {
    font-size: 16px;
    color: #2b2b2b;
    transition: all .3s ease-in;
    margin-top: 5px;
}

.team_info {
    font-size: 14px;
    line-height: 24px;
    color: #7d7d7d;
    margin-top: 18px;
}

.adviser .team_list li:hover .team_name {
    color: #447190;
}

.adviser .team_list li:hover .team_job {
    color: #447190;
}

.team_list li:hover {
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
}

.adv_more {
    transition: all .3s ease-in;
    width: 120px;
    margin: 50px auto 0;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #477595;
}

.adv_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.adv_more em {
    margin-left: 20px;
}

.adv_more:hover {
    background: #5887a8;
}

.manmge {
    width: 1280px;
    margin: 0 auto 140px;
}

.manmge .team_tit {
    background: url(/static/cn/img/rBQBG1y-r7OECrz5AAAAAOmyY_M104.jpg);
}

.manmge .team_pic {
    background: #eead8c;
}

.manmge .team_list li {
    background: #fef9f6;
}

.manmge .modle {
    border: 1px solid #efae8d;
}

.manmge .adv_more {
    background: #efae8d;
}

.manmge .adv_more:hover {
    background: #f3c0a7;
}

.manmge .team_list li:hover .team_name {
    color: #eead8c;
}

.manmge .team_list li:hover .team_job {
    color: #eead8c;
}

/*1-4*/

.resultbox {
    width: 100%;
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-ryWEGyzbAAAAAC0G-6s632.jpg)no-repeat;
    padding-top: 115px;
    padding-bottom: 120px;
    box-sizing: border-box;
}

.result {
    width: 1280px;
    margin: auto;
}

.resu_tit {
    font-size: 40px;
    color: #333333;
    text-align: center;
}

.result_list {
    background: url(/static/cn/img/rBQBG1y-r8WERO62AAAAAOJkjms054.png)no-repeat;
    width: 1310px;
    margin-top: 30px;
    margin-left: -15px;
    background-size: 100% 100%;
    padding: 44px 13px;
    box-sizing: border-box;
}

.result_list ul {
    width: 100%;
    height: 100%;
    background: url(/static/cn/img/rBQBG1y-r9GET1ALAAAAAC4JpsQ057.jpg);
    padding: 40px 0;
    box-sizing: border-box;
    background-size: cover;
}

.result_list li {
    width: 340px;
    margin: 0 40px;
    float: left;
    font-size: 14px;
}

.result_list p {
    padding-left: 25px;
    box-sizing: border-box;
    line-height: 35px;
    display: block;
    background: url(/static/cn/img/rBQBG1y-uE-EYtx0AAAAAAHmO_Y935.png)no-repeat;
    background-position: 0 10px;
}

.result_list a {
    display: block;
    color: #ffffff;
}

.result_list a:hover {
    color: #efae8d;
}

.score_box {
    width: 1280px;
    margin: 115px auto 0;
}

.score {
    margin-top: 25px;
}

.age_box {
    width: 100px;
    float: left;
}

.at_age {
    font-size: 40px;
    text-align: center;
    color: #5f1d14;
    font-weight: 900;
    line-height: 40px;
    padding-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 3px solid #5f1d14;
}

.age_prev {
    transition: all .3s ease-in;
    width: 100%;
    height: 42px;
    background: #f9f5f4 url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r8yEL2ySAAAAACmxxlE278.png)no-repeat;
    background-position: center 100%;
    cursor: pointer;
}

.age_prev:hover {
    background: #f9ded7 url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-r-6EA_kxAAAAAGrgahg979.png)no-repeat;
    background-position: center 100%;
}

.age_next:hover {
    background: #f9ded7 url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r-eEXSwBAAAAAKQr7JA686.png)no-repeat;
    background-position: center 0;
}

.age_next {
    transition: all .3s ease-in;
    width: 100%;
    height: 42px;
    background: #f9f5f4 url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r_KEfKKfAAAAAA3KQqM853.png)no-repeat;
    background-position: center 0;
    cursor: pointer;
}

.age_list {
    height: 670px;
    width: 110px;
    padding: 0 5px;
    margin-left: -5px;
    box-sizing: border-box;
    overflow: hidden;
}

.age_list li {
    height: 135px;
    line-height: 135px;
    cursor: pointer;
    background: #f9f5f4;
    font-size: 18px;
    color: #666666;
    font-weight: 900;
    text-align: center;
    position: relative;
}

.age_list li:after {
    transition: all .3s ease-in;
    z-index: 20;
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    background: #e9dfdd;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.age_list li.active:after {
    width: 110px;
}

.age_list li.active {
    color: #5f1d14;
}

.age_list li span {
    position: relative;
    z-index: 50;
}

.age_list li:hover:after {
    width: 110px;
}

.score_rig {
    width: 1100px;
    float: left;
    margin-left: 60px;
    background: #f9f5f4;
    padding: 60px 0 150px;
    box-sizing: border-box;
}

.mark_list {
    width: 100%;
    overflow: hidden;
}

.mark {
    width: 100%;
    float: left;
}

.mark_tit {
    width: 100%;
    overflow: hidden;
}

.mark_tit span {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    background: #FFFFFF;
    padding-left: 46px;
    box-sizing: border-box;
    position: relative;
    font-size: 24px;
    color: #5f1d14;
    left: -100%;
    opacity: 0;
}

.mark_tit span:after {
    display: block;
    content: "";
    width: 50px;
    height: 100%;
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sBOEFCkAAAAAAIvy1do168.png)no-repeat;
    position: absolute;
    background-position: 100%;
    right: -50px;
    top: 0;
}

.mark_list ul {
    width: 200000px;
}

.mark_list li {
    float: left;
    width: 1100px;
}

.mark_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 36px;
    padding: 0 46px;
    box-sizing: border-box;
    margin-top: 25px;
    margin-bottom: 55px;
}

.branch {
    font-size: 0;
    text-align: center;
    position: relative;
    z-index: 50;
}

.branch:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.bran {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0 30px;
    vertical-align: middle;
    position: relative;
    z-index: 80;
}

.bran a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.x_bran {
    background: #5f1d14;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
}

.g_bran {
    background: #efae8d;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
}

.p_bran {
    background: #8ab8c4;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
}

.l_bran {
    background: #edc678;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
}

.c_bran {
    background: #477595;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
}

.bran_pic {
    transition: all .3s ease-in;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    opacity: 0.1;
}

.bran_pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.bran_text {
    display: block;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 110px;
    text-align: center;
    color: #FFFFFF;
}

.bran:hover .bran_pic {
    opacity: 1;
}

.c_bran .bran_text {
    height: 170px;
    height: 170px;
    line-height: 170px;
    font-size: 20px;
}

.c_bran .bran_pic {
    opacity: 0.3;
}

.bran:hover {
    background: none !important;
}

/*1-5*/

.calen_box {
    width: 1280px;
    margin: 120px auto;
}

.record_box {
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-rxaEbpzHAAAAABeJyRk467.jpg);
    padding: 117px 0 135px;
    box-sizing: border-box;
}

.record {
    width: 1280px;
    margin: auto;
}

.reco_age {
    float: left;
    width: 100px;
}

.record_list {
    width: 1065px;
    float: right;
    overflow: hidden;
}

.record_list ul {
    width: 20000px;
}

.record_list li {
    width: 1065px;
    float: left;
    padding-left: 50px;
    box-sizing: border-box;
}

.reco_time {
    font-size: 30px;
    color: #333333;
    position: relative;
}

.reco_time:after {
    background: #5f1d14;
    display: block;
    content: "";
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.reco_prese {
    font-size: 20px;
    color: #666666;
    margin-top: 15px;
}

.reco_img {
    width: 1035px;
    margin-left: -20px;
    margin-top: 25px;
}

.reco_pic {
    float: left;
    overflow: hidden;
    width: 324px;
    height: 182px;
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sCSEUHeFAAAAAKfYmTk701.jpg)no-repeat;
    background-size: cover;
}

.reco_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.reco_pic:hover img {
    transform: scale(1.05);
    cursor: pointer;
}

.reco_info {
    box-sizing: border-box;
    position: relative;
}

.reco_info:after {
    background: #5f1d14;
    display: block;
    content: "";
    position: absolute;
    left: -45px;
    top: 10px;
    width: 1px;
    height: 100%;
}

.reco_entry:nth-child(1) .reco_time:after {
    background: #e3b760;
}

.reco_entry:nth-child(2) .reco_time:after {
    background: #477595;
}

.reco_entry:nth-child(3) .reco_time:after {
    background: #48583d;
}

.reco_entry:nth-child(4) .reco_time:after {
    background: #4fa5ba;
}

.reco_entry:nth-child(1) .reco_info:after {
    background: #e3b760;
}

.reco_entry:nth-child(2) .reco_info:after {
    background: #477595;
}

.reco_entry:nth-child(3) .reco_info:after {
    background: #48583d;
}

.reco_entry:nth-child(4) .reco_info:after {
    background: #4fa5ba;
}

.reco_entry {
    margin-bottom: 35px;
}

.reco_more {
    transition: all .3s ease-in;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #5f1d14;
}

.reco_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.reco_more em {
    margin-left: 20px;
}

.reco_more:hover {
    background: #7b3329;
}

/*1-6*/

.calen_box {
    width: 1280px;
    margin: 120px auto;
}

#calendar {
    width: 100%;
}

.fc-grid th {
    height: 60px;
    line-height: 60px;
    background: #631e15;
    color: #FFFFFF;
    font-size: 18px;
}

.fc-week td {
    color: #7d7d7d;
    font-size: 18px;
    height: 200px;
    padding-top: 30px;
    box-sizing: border-box;
}

.fc-state-highlight {
    background: transparent;
}

.fc-week td .fc-sat .fc-day-number {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e3b760;
    color: #FFFFFF;
}

.fc-event {
    background: transparent;
    color: #e3b760;
    font-size: 14px;
    border: none;
    text-align: center;
    margin-top: 80px;
}

.fc-grid .fc-day-number {
    margin-right: 15px;
}

.cala_top {
    width: 100%;
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sDCEYE-WAAAAAGZ5uDU319.jpg)no-repeat;
    padding: 0 90px;
    margin-bottom: 40px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

.cale_btn {
    width: 90px;
    height: 100%;
    position: relative;
    cursor: pointer;
    transition: all .3s ease-in;
    background: rgba(255, 255, 255, .1);
}

.cale_btn em {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
}

.cale_prev {
    float: left;
}

.cale_next {
    float: right;
}

.year_btn {
    transition: all .3s ease-in;
    width: 90px;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: pointer;
    transition: all .3s ease-in;
    background: rgba(255, 255, 255, .1);
}

.year_btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

.cale_btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

.year_prev {
    left: 0;
}

.year_next {
    right: 0;
}

.year_prev:after {
    transition: all .3s ease-in;
    opacity: 0.3;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sDuEFWYYAAAAAOt7I7o904.png)no-repeat;
    background-position: center;
    background-size: 22px;
}

.year_next:after {
    transition: all .3s ease-in;
    opacity: 0.3;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sEiEH3kNAAAAANdtjKs124.png)no-repeat;
    background-position: center;
    background-size: 22px;
}

.cale_prev:after {
    position: relative;
    z-index: 10;
    transition: all .3s ease-in;
    opacity: 0.3;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
    background-position: center;
    background-size: 12px;
}

.cale_next:after {
    position: relative;
    z-index: 10;
    transition: all .3s ease-in;
    opacity: 0.3;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
    background-position: center;
    background-size: 12px;
}

.cale_prev:hover:after {
    opacity: 1;
}

.cale_next:hover:after {
    opacity: 1;
}

.year_prev:hover:after {
    opacity: 1;
}

.year_next:hover:after {
    opacity: 1;
}

.cale_year {
    width: 100px;
    float: left;
    background: rgba(255, 255, 255, 0.3);
    height: 100%;
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
}

.year_list {
    width: 800px;
    float: left;
    height: 100%;
    overflow: hidden;
}

.year_list ul {
    width: 20000px;
}

.year_list li {
    width: 100px;
    float: left;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    transition: all .3s ease-in;
}

.year_list li:hover {
    color: #e3b760;
    font-size: 24px;
}

.year_list li.active {
    color: #e3b760;
    font-size: 24px;
}

.calen_ban {
    margin-bottom: 40px;
    width: 100%;
}

.cale_pic {
    width: 100%;
    position: relative;
}

.cale_pic img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 20;
}

.cale_pic a {
    font-size: 40px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 40;
}

/*1-7*/

.cour_top {
    text-align: center;
    padding: 115px 0 110px;
    box-sizing: border-box;
    position: relative;
    z-index: 80;
}

.cour_tit {
    font-size: 40px;
    color: #2b2b2b;
}

.cour_tit span {
    display: inline-block;
}

.cour_info {
    font-size: 16px;
    color: #7d7d7d;
}

.cour_follow {
    cursor: pointer;
    transition: all .3s ease-in;
    opacity: 1;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sGSEf0esAAAAAC8wd8A480.png)no-repeat;
    width: 80px;
    height: 80px;
    bottom: -40px;
    background-size: cover;
}

.cour_follow:hover {
    opacity: 0.8;
}

.kern_box {
    width: 100%;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sHGEFj4NAAAAADoK_Gc553.jpg)no-repeat;
    height: 779px;
    position: relative;
    z-index: 10;
    padding-top: 118px;
    box-sizing: border-box;
}

.kern {
    width: 1280px;
    margin: auto;
    text-align: center;
}

.kern_tit {
    font-size: 40px;
    color: #FFFFFF;
}

.kern_list {
    margin-top: 70px;
}

.kern_list li {
    cursor: pointer;
    float: left;
    width: 300px;
    height: 134px;
    line-height: 134px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
}

.kern_list li+li {
    margin-left: 26px;
}

.kern_list li span {
    display: inline-block;
    line-height: 1.5;
    max-width: 90%;
    margin: auto;
}

.yue {
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sJCEeiABAAAAADQeBkg699.png)no-repeat;
    background-size: 100% 100%;
}

.he {
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sI2EHnwoAAAAAOUJQKk226.png)no-repeat;
    background-size: 100% 100%;
}

.xing {
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sK6EX1NDAAAAAOO0wuE052.png)no-repeat;
    background-size: 100% 100%;
}

.shan {
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sKqEMP4uAAAAAP6TNoA076.png)no-repeat;
    background-size: 100% 100%;
}

.kern_info {
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    text-align: center;
    margin: 40px auto 0;
    width: 900px;
}

.kern_use {
    width: 1280px;
    position: relative;
    z-index: 80;
    margin: auto;
    margin-top: -240px;
    margin-bottom: 110px;
}

.kern_ban {
    position: relative;
    z-index: 50;
    overflow: hidden;
}

.kern_ban a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.new_kern_ban {
    position: relative;
    z-index: 50;
}

.new_kern_ban a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.kern_pic {
    position: relative;
    z-index: 50;
    overflow: hidden;
}

.kern_pic img {
    transition: all .3s ease-in;
    display: block;
    width: 100%;
    height: 100%;
}

.kern_text {
    opacity: 0;
    transition: all .3s ease-in;
    position: absolute;
    text-align: center;
    padding-bottom: 29px;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 80;
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sMqEdL7dAAAAAKASzK8152.png)no-repeat;
    background-position: 100% 100%;
    background-size: 100% 100%;
}

.kern_name {
    font-size: 20px;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    box-sizing: border-box;
}

.kern_war {
    font-size: 14px;
    color: #ffffff
}

.kern_ban li:hover img {
    transform: scale(1.05);
}

.new_kern_ban li:hover img {
    transform: scale(1.05);
}

.kern_next {
    cursor: pointer;
    transition: all .3s ease-in;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 80;
    width: 50px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
    background-position: center;
}

.new_kern_next {
    cursor: pointer;
    transition: all .3s ease-in;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 80;
    width: 50px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
    background-position: center;
}

.kern_prev {
    cursor: pointer;
    transition: all .3s ease-in;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 80;
    width: 50px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
    background-position: center;
}

.new_kern_prev {
    cursor: pointer;
    transition: all .3s ease-in;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 80;
    width: 50px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
    background-position: center;
}

.kern_next:hover {
    background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
    background-position: center;
}

.kern_prev:hover {
    background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
    background-position: center;
}

.new_kern_next:hover {
    background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
    background-position: center;
}

.new_kern_prev:hover {
    background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
    background-position: center;
}

.kern_ban .swiper-slide.swiper-slide-active .kern_text {
    opacity: 1;
}

.new_kern_ban .swiper-slide.swiper-slide-active .new_kern_text {
    opacity: 1;
}

.assn_box {
    width: 1280px;
    margin: 0 auto 115px;
}

.assn_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.assn {
    margin-top: 40px;
}

.assn_cour {
    float: left;
    width: 880px;
    position: relative;
}

.assn_pic {
    width: 100%;
    position: relative;
    z-index: 50;
    overflow: hidden;
}

.assn_pic img {
    transition: all .3s ease-in;
    display: block;
    width: 100%;
    height: 100%;
}

.assn_cour:hover img {
    transform: scale(1.05);
}

.assn_logo a {
    display: block;
    float: right;
}

.assn_logo img {
    display: block;
}

.assn_text {
    transition: all .3s ease-in;
    position: absolute;
    z-index: 80;
    line-height: 24px;
    font-size: 14px;
    color: #7d7d7d;
    width: 580px;
    padding: 35px 45px 0px 40px;
    box-sizing: border-box;
    background: #FFFFFF;
    right: 30px;
    bottom: -40px;
}

.assn_star {
    float: right;
    width: 320px;
    background: #e3b760;
}

.assn_top {
    width: 100%;
    padding: 30px 38px 38px;
    box-sizing: border-box;
}

.assn_logo {
    text-align: right;
    opacity: 0.7;
}

.assn_intro {
    font-size: 14px;
    color: #ffffff;
    line-height: 25px;
    margin-top: 30px;
}

.intro_pic {
    width: 100%;
    overflow: hidden;
}

.intro_pic img {
    transition: all .3s ease-in;
    display: block;
    width: 100%;
    height: 100%;
}

.intro_pic:hover img {
    transform: scale(1.05);
}

.pract_box {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-uFyEGqilAAAAAEkE4No075.jpg);
    padding: 115px 0;
    box-sizing: border-box;
}

.pract {
    width: 1280px;
    margin: auto;
}

.pra_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.pract_active {
    text-align: center;
    font-size: 18px;
    color: #7d7d7d;
    line-height: 38px;
    margin: 30px 0 50px;
}

.pract_aim {
    text-align: center;
    font-size: 14px;
    color: #477595;
}

.attain_box {
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sOyECuCYAAAAAE9-L0g474.jpg)no-repeat;
    padding: 100px 0 120px;
    box-sizing: border-box;
    background-size: cover;
}

.attain {
    width: 1280px;
    margin: auto;
}

.attain_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.attain_info {
    font-size: 14px;
    color: #7d7d7d;
    width: 900px;
    margin: 30px auto 55px;
    line-height: 28px;
    text-align: center;
}

.attain_use {
    width: 100%;
    position: relative;
}

.attain_ban {
    position: relative;
    z-index: 50;
}

.attain_ban a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.attain_pic {
    position: relative;
    z-index: 50;
    overflow: hidden;
}

.attain_pic img {
    transition: all .3s ease-in;
    display: block;
    width: 100%;
    height: 100%;
}

.attain_ban li:hover img {
    transform: scale(1.05);
}

.attain_next {
    cursor: pointer;
    transition: all .3s ease-in;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 80;
    width: 50px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
    background-position: center;
}

.attain_prev {
    cursor: pointer;
    transition: all .3s ease-in;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 80;
    width: 50px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
    background-position: center;
}

.attain_next:hover {
    background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
    background-position: center;
}

.attain_prev:hover {
    background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
    background-position: center;
}

.attain_ban .swiper-slide.swiper-slide-active .kern_text {
    opacity: 1;
}

/*2-1*/

.steam {
    width: 1280px;
    margin: 110px auto 120px;
}

.steam_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.steam_info {
    font-size: 16px;
    color: #7d7d7d;
    margin-top: 25px;
}

.steam_list {
    width: 1290px;
    margin-left: -5px;
    margin-top: 35px;
    margin-bottom: 55px;
}

.steam_list li {
    width: 50%;
    float: left;
}

.steam_list a {
    display: block;
    position: relative;
}

.ste_pic {
    position: relative;
    margin: 5px;
    overflow: hidden;
}

.ste_pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 20;
    transition: all .3s ease-in;
}

.steam_list a:after {
    transition: all .3s ease-in;
    z-index: 50;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

.sma_ste {
    float: left;
    width: 312px;
    height: 312px;
}

.midd_ste {
    width: 634px;
    height: 314px;
}

.big_ste {
    width: 636px;
    height: 636px;
}

.steam_list a:hover img {
    transform: scale(1.05);
}

.steam_list a:hover:after {
    background: rgba(0, 0, 0, 0);
}

.steam_more {
    transition: all .3s ease-in;
    width: 120px;
    margin: auto;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #5f1d14;
}

.steam_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.steam_more em {
    margin-left: 20px;
}

.steam_more:hover {
    background: #7b3329;
}

/*2-2-1*/

.feat_box {
    width: 1280px;
    margin: 120px auto;
}

.feat_list {
    width: 1305px;
    margin-left: -25px;
    margin-bottom: 30px;
}

.feat_list li {
    width: 410px;
    float: left;
    margin-left: 25px;
    margin-bottom: 25px;
}

.feat_list a {
    display: block;
}

.feat_pic {
    width: 100%;
    height: 240px;
    padding-bottom: 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.feat_pic img {
    transition: all .3s ease-in;
    display: block;
    position: relative;
    z-index: 50;
}

.feat_pic .img {
    transition: all .3s ease-in;
    display: block;
    position: relative;
    z-index: 50;
    width: 100%;
    height: 100%;
}

.feat_pic:after {
    display: block;
    width: 100%;
    content: "";
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #7d7d7d;
    z-index: 60;
}

.feat_pic:before {
    transition: all .3s ease-in;
    display: block;
    width: 0;
    content: "";
    height: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #477595;
    z-index: 80;
}

.feat_text {
    transition: all .3s ease-in;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    font-size: 20px;
    color: #7d7d7d;
}

.feat_list li:hover img {
    transform: scale(1.05);
}

.feat_list li:hover .img {
    transform: scale(1.05);
}

.feat_list li:hover .feat_pic:before {
    width: 100%;
}

.feat_list li:hover .feat_text {
    color: #477595;
}

.page {
    text-align: center;
    font-size: 0;
}

.page em {
    vertical-align: middle;
    margin: 0 10px;
    display: inline-block;
    border-radius: 4px;
    font-size: 18px;
    width: 63px;
    background: #bbbbbb;
    transition: all .3s ease-in;
    height: 31px;
    line-height: 31px;
    color: #FFFFFF;
    text-align: center;
}

.page em:hover {
    background: #5f1d14;
    cursor: pointer;
}

.page span {
    display: inline-block;
    vertical-align: middle;
}

.page a {
    display: inline-block;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 14px;
    width: 29px;
    background: #bbbbbb;
    border: 1px solid #aaaaaa;
    color: #4a4a4a;
    transition: all .3s ease-in;
    height: 29px;
    line-height: 29px;
    color: #FFFFFF;
    text-align: center;
}

.page a:hover {
    background: #5f1d14;
    cursor: pointer;
    color: #FFFFFF;
    border: 1px solid #5f1d14;
    background: #5f1d14;
}

.page a.active {
    background: #5f1d14;
    cursor: pointer;
    color: #FFFFFF;
    border: 1px solid #5f1d14;
    background: #5f1d14;
}

/*2-2*/

.depa_pic {
    width: 100%;
    position: relative;
    z-index: 50;
}

.depa_pic img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 20;
}

.depa_cont {
    width: 1280px;
    text-align: right;
    position: absolute;
    box-sizing: border-box;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
}

.depa_en {
    font-size: 24px;
    color: #c4c4c4;
}

.depa_tit {
    font-size: 60px;
    color: #ffffff;
    line-height: 64px;
    margin: 10px auto 20px;
}

.depa_cn {
    font-size: 16px;
    color: #c4c4c4;
}

.junior_box {
    width: 1280px;
    margin: 90px auto;
}

.jour_cont {
    width: 705px;
    float: left;
}

.jour_tit {
    font-size: 40px;
    color: #394d2a;
}

.jour_info {
    font-size: 16px;
    color: #7d7d7d;
    line-height: 28px;
    margin-top: 15px;
}

.jour_info p+p {
    margin-top: 25px;
}

.jour_img {
    position: relative;
    margin-right: 60px;
    float: right;
    display: block;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid #b2928e;
}

.jour_pic {
    cursor: pointer;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
}

.jour_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.jour_img:hover img {
    transform: scale(1.05);
}

.good_box {
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sO2EHV8tAAAAAMyWqUU811.jpg)no-repeat;
    height: 807px;
    position: relative;
    padding: 135px 0;
    box-sizing: border-box;
}

.good_follow {
    transition: all .3s ease-in;
    opacity: 1;
    cursor: pointer;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sPmEXzvaAAAAAIzXLWk388.png)no-repeat;
    width: 80px;
    height: 80px;
    top: -40px;
}

.good_follow:hover {
    opacity: 0.8;
}

.good_tit {
    width: 800px;
    margin: auto;
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.good {
    width: 1280px;
    margin: 55px auto 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sQaEAj8OAAAAAAdl9oM316.jpg);
    position: relative;
    box-shadow: 14px 0 27px rgba(0, 0, 0, 0.1);
}

.good li {
    padding: 75px 75px 75px 55px;
    box-sizing: border-box;
    color: #FFFFFF;
}

.good_top {
    font-size: 24px;
}

.good_se {
    font-size: 16px;
    margin-top: 25px;
}

.good_th {
    font-size: 14px;
    line-height: 28px;
}

.good_th p {
    display: block;
    position: relative;
    padding-left: 14px;
}

.good_th p:after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    top: 10px;
    transform: rotate(45deg);
}

.good_pro {
    font-size: 14px;
    line-height: 28px;
    margin-top: 35px;
}

.good_ban {
    position: relative;
    z-index: 10;
    width: 100%;
    overflow: hidden;
}

.good_pag {
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sSWEEfIxAAAAAL1IDU4314.png)no-repeat;
    width: 40px !important;
    left: initial !important;
    color: #FFFFFF;
    height: 57px;
    right: 30px;
    top: 0;
    padding-top: 10px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
}

.good_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c9b5b2;
    overflow: hidden;
}

.good_btn:hover {
    background: #5f1d14;
}

.scr_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e6c98f;
    overflow: hidden;
}

.scr_btn:hover {
    background: #e3b760;
}

.scri_use {
    position: relative;
}

.read_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #7a99af;
    overflow: hidden;
}

.read_btn:hover {
    background: #477595;
}

.book_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #bde3ec;
    overflow: hidden;
}

.book_btn:hover {
    background: #4fa5ba;
}

.book_use {
    position: relative;
    margin: auto;
}

.good-prev {
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.good-next {
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.good-prev:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-sn6EUhSbAAAAAHBQAGY248.png) no-repeat;
    background-position: center;
}

.good-next:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(https://dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r3SEIQ7GAAAAADmLA-k114.png) no-repeat;
    background-position: center;
}

.offere_box {
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sUGEO8azAAAAAMdRmcs959.jpg) no-repeat;
    height: 1060px;
    background-size: cover;
    padding-top: 140px;
    box-sizing: border-box;
}

.offere {
    width: 1365px;
    margin: auto;
}

.offere_pic {
    width: 100%;
    margin-top: 55px;
}

.offere_pic img {
    display: block;
    width: 100%;
}

.offere_tit {
    width: 800px;
    margin: auto;
    font-size: 40px;
    color: #FFFFFF;
    text-align: center;
}

.offere_tit span {
    display: inline-block;
}

.offere_info {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

.news_box {
    width: 1280px;
    margin: 115px auto 90px;
}



.news_top .news_tit {
    font-size: 40px;
    color: #2b2b2b;
}

.news_more {
    transition: all .3s ease-in;
    width: 120px;
    float: right;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #5f1d14;
}

.news_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.news_more em {
    margin-left: 20px;
}

.news_more:hover {
    background: #7b3329;
}

.news_list {
    margin-top: 25px;
    width: 1296px;
    margin-left: -16px;
}

.news_list li {
    transition: all .3s ease-in;
    width: 308px;
    float: left;
    margin-left: 16px;
}

.news_list li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.news_list li a {
    display: block;
}

.news_pic {
    width: 100%;
    height: 192px;
    overflow: hidden;
}

.news_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.news_list li:hover img {
    transform: scale(1.05);
}

.news_cont {
    padding: 20px;
    box-sizing: border-box;
    background: #FFFFFF;
}

.news_name {
    font-weight: 900;
    transition: all .3s ease-in;
    font-size: 20px;
    color: #000000;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_time {
    font-size: 12px;
    color: #7d7d7d;
    margin-top: 5px;
}

.news_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news_list li:hover .news_name {
    color: #5f1d14;
}

.tech_box {
    width: 1280px;
    margin: 0 auto 140px;
}

.tech_box .trends_list {
    position: initial;
    transform: translateX(0);
    margin-left: -20px;
}

/*2-3å°å­¦éƒ¨*/

.intro_box {
    width: 1280px;
    margin: 120px auto 150px;
    padding-top: 40px;
    box-sizing: border-box;
    background: url(/static/cn/img/rBQBG1y-sp-EULrhAAAAAOOISWs277.png)no-repeat;
    background-position: center 0;
}

.intro_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.intro_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 30px;
    text-align: justify;
    margin-top: 40px;
}

.intro_info p+p {
    margin-top: 20px;
}

.spe_good {
    background: url(/static/cn/img/rBQBG1y-sXKENmc1AAAAADdZ440494.jpg)no-repeat;
   
    background-size: cover;
    background-position: center;
    padding: 110px 0;
    box-sizing: border-box;
}

.good_use {
    width: 1280px;
    margin: 55px auto 0;
    background: url(/static/cn/img/rBQBG1y-sX6EOS2vAAAAAA26UW8320.jpg);
    position: relative;
    box-shadow: 14px 0 27px rgba(0, 0, 0, 0.1);
}

.spe_ban {
    position: relative;
    z-index: 10;
    width: 1280px;
    overflow: hidden;
    margin: auto;
}

.domin {
    width: 630px;
    margin: auto;
    padding: 80px 0;
    box-sizing: border-box;
    color: #FFFFFF;
}

.domin_tit {
    font-size: 24px;
    text-align: center;
}

.domin_tit span {
    display: inline-block;
    padding: 0 45px 29px;
    box-sizing: border-box;
    border-bottom: 4px solid rgba(255, 255, 255, 0.2);
}

.domin_info {
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    margin-top: 30px;
}

.spe_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c0ced7;
    overflow: hidden;
}

.spe_btn:hover {
    background: #477595;
}

.edu_box {
    text-align: center;
    font-size: 0;
    margin-top: 60px;
}

.edu_use {
    transition: all .3s ease-in;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 50%;
    margin: 0 67px;
}

.edu_use:hover {
    background: #477595;
}

.edu_use a {
    display: block;
    width: 100%;
    height: 100%;
}
.edu_use a{
    background-repeat: no-repeat;
    
        background-position: center;
}

.edu_use:hover a{
    filter: brightness(0) invert(1);
}

.cnews_box {
    width: 1280px;
    margin: 115px auto 90px;
}

.cnews_more {
    transition: all .3s ease-in;
    width: 120px;
    float: right;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #477595;
}

.cnews_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.cnews_more em {
    margin-left: 20px;
}

.cnews_more:hover {
    background: #5c829c;
}

.cnews_box .news_list li:hover .news_name {
    color: #477595;
}

.tech_box .trends_list li {
    top: 0;
}

.big_use img {
    transition: all .3s ease-in;
}

.big_use {
    position: relative;
    width: 302px;
    float: left;
}

.big_use+.big_use {
    margin-left: 20px;
}

.big_use .good_tit {
    position: absolute;
    left: 0;
    top: -75px;
    width: auto;
}

.big_use a {
    display: block;
}

.tech_pic {
    width: 100%;
    overflow: hidden;
}

.tech_pic img {
    width: 100%;
    display: block;
    height: 100%;
}

.trends_list li .person:hover .trend_text {
    background: #FFFFFF !important;
}

.trends_list li .person:hover .trend_time {
    color: #c4c4c4 !important;
}

.trends_list li .person:hover .trend_tit {
    color: #000000 !important;
}

.trends_list li .person .big_use:hover .trend_time {
    color: #fcfcfc !important;
}

.trends_list li .person .big_use:hover .trend_tit {
    color: #FFFFFF !important;
}

.x_tech .trends_list li .person .big_use:hover .trend_text {
    background: #5f1d14 !important;
}

.m_tech .trends_list li .person .big_use:hover .trend_text {
    background: #477595 !important;
}

.p_tech .trends_list li .person .big_use:hover .trend_text {
    background: #8ab8c4 !important;
}

.g_tech .trends_list li .person .big_use:hover .trend_text {
    background: #efae8d !important;
}

.l_tech .trends_list li .person .big_use:hover .trend_text {
    background: #edc678 !important;
}

.trends_list li .person:hover img {
    transform: scale(1);
}

.trends_list li .person .big_use:hover img {
    transform: scale(1.05);
}

.tech_box .trends_list {
    margin-top: 25px;
}

.m_tech {
    background: url(/static/cn/img/rBQBHVy-sa6EBHLJAAAAAMWDbdU430.jpg);
    padding: 150px 0 160px;
    box-sizing: border-box;
    margin-top: 20px;
}

.m_tech .tech_box {
    margin-bottom: 0;
}

.m_tech .trends_list li:nth-child(1) .trend_text {
    background: #477595;
}

.m_tech .trends_list li:hover .trend_text {
    background: #477595;
}

.descript_box {
    background: url(//dfs.yun300.cn/group1/M00/1B/23/rBQBHF55womEEk1dAAAAAHeCTww750.jpg) no-repeat;
    height: 1070px;
    padding-top: 125px;
    box-sizing: border-box;
    background-size: cover;
}

.desc_tit {
    font-size: 40px;
    color: #FFFFFF;
    text-align: center;
}

.desc_tit span {
    display: inline-block;
}

.descript {
    width: 1280px;
    margin: 110px auto 0;
}

.m_desc {
    width: 853px;
    overflow: hidden;
    float: left;
    background: rgba(0, 0, 0, 0.2);
}

.m_desc ul {
    width: 20000px;
}

.m_desc li {
    float: left;
    width: 853px;
    padding: 50px 55px 60px 50px;
    box-sizing: border-box;
}

.desc_pic {
    width: 330px;
    height: 330px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
}

.desc_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.desc_pic:hover img {
    transform: scale(1.05);
}

.desc_cont {
    float: left;
    margin-left: 38px;
    width: 378px;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
}

.desc_cont p {
    margin-top: 25px;
    display: block;
    padding-left: 25px;
    box-sizing: border-box;
    position: relative;
}

.desc_cont p:after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    top: 6px;
}

.curricu_list {
    width: 320px;
    float: right;
}

.curricu_list li {
    transition: all .3s ease-in;
    cursor: pointer;
    padding: 10px 40px 10px 35px;
    box-sizing: border-box;
    height: auto;
    line-height: 1.5;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    font-size: 20px;
}

.curricu_list li+li {
    margin-top: 10px;
}

.curricu_list span {
    display: block;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r3SEIQ7GAAAAADmLA-k114.png)no-repeat;
    background-position: 100%;
}

.curricu_list li.active {
    background: rgba(71, 117, 149, 1);
}

/*2-4*/

.p_good {
    background: url(/static/cn/img/rBQBHVy-sdaEBDKVAAAAAD4aWPQ317.jpg)no-repeat;
    height: 980px;
    background-size: cover;
    background-position: center;
    padding-top: 110px;
    box-sizing: border-box;
}

.p_good .good_use {
    background: url(/static/cn/img/rBQBHVy-seSEOOf2AAAAAIZ0wZY780.jpg);
}

.gener {
    height: 440px;
    width: 740px;
    margin: auto;
    padding: 85px 0;
    box-sizing: border-box;
}

.gen_cn {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 900;
    text-align: center;
    line-height: 36px;
}

.gen_en {
    position: relative;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 900;
    text-align: center;
    line-height: 36px;
    padding-bottom: 30px;
    box-sizing: border-box;
}

.gen_en:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 200px;
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
}

.gen_info {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 36px;
    text-align: center;
    margin-top: 30px;
}

.pspe_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #dceaed;
    overflow: hidden;
}

.pspe_btn:hover {
    background: #8ab8c4;
}

.relur_box {
    font-size: 0;
    text-align: center;
    position: relative;
    margin-top: 60px;
}

.relur_box:after {
    position: absolute;
    content: "";
    background: #e3e3e3;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
}

.rel_use {
    transition: all .3s ease-in;
    position: relative;
    z-index: 50;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 50%;
    margin: 0 67px;
}

.rel_use:hover {
    background: #8ab8c4;
}

.rel_use a {
    display: block;
    width: 100%;
    height: 100%;
}
.rel_use a{
        background-repeat: no-repeat;
    background-position: center;
}
.rel_use:hover a{
    filter: brightness(0) invert(1);
    
}

.pdescript_box {
    position: relative;
    z-index: 50;
    background: url(/static/cn/img/rBQBG1y-sm-EXzUIAAAAAJ-wEA0869.jpg)no-repeat;
    background-size: cover;
    padding-top: 125px;
    box-sizing: border-box;
}

.p_desc {
    width: 575px;
    overflow: hidden;
    float: left;
}

.p_desc ul {
    width: 20000px;
}

.p_desc li {
    width: 575px;
    float: left;
}

.p_desc .desc_cont {
    width: 100%;
    margin-left: 0;
}

.pdescript_box .curricu_list li.active {
    background: #8ab8c4;
}

.pdescript_box .descript {
    margin-top: 60px;
    padding-bottom:80px;
}


.runschool {
    width: 1280px;
    border-radius: 6px;
    padding: 70px 0;
    box-sizing: border-box;
    margin: auto;
    margin-top: -80px;
    margin-bottom: 150px;
    position: relative;
    z-index: 80;
    background: url(/static/cn/img/rBQBG1y-soCEfKiPAAAAAPwy5iw311.jpg);
    box-shadow: 14px 0 27px rgba(0, 0, 0, 0.1);
}

.good_tit span {
    display: inline-block;
}

.good_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
    width: 1115px;
    margin: 25px auto 0;
}

.run_list {
    font-size: 0;
    text-align: center;
    margin-top: 45px;
}

.run_list li {
    cursor: pointer;
    display: inline-block;
    width: 33.33%;
    font-size: 14px;
}

.run_num span {
    display: inline-block;
    font-size: 80px;
    color: #477595;
    line-height: 80px;
    position: relative;
    left: -40px;
    opacity: 0;
}

.run_num span sup {
    position: relative;
    top: -10px;
    font-size: 20px;
    color: #FFFFFF;
    display: inline-block;
   
    text-align: center;
    background: #477595;
    border-radius: 8px;
    height: 22px;
    line-height: 1;
    padding: 4px 8px;
}

.run_name {
    font-size: 14px;
    color: #7d7d7d;
    margin-top: 18px;
}

.pnews_more {
    transition: all .3s ease-in;
    width: 120px;
    float: right;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #8ab8c4;
}

.pnews_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.pnews_more em {
    margin-left: 20px;
}

.pnews_more:hover {
    background: #99b9c1;
}

.pnews_box {
    width: 1280px;
    margin: 115px auto 90px;
}

.pnews_box .news_list li:hover .news_name {
    color: #8ab8c4;
}

.p_tech {
    background: url(/static/cn/img/rBQBHVy-sa6EBHLJAAAAAMWDbdU430.jpg);
    padding: 150px 0 160px;
    box-sizing: border-box;
    margin-top: 20px;
}

.p_tech .tech_box {
    margin-bottom: 0;
}

.p_tech .trends_list li:nth-child(1) .trend_text {
    background: #8ab8c4;
}

.p_tech .trends_list li:hover .trend_text {
    background: #8ab8c4;
}

.sma_news .trend_tit {
    height: 60px;
}

.splend {
    width: 1280px;
    margin: 145px auto 115px;
}

.splen_use {
    width: 1280px;
    margin: auto;
    position: relative;
    margin-top: 25px;
}

.splen_pic {
    position: relative;
    box-shadow: 14px 0 27px rgba(0, 0, 0, 0.2);
}

.splen_pic img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
}

.splen_name {
    font-size: 24px;
    color: #8ab8c4;
    text-align: center;
}

.splen_sc {
    font-size: 14px;
    color: #7d7d7d;
    text-align: center;
}

.splen_prev {
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.splen_prevs {
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.splen_next {
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.splen_nexts {
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.splen_prev:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-sn6EUhSbAAAAAHBQAGY248.png)no-repeat;
    background-position: center;
}

.splen_prevs:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-sn6EUhSbAAAAAHBQAGY248.png)no-repeat;
    background-position: center;
}

.splen_next:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r3SEIQ7GAAAAADmLA-k114.png)no-repeat;
    background-position: center;
}

.splen_nexts:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r3SEIQ7GAAAAADmLA-k114.png)no-repeat;
    background-position: center;
}

.splen_text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
    opacity: 0;
    background: rgba(138, 184, 196, 0.9);
    z-index: 80;
}

.splen_info {
    width: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
}

.splen_year {
    font-size: 14px;
}

.aplen_tit {
    font-size: 18px;
}

.reward {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.splen_ban li:hover .splen_text {
    opacity: 1;
}

/*2-5*/

.divis {
    width: 1280px;
    margin: 120px auto;
    position: relative;
}

.divi_pic {
    width: 960px;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 20;
}

.divi_pic img {
    display: block;
    transition: all .3s ease-in;
    width: 100%;
    height: 100%;
}

.divi_pic:hover img {
    transform: scale(1.05);
}

.divi_text {
    position: absolute;
    z-index: 80;
    width: 500px;
    box-shadow: 5px 0 13px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 35px 40px 55px 35px;
    box-sizing: border-box;
}

.divi_name {
    font-size: 20px;
    color: #2b2b2b;
}

.divi_tit {
    font-size: 40px;
    color: #efae8d;
}

.divi_info {
    font-size: 16px;
    color: #7d7d7d;
    line-height: 28px;
    margin-top: 25px;
    background: #FFFFFF;
}

.article {
    margin-bottom: 115px;
}

.artic_tit {
    font-size: 0;
    text-align: center;
    background: #e3e3e3;
}

.artic_tit span {
    transition: all .3s ease-in;
    display: inline-block;
    width: 33.33%;
    padding:32px 0;
    font-size: 24px;
    color: #2b2b2b;
    text-align: center;
    cursor: pointer;
}

.artic_tit span.active {
    background: #efae8d;
    color: #FFFFFF;
}

.artic_ban {
    width: 1280px;
    margin: auto;
    margin-top: 103px;
    background: url(/static/cn/img/rBQBG1y-sp-EULrhAAAAAOOISWs277.png)no-repeat;
    background-position: center 0;
}

.artic_ban li {
    padding-top: 40px;
    box-sizing: border-box;
}

.art_tit {
    font-size: 40px;
    text-align: center;
    color: #2b2b2b;
    margin-bottom: 60px;
}

.art_tit span {
    display: inline-block;
}

.arti_list {
    margin-top: 50px;
}

.big_art {
    width: 456px;
    float: left;
    cursor: pointer;
}

.sml_art {
    width: 235px;
    float: left;
    margin: 0 66px;
    cursor: pointer;
}

.arti_num {
    text-align: center;
    color: #efae8d;
}

.arti_num h2 {
    position: relative;
    left: -40px;
    opacity: 0;
    height: 80px;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 15px;
    font-weight: 900;
}

.art_tit span {
    display: inline-block;
    cursor: pointer;
}

.arti_num p {
    font-size: 16px;
    line-height: 16px;
}

.sma_inter {
    width: 320px;
}

.big_inter {
    width: 550px;
}

.arti_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
    padding-top: 33px;
    box-sizing: border-box;
    border-top: 4px solid #7D7D7D;
    margin-top: 60px;
    position: relative;
}

.arti_info:after {
    position: absolute;
    content: "";
    display: block;
    left: 50%;
    top: -4px;
    transform: translateX(-50%);
    transition: all .3s ease-in;
    height: 4px;
    width: 0;
}

.enro_art .arti_info:after {
    background: #e3b760;
}

.grad_art .arti_info:after {
    background: #4fa5ba;
}

.tad_art .arti_info:after {
    background: #5f1d14;
}

.arti_list .artic:hover .arti_info:after {
    width: 100%;
}

.g_good {
    background: url(/static/cn/img/rBQBG1y-sryEDWcBAAAAADN-EaU959.jpg)no-repeat;
    height: 980px;
    background-size: cover;
    background-position: center;
    padding-top: 110px;
    box-sizing: border-box;
}

.g_good .good_use {
    background: url(/static/cn/img/rBQBHVy-spyEYZYcAAAAAPS6DCk042.jpg);
}

.g_good .gener {
    width: 1070px;
}

.gspe_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e0cdc3;
    overflow: hidden;
}

.gspe_btn:hover {
    background: #efae8d;
}

.rgad_box {
    font-size: 0;
    text-align: center;
    position: relative;
    margin-top: 60px;
}

.rgad_box:after {
    position: absolute;
    content: "";
    background: #e3e3e3;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
}

.rgad_use {
    transition: all .3s ease-in;
    position: relative;
    z-index: 50;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 50%;
    margin: 0 67px;
}

.rgad_use:hover {
    background: #efae8d;
}

.rgad_use a {
    display: block;
    width: 100%;
    height: 100%;
}
.rgad_use a:hover{
    filter: brightness(0) invert(1);
    
}
.rgads {
    background: url(/static/cn/img/rBQBHVy-sreEPBAiAAAAAMHf3Rk518.png)no-repeat;
    background-position: center;
}

.rgads:hover {
    background: url(/static/cn/img/rBQBG1y-staEOusdAAAAAD0z-Ho568.png)no-repeat;
    background-position: center;
}

.albu {
    background: url(/static/cn/img/rBQBHVy-stmEHWCgAAAAAN1SvlI861.png)no-repeat;
    background-position: center;
}

.albu:hover {
    background: url(/static/cn/img/rBQBHVy-uFeEPAITAAAAABWV-8M813.png)no-repeat;
    background-position: center;
}

.still {
    background: url(/static/cn/img/rBQBG1y-svmEFK1DAAAAABWV-8M826.png)no-repeat;
    background-position: center;
}

.still:hover {
    background: url(/static/cn/img/rBQBG1y-s4iEbZi4AAAAAIGJCcU457.png)no-repeat;
    background-position: center;
}

.poin {
    background: url(/static/cn/img/rBQBG1y-s5aEYXCZAAAAAKxmcuI524.png)no-repeat;
    background-position: center;
}

.poin:hover {
    background: url(/static/cn/img/rBQBHVy-s5CEStxjAAAAAAtg5j8992.png)no-repeat;
    background-position: center;
}

.gdescript_box {
    position: relative;
    z-index: 50;
    background: url(/static/cn/img/rBQBHVy-s6iEUYasAAAAALrhrkI271.jpg)no-repeat;
    height: 1070px;
    padding-top: 125px;
    box-sizing: border-box;
}

.gdescript_box .descript {
    margin-top: 30px;
}

.g_desc {
    width: 620px;
    overflow: hidden;
    float: left;
}

.g_desc ul {
    width: 20000px;
}

.g_desc li {
    width: 620px;
    float: left;
}

.g_desc .desc_cont {
    width: 100%;
    margin-left: 0;
}

.gdescript_box .curricu_list li.active {
    background: rgba(239, 174, 141, 1);
}

.goods_info {
    width: 1047px;
    text-align: center;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
    margin: 25px auto 0;
}

.run_num em {
    font-size: 80px;
    margin-left: -30px;
    position: relative;
    top: -20px;
}

.grun_list .run_num span {
    color: #efae8d;
}

.grun_list .run_num span sup {
    background: #efae8d;
}

.gnews_box {
    width: 1280px;
    margin: 115px auto 90px;
}

.gnews_more {
    transition: all .3s ease-in;
    width: 120px;
    float: right;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #efae8d;
}

.gnews_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.gnews_more em {
    margin-left: 20px;
}

.gnews_more:hover {
    background: #edb699;
}

.gnews_box .news_list li:hover .news_name {
    color: #efae8d;
}

.g_tech {
    background: url(/static/cn/img/rBQBHVy-s7-EFHcPAAAAAJsEwYs369.jpg);
    padding: 150px 0 160px;
    box-sizing: border-box;
    margin-top: 20px;
    
}

.g_tech .trends_list li:nth-child(1) .trend_text {
    background: #efae8d;
}

.g_tech .trends_list li:hover .trend_text {
    background: #efae8d;
}

.g_tech .tech_box {
    margin: 0 auto;
}

.gsplen_use {
    width: 1280px;
    margin: auto;
    position: relative;
    margin-top: 25px;
}

.gsplen_use .splen_text {
    background: rgba(239, 174, 141, 0.9);
}

.gspe_btns {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fae7dd;
    overflow: hidden;
}

.gspe_btns:hover {
    background: #efae8d;
}

.gsplen_use .splen_name {
    color: #efae8d;
}

.lsplen .gspe_btns:hover {
    background: #edc678 !important;
}

.gjsplen .gspe_btns:hover {
    background: #efae8d !important;
}

.pgsplen .gspe_btns:hover {
    background: #8ab8c4 !important;
}

/*2-6*/

.applic {
    padding: 54px 60px 60px;
    box-sizing: border-box;
    position: relative;
    z-index: 80;
    width: 1280px;
    margin: auto;
    margin-top: -150px;
    background: url(/static/cn/img/rBQBG1y-s-CEWmB3AAAAABAPI1w065.jpg);
    box-shadow: 14px 0 27px rgba(0, 0, 0, 0.1);
    margin-bottom: 60px;
}

.app_top {
}

.app_tit {
    float: left;
    font-size: 40px;
    color: #2b2b2b;
}

.app_btn {
    float: right;
    font-size: 16px;
    color: #7d7d7d;
    display: inline-block;
    padding-left: 40px;
    background: url(/static/cn/img/rBQBHVy-s9qETS7JAAAAAKJ53Ok027.png)no-repeat;
    background-position: 0;
    box-sizing: border-box;
    margin:10px 0;
}

.app_btn:hover {
    color: #e8c276;
}

.app_seek {
    text-align: center;
    width: 100%;
    line-height: 90px;
    background: #edc678;
    border-radius: 6px;
    margin-top: 28px;
}

.app_seek span {
    display: inline-block;
    margin: 0 50px;
    color: #FFFFFF;
    font-size: 16px;
    padding-left: 60px;
    box-sizing: border-box;
}

.app_seek em {
    cursor: pointer;
    font-size: 24px;
    display: inline-block;
}

.app_seek a {
    cursor: pointer;
    font-size: 24px;
    display: inline-block;
    color: #FFFFFF;
}

.emil {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-s-yED_nOAAAAAGJavfA642.png)no-repeat;
    background-position: 0;
}

.call {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tAqEfDnoAAAAAKUGJ_Q104.png)no-repeat;
    background-position: 0;
}

.g_intro {
    margin-top: 0;
}

.l_good {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tAOEdR_vAAAAAClRetE577.jpg)no-repeat;
    height: 900px;
    background-size: cover;
    background-position: center;
    padding-top: 110px;
    box-sizing: border-box;
}

.l_good .good_use {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tCyEN56EAAAAABpxO-g880.jpg);
}

.lspe_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #faeed6;
    overflow: hidden;
}

.lspe_btn:hover {
    background: #edc678;
}

.ldescript_box {
    position: relative;
    z-index: 50;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tEGEB5pJAAAAAL23WMs746.jpg)no-repeat;
    height: 1070px;
    padding-top: 125px;
    box-sizing: border-box;
}

.ldescript_box .descript {
    margin: 60px auto 0;
}

.ldescript_box .g_desc {
    width: 558px;
}

.ldescript_box .g_desc li {
    width: 558px;
}

.ldescript_box .curricu_list li.active {
    background: rgba(237, 198, 120);
}

.lgoods_info {
    width: 100%;
    padding: 0 75px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
    margin: 25px auto 0;
}

.lrun_list .run_num span {
    color: #edc678;
}

.lrun_list .run_num span sup {
    background: #edc678;
}

.lnews_more {
    background: #edc678;
}

.lnews_more:hover {
    background: #e9ce97;
}

.lnews_box .news_list li:hover .news_name {
    color: #edc678;
}

.l_tech {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tEaEEoK9AAAAAJMVW98909.jpg);
}

.l_tech .trends_list li:nth-child(1) .trend_text {
    background: #edc678;
}

.l_tech .trends_list li:hover .trend_text {
    background: #edc678;
}

.lsplen_use .splen_name {
    color: #edc678;
}

.lsplen_use .splen_text {
    background: rgba(237, 198, 120, 0.9);
}


.dynam_box {
    width: 1280px;
    margin: 118px auto;
}

.dynam_pic {
    width: 605px;
    height: 454px;
    float: left;
    overflow: hidden;
}
.dynam_pic .img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}
.dynam_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.dynam_cont {
    width: 670px;
    height: 454px;
    float: right;
    overflow: hidden;
    padding: 60px 37px 60px 20px;
    box-sizing: border-box;
    transition: all .3s ease-in;
}

.dynam_time {
    font-size: 24px;
    color: #7d7d7d;
    transition: all .3s ease-in;
}

.dynam_name {
    font-size: 30px;
    color: #2b2b2b;
    line-height: 40px;
    margin: 20px auto 70px;
    transition: all .3s ease-in;
    padding: 0 50px 0 0;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dynam_info {
    position: relative;
    font-size: 14px;
    color: #7d7d7d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 24px;
    padding: 22px 20px 0 10px;
    box-sizing: border-box;
    border-top: 1px solid #c2c2c2;
    transition: all .3s ease-in;
}

.dynam_list {
    margin-bottom: 75px;
}

.dynam_list li:hover .dynam_cont {
    background: #5f1d14;
}

.dynam_list li:hover img {
    transform: scale(1.05);
}

.dynam_list li:hover .dynam_time {
    color: #FFFFFF;
}

.dynam_list li:hover .dynam_name {
    color: #FFFFFF;
}

.dynam_info:after {
    transition: all .4s ease-in;
    display: block;
    content: "";
    height: 1px;
    background: rgba(255, 255, 255, 0.7);
    width: 0;
    position: absolute;
    left: 0;
    top: 0px;
}

.dynam_list li:hover .dynam_info {
    color: rgba(255, 255, 255, 0.7);
    border-top: 1px solid transparent;
}

.dynam_list li:hover .dynam_info:after {
    width: 100%;
}

.dynam_list li {
    margin-top: 30px;
}

.dynam_list li:first-child {
    margin-top: 0px;
}

/*3-1*/

.detail {
    width: 1280px;
    margin: 122px auto 180px;
}

.deta_top {
    height: 130px;
    width: 100%;
    background: #477595;
    padding: 20px 0;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
}

.deta_date {
    width: 90px;
    height: 90px;
    float: left;
    margin-left: 30px;
    background: #5c98b5;
    text-align: center;
    color: #FFFFFF;
    padding:0 10px;
}

.deta_day {
    font-size: 30px;
    line-height: 30px;
    padding-top: 16px;
    box-sizing: border-box;
}

.deta_year {
    font-size: 20px;
}

.deta_name {
    float: left;
    height: 100%;
    font-size: 30px;
    margin-left: 27px;
    color: #FFFFFF;
    display: table;
    overflow: hidden;
}

.deta_name span {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    height: 100%;
}

.det_info {
    padding: 0 26px;
    box-sizing: border-box;
    margin-top: 20px;
}
.det_info p{
    color: #7d7d7d;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    
}
.deta_text {
    color: #7d7d7d;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.deta_pic {
    margin-top: 25px;
    text-align: center;
}

.deta_pic img {
    max-width: 100%;
}

.deta_picname {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 900;
    transition: all .3s ease-in;
}

.deta_pic:hover .deta_picname {
    color: #477595;
}

.deta_about {
    margin: 56px 26px 0;
    padding-top: 35px;
    box-sizing: border-box;
    border-top: 1px solid #f0f0f2;
    line-height: 36px;
    font-size: 16px;
    color: #2d2d2d;
}

.deta_about em {
    transition: all .3s ease-in;
}

.deta_about a:hover em {
    color: #477595;
}

/*3-1-1*/

.blip_box {
    width: 1280px;
    margin: 120px auto;
}

.blip_list {
    width: 1305px;
    margin-left: -25px;
    margin-bottom: 30px;
}

.blip_list li {
    width: 410px;
    margin-left: 25px;
    float: left;
    margin-bottom: 10px;
}

.blip_pic {
    width: 100%;
    height: 230px;
    position: relative;
    overflow: hidden;
}

.blip_pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    transition: all .3s ease-in;
}

.blip_btn {
    transition: all .3s ease-in;
    position: absolute;
    z-index: 50;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5) url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tGuEIgz_AAAAAHeOrKY572.png) no-repeat;
    background-position: center;
}

.blip_name {
    overflow: hidden;
    transition: all .3s ease-in;
    position: relative;
    height: 58px;
    line-height: 58px;
    box-sizing: border-box;
    font-size: 20px;
    color: #2b2b2b;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blip_line {
    position: relative;
    height: 10px;
    background: #b6ced6;
    width: 100%;
}

.blip_line:after {
    transition: all .3s ease-in;
    width: 0;
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    height: 10px;
    background: #e3b760;
}

.blip_list li:hover img {
    transform: scale(1.05);
}

.blip_list li:hover .blip_btn {
    background: rgba(0, 0, 0, 0.5)url(/static/cn/img/rBQBHVy-tGqEWeQ5AAAAAPAnEc0808.png)no-repeat;
    background-position: center;
}

.blip_list li:hover .blip_line:after {
    width: 100%;
}

.blip_list li:hover .blip_name {
    color: #e3b760;
    padding: 0 20px 0 0;
}

/*3-3*/

.entra_rig .dynam_box {
    width: 100%;
}

.entra_rig .dynam_box {
    margin: 0 auto;
}

.entra_rig .dynam_pic {
    width: 49.5%;
}

.entra_rig .dynam_cont {
    width: 49.5%;
    padding: 35px 6px 23px 15px;
}

.entra_rig .dynam_name {
    margin: 20px auto 45px;
}

/*teachers*/

.entra_rig.present .dynam_pic {
    width: 28.5%;
}

.entra_rig.present .dynam_cont {
    width: 70.5%;
}

/*present*/

.home {
    margin: 120px auto;
    width: 1280px;
    position: relative;
    z-index: 80;
}

.home_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #e7e7e7;
}

.home_btn:hover {
    background: #5f1d14;
}

.home .swiper-slide {
    transform: scaleY(0.8);
}

.home .swiper-slide.swiper-slide-active {
    transform: scaleY(1);
}

.regu_box {
    background: url(https://dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tJGENW2nAAAAAAckJK8969.jpg);
    width: 100%;
    height: 244px;
    padding: 79px 0 80px;
    box-sizing: border-box;
}

.regu_top {
    font-size: 0;
    height: 85px;
    border-bottom: 1px solid #FFFFFF;
    width: 1280px;
    margin: auto;
}

.regu_top span {
    display: inline-block;
    width: 25%;
    text-align: center;
    position: relative;
    top: 1px;
    font-size: 20px;
    text-align: center;
    line-height: 84px;
    color: #FFFFFF;
    cursor: pointer;
}

.regu_top span.active {
    color: #e6be6c;
    background: #FFFFFF;
}

.regu_ban {
    width: 1280px;
    margin: 80px auto 120px;
}

.regu_ban li {
    padding: 72px 30px;
    height: 800px;
    box-sizing: border-box;
    background: #f7f5f1;
    border-bottom: 1px solid #e5bc69;
    color: #7d7d7d;
    line-height: 1.8;
}
.regu_ban li img{max-width:100%;}
.regu_ban li h4{font-size:24px;margin:15px 0;position:relative;padding-left:20px;}
.regu_ban li h4:after{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #7d7d7d;
}
.regu_ban li h4:nth-of-type(1){color:#edc678;}
.regu_ban li h4:nth-of-type(2){color:#4fa5ba;}
.regu_ban li h4:nth-of-type(3){color:#477595;}
.regu_ban li h4:nth-of-type(4){color:#4fa5ba;}
.regu_ban li h4:nth-of-type(5){color:#477595;}
.regu_ban li h4:nth-of-type(6){color:#4fa5ba;}
.regu_ban li h4:nth-of-type(7){color:#477595;}
.regu_ban li h4:nth-of-type(8){color:#4fa5ba;}
.regu_ban li h4:nth-of-type(1):after{background:#edc678;}
.regu_ban li h4:nth-of-type(2):after{background:#4fa5ba;}
.regu_ban li h4:nth-of-type(3):after{background:#477595;}
.regu_ban li h4:nth-of-type(4):after{background:#4fa5ba;}
.regu_ban li h4:nth-of-type(5):after{background:#477595;}
.regu_ban li h4:nth-of-type(6):after{background:#4fa5ba;}
.regu_ban li h4:nth-of-type(7):after{background:#477595;}
.regu_ban li h4:nth-of-type(8):after{background:#4fa5ba;}
.regu_list {
    padding-left: 34px;
    box-sizing: border-box;
}

.regu_tit {
    font-size: 24px;
    position: relative;
    color: #7d7d7d;
}

.regu_tit:after {
    position: absolute;
    content: "";
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #7d7d7d;
}

.regu_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
    margin-top: 5px;
}

.dire .regu_tit {
    color: #edc678;
}

.dire .regu_tit:after {
    background: #edc678;
}

.work .regu_tit {
    color: #4fa5ba;
}

.work .regu_tit:after {
    background: #4fa5ba;
}

.regu_list+.regu_list {
    margin-top: 25px;
}

.perfect .regu_tit {
    color: #477595;
}

.perfect .regu_tit:after {
    background: #477595;
}

.regu_sect p {
    margin-top: 30px;
}

.step .regu_tit {
    color: #4fa5ba;
}

.step .regu_tit:after {
    background: #4fa5ba;
}

.step_tit span {
    display: block;
    float: left;
    width: 32px;
    text-align: center;
}

.step_tit em {
    display: inline-block;
    float: left;
    width: calc(100% - 32px);
}

.step_info {
    padding-left: 32px;
    box-sizing: border-box;
}

.step_list+.step_list {
    margin-top: 30px;
}

.sum {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
    margin-top: 30px;
    padding-left: 36px;
    box-sizing: border-box;
    position: relative;
}

.sum:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #39120f;
}

.step_sign p {
    display: block;
    width: 110px;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
    float: right;
    margin-top: 30px;
}

.regu_tit span {
    display: inline-block;
}

/*4-1*/

.frien_btn {
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #f7ebd3;
}

.frien_btn:hover {
    background: #e5bc69;
}

.home_box {
    width: 100%;
    margin: 110px auto;
}

.home_box .home {
    margin: 25px auto 0;
}

.home_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.home_tit span {
    display: inline-block;
}

.fine_box {
    margin: 0 auto 120px;
}

.fine_top {
    width: 952px;
    margin: 0 auto 35px;
}

.fine_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.fine_tit span {
    display: inline-block;
}

.fine_self {
    font-size: 20px;
    color: #5f1d14;
    text-align: center;
    margin-top: 15px;
}

.fine_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
    text-align: center;
    margin-top: 5px;
}

.fine_use {
    width: 1280px;
    margin: auto;
    position: relative;
}

.fine_ban a {
    display: block;
    width: 100%;
    height: 100%;
}

.fine_pic {
    position: relative;
    box-shadow: 14px 0 27px rgba(0, 0, 0, 0.2);
}

.fine_pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}

.fine_text {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 50;
    transition: all .3s ease-in;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
}

.fine_cont {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 30px;
}

.fine_name {
    font-size: 20px;
    color: #fffffe;
}

.fine_sc {
    font-size: 14px;
    color: #e9c681;
    margin-top: 20px;
}

.fine_jia {
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFE;
}

.fine_ban .fine_pic:hover .fine_text {
    opacity: 1;
}

.touch {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tI-EDW6fAAAAADERLWU588.jpg);
    padding: 85px 0 95px;
    box-sizing: border-box;
}

.touch_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.touch_tit span {
    display: inline-block;
}

.touch_way {
    width: 1280px;
    margin: 35px auto 0;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.touch_phone {
    vertical-align: middle;
    background: url(//dfs.yun300.cn/group1/M00/04/5B/rBQBHVzFXPCEPAP2AAAAANEok0E926.jpg) no-repeat center;
    background-size: cover;
    width: 608px;
    padding: 27px 30px;
    box-sizing: border-box;
    height: 186px;
    border-radius: 8px;
    display: inline-block;
    font-size: 24px;
    color: #FFFFFF;
}
.touch_phone:nth-of-type(2){
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tPSEHwrHAAAAACdhLlI285.jpg) no-repeat center;
    background-size: cover;
    
}
.touch_mail {
    vertical-align: middle;
    background: url(/static/cn/img/rBQBHVy-tPSEHwrHAAAAACdhLlI285.jpg);
    margin-left: 60px;
    padding: 27px 30px;
    box-sizing: border-box;
    width: 608px;
    height: 186px;
    border-radius: 8px;
    display: inline-block;
    font-size: 24px;
    color: #FFFFFF;
}

.touch_top {
    height: 64px;
    line-height: 64px;
    font-size: 24px;
    color: #FFFFFF;
}

.touch_phone .touch_top {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tQKEDjMTAAAAAG_pay8292.png)no-repeat;
    background-position: 100%;
}

.touch_info {
    margin-top: 30px;
    font-size: 20px;
    color: #FFFFFF;
}

.touch_info span {
    display: inline-block;
    margin-right: 65px;
    cursor: pointer;
}

.touch_info a {
    display: inline-block;
    margin-right: 65px;
    cursor: pointer;
    color: #FFFFFF;
}

.touch_mail .touch_top {
    background: url(/static/cn/img/rBQBHVy-tLKEQZ5nAAAAAJdy_w4990.png) no-repeat;
    background-position: 100%;
}

.union_box {
    background: url(/static/cn/img/rBQBG1y-tSaEZXlhAAAAANbcXd8821.jpg);
    background-size: 100% 100%;
    padding: 169px 0 145px;
    box-sizing: border-box;
}

.union_top {
    width: 1280px;
    margin: 0 auto 50px;
    padding: 0 25px 0 45px;
    box-sizing: border-box;
}

.union_tit {
    font-size: 40px;
    color: #5f1d14;
}

.union_tit span {
    display: inline-block;
}

.union_cont {
    width: 100%;
    margin: auto;
    position: relative;
    margin-top: 20px;
}

.union_text {
    width: 795px;
    float: left;
}

.union_str {
    font-size: 18px;
    color: #2b2b2b;
    line-height: 30px;
}

.union_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 25px;
    margin-top: 25px;
}

.union_picbox {
    width: 340px;
    height: 255px;
    float: right;
    background: #d9d9d9;
    transform: rotate(6deg);
}

.union_pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(-6deg);
}

.union_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.union_pic:hover img {
    transform: scale(1.05);
    cursor: pointer;
}

.camp_box {
    width: 1280px;
    margin: auto;
}

.camp_top a {
    display: block;
    width: 100%;
    height: 100%;
}

.camp_top {
    width: 1300px;
    margin-left: -20px;
}

.camp_big {
    width: 847px;
    height: 484px;
    float: left;
    margin-left: 20px;
}

.camp_pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.camp_pic img {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.camp_pic:hover img {
    transform: scale(1.05);
}

.camp_smbox {
    width: 413px;
    float: left;
    margin-left: 20px;
}

.camp_saml {
    width: 100%;
    height: 232px;
}

.camp_saml+.camp_saml {
    margin-top: 20px;
}

.camp_name {
    position: absolute;
    vertical-align: bottom;
    height: 195px;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    padding: 50px 0 22px;
    font-size: 18px;
    line-height: 18px;
    z-index: 80;
    box-sizing: border-box;
    width: 100%;
    background: url(//dfs.yun300.cn/group1/M00/16/37/rBQBG1y-sMqEdL7dAAAAAKASzK8152.png);
    background-size: 100% 100%;
    background-position: 100% 100%;
}

.camp_name span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 20px;
    text-align: cente;
    display: block;
    width: 100%;
}

.camp_big .camp_name {
    font-size: 24px;
    font-size: 24px;
    line-height: 24px;
}

.camp_big .camp_name span {
    bottom: 33px;
}

.camp_list {
    width: 1300px;
    margin-left: -20px;
    margin-bottom: 38px;
}

.camp_list li {
    width: 413px;
    float: left;
    margin-left: 20px;
    margin-top: 38px;
    height: 232px;
    display:none;
}
.camp_list .xsh_img li{display:none;}
.camp_list .xsh_img li:nth-of-type(1){display:block;}
.camp_list .xsh_img li:nth-of-type(2){display:block;}
.camp_list .xsh_img li:nth-of-type(3){display:block;}
.exerc_list .xsh_text li{display:none;}
.exerc_list .xsh_text li:nth-of-type(1){display:block;}
.exerc_list .xsh_text li:nth-of-type(2){display:block;}
.exerc_list .xsh_text li:nth-of-type(3){display:block;}
.exerc_list .xsh_text li:nth-of-type(4){display:block;}
.exerc_list .xsh_text li:nth-of-type(5){display:block;}
.exerc_list .xsh_text li:nth-of-type(6){display:block;}
.camp_list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.camp_more {
    margin: auto;
    transition: all .3s ease-in;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #5f1d14;
}

.camp_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.camp_more em {
    margin-left: 20px;
}

.camp_more:hover {
    background: #6b2c24;
}

.exerc_list {
    width: 1280px;
    margin: 120px auto 50px;
}

.exerc_list li {
    transition: all .3s ease;
    border-bottom: 1px dashed #d5d5d5;
}

.exerc_list a {
    display: block;
    padding: 25px 0;
    box-sizing: border-box;
}

.exer_date {
    float: left;
    width: 97px;
    height: 102px;
    text-align: center;
    color: #FFFFFF;
}

.exer_day {
    font-size: 48px;
    height: 57px;
    line-height: 57px;
    background: #edc678;
}

.exer_mon {
    height: 45px;
    line-height: 45px;
    background: #f1d193;
}

.exer_cont {
    transition: all .3s ease-in;
    width: 977px;
    float: left;
    margin-left: 40px;
    position: relative;
    left: 0;
}

.exer_tit {
    transition: all .3s ease-in;
    font-size: 20px;
    color: #2b2b2b;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.exer_info {
    transition: all .3s ease-in;
    font-size: 14px;
    color: #7d7d7d;
    height: 21px;
    line-height: 21px;
    margin-top: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.exerc_list li:hover .exer_tit {
    color: #5f1d14;
    font-weight: 900;
}

.exerc_list li:hover .exer_cont {
    left: -10px;
}

/*4-3*/

.rese_box {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tTiESx81AAAAAJG1kGY334.jpg);
    padding: 130px 0 120px;
    box-sizing: border-box;
}

.rese_box .union_tit {
    color: #2b2b2b;
}

.rese_cont {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 26px;
    width: 710px;
    text-align: justify;
}

.rese_cut {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tTOEThFpAAAAAFpDTMM341.jpg);
    width: 100%;
    padding: 79px 0 80px;
    box-sizing: border-box;
}

.rese_top {
    border-top: 1px solid #FFFFFF;
    width: 1280px;
    margin: auto;display: flex;
}

.rese_top span {
    display: inline-block;
    width: 25%;
    text-align: center;
    position: relative;
    top: 1px;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    color: #FFFFFF;
    cursor: pointer;
}

.rese_top span.active {
    color: #5f1d14;
    background: #FFFFFF;
}

.rese_ban {
    width: 1280px;
    margin: 110px auto 0;
}

.curr_box {
    width: 100%;
}

.curr_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.curr_tit span {
    display: inline-block;
}

.curr_use {
    width: 1280px;
    margin: 40px auto 100px;
    position: relative;
}

.less {
    background: #FFFFFF;
    box-shadow: 2px 4px 30px rgba(79, 165, 186, 0.3);
    transition: all .3s ease-in;
}

.less:hover {
    background: #477595;
}

.less a {
    display: block;
    padding: 35px 43px 30px 25px;
    box-sizing: border-box;
}

.less_name {
    font-size: 24px;
    color: #477595;
    margin-bottom: 25px;
    transition: all .3s ease-in;
    padding-bottom: 7px;
    box-sizing: border-box;
    position: relative;
}

.less_name:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    background: #c7d5df;
}

.less_info {
    font-size: 14px;
    color: #7d7d7d;
    transition: all .3s ease-in;
    line-height: 24px;
}

.less:hover .less_name {
    color: #FFFFFF;
}

.less:hover .less_info {
    color: #FFFFFF;
}

.curr_btn {
    z-index: 50;
    background: #c4d2dc;
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.curr_btn:hover {
    background: #477595;
}

.curr_ban {
    width: 1040px;
    margin: auto;
    padding: 15px 0 25px;
    position: relative;
    z-index: 50;
}

.curr_use .good-prev {
    left: 0;
}

.curr_use .good-next {
    right: 0;
}

.curr_use:after {
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top: 2px dashed #c2d1db;
}

.design {
    width: 100%;
    height: 215px;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-teyEF8u_AAAAAJINabY030.jpg);
    position: relative;
}

.pdf {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    background: #FFFFFF;
    overflow: hidden;
}

.pdf a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: #48583d;
    padding-left: 73px;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tg-EfFIjAAAAAKexS5U113.png)no-repeat;
    background-position: 33px;
}

.harv_box {
    width: 1280px;
    margin: 100px auto 0px;
    overflow: hidden;
}

.harv_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.harv_tit span {
    display: inline-block;
}

.harv_list {
    width: 1305px;
    margin-left: -25px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.harv_list .clearfloat{
    display: flex;
    flex-wrap: wrap;
}
.harv_list li {
    width: 410px;
    margin-left: 25px;
    float: left;
    margin-bottom: 10px;
}

.harv_list a {
    display: block;
}

.harv_pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.harv_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.harv_list li:hover img {
    transform: scale(1.05);
}

.harv_line {
    position: relative;
    height: 10px;
    background: #7d7d7d;
    width: 100%
}

.harv_line:after {
    display: block;
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #477595;
    transition: all .3s ease-in;
}

.harv_list li:hover .harv_line:after {
    width: 100%;
}

.harv_name {
    transition: all .3s ease-in;
    height: 58px;
    overflow: hidden;
    line-height: 58px;
    box-sizing: border-box;
    font-size: 20px;
    color: #7d7d7d;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.harv_list li:hover:hover .harv_name {
    color: #477595;
}

.rese_use {
    position: relative;
}

.rese_bj {
    position: absolute;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tg6EJJUDAAAAACdInYA391.png)no-repeat;
    height: 292px;
    width: 100%;
    background-position: center;
    z-index: 40;
    top: 150px;
    left: 0;
}

.rese_ban {
    position: relative;
    z-index: 80;
}

/*4-4*/

/* 4-5è‹±åŽå›¾ä¹¦é¦† */

.library {
    margin: 0px auto 0;
    width: 1280px;
    position: relative;
    z-index: 80;
    height: auto;
}

.library .lib_cont {
    float: left;
    width: 780px;
    height: auto;
    margin-top: 140px;
}

.library .lib_cont .lib_tit {
    margin: 40px 0 40px 40px;
}

.library .lib_cont .lib_tit span {
    display: inline-block;
    font-size: 40px;
    color: #2B2B2B;
}

.library .lib_cont .lib_tet {
    margin: 0 70px 6px 40px;
}

.library .lib_cont .lib_tet p {
    display: block;
    font-size: 14px;
    color: #7d7d7d;
    margin-bottom: 20px;
}

.library .lib_cont .lib_tet p:last-child {
    padding-bottom: 0;
    padding-top: 38px;
}

.library .lib_img {
    position: relative;
    width: 500px;
    z-index: 10;
    overflow: hidden;
    top: 120px;
    right: 0;
}

.library .lib_img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.library .lib_img:hover img {
    transform: scale(1.05);
}

.larb_box {
    width: 100%;
    margin: 0 auto 120px;
    position: relative;
    z-index: 50;
}

.lib_bar {
    width: calc((100% - 1280px)/2 + 1280px);
    float: right;
    height: 120px;
    background-color: #477595;
    z-index: 0;
    padding: 30px 0;
    box-sizing: border-box;
    font-size: 0;
    line-height: 60px;
}

.lib_bar {
    display: inline-block;
    vertical-align: middle;
}

.lib_bar a {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 200px;
    height: 56px;
    overflow: hidden;
    line-height: 56px;
    text-align: center;
    margin-left: 37px;
    font-size: 24px;
    color: #477595;
    background-color: #fff;
    border-radius: 60px;
}

.lib_bar .lib-wechat {
    color: transparent;
    top: -26px;
    display: inline-block;
    width: 26px;
    margin-left: 446px;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    height: 56px;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tjCEQciQAAAAAEk34pE656.png)no-repeat;
    background-position: center;
}

span {
    display: inline-block;
}

.weicode {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 110px;
    height: 110px;
}

.weicode img {
    display: block;
    width: 100%;
    height: 100%;
}

.read {
    width: 1280px;
    margin: 0 auto;
}

.read .read_tit {
    font-size: 40px;
    color: #2B2B2B;
}

.read .read_book {
    margin: 60px 0;
}

.read .read_book:first-child {
    margin-bottom: 0;
}

.read_use {
    width: 1280px;
    margin: auto;
    position: relative;
}

.book_tit .tip {
    float: left;
    font-size: 30px;
    color: #477595;
}

.read_more {
    float: right;
    transition: all .3s ease-in;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #477595;
    margin-top: 15px;
}

.read_more a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

.read_more a em {
    margin-left: 20px;
}

.read_more:hover {
    background: #67879f;
}

.groom .read_more {
    background: #4fa6ba;
}

.scrip_book .read_more {
    background: #e3b760;
}

.scrip_book .read_more:hover {
    background: #efce8c;
}

.groom .read_more:hover {
    background: #6bb7c9;
}

.groom .book_tit .tip {
    color: #4fa6ba;
}

.read .read_book .book_lists .list {
    float: left;
    overflow: hidden;
    margin: 20px auto;
    width:25%;
}

.list a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.list img {
    width: 100%;
    height: 100%;
    display: block;
}

.read .read_book .book_lists .list:first-child {
    margin-left: 0;
}

.read .read_book .book_lists .list:last-child {
    margin-right: 0;
}

.read .read_book .book_lists .list img {
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.read .read_book .book_lists .list img:hover {
    transform: scale(1.1);
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.read .read_report .report_tit {
    font-size: 30px;
    color: #5f1d14;
}

.read .read_report .report_cont {
    margin: 30px 0 160px;
}

.read .read_report .report_cont .cont_list {
    width: 1280px;
    height: 60px;
    line-height: 60px;
}
.read .read_report .report_cont>a{display:block;}
.read .read_report .report_cont>a:nth-child(odd) {
    background: #eaeaea;
}

.read .read_report .report_cont>a:nth-child(even) {
    background: #fafafa;
}

.read .read_report .report_cont .cont_list .circle {
    float: left;
    width: 9px;
    height: 9px;
    background-color: #5f1d14;
    border-radius: 50%;
    margin: 25px 20px 0 30px;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.read .read_report .report_cont .cont_list .tit {
    float: left;
    font-size: 18px;
    color: #5F1D14;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.read .read_report .report_cont .cont_list .img {
    float: right;
    width: 21px;
    height: 21px;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tjWEbIwfAAAAALOg6xA500.png)no-repeat;
    margin: 20px 42px 0 0;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.read .read_report .report_cont .cont_list:hover {
    background: #5F1D14;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.read .read_report .report_cont .cont_list:hover .circle {
    background: #fff;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.read .read_report .report_cont .cont_list:hover .tit {
    color: #fff;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.read .read_report .report_cont .cont_list:hover .img {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tlmEbvoiAAAAAKqGu-8432.png)no-repeat;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.scriptures {
    width: 100%;
    height: 726px;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tmGENnCqAAAAAD8SDlU956.jpg)no-repeat;
    background-size: cover;
}

.scriptures .scrip_book {
    width: 1280px;
    margin: 0 auto;
}

.scriptures .scrip_book .scrip_tit {
    padding-top: 120px;
}

.scriptures .scrip_book .scrip_tit .tip {
    float: left;
    font-size: 40px;
    color: #2b2b2b;
}

.scriptures .scrip_book .book_lists .list {
    float: left;
    margin: 20px auto;
    overflow: hidden;
    width:25%;
}

.scriptures .scrip_book .book_lists .list img {
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.scriptures .scrip_book .book_lists .list img:hover {
    transform: scale(1.1);
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.service_info {
    width: 100%;
    height: 860px;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-toiEcsf9AAAAAP4BD5k356.jpg)no-repeat;
    background-size: cover;
}

.service_info .service_box {
    width: 1280px;
    margin: 0 auto;
}

.service_info .service_box .info_tit {
    font-size: 40px;
    color: #2B2B2B;
    padding: 164px 0 40px;
}

.info_box {
    box-shadow: 0 3px 10px rgba(71, 117, 149, .35);
    background: #FFFFFF;
}

.info_list {
    float: left;
    width: 370px;
}

.info_list .list {
    width: 100%;
    overflow: hidden;
    height: 89px;
    position: relative;
    border-bottom: 1px solid #fff;
    text-align: center;
    line-height: 90px;
    font-size: 24px;
    color: #2b2b2b;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.info_list .list span {
    position: relative;
    z-index: 70;
    display: block;
    width: 325px;
    height: 89px;
    cursor: pointer;
    background-color: #e5ecf0;
}

.info_list .list:hover span {
    background: #477595;
    color: #fff;
}

.info_list .list.active span {
    background: #477595;
    color: #fff;
}

.info_list .list:after {
    display: block;
    opacity: 0;
    z-index: 50;
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background: #477595;
    right: 19px;
    top: 0;
    transform: rotate(45deg);
}

.info_list .list.active:after {
    opacity: 1;
}

.info_list .list:hover:after {
    opacity: 1;
}

.info_cont {
    float: right;
    width: 850px;
    height: 450px;
    position: relative;
    padding: 32px 20px 32px 0;
    box-sizing: border-box;
}

.cont_box {
    display: none;
    height: 100%;
    overflow: hidden;
}

.cont_box.active {
    display: block;
}
.cont_box img{max-width:60%;}
.cont h3 {
    font-size: 30px;
    color: #2b2b2b;
    padding: 25px 0 40px;
}
@media only screen and (max-width: 768px) {
    .cont_box img{max-width:100%;}
    .cont p span{font-size: 14px!important;}
}
.cont p {
    font-size: 14px;
    color: #7d7d7d;
    padding-bottom: 20px;
}

.tips {
    width: 100%;
    height: 400px;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-toaEDfPwAAAAABsj6dE607.jpg)no-repeat;
    background-size: cover;
    line-height: 400px;
    position: relative;
}

.tips .tip {
    width: 200px;
    height: 56px;
    overflow: hidden;
    background-color: #fff;
    font-size: 24px;
    color: #5f1d14;
    position: absolute;
    border-radius: 28px;
    box-shadow: 0px 0px 6px 0px #5f1d14;
    text-align: center;
    line-height: 56px;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -28px;
}

.tips .tip a {
    color: #5f1d14;
    display: block;
}

/*4-5*/

.serve_box {
    width: 100%;
    padding: 120px 0;
    box-sizing: border-box;
    background: #f7f7f7;
    background-position: 0;
}

.serve_info {
    font-size: 14px;
    color: #7d7d7d;
    margin-top: 35px;
}

.ser_pic {
    margin-top: 30px;
    text-align: center;
    overflow: hidden;
}

.ser_pic:hover>img {
    transform: scale(1.05);
}

.ser_pic img {
    max-width: 100%;
    transition: all .3s ease-in;
}

.ser_list {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
    margin-top: 30px;
}

.ser_list p {
    display: block;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}
.ser_list li {
    display: block;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}
.ser_list li p:after{display:none!important;}
.ser_list li p{padding-left:0!important;}
.ser_list p:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e3b760;
}
.ser_list li:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e3b760;
}
.entra_rig img{max-width:100%;}
.entra_rig .ent_li li{
    display: block;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}
.entra_rig .ent_li li:after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e3b760;
}

.entra_rig .entra_rig1 li{
    display: block;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}
.entra_rig .entra_rig1 li:after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e3b760;
}
.entra_rig .ent_li h4{margin-top:1.5vw;}
.entra_rig .entra_rig1 h4{margin-top:1.5vw;}
.ser_sm {
    width: 315px;
    float: left;
}

.ser_smpic {
    width: 315px;
    height: 315px;
    overflow: hidden;
}

.ser_smpic+.ser_smpic {
    margin-top: 10px;
}

.ser_smpic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.ser_smpic:hover img {
    transform: scale(1.05);
}

.ser_big {
    width: 645px;
    height: 640px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}

.ser_big img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.ser_big:hover img {
    transform: scale(1.05);
}

/*5-1*/

.board_home {
    width: 100%;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tSaEZXlhAAAAANbcXd8821.jpg)no-repeat;
    background-size: cover;
}

.board_home .entra {
    padding-top: 100px;
}

.board_home .entra .board_tit {
    float: left;
    width: 244px;
}

.board_home .entra .board_tit .bod_tip {
    width: 100%;
    height: 100px;
    background-color: #deb765;
}

.board_home .entra .board_tit .bod_tip span {
    display: inline-block;
    line-height: initial;
}

.board_home .entra .board_tit .bod_tip span:first-child {
    width: 2px;
    height: 40px;
    background: #fff;
    margin: 30px 0 0 30px;
}

.board_home .entra .board_tit .bod_tip span:last-child {
    height: 40px;
    margin: 29px 5px;
    position: absolute;
}

.board_home .entra .board_tit .bod_tip span p {
    color: #fff;
}

.board_home .entra .board_tit .bod_tip span p:first-child {
    font-size: 12px;
}

.board_home .entra .board_tit .bod_tip span p:last-child {
    font-size: 20px;
}

.board_home .entra .board_tit .bod_menu {
    width: 100%;
}

.board_home .entra .board_tit .bod_menu a {
    display: block;
    width: 244px;
    height: 69px;
    margin: 0 auto;
    background-color: #f3f3f3;
    color: #333;
    line-height: 70px;
    text-indent: 35px;
    border-bottom: 1px solid #fdfdfd;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.board_home .entra .board_tit .bod_menu a.active {
    width: 100%;
    ;
    height: 69px;
    border-bottom: 1px solid #fff;
    color: #e3b760;
    font-size: 16px;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, .1);
    background-color: #fff;
}

.board_home .entra .board_tit .bod_menu a:hover {
    width: 100%;
    height: 69px;
    border-bottom: 1px solid #fff;
    color: #e3b760;
    font-size: 16px;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, .1);
    background-color: #fff;
}

.board_home .entra .entra_rig .box_tit {
    font-size: 14px;
    color: #7d7d7d;
    padding-top: 33px;
}

.board_home .entra .entra_rig .box_img {
    width: 100%;
    padding: 40px 0;
}

.board_home .entra .entra_rig .box_img img {
    width: 100%;
}

.board_home .entra .entra_rig .box_enviro {
    width: 100%;
}

.board_home .entra .entra_rig .box_enviro .enviro .circle {
    float: left;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 10px 10px 0 0;
    background-color: #e3b760;
}

.board_home .entra .entra_rig .box_enviro .enviro .text {
    float: right;
    width: 100%;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
}

.board_home .entra .entra_rig .box_supply {
    padding: 40px 0;
}

.board_home .entra .entra_rig .box_supply h2 {
    font-size: 20px;
    color: #7d7d7d;
}

.enviro {
    position: relative;
    padding-left: 17px;
}
.entra_rig .entra_rig1 p{margin-top:0px!important;}
.board_home .entra .entra_rig .box_enviro .enviro .text:after {
    position: absolute;
    display: none;
    content: "";
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #e3b760;
}

.box_supply p {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
}

.box_image {
    width: 100%;
}

.box_image img {
    width: 100%;
}

.box_image .image_left {
    float: left;
    width: 315px;
}

.image_left .img {
    width: 315px;
    height: 315px;
    overflow: hidden;
}

.image_left .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.image_left .img:hover img {
    transform: scale(1.05);
}

.image_left .img:first-child {
    margin-bottom: 10px;
}

.image_right {
    float: right;
    width: 645px;
    height: 640px;
    overflow: hidden;
}

.image_right img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.image_right:hover img {
    transform: scale(1.05);
}

.box_activity {
    width: 100%;
}

.box_activity .act_tit {
    font-size: 40px;
    color: #333;
    padding: 100px 0 30px;
}

.box_activity .act_info {
    width: 100%;
}

.box_activity .act_info .info_show {
    width: 100%;
}

.info_show .img {
    width: 100%;
    height: 194px;
    overflow: hidden;
}

.info_show .img img {
    width: 100%;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.box_activity .act_info .info_show .text {
    width: 270px;
    margin: 0 auto;
}

.box_activity .act_info .info_show .text h3 {
    font-size: 20px;
    color: #333;
    margin-top: 26px;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.box_activity .act_info .info_show .text span {
    display: block;
    font-size: 12px;
    color: #7d7d7d;
    padding: 12px 0;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.box_activity .act_info .info_show .text p {
    font-size: 14px;
    color: #7d7d7d;
    padding-bottom: 26px;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.box_activity .act_info .info_show:hover img {
    transform: scale(1.1);
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.box_activity .act_info .info_show:hover h3,
.box_activity .act_info .info_show:hover span,
.box_activity .act_info .info_show:hover p {
    color: #deb765;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.box_activity .act_info .show_prev {
    position: relative;
    left: 45%;
    margin-left: -20px;
    top: -40px;
}

.box_activity .act_info .show_next {
    position: relative;
    left: 55%;
    margin-right: -20px;
}

.box_activity .act_info .show_prev:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-sn6EUhSbAAAAAHBQAGY248.png)no-repeat;
    background-position: center;
}

.box_activity .act_info .show_next:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r3SEIQ7GAAAAADmLA-k114.png)no-repeat;
    background-position: center;
}

/*5-4*/

.entra_box {
    width: 100%;
    padding: 120px 0;
    box-sizing: border-box;
    background: url(/upload/image/2023/11/02/d0122b76-1d63-4b6e-ba12-4df1b1b9ad54.jpg)no-repeat;
    background-position: 0;
    background-size: cover;
}

.entra {
    width: 1280px;
    margin: auto;
}

.entra_le {
    width: 245px;
    float: left;
}

.entra_top {
    padding: 30px 20px 30px 30px;
    box-sizing: border-box;
    background: #d8b05f;
}

.entra_tit {
    border-left: 2px solid #FFFFFF;
    color: #FFFFFF;
    padding-left: 6px;
    box-sizing: border-box;
}

.entra_en {
    font-size: 12px;
}

.entra_cn {
    font-size: 20px;
}

.entra_list li {
    transition: all .3s ease-in;
    height: 71px;
    background: #f3f3f3;
    cursor: pointer;
    line-height: 70px;
    box-sizing: border-box;
    border-top: 1px solid #FFFFFF;
    font-size: 16px;
    color: #2b2b2b;
    padding-left: 35px;
    box-sizing: border-box;
}

.entra_list li.active {
    background: #ffffff;
    color: #e3b760;
}

.entra_list li:hover {
    background: #ffffff;
    color: #e3b760;
}

.entra_list a {
    display: block;
    color: #2b2b2b;
}

.entra_list a {
    display: block;
    color: #2b2b2b;
}

.entra_list li.active a {
    background: #ffffff;
    color: #e3b760;
}

.entra_list li:hover a {
    background: #ffffff;
    color: #e3b760;
}

.entra_rig {
    width: 976px;
    float: right;
}
.entra_rig .ent_li p{
    
    font-size: 14px;
    color: #7d7d7d;
    margin-top: 35px;
}
.entra_rig .ser_list p{margin-top:0px;}

.flow_tit {
    font-size: 40px;
    color: #2b2b2b;
    line-height: 40px;
    padding: 35px 0;
    box-sizing: border-box;
}

.flow {
    box-sizing: border-box;
    border-top: 6px solid #5f1d14;
    padding: 37px 40px;
    background: #fcfdfe;
    box-shadow: 3px 0 20px rgba(0, 0, 0, 0.2);
}

.flow_name {
    font-size: 30px;
    line-height: 30px;
    padding-left: 9px;
    color: #48583d;
    border-left: 4px solid #48583d;
    box-sizing: border-box;
}

.flow_cont {
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 24px;
    color: #7d7d7d;
    line-height: 50px;
    margin-top: 20px;
}

.flow_cont a {
    color: #48583d;
    border-bottom: 1px solid #48583d;
    font-weight: 900;
    position: relative;
    top: -3px;
}

.flow_cont span {
    display: inline-block;
    color: #48583d;
    font-size: 30px;
    font-weight: 900;
    margin-left: 30px;
    padding-left: 37px;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tq6EXXe5AAAAABF1xkc215.png)no-repeat;
    background-position: 0;
    box-sizing: border-box;
    position: relative;
    top: 4px;
}

.audit {
    font-size: 30px;
    line-height: 30px;
    padding-left: 9px;
    color: #e3b760;
    border-left: 4px solid #e3b760;
    box-sizing: border-box;
}

.throu {
    font-size: 30px;
    line-height: 30px;
    padding-left: 9px;
    color: #477595;
    border-left: 4px solid #477595;
    box-sizing: border-box;
}

.flow_way+.flow_way {
    margin-top: 55px;
}

.audit_cont {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 25px;
    padding-left: 15px;
    box-sizing: border-box;
    margin-top: 30px;
}

.throu_cont {
    padding-left: 15px;
    box-sizing: border-box;
    margin-top: 25px;
}

.thro_pro {
    font-size: 14px;
    color: #477595;
}

.thro_tit {
    font-size: 20px;
    color: #7d7d7d;
    margin: 15px 0 15px;
}

.thro_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
}

.enroll {
    width: 100%;
    height: 194px;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-trqEC7P4AAAAAAj1Emw794.jpg);
    position: relative;
    margin: 120px auto 110px;
}

.pdfs {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    background: #FFFFFF;
    overflow: hidden;
}

.pdfs a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: #5f1d14;
    padding-left: 73px;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tsmEaeKQAAAAALG1LTA990.png)no-repeat;
    background-position: 33px;
}

.paign_box {
    width: 100%;
    margin: auto;
}

.paign_box .news_more {
    background: #e3b760;
}

.paign_box .news_more:hover {
    background: #e7c582;
}

.paign_list {
    margin-top: 40px;
    box-sizing: border-box;
}

.paign_list li+li {
    border-top: 1px solid #e0e0e0;
}

.paign_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 44px 0 40px 20px;
    box-sizing: border-box;
}

.pdate {
    width: 100px;
    height: 100px;
    color: #7d7d7d;
    border-radius: 6px;
    float: left;
    box-sizing: border-box;
    border: 1px dashed #bababa;
    padding: 0 9px;
    position: relative;
}

.pdate:before {
    display: block;
    content: "";
    width: 6px;
    height: 9px;
    position: absolute;
    border-radius: 3px;
    background: #7d7d7d;
    left: 15px;
    top: -5px;
}

.pdate:after {
    display: block;
    content: "";
    width: 6px;
    height: 9px;
    position: absolute;
    border-radius: 3px;
    background: #7d7d7d;
    right: 15px;
    top: -5px;
}

.pday {
    font-size: 58px;
    font-weight: 900;
    text-align: center;
    line-height: 58px;
    padding-top: 5px;
    box-sizing: border-box;
    border-bottom: 2px solid #cbcbcb;
}

.pmon {
    font-size: 16px;
    text-align: center;
    font-weight: 900;
}

.date_pic {
    width: 377px;
    height: 236px;
    float: left;
    overflow: hidden;
    margin-left: 30px;
}

.date_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.pdate_cont {
    width: 385px;
    float: left;
    margin-left: 30px;
}

.date_tit {
    transition: all .3s ease-in;
    font-size: 20px;
    color: #2b2b2b;
    font-weight: 900;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-top: 35px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.date_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
    margin-top: 10px;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.paign_list li:hover .pdate {
    color: #e3b760;
    border: 1px dashed #e3b760;
}

.paign_list li:hover .pday {
    border-bottom: 2px solid #e3b760;
}

.paign_list li:hover .pdate:before {
    background: #e3b760;
}

.paign_list li:hover .pdate:after {
    background: #e3b760;
}

.paign_list li:hover img {
    transform: scale(1.05);
}

.paign_list li:hover .date_tit {
    color: #e3b760;
}

.enlist {
    width: 100%;
    height: 194px;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tsiEEl2lAAAAAFlGGrI163.jpg);
    position: relative;
    margin: 80px auto 110px;
}

.enli {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    background: #FFFFFF;
    overflow: hidden;
}

.enli a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: #477595;
    padding-left: 73px;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tuqEXIeCAAAAAKR9TAc283.png)no-repeat;
    background-position: 33px;
}

.fru_tit {
    font-size: 40px;
    color: #2b2b2b;
}

.fru_top {
    font-size: 0;
    margin-top: 50px;
    border-bottom: 1px solid #5f1d14;
}

.fru_top span {
    cursor: pointer;
    transition: all .3s ease-in;
    font-size: 20px;
    color: #7d7d7d;
    display: inline-block;
    width: 25%;
    text-align: center;
    height: 84px;
    line-height: 84px;
    vertical-align: middle;
}

.fru_top span.active {
    background: #5f1d14;
    color: #FFFFFF;
}

.fru_top span:hover {
    background: #5f1d14;
    color: #FFFFFF;
}

.fru_top.adm_top span {
    width: 20%;
}

.fru_box {
    width: 100%;
    position: relative;
    margin-top: 50px;
}

.fru_list li {
    padding: 33px 0;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
}

.fruqu_tit {
    transition: all .3s ease-in;
    font-size: 24px;
    color: #2b2b2b;
    height: 36px;
    overflow: hidden;
    width: 808px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fruqu_info {
    display: none;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
    margin-top: 20px;
    width: 808px;
}

.fru_btn {
    width: 80px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tueENoqqAAAAANt7Te8235.png)no-repeat;
    cursor: pointer;
    background-position: center;
}

.fru_list li.active .fru_btn {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-twiEEEXGAAAAAOLqQio050.png)no-repeat;
    background-position: center;
}

.fru_list li.active .fruqu_tit {
    color: #5f1d14;
}

.fru_list li:hover .fruqu_tit {
    color: #5f1d14;
}

.entra {
    position: relative;
}

.admms {
    position: absolute;
    left: 0;
    top: 0;
}

.admms.active {
    position: fixed;
}

/*6-1*/

.guide_box {
    width: 100%;
    padding: 110px 0;
    box-sizing: border-box;
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-ryWEGyzbAAAAAC0G-6s632.jpg)no-repeat;
    background-size: 100% 100%;
}

.guide {
    position: relative;
    z-index: 50;
    background: url(https://dfs.yun300.cn/group1/M00/04/26/rBQBHVy-twWEddN_AAAAADDxc78879.png)no-repeat;
    background-size: 100%;
    width: 1391px;
    margin: auto;
    padding-bottom: 50px;
    background-position: center 100%;
}

.career {
    width: 1280px;
    margin: auto;
}

.care_tit {
    font-size: 40px;
    color: #2b2b2b;
}

.care_tit span {
    display: inline-block;
}

.care_top {
    font-size: 0;
    margin-top: 55px;
    border-bottom: 1px solid #477595;
}

.care_top span {
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    color: #477595;
    height: 85px;
    line-height: 85px;
    padding: 0 70px;
    box-sizing: border-box;
}

.care_top span.active {
    background: #477595;
    color: #FFFFFF;
}

.guid_ban {
    width: 1280px;
    margin: auto;
}

.guid_ban .swiper-slide {
    padding: 70px 35px 100px;
    box-sizing: border-box;
    background: #FFFFFF;
}

.guid_pro {
    position: relative;
    padding: 70px 0 80px;
    box-sizing: border-box;
    margin-bottom: 105px;
}

.guid_info {
    width: 650px;
}

.guid_tit {
    font-size: 30px;
    color: #2b2b2b;
    margin-bottom: 20px;
}

.guid_text {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 26px;
}

.guid_pic {
    width: 431px;
    height: 325px;
    position: absolute;
    right: 27px;
    top: 0;
    transform: rotate(8deg);
    background: #f0f0f0;
}

.guid_pic a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(-8deg);
}

.guid_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.guid_pic:hover img {
    transform: scale(1.05);
}

.guid_list {
    width: 1280px;
    margin: auto;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
}

.guid_set {
    width: 320px;
    float: left;
    background: #fbf4e7;
    overflow: hidden;
}

.guid_set li {
    position: relative;
    z-index: 10;
    transition: all .3s ease-in;
    padding-left: 40px;
    cursor: pointer;
    height: 101px;
    line-height: 100px;
    box-sizing: border-box;
    border-bottom: 1px solid #FFFFFF;
    font-size: 20px;
    color: #7d7d7d;
}

.guid_set li.active {
    color: #FFFFFF;
    z-index: 50;
    background: #e3b760;
    border-bottom: 1px solid #e3b760;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.25);
}

.guid_setcont {
    float: left;
    width: 799px;
    margin-left: 40px;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 26px;
    padding-top: 20px;
    box-sizing: border-box;
}

.guid_setcont li {
    display: none;
}

.guid_setcont li.active {
    display: block;
}

.guid_setcont p {
    margin-top: 20px;
}

.guid_use {
    width: 1280px;
    margin: auto;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.25);
}

.chair_box {
    position: relative;
    z-index: 20;
    background: #f9f4eb;
    padding: 400px 0 65px;
    margin-top: -300px;
    margin-bottom: 110px;
    box-sizing: border-box;
}

.chair {
    width: 1280px;
    margin: auto;
}

.chair .news_more {
    background: #e3b760;
}

.chair .news_more:hover {
    background: #e5c37f;
}

.chai_list {
    width: 1305px;
    margin-left: -25px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.chai_list li {
    width: 410px;
    margin-left: 25px;
    float: left;
    margin-bottom: 25px;
}

.chai_list a {
    display: block;
}

.chai_pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.chai_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.chai_list li:hover img {
    transform: scale(1.05);
}

.chai_line {
    position: relative;
    height: 10px;
    background: #7d7d7d;
    width: 100%
}

.chai_line:after {
    display: block;
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #e3b760;
    transition: all .3s ease-in;
}

.chai_list li:hover .chai_line:after {
    width: 100%;
}

.chai_name {
    transition: all .3s ease-in;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    margin: 17px 0 10px;
    box-sizing: border-box;
    font-size: 20px;
    color: #7d7d7d;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chai_list li:hover:hover .chai_name {
    color: #e3b760;
}

.chai_time {
    font-size: 12px;
    color: #7d7d7d;
}

.share {
    width: 1280px;
    margin: auto;
}

.share .news_more {
    background: #477595;
}

.share .news_more:hover {
    background: #66879e;
}

.share .trends_list {
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0);
    margin-left: -20px;
    margin-top: 40px;
}

.share .trends_list li {
    top: 0;
}

.share .trends_list li:hover .trend_text {
    background: #477595;
}

/*6-3*/

.join_box {
    width: 100%;
    padding: 120px 0;
    box-sizing: border-box;
    background: url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-ryWEGyzbAAAAAC0G-6s632.jpg)no-repeat;
    background-size: 100% 100%;
}

.joins {
    width: 1280px;
    margin: auto;
    position: relative;
}

.join_text {
    position: absolute;
    z-index: 80;
    width: 500px;
    box-shadow: 5px 0 13px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 35px 40px 55px 35px;
    box-sizing: border-box;
}

.join_name {
    font-size: 30px;
    color: #5f1d14;
}

.join_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 26px;
    margin-top: 15px;
}

.join_info p+p {
    margin-top: 20px;
}

.boon_tit {
    font-size: 40px;
    color: #2b2b2b;
    text-align: center;
}

.boon_tit span {
    display: inline-block;
}

.boon_box {
    margin-top: 110px;
}

.boon_ban a {
    display: block;
    width: 100%;
    height: 100%;
}

.boon_ban li {
    height: 320px;
    padding-top: 94px;
    box-sizing: border-box;
    transition: all .3s ease-in;
}

.boon_pic {
    width: 100%;
    height: 94px;
    transition: all .3s ease-in;
}

.boon_name {
    transition: all .3s ease-in;
    margin-top: 15px;
    text-align: center;
    color: #7d7d7d;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 21px;
    padding: 0 10px;
    box-sizing: border-box;
}

.boon_ban {
    width: 1280px;
    margin: auto;
}

.boon_ban li:hover {
    background: #4fa5ba;
}

.boon_ban li:hover .boon_name {
    color: #FFFFFF;
}

.risk {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tzCEPDWGAAAAALzW8vQ248.png)no-repeat;
    background-position: center 100%;
}

.boon_ban li.active .risk {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-t0-EZ6roAAAAAKQBVUQ967.png)no-repeat;
    background-position: center 0;
}

.test {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t1eEW7IUAAAAALxAlTQ714.png)no-repeat;
    background-position: center 100%;
}

.boon_ban li.active .test {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t0mEBJGyAAAAAJeDuTA211.png)no-repeat;
    background-position: center 0;
}

.dorm {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t3KEYY3eAAAAADxRtsU625.png)no-repeat;
    background-position: center 100%;
}

.boon_ban li.active .dorm {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-t3aEJ1XtAAAAANxntD0604.png)no-repeat;
    background-position: center 0;
}

.hols {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t4-ERsmiAAAAAELt7LY522.png)no-repeat;
    background-position: center 100%;
}

.boon_ban li.active .hols {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t4KEH2fNAAAAAAPLRww809.png)no-repeat;
    background-position: center 0;
}

.bonus {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-t66EVViTAAAAAOGENkM279.png)no-repeat;
    background-position: center 100%;
}

.boon_ban li.active .bonus {
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t6eEROjHAAAAADpqkqs370.png)no-repeat;
    background-position: center 0;
}

.boon_use {
    width: 1280px;
    margin: 40px auto 0;
    position: relative;
}

.boon_btn {
    z-index: 50;
    background: #ededed;
    position: absolute;
    transition: all .3s ease-in;
    z-index: 50;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.boon_btn:hover {
    background: #4fa5ba;
}

.boon_box {
    margin-bottom: 210px;
}

.recru_box {
    width: 1280px;
    margin: auto;
}

.salabj {
    position: absolute;
    bottom: -40px;
    right: 10px;
}

.recr_top {
    height: 100px;
    background: #e8c471;
    margin-top: 35px;
    padding: 30px;
    box-sizing: border-box;
}

.job {
    border-left: 2px solid #FFFFFF;
    padding-left: 5px;
    box-sizing: border-box;
}

.job_en {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.57);
}

.job_cn {
    font-size: 20px;
    color: #FFFFFF;
}

.job_top {
    position: relative;
    padding: 35px 100px 35px 40px;
    box-sizing: border-box;
}

.job_list li {
    background: #fafafa;
    border-bottom: 1px solid #d8d8d8;
    transition: all .3s ease-in;
}

.job_list li:hover {
    background: #faf6ec;
}

.job_list li.active {
    background: #faf6ec;
}

.job_name {
    font-size: 24px;
    color: #2b2b2b;
    margin-bottom: 33px;
}

.job_ask {
    font-size: 16px;
    color: #7d7d7d;
}

.job_ask span {
    display: inline-block;
}

.job_ask span+span {
    margin-left: 40px;
}

.job_btn {
    width: 100px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
    cursor: pointer;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tueENoqqAAAAANt7Te8235.png)no-repeat;
    background-position: center;
}

.job_list li.active .job_btn {
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-twiEEEXGAAAAAOLqQio050.png)no-repeat;
    background-position: center;
}

.job_down {
    display: none;
    padding: 5px 100px 25px 40px;
    box-sizing: border-box;
    background: #faf6ec;
}

.duty_tit {
    font-size: 14px;
    color: #2b2b2b;
    margin-bottom: 15px;
    font-weight: bold;
}

.duty_info {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 30px;
}

.job_duty {
    margin-bottom: 30px;
}

.relat {
    font-size: 24px;
    color: #ffffff;
    width: 1280px;
    margin: 30px auto 0px;
    padding: 70px 39px;
    box-sizing: border-box;
    position: relative;
    background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-t8mEOmWSAAAAAE4KIs4930.jpg)no-repeat;
    height: 242px;
    background-position: 100%;
}

.cont-us {
    width: 101px;
    height: 101px;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t8GEJjf1AAAAAMsxFXU062.png)no-repeat;
    position: absolute;
    right: 70px;
    top: 40px;
}

.cont-us a {
    display: block;
    width: 100%;
    height: 100%;
}

.relat_ph {
    margin-bottom: 20px;
    padding-left: 44px;
    box-sizing: border-box;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tQKEDjMTAAAAAG_pay8292.png)no-repeat;
    background-position: 0;
    background-size: 30px;
}

.relat_em {
    padding-left: 44px;
    box-sizing: border-box;
    background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-s-yED_nOAAAAAGJavfA642.png)no-repeat;
    background-position: 0;
    background-size: 30px;
}

/*7join*/

.illus_ban_left {
    float: left;
    width: 663px;
    box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, .1);
}

.illus_pic {
    position: relative;
    box-shadow: 0px 0 40px rgba(0, 0, 0, 0.2);
    width: 663px;
    height: 354px;
}

.illus_pic>span {
    width: 0;
    height: 0;
    border-color: transparent #477595;
    border-style: solid;
    position: absolute;
    z-index: 100;
}

.lsplen .illus_pic>span {
    border-color: transparent #edc678;
}

.lsplen .illus_name span {
    color: #edc678;
}

.lsplen .illus_name span+span {
    background-color: #edc678;
    color: #FFFFFF;
}

.gjsplen .illus_pic>span {
    border-color: transparent #efae8d;
}

.gjsplen .illus_name span {
    color: #efae8d;
}

.gjsplen .illus_name span+span {
    background-color: #efae8d;
    color: #FFFFFF;
}

.pgsplen .illus_pic>span {
    border-color: transparent #8ab8c4;
}

.pgsplen .illus_name span {
    color: #8ab8c4;
}

.pgsplen .illus_name span+span {
    background-color: #8ab8c4;
    color: #FFFFFF;
}

.illus_pic .pic_up {
    border-width: 0 0 20px 20px;
    top: 0;
    left: 0;
}

.illus_pic .pic_down {
    border-width: 20px 20px 0 0;
    bottom: 0;
    right: 0;
}

.illus_pic .illus_img {
    width: 254px;
    height: 354px;
    float: left;
}

.illus_pic .illus_img img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    float: left;
}

.illus_text {
    float: right;
    width: 374px;
    background: transparent !important;
}

.illus_name {
    padding: 62px 0 12px;
}

.illus_name span {
    font-size: 24px;
    color: #477595;
}

.illus_name span+span {
    font-size: 14px;
    color: #FFF;
    display: inline-block;
    background-color: #477595;
    width: 72px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-left: 20px;
    border-radius: 8px;
}

.aplen_tit {}

.aplen_tit p {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 28px;
}

.illus_ban_right {
    float: right;
    width: 537px;
    height: 354px;
    box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, .1);
}

.excell_pic {
    position: relative;
    box-shadow: 0px 0 40px rgba(0, 0, 0, 0.2);
    width: 254px;
    height: 354px;
}

.excell_pic img {
    width: 100%;
}

.excell_shadow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.excell_shadow:hover {
    opacity: 0;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.illus_prev,
.illus_next {
    cursor: pointer;
    position: absolute;
    left: 25%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    background: rgba(255, 255, 255, .5) !important;
}

.illus_next {
    left: 75%;
}

/*.illus_prev:hover,.illus_next:hover{background: #477595 !important;}*/

.illus_prev:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-sn6EUhSbAAAAAHBQAGY248.png)no-repeat;
    background-position: center;
}

.illus_next:before {
    transition: all .3s ease-in;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-r3SEIQ7GAAAAADmLA-k114.png)no-repeat;
    background-position: center;
}

@media only screen and (max-width:1680px) {
    .word {
        margin-right: 0;
    }
    .stu_tit {
        font-size: 38px;
    }
    .sch_num {
        font-size: 70px;
    }
    .sch_list+.sch_list {
        margin-left: 50px;
    }
    .survey_use {
        width: 1360px;
    }
    .good {
        width: 1200px;
    }
    .depa_tit {
        font-size: 50px;
        line-height: 55px;
    }
    .word_cut.word_cut1 {
        right: 744px;
        top: 45px;
    }
    .word_cut.word_cut2 {
        right: 770px;
        top: 112px;
    }
    .word_cut.word_cut3 {
        right: 516px;
        top: 64px;
    }
    .word_cut.word_cut4 {
        right: 482px;
        top: 111px;
    }
    .word_cut.word_cut5 {
        right: 220px;
        top: 63px;
    }
    .word_cut.word_cut6 {
        right: 160px;
        top: 112px;
    }
    .word_cut.word_cut7 {
        right: 140px;
        top: 120px;
    }
    .word_cut.word_cut8 {
        right: 62px;
        top: 120px;
    }
    .word_cut.word_cut9 {
        right: 175px;
        top: 63px;
    }
}

@media only screen and (max-width:1440px) {
    .trend_tit {
        font-size: 18px;
    }
    .sma_news .trend_tit {
        height: 55px;
    }
    .school_list {
        height: 400px;
    }
    .schoo_top {
        height: 400px;
        padding: 55px 20px 0;
    }
    .school {
        margin-top: -290px;
    }
    .stu_tit {
        font-size: 36px;
    }
    .sch_num {
        font-size: 65px;
    }
    .sch_list+.sch_list {
        margin-left: 73px;
    }
    .stubox {
        height: 760px;
    }
    .trends {
        height: 600px;
    }
    .trend_text {
        padding: 22px 20px;
    }
    .wei {
        margin-right: 60px;
    }
    .fact_tit {
        font-size: 40px;
    }
    .survey_use {
        width: 1230px;
    }
    .survey_ban {
        width: 1000px;
    }
    .survey {
        height: 685px;
    }
    .feat_box {
        margin: 90px auto;
    }
    .good {
        width: 1100px;
    }
    .offere {
        width: 1300px;
    }
    .good_use {
        width: 1100px;
    }
    .spe_ban {
        width: 100%;
    }
    .home {
        width: 1100px;
    }
    .fine_use {
        width: 1100px;
    }
    .read_use {
        width: 1100px;
    }
    .book_use {
        width: 1100px;
    }
    .book_tit {
        width: 1100px;
        margin: auto;
    }
    .scri_use {
        width: 1100px;
        margin: auto;
    }
    .guide {
        width: 1280px;
        background: none;
    }
    .boon_use {
        width: 1100px;
    }
    .boon_ban {
        width: 100%;
    }
    .depa_cont {
        width: 1200px;
    }
    .depa_en {
        font-size: 24px;
        color: #c4c4c4;
    }
    .depa_tit {
        font-size: 45px;
        line-height: 50px;
    }
    .depa_cn {
        font-size: 16px;
    }
    .word_cut.word_cut1 {
        right: 744px;
        top: 45px;
    }
    .word_cut.word_cut2 {
        right: 770px;
        top: 112px;
    }
    .word_cut.word_cut3 {
        right: 516px;
        top: 64px;
    }
    .word_cut.word_cut4 {
        right: 482px;
        top: 111px;
    }
    .word_cut.word_cut5 {
        right: 220px;
        top: 63px;
    }
    .word_cut.word_cut6 {
        right: 160px;
        top: 112px;
    }
    .word_cut.word_cut7 {
        right: 140px;
        top: 120px;
    }
    .word_cut.word_cut8 {
        right: 62px;
        top: 120px;
    }
    .word_cut.word_cut9 {
        right: 175px;
        top: 63px;
    }
}

@media only screen and (max-width:1360px) {
    body {
        padding-top: 140px;
    }
    .head {
        width: 1200px;
    }
    .logo {
        width: 110px;
    }
    .nav li {
        font-size: 14px;
    }
    .se_nav {
        font-size: 14px;
    }
    .head_box {
        height: 140px;
    }
    .head_top {
        height: 140px;
    }
    .nav li>a {
        height: 72px;
        line-height: 72px;
    }
    .nav_down {
        top: 140px;
    }
    .down_box {
        width: 1200px;
    }
    .nav_picbox {
        margin-left: 30px;
        width: 231px;
    }
    .nav_pic {
        width: 100%;
    }
    .se_nav {
        margin-left: 40px;
    }
    .student {
        width: 1200px;
    }
    .stu_good {
        width: 660px;
        margin-top: 90px;
    }
    .stu_tit {
        font-size: 34px;
    }
    .stu_more {
        margin-top: 50px;
    }
    .sch_num {
        font-size: 55px;
    }
    .school {
        margin-top: -240px;
    }
    .stubox {
        height: 720px;
    }
    .map {
        width: 1200px;
    }
    .trends_list {
        width: 1200px;
    }
    .big_news {
        width: 575px;
    }
    .sma_news {
        width: 280px;
    }
    .trends_list li {
        height: 387px;
    }
    .trends {
        height: 540px;
    }
    .foot {
        width: 1200px;
    }
    .findse {
        width: 370px;
    }
    .find_text {
        font-size: 14px;
    }
    .find_list li+li {
        margin-left: 36px;
    }
    .foot_nav {
        width: 800px;
    }
    .foot_nav li {
        font-size: 15px;
    }
    .copy {
        width: 1200px;
    }
    .word_stu {
        width: 455px;
    }
    .se_navbox {
        width: 920px;
    }
    .adv_tit {
        font-size: 36px;
    }
    .inter {
        padding-top: 30px;
        width: 1200px;
    }
    .big_inter {
        width: 460px;
    }
    .inter_num h2 {
        font-size: 74px;
    }
    .idea {
        width: 1200px;
    }
    .idea_info {
        margin-right: 110px;
    }
    .master {
        width: 1200px;
    }
    .mission {
        width: 1200px;
    }
    .com_tit {
        font-size: 34px;
    }
    .common_box {
        width: 1200px;
    }
    .common_ban {
        width: 1100px;
    }
    .com_info {
        width: 100%;
    }
    .adviser {
        width: 1200px;
        margin: 120px auto 90px;
    }
    .modle {
        padding: 55px 25px 50px;
    }
    .mod_info {
        margin-top: 30px;
    }
    .team_list {
        width: 1240px;
    }
    .team_list li {
        width: 580px;
    }
    .manmge {
        width: 1200px;
    }
    .manmge {
        margin: 0 auto 90px;
    }
    .result {
        width: 1200px;
    }
    .resultbox {
        padding: 90px 0;
    }
    .resu_tit {
        font-size: 34px;
    }
    .result_list {
        width: 1200px;
        padding: 20px 13px;
    }
    .result_list li {
        width: 311px;
    }
    .score_box {
        width: 1200px;
        margin: 70px auto 0;
    }
    .score_rig {
        width: 1040px;
        padding: 60px 0 100px;
    }
    .record {
        width: 1200px;
    }
    .record_box {
        padding: 90px 0;
    }
    .cour_tit {
        font-size: 34px;
    }
    .cour_top {
        padding: 90px 0;
    }
    .kern_box {
        padding-top: 90px;
    }
    .kern {
        width: 1200px;
    }
    .kern_list li {
        width: 280px;
        height: 124px;
        line-height: 124px;
    }
    .kern_use {
        width: 1200px;
        margin-bottom: 90px;
    }
    .assn_box {
        width: 1200px;
    }
    .assn_cour {
        width: 845px;
    }
    .pract {
        width: 1200px;
    }
    .pra_tit {
        font-size: 34px;
    }
    .kern_tit {
        font-size: 34px;
    }
    .assn_tit {
        font-size: 34px;
    }
    .attain_tit {
        font-size: 34px;
    }
    .pract_box {
        padding: 90px 0;
    }
    .assn_box {
        margin-bottom: 90px;
    }
    .attain_box {
        padding: 90px 0;
    }
    .attain {
        width: 1200px;
    }
    .steam {
        margin: 90px auto;
        width: 1200px;
    }
    .steam_list {
        width: 1200px;
    }
    .big_ste {
        width: 593px;
    }
    .sma_ste {
        width: 290px;
    }
    .midd_ste {
        width: 591px;
    }
    .steam_tit {
        font-size: 34px;
    }
    .feat_box {
        width: 1200px;
    }
    .feat_list {
        width: 100%;
        margin-left: 0;
        margin: 0 auto 30px;
    }
    .feat_list li {
        width: 375px;
        margin: 0 12.5px 20px;
    }
    .junior_box {
        width: 1200px;
        margin: 60px auto;
    }
    .jour_tit {
        font-size: 34px;
    }
    .good_tit {
        font-size: 34px;
    }
    .good_box {
        padding: 90px 0;
        height: auto;
    }
    .good {
        width: 1000px;
    }
    .offere {
        width: 1200px;
    }
    .news_box {
        width: 1200px;
        margin: 90px auto;
    }
    .news_list {
        width: 1200px;
        margin: 20px auto 0;
    }
    .news_list li {
        width: 25%;
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .tech_box {
        width: 1200px;
    }
    .tech_box .trends_list {
        margin-left: 0;
    }
    .news_top .news_tit {
        font-size: 34px;
    }
    .offere_tit {
        font-size: 34px;
    }
    .offere_box {
        padding: 100px 0;
        height: auto;
    }
    .tech_box {
        margin-bottom: 90px;
    }
    .good_use {
        width: 1000px;
    }
    .good_tit {
        width: 100%;
        font-size: 34px;
    }
    .intro_tit {
        font-size: 34px;
    }
    .intro_box {
        margin: 90px auto;
        width: 1200px;
        background-size: 70%;
    }
    .spe_good {
        height: auto;
        padding: 90px 0;
    }
    .descript_box {
        height: auto;
        padding: 90px 0;
    }
    .desc_tit {
        font-size: 34px;
    }
    .descript {
        margin-top: 90px;
    }
    .descript {
        width: 1200px;
    }
    .cnews_box {
        width: 1200px;
        margin: 90px auto;
    }
    .m_tech {
        padding: 90px 0;
    }
    .pnews_box {
        width: 1200px;
    }
    .pnews_box {
        margin: 90px auto;
    }
    .pdescript_box {
        padding-top: 90px;
    }
    .splend {
        width: 1200px;
    }
    .gsplen_use {
        width: 100%;
    }
    .illus_pic {
        width: 637px;
    }
    .illus_text {
        width: 360px;
    }
    .splend {
        margin: 90px auto;
    }
    .p_tech {
        padding: 90px 0;
    }
    .runschool {
        margin-bottom: 90px;
    }
    .p_good {
        padding: 90px 0;
        height: auto;
    }
    .rel_use {
        margin: 0 40px;
    }
    .runschool {
        width: 1200px;
    }
    .divis {
        width: 1200px;
    }
    .divi_tit {
        font-size: 34px;
    }
    .art_tit {
        font-size: 34px;
    }
    .artic_ban {
        margin-top: 90px;
    }
    .gnews_box {
        width: 1200px;
    }
    .artic_ban {
        width: 1200px;
    }
    .big_art {
        width: 416px;
    }
    .arti_num h2 {
        font-size: 65px;
        line-height: 65px;
    }
    .applic {
        width: 1200px;
    }
    .app_tit {
        font-size: 34px;
    }
    .g_tech {
        padding: 90px 0;
    }
    .detail {
        width: 1200px;
        margin: 90px auto;
    }
    .deta_name {
        font-size: 28px;
    }
    .dynam_box {
        width: 1200px;
        margin: 90px auto;
    }
    .dynam_cont {
        width: 585px;
    }
    .dynam_name {
        padding: 0 16px 0 0;
        font-size: 26px;
    }
    .blip_box {
        width: 1200px;
        margin: 90px auto;
    }
    .blip_list {
        width: 100%;
        margin-left: 0;
    }
    .blip_list li {
        width: 375px;
    }
    .home {
        width: 1000px;
        margin: 90px auto;
    }
    .regu_box {
        height: 190px;
        padding: 50px;
    }
    .regu_top {
        width: 100%;
    }
    .regu_ban {
        width: 1200px;
        margin: 60px auto 90px;
    }
    .home_box {
        margin: 90px auto;
    }
    .home_tit {
        font-size: 34px;
    }
    .fine_tit {
        font-size: 34px;
    }
    .touch_tit {
        font-size: 34px;
    }
    .fine_box {
        width: 1200px;
        margin-bottom: 90px;
    }
    .fine_use {
        width: 1000px;
    }
  
    .touch {
        padding: 80px 0;
    }
    .touch_way {
        width: 1200px;
    }
    .touch_phone {
        width: 562px;
    }
    .touch_mail {
        width: 562px;
    }
    .union_box {
        padding: 90px 0;
    }
    .union_top {
        width: 1200px;
    }
    .union_text {
        width: calc(100% - 350px);
    }
    .union_tit {
        font-size: 36px;
    }
    .camp_box {
        width: 1200px;
        margin: auto;
    }
    .camp_top {
        width: 100%;
    }
    .camp_big {
        width: 780px;
    }
    .camp_smbox {
        width: 380px;
    }
    .camp_list {
        width: 1220px;
    }
    .camp_list li {
        width: 381px;
    }
    .exerc_list {
        width: 1200px;
        margin: 90px auto 30px;
    }
    .rese_box {
        padding: 90px 0;
    }
    .curr_tit {
        font-size: 36px;
    }
    .harv_tit {
        font-size: 36px;
    }
    .harv_list {
        width: 1225px;
    }
    .harv_list li {
        width: 383px;
    }
    .harv_box {
        width: 1200px;
        margin: 90px auto 0;
    }
    .curr_box {
        width: 1200px;
    }
    .rese_ban {
        width: 1200px;
    }
    .curr_use {
        width: 100%;
    }
    .rese_top {
        width: 1200px;
        text-align: center;
    }
    .library {
        width: 1200px;
        margin-top: 0px;
        height: auto;
    }
    .library .lib_img {
        width: 408px;
        height: auto;
        top: 120px;
    }
    .library .lib_cont {
        height: auto;
        margin-top: 40px;
    }
    .library .lib_cont .lib_tet p:last-child {
        padding-top: 10px;
    }
    .library .lib_cont .lib_tit span {
        font-size: 34px;
    }
    .read .read_tit {
        font-size: 34px;
    }
    .scriptures .scrip_book .scrip_tit .tip {
        font-size: 34px;
    }
    .service_info .service_box .info_tit {
        padding: 90px 0 40px;
        font-size: 34px;
    }
    .scriptures .scrip_book .scrip_tit {
        padding-top: 0px;
    }
    .scriptures {
        height: auto;
        padding: 90px 0;
    }
    .larb_box {
        margin-bottom: 90px;
    }
    .read_use {
        width: 1000px;
    }
    .book_use {
        width: 1000px;
    }
    .scri_use {
        width: 1000px;
    }
    .scriptures .scrip_book {
        width: 1200px;
    }
    .read {
        width: 1200px;
    }
    .read .read_report .report_cont .cont_list {
        width: 1200px;
    }
    .service_info .service_box {
        width: 1200px;
    }
    .info_cont {
        width: 810px;
    }
    .read .read_report .report_cont {
        margin: 30px auto 90px;
    }
    .serve_box {
        padding: 90px 0;
    }
    .entra {
        width: 1200px;
    }
    .entra_le {
        width: 210px;
    }
    .box_activity .act_tit {
        font-size: 34px;
        padding: 60px 0 30px;
    }
    .entra_box {
        padding: 90px 0;
    }
    .flow_tit {
        font-size: 34px;
        padding: 25px 0;
    }
    .audit {
        font-size: 28px;
    }
    .throu {
        font-size: 28px;
    }
    .flow_name {
        font-size: 28px;
    }
    .enroll {
        margin: 90px auto;
    }
    .enlist {
        margin: 60px auto 80px;
    }
    .fru_tit {
        font-size: 34px;
    }
    .care_tit {
        font-size: 34px;
    }
    .guide_box {
        padding: 90px 0;
    }
    .guide {
        width: 1200px;
    }
    .guid_ban {
        width: 100%;
    }
    .chai_list {
        width: 1225px;
    }
    .guid_list {
        width: 100%;
    }
    .guid_setcont {
        width: 755px;
    }
    .chair_box {
        padding: 350px 0 0;
    }
    .chair {
        width: 1200px;
    }
    .chai_list li {
        width: 383px;
    }
    .career {
        width: 100%;
    }
    .guid_use {
        width: 100%;
    }
    .share {
        width: 1200px;
    }
    .share .trends_list {
        margin-left: 0;
    }
    .joins {
        width: 1200px;
    }
    .join_text {
        width: 450px;
        padding: 20px 30px 40px 25px;
    }
    .divi_pic {
        width: 915px;
    }
    .boon_tit {
        font-size: 34px;
    }
    .boon_box {
        margin: 90px auto;
    }
    .boon_use {
        width: 1000px;
    }
    .salabj img {
        width: 90%;
    }
    .recru_box {
        width: 1200px;
    }
    .relat {
        width: 1200px;
    }
    .fact_tit {
        font-size: 34px;
    }
    .calen_box {
        margin: 90px auto;
        width: 1200px;
    }
    .cale_pic a {
        font-size: 34px;
    }
    .year_list {
        width: 735px;
    }
    .year_list li {
        width: 92px;
    }
    .big_use {
        width: 277px;
    }
    .ban_word {
        top: 20%;
    }
    .ban_tit {
        font-size: 45px;
        line-height: 50px;
        margin: 15px 0 5px;
    }
    .ban_entit {
        font-size: 22px;
    }
    .ban_motto {
        font-size: 15px;
    }
    .bans_tit {
        font-size: 40px;
        line-height: 50px;
        margin-top: 10px;
    }
    .ban_tits {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 35px;
    }
    .ban_tits:after {
        bottom: -30px;
        width: 110px;
    }
    .ban_mottos {
        font-size: 15px;
        line-height: 30px;
    }
    .depa_cont {
        width: 1000px;
    }
    .depa_tit {
        font-size: 45px;
        line-height: 50px;
    }
    .word_cut.word_cut1 {
        right: 744px;
        top: 45px;
    }
    .word_cut.word_cut2 {
        right: 770px;
        top: 112px;
    }
    .word_cut.word_cut3 {
        right: 516px;
        top: 64px;
    }
    .word_cut.word_cut4 {
        right: 482px;
        top: 111px;
    }
    .word_cut.word_cut5 {
        right: 220px;
        top: 63px;
    }
    .word_cut.word_cut6 {
        right: 160px;
        top: 112px;
    }
    .word_cut.word_cut7 {
        right: 140px;
        top: 120px;
    }
    .word_cut.word_cut8 {
        right: 62px;
        top: 120px;
    }
    .cont_code {
        width: 1100px;
    }
}

@media only screen and (max-width:1280px) {
    .head {
        width: 96%;
    }
    /*.inqu{height: 34px;position: relative;top: -2px;}*/
    .head_right {
        width: calc(100% - 140px);
    }
    .apply_box a {
        padding: 0 12px 0 40px;
        background-position: 12px;
    }
    .apply_box a:hover {
        padding: 0 12px 0 40px;
        background-position: 12px;
    }
    .nav li {
        margin-left: 16px;
    }
    .nav_picbox {
        width: 215px;
    }
    .student {
        width: 96%;
    }
    .school {
        width: 370px;
        height: 582px;
        margin-top: -190px;
    }
    .stu_good {
        width: calc(100% - 450px);
    }
    .stu_tit {
        font-size: 32px;
    }
    .stu_text {
        font-size: 14px;
    }
    /*.sch_list{width: 25%;}*/
    .sch_list+.sch_list {
        margin-left: 72px;
    }
    .sch_num {
        font-size: 45px;
        padding-left: 45px;
        background-size: 30px;
    }
    .stubox {
        height: 630px;
    }
    .map {
        width: 96%;
    }
    .word {
        margin-top: 0;
    }
    .word_stu {
        width: 50%;
        position: relative;
        float: left;
        left: 0;
        top: 0;
        margin-top: 20px;
    }
    .map_box {
        height: auto;
        padding: 80px 0 20px;
        box-sizing: border-box;
    }
    .word_more {
        margin-top: 20px;
    }
    .trends_list {
        width: 96%;
    }
    .big_news {
        width: 44%;
    }
    .sma_news {
        width: 25%;
    }
    .trends_list li {
        margin-left: 1%;
        margin-right: 1%;
    }
    .foot {
        width: 96%;
    }
    .findse {
        width: 29%;
    }
    .foot_nav {
        width: 70%;
        margin-right: 0;
    }
    .foot_nav li {
        margin: 0 10px;
        font-size: 13px;
    }
    .find_tit {
        font-size: 14px;
    }
    .find_text {
        font-size: 12px;
    }
    .find_list li+li {
        margin-left: 15px;
    }
    .copy {
        width: 96%;
    }
    .nav_pic {
        padding-right: 15px;
        height: 71px;
    }
    .nav_picbox {
        width: 154px;
        margin-left: 0;
    }
    .down_box {
        width: 96%;
    }
    .se_navbox {
        width: calc(100% - 200px);
    }
    .copy_text {
        width: 80%;
    }
    .advert {
        height: 270px;
    }
    .inter {
        width: 96%;
    }
    .sma_inter {
        width: 30%;
    }
    .big_inter {
        width: 36%;
    }
    .inter_list li+li {
        margin-left: 2%;
    }
    .survey_use {
        width: 96%;
    }
    .survey_ban {
        width: 80%;
    }
    .survey {
        height: auto;
    }
    .survey_use {
        padding: 50px 0;
    }
    .sur_tit {
        font-size: 26px;
        line-height: 26px;
    }
    .sur_text {
        padding: 15px 15px 9px;
    }
    .idea {
        width: 96%;
    }
    .idea_sc {
        width: 300px;
    }
    .idea_info {
        width: calc(100% - 500px);
        margin-right: 100px;
    }
    .idea_text {
        font-size: 22px;
    }
    .idea_box {
        padding: 95px 0 60px;
    }
    .master {
        width: 96%;
        padding: 130px 45px 50px;
    }
    .mas_head {
        width: 200px;
        height: 200px;
        top: -100px;
    }
    .master_box {
        padding: 160px 0 90px;
    }
    .master_info p+p {
        margin-top: 15px;
    }
    .mas_tit {
        font-size: 35px;
    }
    .mission {
        width: 96%;
    }
    .common_box {
        width: 96%;
    }
    .common_ban {
        width: 96%;
    }
    .com_info {
        padding: 20px;
        font-size: 15px;
        line-height: 28px;
    }
    .com_top span {
        font-size: 20px;
        width: 675px;
    }
    .miss_box {
        padding: 90px 0 100px;
    }
    .adviser {
        margin: 90px auto 80px;
        width: 96%;
    }
    .modle_box {
        width: 100%;
    }
    .modle_cont {
        width: calc(100% - 300px);
    }
    .mod_info {
        height: 125px;
        overflow: hidden;
    }
    .modle {
        padding: 25px;
    }
    .team_list {
        width: 100%;
        margin-left: 0;
    }
    .adviser .team_list li {
        width: 48%;
        margin: 10px 1%;
    }
    .manmge {
        width: 96%;
    }
    .team_list li {
        width: 48%;
        margin: 10px 1%;
    }
    .manmge {
        margin: 0 auto 80px;
    }
    .team_cont {
        width: calc(100% - 225px);
        margin-left: 10px;
        padding-top: 20px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    .team_name {
        font-size: 22px;
    }
    .team_info {
        font-size: 13px;
        margin-top: 10px;
    }
    .result {
        width: 96%;
    }
    .result_list ul {
        padding-left: 20px;
    }
    .result_list {
        width: 100%;
        margin-left: 0;
    }
    .result_list li {
        width: 32%;
        margin: 0 0.5%;
    }
    .score_box {
        width: 96%;
        margin: 50px auto 0;
    }
    .score_rig {
        width: calc(100% - 130px);
        margin-left: 30px;
        padding: 60px 0;
    }
    .resultbox {
        padding: 70px 0;
    }
    .bran {
        margin: 0 15px;
    }
    .mark_tit span {
        height: 56px;
        line-height: 56px;
        font-size: 22px;
        padding-left: 35px;
    }
    .mark_info {
        margin-bottom: 35px;
    }
    .age_list li {
        height: 120px;
        line-height: 120px;
    }
    .age_list {
        height: 600px;
    }
    .record {
        width: 96%;
    }
    .record_list {
        width: calc(100% - 130px);
    }
    .record_list li {
        padding-left: 30px;
    }
    .reco_time:after {
        left: -30px;
    }
    .reco_info:after {
        left: -25px;
    }
    .reco_img {
        width: 100%;
        margin-left: 0;
    }
    .reco_pic {
        width: 32%;
        margin-right: 1.3%;
        margin-left: 0;
    }
    .reco_time {
        font-size: 25px;
    }
    .reco_entry {
        margin-bottom: 20px;
    }
    .reco_prese {
        font-size: 18px;
    }
    .record_box {
        padding: 60px 0;
    }
    .cour_top {
        padding: 60px 0 80px;
    }
    .kern {
        width: 96%;
    }
    .kern_list li {
        width: 23%;
        height: 110px;
        line-height: 110px;
    }
    .kern_list li+li {
        margin-left: 2%;
    }
    .kern_list {
        margin-top: 50px;
    }
    .kern_use {
        width: 96%;
        margin-top: -170px;
    }
    .kern_box {
        height: 690px;
    }
    .assn_box {
        width: 96%;
    }
    .assn_star {
        width: 280px;
    }
    .assn_top {
        padding: 20px;
    }
    .assn_cour {
        width: calc(100% - 300px);
    }
    .assn_text {
        bottom: -65px;
    }
    .pract_box {
        padding: 60px 0;
    }
    .attain_box {
        padding: 60px 0;
    }
    .pract {
        width: 96%;
    }
    .attain {
        width: 96%;
    }
    .steam {
        width: 96%;
    }
    .steam_list {
        width: 100%;
        margin: 25px auto 30px;
    }
    .steam_list ul {
        font-size: 0;
        text-align: center;
    }
    .steam_list li {
        width: 50%;
        float: none;
        display: inline-block;
    }
    .steam_list li a {
        overflow: hidden;
    }
    .sma_ste {
        width: 50%;
    }
    .midd_ste {
        width: 100%;
    }
    .big_ste {
        width: 100%;
    }
    .ste_pic {
        margin: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .big_ste {
        width: 100%;
    }
    .steam {
        margin: 60px auto;
    }
    .feat_box {
        width: 96%;
    }
    .feat_list {
        width: 100%;
        margin-left: 0;
        margin: 0 auto 30px;
    }
    .feat_list li {
        width: 32%;
        margin: 0 0.6% 15px;
    }
    .feat_text {
        font-size: 16px;
        margin-top: 6px;
    }
    .feat_pic:after {
        height: 6px;
    }
    .feat_pic:before {
        height: 6px;
    }
    .feat_box {
        margin: 60px auto;
    }
    .junior_box {
        width: 96%;
    }
    .jour_img {
        width: 350px;
        height: 350px;
        margin-right: 0;
    }
    .jour_pic {
        width: 94%;
    }
    .jour_cont {
        width: calc(100% - 370px);
    }
    .good_box {
        padding: 60px 0;
    }
    .good {
        width: 80%;
    }
    .good_top {
        font-size: 20px;
    }
    .good_se {
        font-size: 15px;
    }
    .good_th {
        font-size: 13px;
        line-height: 26px;
    }
    .offere {
        width: 96%;
    }
    .news_box {
        width: 96%;
    }
    .news_list {
        width: 100%;
    }
    .tech_box {
        width: 96%;
    }
    .tech_box .trends_list {
        width: 100%;
    }
    .intro_box {
        width: 96%;
        margin: 60px auto;
    }
    .good_use {
        width: 80%;
    }
    .domin {
        padding: 50px 0;
    }
    .spe_good {
        padding: 60px 0;
    }
    .edu_use {
        width: 90px;
        height: 90px;
    }
    .descript_box {
        padding: 60px 0;
    }
    .descript {
        width: 96%;
    }
    .m_desc {
        width: calc(100% - 320px);
    }
    .curricu_list {
        width: 300px;
    }
    .desc_pic {
        width: 250px;
        height: 250px;
    }
    .m_desc li {
        padding: 20px;
    }
    .desc_cont {
        width: calc(100% - 290px);
    }
  
    .cnews_box {
        width: 96%;
    }
    .m_tech {
        padding: 60px 0;
    }
    .runschool {
        width: 96%;
    }
    .run_num span {
        font-size: 70px;
        line-height: 70px;
    }
    .pnews_box {
        width: 96%;
        margin: 60px auto;
    }
    .p_tech {
        padding: 60px 0;
    }
    .splend {
        width: 96%;
        margin: 60px auto;
    }
    .illus_ban_left {
        width: 53%;
    }
    .illus_ban_right {
        width: 45%;
    }
    .illus_ban_right .excell_pic {
        width: 100%;
    }
    .good_info {
        width: 96%;
    }
    .divis {
        width: 96%;
    }
    .divi_pic {
        width: calc(100% - 300px);
    }
    .divi_text {
        padding: 25px 20px 35px 25px;
    }
    .divi_info {
        margin-top: 15px;
    }
 
    .artic_tit span {
         padding: 24px 0;
        font-size: 22px;
    }
    .artic_ban {
        margin-top: 40px;
        background-size: 80%;
    }
    .artic_ban li {
        padding-top: 20px;
    }
    .sml_art {
        width: 28%;
        margin: 0 2%;
    }
    .big_art {
        width: 34%;
    }
    .artic_ban {
        width: 96%;
    }
    .arti_num h2 {
        font-size: 50px;
        height: 60px;
        line-height: 60px;
    }
    .arti_info {
        margin-top: 20px;
        padding-top: 20px;
    }
    .divis {
        margin: 90px auto;
    }
    .article {
        margin-bottom: 90px;
    }
    .g_good {
        height: auto;
        padding: 90px 0;
    }
    .gnews_box {
        width: 96%;
    }
    .goods_info {
        width: 96%;
    }
    .gdescript_box {
        padding-top: 90px;
        height: 900px;
    }
    .runschool {
        margin-top: -40px;
    }
    .g_good .gener {
        width: 96%;
    }
    .applic {
        width: 96%;
    }
    .app_seek span {
        margin: 0 30px;
        padding-left: 40px;
        background-size: 30px;
    }
    .app_seek em {
        font-size: 20px;
    }
    .app_seek a {
        font-size: 20px;
    }
    .app_seek {
        line-height: 80px;
    }
    .l_good {
        padding: 90px 0;
        height: auto;
    }
    .ldescript_box {
        padding-top: 90px;
        height: 900px;
    }
    .g_tech {
        padding: 90px 0;
    }
    .detail {
        width: 96%;
        margin: 60px auto;
    }
    .deta_top {
        height: 100px;
        padding: 15px 0;
    }
    .deta_date {
        height: 70px;
        width: 70px;
        margin-left: 20px;
    }
    .deta_day {
        font-size: 25px;
        line-height: 25px;
        padding-top: 8px;
    }
    .deta_year {
        font-size: 16px;
        margin-top: 5px;
    }
    .deta_name {
        height: 70px;
        font-size: 26px;
        width: calc(100% - 120px);
        margin-left: 25px;
    }
    .deta_text {
        margin-top: 15px;
    }
    .det_info p{margin-top:15px;}
    .dynam_box {
        width: 96%;
        margin: 60px auto;
    }
    .dynam_pic {
        width: 49.5%;
    }
    .dynam_cont {
        width: 49.5%;
        padding: 28px 23px 26px 20px
    }
    .dynam_name {
        margin: 20px auto 50px;
        font-size: 24px;
    }
    .dynam_list li+li {
        margin-top: 25px;
    }
    .blip_box {
        width: 96%;
        margin: 60px auto;
    }
    .blip_list li {
        width: 32%;
        margin: 0 0.6% 0;
    }
    .blip_name {
        font-size: 18px;
    }
    .home {
        width: 80%;
        margin: 60px auto;
    }
    .regu_box {
        width: 100%;
        height: 150px;
        padding: 30px;
        margin: auto;
    }
    .regu_ban {
        width: 96%;
        margin: 60px auto 90px;
    }
    .sum {
        margin-top: 20px;
    }
    .step_list+.step_list {
        margin-top: 20px;
    }
    .regu_sect p {
        margin-top: 20px;
    }
    .regu_list+.regu_list {
        margin-top: 20px;
    }
    .regu_ban li {
        padding: 40px 30px;
    }
    .fine_box {
        width: 80%;
    }
    .fine_top {
        width: 100%;
    }
    .fine_use {
        width: 100%;
    }
    .touch_way {
        width: 96%;
    }
    .touch_phone {
        width: 48%;
    }
    .touch_mail {
        width: 48%;
        margin-left: 4%;
    }
    .touch_info {
        margin-top: 20px;
    }
    .home_box {
        margin: 60px auto;
    }
    .camp_box {
        width: 96%;
    }
    .union_top {
        width: 96%;
        margin-left: 0;
    }
    .camp_top {
        margin-left: 0;
    }
    .camp_big {
        width: 65%;
        margin-left: 0;
    }
    .camp_smbox {
        width: 32%;
        margin-left: 2%;
    }
    .camp_saml+.camp_saml {
        margin-top: 3%;
    }
    .camp_big .camp_name {
        font-size: 20px;
        line-height: 20px
    }
    .camp_list {
        width: 100%;
        margin-left: 0;
    }
    .camp_list li {
        width: 32%;
        margin: 20px 0.6% 0;
    }
    .union_box {
        padding: 60px 0;
    }
    .exerc_list {
        width: 96%;
        margin: 60px auto 30px;
    }
    .exer_cont {
        width: calc(100% - 120px);
        margin-left: 20px;
    }
    .rese_box {
        padding: 60px 0;
    }
    .rese_cont {
        width: 100%;
    }
    .harv_box {
        width: 96%;
        margin: 60px auto 0;
    }
    .curr_box {
        width: 96%;
        margin: auto;
    }
    .rese_ban {
        width: 96%;
        margin: 37px auto 0;
    }
    .curr_use {
        width: 100%;
    }
    .curr_ban {
        width: 90%;
    }
    .harv_list {
        width: 100%;
        margin-left: 0;
    }
    .harv_list li {
        width: 32%;
        margin: 0 0.6% 10px;
    }
    .rese_top {
        width: 100%;
    }
    .harv_name {
        font-size: 18px;
    }
    .rese_cut {
        height: 200px;
        padding: 58px 0 0;
    }
    .less_name {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .less a {
        padding: 25px;
    }
    .library {
        width: 96%;
    }
    .library .lib_img {
        width: 300px;
    }
    .library .lib_cont {
        width: calc(100% - 350px);
    }
    .library .lib_cont .lib_tet {
        margin-right: 20px;
    }
    .lib_bar {
        width: 100%;
    }
    .read {
        width: 96%;
    }
    .read_use {
        width: 80%;
    }
    .book_use {
        width: 80%;
    }
    .read .read_report .report_cont .cont_list {
        width: 100%;
    }
    .read .read_report .report_cont {
        margin: 30px auto 60px;
    }
    .scriptures .scrip_book {
        width: 96%;
    }
    .scri_use {
        width: 80%;
    }
    .service_info .service_box {
        width: 96%;
    }
    .info_list {
        width: 250px;
    }
    .info_list .list {
        height: 60px;
        font-size: 20px;
    }
    .info_list .list span {
        width: 220px;
        height: 60px;
        line-height: 60px;
    }
    .info_list .list:after {
        top: -15px;
    }
    .info_cont {
        width: calc(100% - 270px);
        height: 305px;
    }
    .cont h3 {
        padding: 2px 0 20px;
    }
    .cont p {
        padding-bottom: 15px;
    }
    .book_tit {
        width: 100%;
    }
    .service_info {
        height: auto;
        padding: 90px 0;
    }
    .service_info .service_box .info_tit {
        padding-top: 0;
    }
    .serve_box {
        padding: 60px 0;
    }
    .entra {
        width: 96%;
    }
    .entra_le {
        width: 200px;
    }
    .entra_rig {
        width: calc(100% - 220px);
    }
    .entra_rig p{margin-top:20px;}
    .serve_info {
        margin-top: 25px;
    }
    .entra_list li {
        padding-left: 25px;
    }
    .entra_top {
        padding: 15px 20px;
    }
    .ser_sm {
        width: 100%;
        font-size: 0;
    }
    .ser_smpic {
        width: 48%;
        display: inline-block;
        margin: 0 1%;
        height: auto;
    }
    .ser_big {
        width: 98%;
        margin: 20px 1%;
        height: auto;
    }
    .ser_big img {
        max-width: 100%;
    }
    .box_image .image_left {
        width: 100%;
        font-size: 0;
    }
    .image_left .img {
        width: 48%;
        margin: 0 1%;
        display: inline-block;
        height: auto;
    }
    .image_right {
        width: 98%;
        margin: 20px 1%;
        height: auto;
    }
    .image_left .img:first-child {
        margin: 0 1%;
    }
    .entra_box {
        padding: 60px 0;
    }
    .flow_cont {
        line-height: 45px;
        font-size: 22px;
    }
    .flow_cont span {
        font-size: 26px;
    }
    .audit {
        font-size: 24px;
    }
    .throu {
        font-size: 24px;
    }
    .flow_name {
        font-size: 24px;
    }
    .flow_way+.flow_way {
        margin-top: 40px;
    }
    .enroll {
        margin: 60px auto;
    }
    .paign_list {
        padding-right: 0;
    }
    .pdate {
        width: 90px;
        height: 90px;
    }
    .pday {
        font-size: 45px;
        line-height: 45px;
    }
    .date_pic {
        width: 350px;
        margin-left: 20px;
    }
    .pdate_cont {
        width: calc(100% - 480px);
        margin-left: 20px;
    }
    .date_tit {
        margin-top: 20px;
    }
    .fru_top span {
        height: 60px;
        line-height: 60px;
    }
    .fruqu_tit {
        font-size: 22px;
    }
    .fru_list li {
        padding: 20px 0;
    }
    .fruqu_info {
        width: calc(100% - 90px);
    }
    .guide_box {
        padding: 60px 0;
    }
    .care_top span {
        padding: 0 50px;
    }
    .guide {
        width: 96%;
    }
    .guid_pic {
        width: 350px;
        right: 10px;
    }
    .guid_info {
        width: calc(100% - 400px);
    }
    .guid_pro {
        padding: 28px 0 70px;
    }
    .guid_set {
        width: 270px;
    }
    .guid_setcont {
        width: calc(100% - 300px);
        margin-left: 20px;
        padding-bottom: 30px;
        box-sizing: border-box;
    }
    .guid_set li {
        height: 76px;
        line-height: 75px;
    }
    .chair {
        width: 96%;
    }
    .chai_list {
        width: 100%;
        margin-left: 0;
    }
    .chai_list li {
        width: 32%;
        margin: 20px 0.6% 0;
    }
    .chair_box {
        padding-bottom: 30px;
    }
    .chai_name {
        font-size: 18px;
    }
    .share {
        width: 96%;
    }
    .chair_box {
        margin-bottom: 60px;
    }
    .share .trends_list {
        margin: 20px auto 0;
    }
    .joins {
        width: 96%;
    }
    .boon_use {
        width: 80%;
    }
    .recru_box {
        width: 96%;
    }
    .boon_box {
        margin: 60px auto;
    }
    .relat {
        width: 96%;
    }
    .calen_box {
        margin: 60px auto;
        width: 96%;
    }
    .year_btn {
        width: 80px;
    }
    .cale_btn {
        width: 80px;
    }
    .cala_top {
        padding: 0 80px;
    }
    .cale_year {
        width: 80px;
    }
    .year_list {
        width: calc(100% - 240px);
    }
    .fc-week td {
        height: 160px;
    }
    .fc-event {
        margin-top: 50px;
    }
    .big_use {
        width: 49%;
    }
    .big_use+.big_use {
        margin-left: 2%;
    }
    .ban_text {
        width: 94%;
    }
    .ban_tit {
        font-size: 40px;
        line-height: 40px;
        margin: 10px 0 5px;
    }
    .ban_entit {
        font-size: 20px;
    }
    .ban_motto {
        font-size: 14px;
    }
    .bans_tit {
        font-size: 35px;
        line-height: 40px;
        margin-top: 10px;
    }
    .ban_tits {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 35px;
    }
    .ban_tits:after {
        bottom: -10px;
        width: 110px;
    }
    .ban_mottos {
        font-size: 14px;
        line-height: 26px;
    }
    .depa_cont {
        width: 90%;
        top: 22%;
    }
    .depa_en {
        font-size: 22px;
        color: #c4c4c4;
    }
    .depa_tit {
        font-size: 40px;
        line-height: 45px;
    }
    .depa_cn {
        font-size: 14px;
    }
    .word_cut.word_cut1 {
        right: 508px;
        top: 156px;
    }
    .word_cut.word_cut2 {
        right: 552px;
        top: 212px;
    }
    .roll {
        padding-right: 30px;
    }
    .rgad {
        padding-right: 30px;
    }
    .entra_rig .dynam_name {
        margin: 15px auto 24px;
    }
    .entra_rig .dynam_cont {
        padding: 23px 6px 23px 15px;
    }
    .cont_code {
        width: 92%;
    }
}

@media only screen and (max-width:1024px) {
    .apply_box a {
        font-size: 12px;
    }
    .logo {
        width: 90px;
    }
    .sear_box {
        margin-left: 15px;
    }
    .top_abou {
        margin-left: 15px;
    }
    .sch_list+.sch_list {
        margin-left: 55px;
    }
    .word {
        width: 700px;
        height: 397px;
    }
    .camp_name {
        height: 100%;
    }
}

@media only screen and (max-width:996px) {
    body {
        padding-top: 58px;
        cursor: pointer;
        width:100%;overflow-x:hidden;
    }
    .menu {
        display: block;
        position: absolute;
        left: 0px;
        width: 30px;
        background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-uAmEVNZHAAAAAD3oux0040.png)no-repeat;
        background-size: 22px;
        background-position: center;
        height: 30px;
        top: 50%;
        transform: translateY(-50%);
    }
    .menu.active {
        background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-uAKEUt5sAAAAABHOPNA608.png)no-repeat;
        background-size: 20px;
        background-position: center;
    }
    .logo {
        display: none;
    }
    .web_logo {
        display: block;
    }
    .head_right {
        width: 100%;
    }
    .head_top {
        padding-top: 0px;
        height: auto;
    }
    .head_box {
        height: auto;
    }
    .apply_top {
        display: none;
        width: 100%;
        padding-bottom: 5px;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    .apply_foo {
        display: block;
        width: 100%;
        position: relative;
        padding: 12px 0;
        box-sizing: border-box;
    }
    .apply_box {
        width: 295px;
    }
    .apply_box a {
        background-image: none;
        padding: 0 8px;
        height: 25px;
        line-height: 25px;
        position: relative;
        top: 3px;
    }
    .apply_box a:hover {
        padding: 0 8px;
    }
    .apply_box a+a {
        margin-left: 10px;
    }
    .top_abou:after {
        display: none;
    }
    .web_logo {
        width: 50px;
        position: absolute;
        left: 50px;
        top: 50%;
        transform: translateY(-50%);
    }
    .web_logo a {
        display: block;
    }
    .web_logo img {
        display: block;
        width: 100%;
    }
    .school {
        margin-top: 0;
        overflow: hidden;
        height: auto;
    }
    .branch_list {
        height: 212px;
        overflow: hidden;
    }
    .stu_good {
        width: 100%;
    }
    .stubox {
        height: auto;
    }
    .stu_good {
        margin-top: 30px;
    }
    .stu_more {
        margin: 20px auto;
    }
    .stu_tit {
        font-size: 22px;
    }
    .stu_top {
        font-size: 14px;
    }
    .seb_sear {
        margin-top: 10px;
        text-align: left;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .seb_sear span {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.8);
    }
    .seb_sear input {
        background: transparent;
        border-radius: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.8);
        width: calc(100% - 80px);
        color: rgba(255, 255, 255, 0.8);
        padding-left: 10px;
        box-sizing: border-box;
    }
    .student {
        padding: 0;
    }
    .school {
        width: 100%;
        display: block !important;
    }
    .sch_info {
        margin-top: 0;
        text-align: justify;
    }
    .sch_list {
        width: 47%;
        margin: 10px 5px;
        text-align: center;
    }
    .sch_list+.sch_list {
        margin-left: 5px;
    }
    .sch_num {
        font-size: 30px;
    }
    .map_box {
        padding: 50px 0 20px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .map {
        padding-left: 0;
    }
    .word {
        width: 80%;
    }
    .word_cut {
        width: 100%;
        right: 0;
        top: 0;
    }
    .state_name {
        font-size: 12px;
        margin-top: 2px;
    }
    .word_more {
        margin: 20px auto;
    }
    .trends {
        height: auto;
        padding: 20px 0;
    }
    .trends_list {
        position: relative;
        left: 0;
        transform: translateX(0);
        margin: auto;
    }
    .trends_list li {
        top: 0;
        width: 100%;
        height: auto !important;
    }
    .trends_list li+li {
        margin-top: 20px;
    }
    .word_pro {
        font-size: 14px;
        margin-top: 15px;
    }
    .trend_info {
        margin: 10px 0;
    }
    .trend_text {
        padding: 18px 15px;
    }
    .word_top {
        font-size: 22px;
    }
    .trend_pic {
        position: relative;
    }
    .trend_text {
        position: relative;
    }
    .sma_news .trend_tit {
        height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 1;
        display: block;
    }
    .foot_nav {
        display: none;
    }
    .footer {
        padding-top: 50px;
    }
    .findse {
        width: 100%;
    }
    .find_tit {
        text-align: center;
    }
    .find_list {
        margin-top: 30px;
        text-align: center;
    }
    .find_list li {
        display: inline-block;
        float: none;
    }
    .foot {
        margin: 30px auto 0;
    }
    .copy {
        margin: 20px 0;
    }
    .wei {
        display: none;
    }
    .copy_text {
        width: 96%;
        margin-left: 2%;
    }
    .copy_text p+p {
        margin-top: 10px;
    }
    .nav {
        display: block;
        padding-bottom: 30px;
        box-sizing: border-box;
        position: fixed;
        overflow: scroll;
        left: -100%;
        top: 58px;
        width: 60%;
        z-index: 200;
        background: #5f1d14;
        height: calc(100% - 85px);
        overflow: scroll;
    }
    .nav li {
        display: block;
        width: 100%;
        margin: 0;
        position: relative;
        box-sizing: border-box;
        padding-left: 0px;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        text-align: left;
    }
    .nav_se.se_nav>a {
        position: relative;
        z-index: 10;
    }
    .nav li>a {
        position: relative;
        z-index: 10;
        height: 50px;
        line-height: 50px;
        border-bottom: none;
        position: relative;
        z-index: 20;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .nav_btn {
        width: 100%;
        display: block;
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 50;
        background-position: center;
    }
    .nav_btn:after {
        position: absolute;
        display: block;
        content: "";
        transition: all .3s ease-in;
        width: 50px;
        height: 50px;
        right: 0;
        top: 0;
        z-index: 50;
        background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
        background-size: 10px;
        background-position: center;
    }
    .senav_btn {
        transition: all .3s ease-in;
        display: block;
        width: 100%;
        height: 35px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 50;
    }
    .senav_btn:after {
        transition: all .3s ease-in;
        position: absolute;
        height: 35px;
        width: 35px;
        right: 0;
        top: 0;
        display: block;
        content: "";
        background: url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
        background-size: 8px;
        background-position: center;
    }
    .nav_btn.active:after {
        transform: rotate(90deg);
    }
    .senav_btn.active:after {
        transform: rotate(90deg);
    }
    .nav_down {
        position: relative;
        left: 0;
        top: 0;
        padding: 10px 0 30px;
    }
    .nav_picbox {
        display: none;
    }
    .se_navbox {
        width: 100%;
    }
    .se_nav {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        position: relative;
        box-sizing: border-box;
        line-height: 35px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .se_nav>a:after {
        display: none;
    }
    .thr_nav {
        padding: 5px 0 20px;
        box-sizing: border-box;
    }
    .thr_nav a {
        line-height: 35px;
    }
    .branch_list li {
        height: 35px;
        line-height: 35px;
    }
    .school_list {
        height: 366px;
    }
    .adv_tit {
        font-size: 28px;
    }
    .advert {
        height: auto;
        padding: 50px 20px;
        box-sizing: border-box;
    }
    .adv_text {
        position: relative;
        top: 0;
        transform: translateY(0);
    }
    .advert .adv_fllow {
        width: 40px;
        height: 40px;
        bottom: -20px;
    }
    .inter {
        margin: 50px auto;
        overflow: hidden;
        background-size: 100%;
        padding-top: 10px;
    }
    .inter_tit {
        font-size: 35px;
        margin-bottom: 30px;
    }
    .inter_list li {
        width: 100%;
    }
    .inter_list li+li {
        margin-left: 0px;
        margin-top: 20px;
    }
    .inter_num h2 {
        font-size: 57px;
        line-height: 70px;
    }
    .inter_info {
        margin-top: 30px;
        padding-top: 15px;
    }
    .survey_use {
        width: 100%;
        overflow: hidden;
    }
    .sur_info {
        display: none;
    }
    .sur_tit {
        font-size: 18px;
        line-height: 18px;
    }
    .survey_use .swiper-button-next {
        right: 3px;
        width: 20px;
        height: 20px;
    }
    .survey_use .swiper-button-prev {
        left: 3px;
        width: 20px;
        height: 20px;
    }
    .next:before {
        background-size: 10px;
    }
    .next:after {
        background-size: 10px;
    }
    .prev:before {
        background-size: 10px;
    }
    .prev:after {
        background-size: 10px;
    }
    .sur_text {
        padding: 9px 15px;
    }
    .idea_info {
        width: 100%;
        margin-right: 0;
    }
    .idea_text {
        font-size: 16px;
        line-height: 30px;
    }
    .idea_box {
        padding: 50px 0 40px;
    }
    .inter_num {
        width: 100%;
        overflow: hidden;
    }
    .fact_tit {
        font-size: 25px;
    }
    .mas_head {
        width: 150px;
        height: 150px;
        top: -75px;
    }
    .master_box {
        padding: 100px 0 50px;
    }
    .mas_tit {
        font-size: 30px;
    }
    .master {
        padding: 95px 15px 30px;
        text-align: justify;
    }
    .master_info {
        font-size: 14px;
        line-height: 24px;
    }
    .miss_box {
        padding: 40px 0 80px;
    }
    .common {
        width: 100%;
    }
    .schoo_top {
        height: 364px;
    }
    .inqu_use {
        width: 184px;
    }
    .mission {
        padding: 15px 10px;
        box-sizing: border-box;
        margin: 0 auto 35px
    }
    .com_tit {
        font-size: 30px;
    }
    .com_text {
        margin-top: 10px;
    }
    .com_text p+p {
        margin-top: 10px;
    }
    .com_top span {
        width: 80%;
        font-size: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: normal;
        display: block;
        height: 44px;
        line-height: 44px;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .common_box .swiper-button-next,
    .common_box .swiper-button-prev {
        width: 20px;
        height: 20px;
        background: #e3b760;
        top: 34px;
    }
    .common_box:after {
        display: none;
    }
    .team_tit {
        font-size: 24px;
        height: 65px;
        line-height: 65px;
        padding-left: 25px;
    }
    .adviser {
        margin: 40px auto 30px;
    }
    .modle_box {
        padding: 20px;
        height: auto;
    }
    .adviser .modle {
        padding: 10px;
    }
    .modle {
        padding: 10px;
    }
    .modle_pic {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
    }
    .modle_cont {
        width: 100%;
    }
    .modle {
        border: none !important;
    }
    .modle_box:after {
        position: absolute;
        width: 98%;
        height: 98%;
        content: "";
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid #477595;
    }
    .team_list li {
        width: 100%;
        margin: 10px 0;
    }
    .adviser .team_list li {
        width: 100%;
        margin: 10px 0;
    }
    .team_pic {
        width: 40%;
        height: auto;
    }
    .team_cont {
        width: 60%;
        margin-left: 0;
        margin-top: 0;
        padding: 10px 10px;
        box-sizing: border-box;
    }
    .team_job {
        margin-top: 0;
    }
    .team_info {
        height: 110px;
        overflow: hidden;
        margin-top: 0;
        font-size: 12px;
        line-height: 22px;
    }
    .team_name {
        font-size: 18px;
    }
    .adv_more {
        margin-top: 20px;
    }
    .manmge .modle_box:after {
        border: 1px solid #efae8d;
    }
    .manmge {
        margin: 0 auto 34px;
    }
    .resu_tit {
        font-size: 24px;
    }
    .resultbox {
        padding: 40px 0;
    }
    .result_list {
        padding: 0;
        margin-left: 0;
    }
    .result_list li {
        width: 100%;
        margin: 0;
    }
    .result_list ul {
        padding: 20px 10px;
    }
    .score_box {
        margin-top: 35px;
    }
    .age_box {
        width: 65px;
    }
    .at_age {
        font-size: 25px;
        padding-bottom: 10px;
    }
    .age_list {
        width: 65px;
        height: 350px;
        padding: 0;
        margin-left: 0;
    }
    .age_list li {
        height: 70px;
        line-height: 70px;
        font-size: 16px;
    }
    .score_rig {
        width: calc(100% - 75px);
        margin-left: 10px;
    }
    .mark_tit span:after {
        display: none;
    }
    .mark_tit span {
        padding-left: 10px;
        font-size: 16px;
        width: 100%;
        box-sizing: border-box;
        line-height: 24px;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .mark_info {
        padding: 0 5px;
        line-height: 26px;
        max-width: 9999px;
        font-size: 14px;
    }
    .reco_age {
        width: 65px;
    }
    .record_list {
        width: calc(100% - 75px);
    }
    .reco_time {
        font-size: 20px;
    }
    .record_list li {
        padding-left: 20px;
    }
    .reco_time:after {
        left: -20px;
    }
    .reco_info:after {
        left: -15px;
    }
    .reco_prese {
        font-size: 14px;
    }
    .reco_img {
        margin-top: 15px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .reco_pic {
        width: 100%;
        margin-right: 0;
    }
    .cour_follow {
        width: 40px;
        height: 40px;
        bottom: -20px;
    }
    .pra_tit {
        font-size: 24px;
    }
    .kern_tit {
        font-size: 24px;
    }
    .assn_tit {
        font-size: 24px;
    }
    .attain_tit {
        font-size: 24px;
    }
    .cour_tit {
        font-size: 24px;
    }
    .cour_top {
        width: 96%;
        margin: auto;
        padding: 40px 0 60px;
    }
    .kern_box {
        padding-top: 50px;
        height: auto;
        padding-bottom: 30px;
    }
    .kern_list {
        margin-top: 30px;
    }
    .kern_list li {
        width: 46%;
        margin: 10px 1%;
        height: 70px;
        line-height: 70px;
        font-size: 16px;
    }
    .kern_info {
        width: 96%;
        margin-top: 20px;
        text-align: left;
    }
    .kern_use {
        margin: 20px auto;
    }
    .kern_war {
        display: none;
    }
    .kern_name {
        font-size: 16px;
    }
    .kern_text {
        padding-bottom: 9px;
    }
    .assn_cour {
        width: 100%;
    }
    .assn_text {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: 10px;
    }
    .assn_star {
        width: 100%;
    }
    .assn_box {
        margin-bottom: 40px;
    }
    .pract_box {
        padding: 40px 0;
    }
    .pract_active {
        font-size: 16px;
        line-height: 32px;
        margin: 20px 0 30px;
    }
    .attain_info {
        width: 100%;
        text-align: justify;
    }
    .attain_next {
        background-size: 15px;
    }
    .attain_prev {
        background-size: 15px;
    }
    .steam_tit {
        font-size: 24px;
    }
    .steam {
        margin: 40px auto;
    }
    .steam_list li {
        width: 100%;
    }
    .feat_box {
        margin: 40px auto;
    }
    .feat_list li {
        width: 100%;
        margin: 0 0 15px;
    }
    .page a {
        margin: 0 5px;
        width: 20px;
        font-size: 12px;
    }
    .page em {
        margin: 0 5px;
        width: 35px;
    }
    .jour_cont {
        width: 100%;
        float: none;
    }
    .jour_tit {
        font-size: 24px;
    }
    .junior_box {
        margin: 40px auto;
    }
    .jour_img {
        width: 96%;
        margin-right: 2%;
    }
    .good_follow {
        width: 40px;
        height: 40px;
        top: -20px;
        background-size: cover;
    }
    .good_box {
        padding: 40px 0;
    }
    .good_tit {
        width: 100%;
        font-size: 24px;
    }
    .good {
        margin: 20px auto 0;
        width: 96%;
    }
    .good li {
        padding: 63px 10px 25px 10px;
    }
    .good_box .good_btn {
        display: none;
    }
    .good_top {
        font-size: 16px;
    }
    .good_se {
        font-size: 14px;
        margin-top: 15px;
    }
    .good_pro {
        margin-top: 20px;
    }
    .offere_tit {
        width: 100%;
        font-size: 24px;
    }
    .offere_box {
        padding: 40px 0;
    }
    .news_top .news_tit {
        font-size: 24px;
    }
    .news_box {
        margin: 40px auto;
    }
    .news_list li {
        width: 100%;
    }
    .tech_box {
        margin-bottom: 40px;
    }
    .intro_tit {
        font-size: 24px;
    }
    .intro_box {
        margin: 40px auto;
        padding-top: 10px;
    }
    .intro_info {
        margin-top: 20px;
    }
    .spe_good {
        padding: 40px 0;
    }
    .good_use {
        margin-top: 30px;
        width: 96%;
    }
    .domin {
        width: 100%;
        padding: 40px 10px;
    }
    .domin_tit span {
        padding: 0 35px 18px;
    }
    .domin_info {
        text-align: left;
        font-size: 14px;
        line-height: 28px;
    }
    .spe_good .good-next {
        right: 50px;
        top: initial;
        bottom: -80px;
    }
    .spe_good .good-prev {
        left: 50px;
        top: initial;
        bottom: -80px;
    }
    .edu_box {
        margin-top: 50px;
    }
    .edu_use {
        width: 80px;
        height: 80px;
        margin: 0 30px;
    }
    .desc_tit {
        font-size: 24px;
    }
    .descript_box {
        padding: 40px 0;
    }
    .curricu_list {
        width: 100%;
        float: left;
    }
    .m_desc {
        width: 100%;
        float: initial;
        float: left;
    }
    .descript {
        margin-top: 40px;
    }
    .desc_pic {
        display: none;
    }
    .desc_cont {
        width: 100%;
        margin-left: 0;
    }
    .curricu_list {
        margin-top: 20px;
    }
    .cnews_box {
        margin: 40px auto;
    }
    .m_tech {
        padding: 40px 0;
    }
    .gener {
        height: auto;
        padding: 40px 0;
        width: 100%;
    }
    .gen_cn {
        font-size: 20px
    }
    .gen_en {
        font-size: 18px;
        padding-bottom: 20px;
        line-height: 30px
    }
    .good-next.pspe_btn {
        right: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .good-prev.pspe_btn {
        left: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .relur_box {
        margin-top: 30px;
    }
    .rel_use {
        margin: 10px 10px;
        width: 60px;
        height: 60px;
    }
    .p_good {
        padding: 40px 0;
    }
    .pdescript_box {
        padding: 40px 0;
        height: auto;
    }
    .pdescript_box .descript {
        margin-top: 20px;
    }
    .p_desc {
        width: 100%;
    }
    .desc_cont p:after {
        left: 5px;
    }
    .runschool {
        margin-top: 20px;
        padding: 40px 0 20px;
        margin-bottom: 30px;
    }
    .run_list li {
        width: 100%;
        margin-top: 20px;
    }
    .run_list {
        margin-top: 20px;
    }
    .run_num span {
        font-size: 50px;
        line-height: 60px;
    }
    .trends_list li+li {
        margin-left: 0;
    }
    .trends_list li {
        margin-left: 0;
    }
    .splend {
        margin: 40px auto;
    }
    .illus_ban_left {
        width: 100%;
        margin-bottom: 20px;
    }
    .illus_ban_right {
        width: 100%;
    }
    .illus_ban_left .illus_img {
        width: 50% !important;
    }
    .illus_pic {
        width: 100%;
    }
    .illus_text {
        width: 46%;
    }
    .illus_name {
        padding: 20px 0 10px;
    }
    .illus_name span {
        font-size: 20px;
    }
    .aplen_tit {
        padding-right: 10px;
        box-sizing: border-box;
    }
    .news_list li {
        padding: 0;
    }
    .pnews_box {
        margin: 20px auto;
    }
    .divis {
        margin: 40px auto;
    }
    .divi_pic {
        width: 100%;
        float: none;
    }
    .divi_text {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        transform: translateY(0);
    }
   
    .artic_tit span {
        padding:20px 0;
        font-size: 14px;
    }
    .art_tit {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .arti_list {
        margin-top: 30px;
    }
    .big_art {
        width: 100%;
    }
    .sml_art {
        width: 100%;
        margin: 20px auto;
    }
    .arti_num h2 {
        font-size: 40px;
        height: 50px;
        line-height: 50px;
    }
    .article {
        margin-bottom: 30px;
    }
    .g_good {
        padding: 30px 0;
    }
    .gspe_btn.good-next {
        right: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .gspe_btn.good-prev {
        left: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .rgad_use {
        width: 70px;
        height: 70px;
        margin: 0 10px;
    }
    .rgad_box {
        margin-top: 30px;
    }
    .g_desc {
        width: 100%;
    }
    .gnews_box {
        margin: 40px auto
    }
    .g_tech {
        padding: 40px 0;
    }
    .divi_tit {
        font-size: 24px;
    }
    .applic {
        margin-top: 20px;
        padding: 20px;
    }
    .app_tit {
        font-size: 24px;
    }
    .app_btn {
        width: 100%;
        float: left;
    }
    .app_seek {
        margin-top: 60px;
        height: auto;
        line-height: 40px;
        text-align: left;
    }
    .app_seek span {
        width: 100%;
        margin: 5px 0;
        background-position: 5px 6px
    }
    .intro_box {
        margin: 20px auto;
    }
    .l_good {
        padding: 40px 0;
    }
    .good-next.lspe_btn {
        right: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .good-prev.lspe_btn {
        left: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .gen_info {
        width: 100%;
        padding: 0 10px;
        text-align: left;
        box-sizing: border-box;
    }
    .ldescript_box {
        padding: 40px 0;
        height: auto;
    }
    .ldescript_box .descript {
        margin-top: 30px;
    }
    .ldescript_box .g_desc {
        width: 100%;
    }
    .detail {
        margin: 40px auto;
    }
    .deta_date {
        margin-left: 15px;
    }
    .deta_top {
        height: auto;
        padding: 15px;
        display: block;
    }
    .deta_name {
        margin-top:10px;
        margin-left: 0px;
        width: 100%;
        font-size: 18px;
    }
    .det_info {
        padding: 0 10px;
    }
    .deta_text {
        margin-top: 10px;
    }
    .det_info p{margin-top:10px;}
    .deta_about {
        margin: 20px;
        padding-top: 20px;
        line-height: 30px;
    }
    .dynam_pic {
        width: 100%;
        height:60vw;
    }
    .dynam_cont {
        width: 100%;
        height: auto !important;
        padding: 15px 10px 15px 10px;
    }
    .dynam_time {
        font-size: 20px;
    }
    .dynam_name {
        font-size: 20px;
        line-height: 30px;
        margin: 5px auto 15px;
    }
    .dynam_info {
        padding: 12px 10px 0 10px;
    }
    .dynam_list li+li {
        margin-top: 10px;
    }
    .dynam_list {
        margin-bottom: 30px;
    }
    .blip_list li {
        width: 100%;
        margin: 0;
    }
    .blip_box {
        margin: 40px auto;
    }
    .blip_list li:hover .blip_pic img {
        transform: scale(1);
    }
    .blip_list li:hover .blip_btn {
        background: rgba(0, 0, 0, 0.5) url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-tGuEIgz_AAAAAHeOrKY572.png) no-repeat;
        background-position: center;
    }
    .blip_list li:hover .blip_line {
        background: #b6ced6;
    }
    .blip_list li:hover .blip_name {
        color: #2B2B2B;
    }
    .home {
        width: 96%;
        margin: 38px auto 0;
    }
    .kern_name {
        font-size: 14px;
    }
    .good-prev.home_btn {
        left: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .good-next.home_btn {
        right: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .regu_box {
        margin-top: 40px;
        height: auto;
        padding-top: 15px;padding-bottom:15px;
        padding-left:5px;padding-right:5px;
    }
    .regu_top {
        height: auto;
    }
    .regu_tit {
        font-size: 22px;
    }
    .regu_ban li h4{font-size:22px;}
    .regu_ban li {
        padding: 18px 15px;
    }
    .good-prev.frien_btn {
        left: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80
    }
    .good-next.frien_btn {
        right: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .home_tit {
        font-size: 24px;
    }
    .fine_tit {
        font-size: 24px;
    }
    .touch_tit {
        font-size: 24px;
    }
    .home_box {
        margin: 40px auto;
    }
    .fine_box {
        margin: 40px auto;
    }
    .splen_prev.frien_btn {
        left: -34px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80
    }
    .splen_next.frien_btn {
        right: -34px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .good-prev.read_btn {
        left: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .good-next.read_btn {
        right: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .splen_prev.book_btn {
        left: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .splen_next.book_btn {
        right: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .splen_prevs.scr_btn {
        left: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .splen_nexts.scr_btn {
        right: 0px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .good-prev.boon_btn {
        left: -34px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .good-next.boon_btn {
        right: -34px;
        transform: translateY(-50%);
        top: 50%;
        z-index: 80;
    }
    .boon_name {
        text-align: center;
    }
    .read .read_report .report_tit {
        font-size: 24px;
    }
    .fine_text {
        display: none;
    }
    .scriptures {
        padding: 40px 0 1px;
    }
    .scriptures .scrip_book .scrip_tit .tip {
        font-size: 24px;
    }
    .regu_top {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .regu_top span {
        font-size: 14px;
        line-height: 22px;
        vertical-align: middle;
        height: auto;
        display: flex;
        align-self: center;
        justify-content: center;
        align-items: center;
    }
    .regu_ban {
        margin: 40px auto;
    }
    .touch {
        padding: 40px 0;
    }
    .touch_phone {
        width: 100%;
        padding: 21px 15px;
        height: 164px;
    }
    .touch_mail {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        padding: 21px 15px;
        height: 164px;
    }
    .touch_top {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    .touch_phone{margin-bottom:20px;}
    .touch_phone .touch_top {
        background-size: 50px;
    }
    .touch_mail .touch_top {
        background-size: 50px;
    }
    .touch_info span {
        margin-right: 30px;
    }
    .union_tit {
        font-size: 24px;
    }
    .union_box {
        padding: 40px 0
    }
    .union_top {
        padding: 0;
        margin: auto;
    }
    .union_tit {
        text-align: center;
    }
    .union_text {
        width: 100%;
    }
    .union_picbox {
        width: 100%;
        transform: rotate(0);
        margin: 20px auto;
    }
    .union_pic {
        transform: rotate(0);
    }
    .union_info {
        margin-top: 10px;
    }
    .camp_big {
        width: 100%;
    }
    .camp_smbox {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    .camp_saml+.camp_saml {
        margin-top: 20px;
    }
    .camp_big .camp_name span {
        bottom: 20px;
    }
    .camp_list li {
        width: 100%;
        margin: 20px auto 0;
    }
    .exerc_list {
        margin: 30px auto;
    }
    .exer_date {
        width: 70px;
        height: 90px;
    }
    .exer_day {
        font-size: 30px;
        line-height: 45px;
        height: 45px;
    }
    .exer_cont {
        width: calc(100% - 80px);
        margin-left: 10px;
    }
    .exer_tit {
        font-size: 18px;
    }
    .exer_info {
        margin-top: 10px;
    }
    .exerc_list a {
        padding: 15px 0;
    }
    .rese_box {
        padding: 40px 0;
    }
    .rese_cut {
        padding: 25px 0 0;
        height: 100px;
    }
    .rese_top {
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rese_top span {
        font-size: 15px;
        line-height: 24px;
        vertical-align: middle;
        height: 50px;
        display: flex;
        align-self: center;
        justify-content: center;
        align-items: center;
    }
    .curr_tit {
        font-size: 24px;
    }
    .curr_ban {
        width: 80%;
        padding: 15px;
    }
    .curr_use {
        margin: 20px auto 40px;
    }
    .design {
        height: 150px;
    }
    .pdf {
        height: 50px;
        line-height: 50px;
        width: 160px;
    }
    .pdf a {
        font-size: 20px;
        padding-left: 53px;
        background-position: 25px;
    }
    .harv_tit {
        font-size: 24px;
    }
    .harv_box {
        margin: 40px auto 0;
    }
    .harv_list li {
        width: 100%;
        margin: 0 0 10px;
    }
    .harv_name {
        font-size: 16px;
        line-height: 40px;
        height: 40px;
    }
    .library .lib_cont {
        width: 100%;
    }
    .library .lib_cont .lib_tit {
        margin: 20px;
    }
    .library .lib_cont {
        margin-top: 0;
    }
    .library .lib_cont .lib_tit span {
        font-size: 24px;
    }
    .library .lib_cont .lib_tet {
        margin: 0 10px;
    }
    .library .lib_cont .lib_tet p {
        margin-bottom: 10px;
    }
    .library .lib_img {
        margin-top: 20px;
        top: 0;
        width: 100%;
    }
    .lib_bar {
        width: 100%;
        position: relative;
    }
    .lib_bar a {
        width: 150px;
        line-height: 40px;
        height: 40px;
        font-size: 20px;
        margin-left: 20px;
    }
    .weicode {
        width: 90px;
        height: 90px;
    }
    .lib_bar .lib-wechat {
        position: absolute;
        right: 20px;
        top: 0;
        height: 100%;
    }
    .code {
        width: 75px;
        top: 38px;
    }
    .lib_bar {
        height: 80px;
        padding: 20px 0;
        margin-top: 20px;
    }
    .larb_box {
        margin-bottom: 40px;
    }
    .read .read_tit {
        font-size: 24px;
    }
    .read .read_book {
        margin: 20px 0;
    }
    .book_tit .tip {
        font-size: 22px;
    }
    .read_use {
        width: 96%;
        margin-bottom: 20px;
    }
    .book_use {
        width: 96%;
        margin-bottom: 40px;
    }
    .scri_use {
        width: 96%;
        margin-bottom: 40px;
    }
    .service_info {
        padding: 0 0 40px;
    }
    .service_info .service_box .info_tit {
        font-size: 24px;
        padding: 20px 0;
    }
    .info_list {
        width: 150px;
    }
    .info_list .list span {
        width: 130px;
        height: 40px;
        line-height: 40px;
    }
    .info_list .list {
        height: 40px;
        font-size: 16px;
    }
    .info_list .list:after {
        top: -26px;
    }
    .info_cont {
        width: calc(100% - 160px);
        padding: 15px 10px 15px 0;
        height: 200px;
    }
    .cont h3 {
        font-size: 24px;
        padding: 2px 0 10px;
    }
    .tips {
        height: auto;
        padding: 90px 0;
        box-sizing: border-box;
    }
    .entra_le {
        width: 100%;
    }
    .entra_list li {
        font-size: 14px;
        height: 45px;
        line-height: 45px;
    }
    .entra_rig {
        width: 100%;
    }
    .entra_rig p{margin-top:15px;}
    .box_activity .act_tit {
        font-size: 24px;
        padding: 20px 0 20px;
    }
    .board_home .entra {
        padding-top: 40px
    }
    .box_activity .act_info .info_show .text {
        width: 100%;
    }
    .entra_box {
        padding: 40px 0;
    }
    .flow_tit {
        font-size: 24px;
    }
    .flow {
        padding: 25px 20px;
    }
    .flow_cont {
        padding: 0;
        font-size: 16px;
        line-height: 36px;
    }
    .flow_cont span {
        font-size: 18px;
        text-decoration: none;
        background-size: 21px;
        padding-left: 32px;
        display: block;
        margin-left: 0;
    }
    .enroll {
        height: 150px;
    }
    .flow_way+.flow_way {
        margin-top: 20px;
    }
    .paign_list {
        margin-top: 20px;
    }
    .pdate {
        width: 100%;
        height: auto;
        border: none;
    }
    .pdate:hover {
        width: 100%;
        height: auto;
        border: none;
    }
    .pdate:after {
        display: none;
    }
    .pdate:before {
        display: none;
    }
    .pday {
        display: inline-block;
        vertical-align: middle;
        border: none;
        font-size: 29px;
    }
    .pmon {
        display: inline-block;
        vertical-align: middle;
    }
    .paign_list li {
        margin-bottom: 20px;
    }
    .paign_list li a {
        padding: 0 10px;
    }
    .date_pic {
        width: 100%;
        margin: 10px 0 0;
    }
    .pdate_cont {
        width: 100%;
        margin-left: 0;
    }
    .date_tit {
        font-size: 18px;
    }
    .enlist {
        margin: 40px auto;
        height: 150px;
    }
    .fru_tit {
        font-size: 24px;
    }
    .fru_top {
        line-height: 16px;
        display: flex;
    }
    .fru_top span {
        font-size: 16px;
        line-height: 26px;
        justify-content: center;
        vertical-align: middle;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .fruqu_tit {
        width: 100%;
    }
    .fru_list {
        width: 100%;
        overflow: hidden;
    }
    .fru_list li {
        padding: 10px 0;
    }
    .fruqu_tit {
        padding-left: 5px;
        box-sizing: border-box;
        width: calc(100% - 60px);
        font-size: 18px;
    }
    .fru_btn {
        width: 50px;
        background-size: 15px;
    }
    .fru_list li.active .fru_btn {
        background-size: 15px;
    }
    .fruqu_info {
        width: calc(100% - 60px);
    }
    .pdfs a {
        font-size: 22px;
    }
    .enli a {
        font-size: 22px;
    }
    .audit {
        font-size: 20px;
    }
    .throu {
        font-size: 20px;
    }
    .flow_name {
        font-size: 20px;
    }
    .care_tit {
        font-size: 24px;
    }
    .guide_box {
        padding: 35px 0;
    }
    .care_top {
        margin-top: 30px;
    }
    .care_top span {
        width: 50%;
        padding: 0;
        text-align: center;
        font-size: 16px;
        height: 60px;
        line-height: 60px;
    }
    .guid_info {
        width: 100%;
    }
    .guid_pro {
        padding: 0;
        margin-bottom: 40px;
    }
    .guid_ban .swiper-slide {
        padding: 30px 10px;
    }
    .guid_pic {
        width: 100%;
        transform: rotate(0);
        position: relative;
        top: 0;
        right: 0;
        margin-top: 20px;
    }
    .guid_pic a {
        width: 100%;
        transform: rotate(0);
    }
    .guid_set {
        width: 100%;
    }
    .guid_set li {
        height: 46px;
        line-height: 45px;
        font-size: 18px;
        padding-left: 20px;
    }
    .guid_setcont {
        width: 100%;
        margin-left: 0;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .chair_box {
        padding: 300px 0 0;
    }
    .news_top .news_tit {
        font-size: 24px;
    }
    .chai_list {
        margin: 20px 0;
    }
    .chai_list li {
        width: 100%;
        margin: 0 auto 20px;
    }
    .share .trends_list {
        margin: 20px auto 0;
    }
    .join_box {
        padding: 40px 0;
    }
    .join_text {
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        transform: translateY(0);
        margin-top: 20px;
    }
    .join_name {
        font-size: 24px;
    }
    .boon_tit {
        font-size: 24px;
    }
    .boon_box {
        margin: 40px auto;
    }
    .boon_ban li {
        padding-top: 0;
        height: 150px;
    }
    .boon_use {
        width: 96%;
    }
    .boon_ban li:hover {
        background: transparent;
    }
    .boon_ban li:hover .boon_name {
        color: #7D7D7D;
    }
    .boon_ban li:hover .test {
        color: #7D7D7D;
        background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t1eEW7IUAAAAALxAlTQ714.png)no-repeat;
        background-position: center;
    }
    .boon_ban li:hover .dorm {
        color: #7D7D7D;
        background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t3KEYY3eAAAAADxRtsU625.png)no-repeat;
        background-position: center;
    }
    .boon_ban li:hover .risk {
        color: #7D7D7D;
        background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-tzCEPDWGAAAAALzW8vQ248.png)no-repeat;
        background-position: center;
    }
    .boon_ban li:hover .hols {
        color: #7D7D7D;
        background: url(//dfs.yun300.cn/group1/M00/04/26/rBQBHVy-t4-ERsmiAAAAAELt7LY522.png)no-repeat;
        background-position: center;
    }
    .boon_ban li:hover .bonus {
        color: #7D7D7D;
        background: url(//dfs.yun300.cn/group1/M00/16/38/rBQBG1y-t66EVViTAAAAAOGENkM279.png)no-repeat;
        background-position: center;
    }
    .recru_box {
        margin-top: 60px;
    }
    .job_top {
        padding: 20px 5px;
    }
    .job_name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: calc(100% - 60px);
        font-size: 20px;
        margin-bottom: 15px;
    }
    .job_down {
        padding: 10px 20px;
    }
    .job_btn {
        width: 40px;
        height: 40px;
        top: 11px;
    }
    .job_ask {
        text-align: left;
    }
    .job_ask span+span {
        margin-left: 0;
    }
    .job_ask span {
        margin-right: 10px;
    }
    .relat {
        padding: 20px;
        font-size: 20px;
        height: auto;
        padding: 40px 20px 20px;
        background-size: cover;
    }
    .cont-us {
        position: relative;
        margin: 20px auto 0;
        top: 0;
        right: 0;
    }
    .admms {
        position: relative;
    }
    .friend:hover {
        background: #7190a6 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qpqEHc3jAAAAADhklJU480.png)none;
        background-image: none;
    }
    .apply:hover {
        background: #eac989 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qpqEHc3jAAAAADhklJU480.png)none;
        background-image: none;
    }
    .curr:hover {
        background: #82b6c3 url(//dfs.yun300.cn/group1/M00/04/24/rBQBHVy-qsWEJryOAAAAAH4JlDA638.png)none;
        background-image: none;
    }
    .tech:hover {
        background: #5f6f54 url(//dfs.yun300.cn/group1/M00/16/36/rBQBG1y-qpqEHc3jAAAAADhklJU480.png)none;
        background-image: none;
    }
    .cale_pic a {
        font-size: 24px;
    }
    .calen_box {
        margin: 40px auto;
    }
    .cala_top {
        height: 70px;
        padding: 0 40px;
        line-height: 70px;
    }
    .year_btn {
        width: 40px;
    }
    .cale_btn {
        width: 40px;
    }
    .cale_year {
        width: 50px;
        font-size: 18px;
    }
    .year_list {
        width: calc(100% - 130px);
    }
    .year_list li {
        font-size: 15px;
    }
    .year_list li.active {
        font-size: 15px;
    }
    .big_pic {
        width: 100% !important;
        height: auto;
    }
    .kern_prev {
        background-size: 15px;
        background-position: center;
    }
    .new_kern_prev {
        background-size: 15px;
        background-position: center;
    }
    .sch_mess {
        padding-left: 45px;
        box-sizing: border-box;
    }
    .kern_next {
        background-size: 15px;
        background-position: center;
    }
    .curricu_list span {
        font-size: 18px;
    }
    .kern_prev:hover {
        background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
        background-size: 15px;
        background-position: center;
    }
    .kern_next:hover {
        background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
        background-size: 15px;
        background-position: center;
    }
    .new_kern_prev:hover {
        background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
        background-size: 15px;
        background-position: center;
    }
    .new_kern_next:hover {
        background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
        background-size: 15px;
        background-position: center;
    }
    .desc_cont p {
        font-size: 14px;
        max-width: 9999px
    }
    .desc_cont.cla_cont p {
        font-size: 14px;
    }
    .attain_prev:hover {
        background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sEaERV5JAAAAAOWZeEo403.png)no-repeat;
        background-size: 15px;
        background-position: center;
    }
    .attain_next:hover {
        background: rgba(0, 0, 0, 0.8) url(//dfs.yun300.cn/group1/M00/04/25/rBQBHVy-sFOEaTBHAAAAAHqle9Q228.png)no-repeat;
        background-size: 15px;
        background-position: center;
    }
    .big_use {
        width: 100%;
    }
    .tech_pic {
        height: auto !important;
    }
    .big_use+.big_use {
        margin-left: 0;
        margin-top: 20px;
    }
    .big_use .good_tit {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }
    .master_sign {
        font-size: 16px;
    }
    .branch:after {
        display: none;
    }
    .nav_se.se_nav>a {
        padding-left: 11px;
    }
    .assn {
        margin-top: 20px;
    }
    .assn_box {
        margin-bottom: 0;
    }
    .dynam_name {
        font-size: 18px;
    }
    .regu_ban {
        margin-bottom: 0;
    }
    .library .lib_cont .lib_tit {
        margin-left: 0;
    }
    .thro_tit {
        font-size: 17px;
    }
    p {
        max-width: 999999px;
    }
    .copy_text {
        font-size: 13px;
    }
    .copy_text p:nth-child(2) {
        font-size: 12px;
    }
    .copy span {
        display: block;
    }
    .copy em {
        display: none;
    }
    .find_list li {
        width: 20px;
        margin: 0 5px;
    }
    .find_list li img {
        width: 100%;
    }
    .find_list li+li {
        margin: 0 5px;
    }
    .find_text {
        font-size: 14px;
        text-align: justify;
    }
    .jour_img {
        width: 50%;
        margin: auto;
        float: none;
        margin-top: 20px;
    }
    .com_next:before {
        background-size: 10px;
    }
    .com_prev:before {
        background-size: 10px;
    }
    .bran {
        width: 45px;
        height: 45px;
        margin: 4px;
    }
    .score_rig {
        padding: 40px 0;
    }
    .c_bran .bran_text {
        height: 100%;
    }
    .bran a {
        display: table;
        overflow: hidden;
        height: 45px;
        display: flex;
        align-self: center;
    }
    .c_bran .bran_text {
        line-height: 16px;
    }
    .bran_pic img {
        width: 100%;
        height: auto;
    }
    * {
        max-width: 999999px;
        min-height: 1px;
    }
    .bran_text {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        vertical-align: middle;
        font-size: 10px !important;
        line-height: 16px;
        box-sizing: border-box;
        padding: 2px;
        box-sizing: border-box;
    }
    .fc-grid th {
        font-size: 14px;
    }
    .fc-week td {
        height: 35px;
        padding-top: 10px;
        font-size: 16px;
    }
    .fc-event {
        margin-top: 10px;
    }
    .good_num {
        display: block;
        padding: 5px 5px 20px;
        box-sizing: border-box;
        text-align: center;
    }
    .good_num span {
        display: inline-block;
        width: 10px;
        margin: 0 8px;
        height: 10px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.6);
    }
    .good_num span.active {
        background: rgba(255, 255, 255, 1);
    }
    .news_cont {
        padding: 15px 15px 0 15px;
    }
    .news_list li+li {
        margin-top: 15px;
    }
    .news_list li+li .news_pic {
        width: 49%;
        float: left;
        height: auto !important;
    }
    .news_list li+li .news_cont {
        width: 50%;
        padding: 0 5px;
        float: right;
    }
    .news_list li+li a:after {
        display: block;
        content: "";
        clear: both;
    }
    .news_list li+li .news_name {
        font-size: 18px;
    }
    .news_list li+li .news_time {
        margin-top: 0;
    }
    .news_list li+li .news_info {
        margin-top: 0;
        font-size: 13px;
        line-height: 20px;
        height: 39px;
        -webkit-line-clamp: 2;
    }
    .spe_btn {
        width: 25px;
        height: 25px;
    }
    .gspe_btn {
        width: 25px;
        height: 25px;
    }
    .good-prev:before {
        background-size: 13px;
    }
    .good-next:before {
        background-size: 13px;
    }
    .spe_good .good-next {
        right: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .spe_good .good-prev {
        left: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .gspe_btn.good-next {
        right: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .gspe_btn.good-prev {
        left: -34px;
        top: 50%;
        transform: translateY(-50%);
    }
    .good_use {
        width: 78%;
    }
    .pspe_btn {
        width: 25px;
        height: 25px;
    }
    .lspe_btn {
        width: 25px;
        height: 25px;
    }
    .frien_btn {
        width: 25px;
        height: 25px;
    }
    .curr_btn {
        width: 25px;
        height: 25px;
    }
    .read_btn {
        width: 25px;
        height: 25px;
    }
    .book_btn {
        width: 25px;
        height: 25px;
    }
    .scr_btn {
        width: 25px;
        height: 25px;
    }
    .home_btn {
        width: 25px;
        height: 25px;
        background: rgba(0, 0, 0, 0.3);
    }
    .boon_btn {
        width: 25px;
        height: 25px;
        background: rgba(0, 0, 0, 0.3);
    }
    .splen_next:before {
        background-size: 13px;
    }
    .splen_prev:before {
        background-size: 13px;
    }
    .splen_nexts:before {
        background-size: 13px;
    }
    .splen_prevs:before {
        background-size: 13px;
    }
  
    .book_use {
        margin-bottom: 20px;
    }
    .box_activity .act_info {
        width: 78%;
        margin: auto;
        position: relative;
    }
    .box_activity .act_info .show_next:before {
        background-size: 13px;
    }
    .box_activity .act_info .show_prev:before {
        background-size: 13px;
    }
    .box_activity .act_info .show_prev {
        position: absolute;
        left: -34px;
        top: 80px;
        margin: 0;
    }
    .box_activity .act_info .show_next {
        position: absolute;
        right: -34px;
        top: 80px;
        margin: 0;
        left: initial;
    }
    .box_activity .act_info .info_show .text h3 {
        font-size: 18px;
        margin-top: 18px;
    }
    .guid_tit {
        font-size: 22px;
    }
    .boon_use {
        width: 78%;
        margin: auto;
        position: relative;
    }
    .sign {
        margin-top: 30px;
    }
    .fine_self span {
        display: block;
        text-align: center;
    }
    .union_info p+p {
        margin-top: 10px;
    }
    .relat {
        font-size: 14px;
        padding: 15px 12px 15px;
    }
    .relat_ph {
        margin-bottom: 9px;
    }
    .relat_ph {
        padding: 5px 0 5px 44px;
    }
    .relat_em {
        padding: 5px 0 5px 44px;
    }
    .desc_cont div {
        font-size: 14px;
    }
    .curr_pro {
        font-size: 14px;
    }
    .ban_tit {
        font-size: 14px;
        line-height: 19px;
        margin: 5px 0 3px;
    }
    .ban_entit {
        font-size: 10px;
        line-height: 19px;
    }
    .ban_motto {
        font-size: 10px;
    }
    .bans_tit {
        font-size: 14px;
        line-height: 19px;
        margin-top: 5px;
    }
    .ban_cont {
        padding-left: 0;
    }
    .ban_word {
        top: 50%;
        transform: translateY(-50%);
        width: 59%;
    }
    .stu_num {
        width: 40px;
    }
    .candabox .stu_num {
        left: 0px;
        top: 0px;
    }
    .amerbox .stu_num {
        left: 0px;
        top: 0px;
    }
    .britbox .stu_num {
        left: 0px;
        top: -32px;
    }
    .ruisbox .stu_num {
        left: 12px;
        top: 0px;
    }
    .chinabox .stu_num {
        left: 18px;
        top: -16px;
    }
    .koreabox .stu_num {
        left: 23px;
        top: -12px;
    }
    .aussbox .stu_num {
        left: -11px;
        top: -19px;
    }
    .zealabox .stu_num {
        left: -15px;
        top: 0px;
    }
    .stu_state {
        font-size: 12px;
    }
    .chinabox .stu_num.hkong {
        top: 20px;
        left: 48px;
    }
    .return_top {
        display: none !important;
    }
    .ban_tits {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .ban_tits:after {
        bottom: -20px;
        width: 90px;
    }
    .ban_mottos {
        font-size: 12px;
        line-height: 22px;
    }
    .fru_top.adm_top span {
        font-size: 15px;
        line-height: 24px;
    }
    .inlet {
        display: block;
        font-size: 14px;
        margin-top: 20px;
        line-height: 24px;
    }
    .inlet a {
        display: block;
        text-align: left;
        padding-left: 20px;
        box-sizing: border-box;
        color: rgba(255, 255, 255, 0.8);
    }
    .inlet a+a {
        margin-top: 10px;
    }
    /*.banner_box{height: calc(100% - 60px);}*/
    .banner_box img {
        height: 100%;
        width: auto;
    }
    .ban_use {
        text-align: center;
    }
    .bann_pic {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        overflow: hidden;
    }
    /*.bann_pic img{display: flex;align-items:center;justify-content: center;}*/
    .sch_use {
        display: block;
        position: relative;
    }
    .depa_cont {
        width: 90%;
        top: 12%;
    }
    .depa_en {
        font-size: 12px;
    }
    .depa_tit {
        font-size: 22px;
        line-height: 25px;
        margin: 4px auto 10px;
    }
    .depa_cn {
        font-size: 12px;
    }
    .words {
        display: none !important;
    }
    .words img {
        display: none !important;
    }
    .entra_rig .dynam_pic {
        width: 100%;
    }
    .entra_rig .dynam_cont {
        width: 100%;
        padding: 15px 10px 15px 10px;
    }
    .entra_rig .dynam_name {
        margin: 5px auto 15px;
    }
    .entra_rig .dynam_box {
        margin-top: 20px;
    }
    .words.words1 {
        display: block !important;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url(../temp/banbj.jpg)no-repeat;
        background-position: center;
        background-size: cover;
        transform: scale(1);
        opacity: 1;
    }
    .entra_rig h4{margin-top:3vw;}
    .entra_rig.present .dynam_time {
        font-size: 14px;
    }
    .entra_rig.present .dynam_name {
        font-size: 15px;
        line-height: 22px;
        margin: 5px auto 8px;
    }
    .entra_rig.present .dynam_cont {
        padding: 12px 10px 15px 10px;
    }
    .entra_rig.present .dynam_info {
        padding: 7px 0px 0 0px;
        font-size: 13px;
        line-height: 20px;
    }
    .serve_box.persent_box {
        padding: 35px 0;
    }
    .cont_code {
        text-align: center;
    }
    .codes_pic {
        width: 68px;
        margin: 0 5px 5px;
    }
}

.dlintro_box {
    width: 100%;
    background: url(/repository/image/iBOnsGiFTqm8o9fPvV7IVQ.jpg)no-repeat;
    height: 890px;
    background-position: center;
    padding-top: 116px;
    box-sizing: border-box;
    position: relative;
    z-index: 50;
}

.dl_intro {
    width: 1280px;
    margin: auto;
    overflow: hidden;
}

.dl_pic {
    width: 580px;
    float: left;
    position: relative;
    z-index: 50;
}

.dl_pic ul {
    width: 100%;
    height: 100%;
}

.dl_pic ul li {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dl_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 1.5s ease-in;
    transform: scale(1.08);
}

.dl_pic .swiper-slide-active img {
    transform: scale(1);
}

.dl_pic .swiper-pagination-bullet {
    background: #FFFFFE;
}

.dl_text {
    width: 700px;
    float: left;
    padding-left: 70px;
    box-sizing: border-box;
    margin-top: 80px;
    position: relative;
    z-index: 100;
}

.dlintro_top h2 {
    font-size: 44px;
    color: #333333;
    font-weight: bold;
    opacity: 0.4;
}

.dlintro_top p {
    font-size: 66px;
    color: #48583d;
    opacity: 0.14;
    padding-left: 38px;
    line-height: 66px;
}

.dl_school {
    width: 800px;
    float: right;
    margin-top: 87px;
    color: #444444;
    height: 260px;
    background: #f2ebe0;
    padding: 48px 74px 0 70px;
    box-sizing: border-box;
    text-align: justify;
    position: relative;
    right: -300px;
    opacity: 0;
}

.dl_tit {
    font-size: 34px;
    line-height: 34px;
}

.dl_info {
    font-size: 16px;
    line-height: 32px;
    opacity: 0.6;
    margin-top: 20px;
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.train_box {
    width: 1280px;
    margin: 85px auto 115px;
}

.train_top h2 {
    font-size: 34px;
    color: #666666;
    text-align: center;
}

.train_top p {
    font-size: 18px;
    color: #999999;
    text-align: center;
}

.train_use {
    width: 100%;
    background: url(../images/train_bj.png)no-repeat;
    margin-top: 20px;
    background-size: 100%;
    background-position: 0 0;
    padding: 105px 110px 0;
    box-sizing: border-box;
}

.train {
    width: 510px;
    float: left;
    text-align: center;
}

.train:nth-child(even) {
    float: right;
}

.train_tit {
    font-size: 24px;
    color: #6b6b6b;
    font-weight: bold;
}

.train_text {
    font-size: 16px;
    color: #333333;
    opacity: 0.6;
    line-height: 24px;
    width: 275px;
    margin: 25px auto 55px;
}

.train_pic {
    width: 100%;
    overflow: hidden;
}

.train_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.train_pic:hover img {
    transform: scale(1.05);
}

.uniq_box {
    width: 100%;
    background: url(../images/uniq_bj.jpg) no-repeat;
    height: 860px;
    background-size: cover;
    background-position: center;
}

.uniq {
    width: 1280px;
    margin: auto;
    padding-top: 110px;
    box-sizing: border-box;
}

.uniq_top {
    font-size: 34px;
    color: #FFFFFF;
    margin-bottom: 35px;
}

.uniq_list {
    width: 695px;
    color: #FFFFFF;
    height: 327px;
    overflow: hidden;
}

.uniq_tit {
    width: 463px;
}

.uniq_tit h2 {
    font-size: 24px;
}

.uniq_tit p {
    font-size: 0.7;
    line-height: 16px;
    margin-top: 15px;
}

.uniq_info {
    font-size: 18px;
    line-height: 33px;
    margin-top: 35px;
}

.uniq_cut {
    width: 726px;
    color: #FFFFFF;
}

.uniq_cut span {
    transition: all .3s ease-in;
    display: block;
    float: left;
    cursor: pointer;
    width: 350px;
    margin-right: 10px;
    margin-top: 10px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    background: rgba(164, 128, 98, 0.2);
}

.uniq_cut span.active {
    background: rgba(164, 128, 98, 1);
}

.course_box {
    width: 1280px;
    margin: 110px auto 0px;
    position: relative;
    padding-bottom: 115px;
    box-sizing: border-box;
}

.course_top {
    font-size: 34px;
    color: #666666;
    margin-bottom: 35px;
}

.big_course {
    width: 730px;
    float: left;
}

.course {
    position: relative;
    z-index: 80;
}

.course a {
    position: relative;
    display: block;
}

.course img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.course_pic {
    position: relative;
    z-index: 50;
    overflow: hidden;
    width: 100%;
}

.course_tit {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #FFFFFF;
    height: 70px;
    line-height: 70px;
    padding: 0 30px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 100;
}

.big_course .course_tit {
    background: #5f1d14;
}

.course_tit span {
    font-size: 20px;
}

.course_tit em {
    font-size: 12px;
    margin-left: 10px;
}

.course_pic:hover img {
    transform: scale(1.05);
}

.course_info {
    font-size: 14px;
    line-height: 22px;
}

.big_course .course_info {
    color: #5f1d14;
    margin-top: 40px;
}

.big_course .course_info p {
    margin-top: 35px;
}

.sma_course {
    width: 510px;
    float: right;
}

.nation .course_tit {
    background: #48583d;
}

.nation .course_info p {
    color: #48583d;
    margin-top: 20px;
}

.vision {
    margin-top: 30px;
}

.vision .course_tit {
    background: #477595;
}

.vision .course_info p {
    color: #477595;
    margin-top: 20px;
}

.course_bj {
    font-size: 90px;
    color: #333333;
    opacity: 0.04;
    position: absolute;
    left: -44px;
    bottom: 10px;
    line-height: 105px;
    z-index: 50;
}

.course_bj p+p {
    margin-left: 125px;
}

.general_box {
    background: url(../images/trends_bj.jpg)no-repeat;
    height: 700px;
    padding-top: 80px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
}

.general {
    width: 1280px;
    margin: auto;
}

.gener_tit {
    font-size: 34px;
    color: #666666;
    text-align: center;
}

.gener_list {
    margin: 54px auto 70px;
}

.gener_list a {
    display: block;
}

.gener_list li {
    width: 420px;
    float: left;
}

.gener_list li+li {
    margin-left: 10px;
}

.gener_pic {
    width: 100%;
    overflow: hidden;
}

.gener_list img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
}

.gener_name {
    font-size: 20px;
    color: #444444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 15px 0 5px;
    transition: all .3s ease-in;
}

.gener_date {
    font-size: 16px;
    color: #8d8d8d;
}

.gener_list li:hover img {
    transform: scale(1.05);
}

.general_box .reco_more {
    margin: auto;
}

.gener_list li:hover .gener_name {
    color: #5f1d14;
}

@media only screen and (max-width:1360px) {
    .dlintro_box {
        height: 790px;
        padding-top: 90px;
    }
    .dl_intro {
        width: 1200px;
    }
    .dl_pic {
        width: 530px;
    }
    .dl_text {
        width: 670px;
    }
    .dl_text {
        margin-top: 55px;
    }
    .dlintro_top h2 {
        font-size: 40px;
    }
    .dlintro_top p {
        font-size: 60px;
        line-height: 60px;
    }
    .dl_school {
        margin-top: 75px;
        width: 735px;
        padding: 48px 60px 0 62px;
    }
    .dl_tit {
        font-size: 30px;
    }
    .train_box {
        width: 1200px;
        margin: 65px auto 90px;
    }
    .train {
        width: 477px;
    }
    .train_use {
        padding: 80px 110px 0;
    }
    .uniq {
        width: 1200px;
        padding-top: 80px;
    }
    .uniq_top {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .uniq_info {
        margin-top: 30px;
    }
    .uniq_list {
        height: 297px;
    }
    .uniq_box {
        height: 685px;
    }
    .course_box {
        width: 1200px;
        margin: 70px auto 0px;
        padding-bottom: 70px;
    }
    .course_top {
        font-size: 30px;
    }
    .big_course {
        width: 675px;
    }
    .big_course .course_info p {
        margin-top: 25px;
    }
    .big_course .course_info {
        margin-top: 25px;
    }
    .course_bj {
        font-size: 72px;
        line-height: 78px;
        left: 0;
    }
    .general {
        width: 1200px;
        margin: auto;
    }
    .gener_list li {
        width: 390px;
    }
    .general_box {
        padding-top: 60px;
        height: 630px;
    }
    .gener_list {
        margin: 50px auto;
    }
}

@media only screen and (max-width:1280px) {
    .dl_intro {
        width: 96%;
    }
    .dl_pic {
        width: 45%;
    }
    .dl_text {
        width: 55%;
    }
    .dl_school {
        width: 120%;
        height: 230px;
    }
    .dlintro_top h2 {
        font-size: 35px;
    }
    .dlintro_top p {
        font-size: 50px;
        line-height: 50px;
        padding-left: 15px;
    }
    .dlintro_box {
        height: auto;
        padding: 100px 0;
    }
    .train_box {
        width: 96%;
        margin: 50px auto 70px;
    }
    .train_top h2 {
        font-size: 30px;
    }
    .train_use {
        padding: 55px 70px 0;
    }
    .train {
        width: 48%;
    }
    .train_tit {
        font-size: 22px;
    }
    .uniq {
        width: 96%;
        padding-top: 0px;
    }
    .uniq_box {
        height: auto;
        padding: 70px 0;
        box-sizing: border-box;
    }
    .uniq_top {
        font-size: 26px;
    }
    .uniq_tit h2 {
        font-size: 22px;
    }
    .uniq_list {
        width: 580px;
    }
    .uniq_cut {
        width: 680px;
    }
    .uniq_cut span {
        width: 46%;
        font-size: 15px;
    }
    .uniq_info {
        font-size: 16px;
        line-height: 28px;
        margin-top: 22px;
    }
    .uniq_list {
        height: 240px;
    }
    .course_box {
        width: 96%;
    }
    .big_course {
        width: 58%;
    }
    .sma_course {
        width: 40%;
    }
    .course_bj {
        font-size: 56px;
        line-height: 56px;
    }
    .general {
        width: 96%;
    }
    .gener_tit {
        font-size: 30px;
    }
    .general_box {
        height: auto;
        padding: 50px 0;
    }
    .gener_list {
        margin: 40px auto;
    }
    .gener_list li {
        width: 32.5%;
    }
    .gener_list li+li {
        margin-left: 1.25%;
    }
    .gener_name {
        font-size: 18px;
    }
}

@media only screen and (max-width:1024px) {
    .dlintro_box {
        padding: 80px 0;
    }
    .dl_text {
        margin-top: 35px;
        padding-left: 43px;
    }
    .dl_school {
        padding: 33px 35px 0 43px;
    }
    .dl_tit {
        font-size: 26px;
    }
    .dlintro_top h2 {
        font-size: 30px;
    }
    .dlintro_top p {
        font-size: 40px;
    }
    .dl_school {
        margin-top: 39px;
    }
    .course_tit {
        height: 60px;
        line-height: 60px;
    }
}

@media only screen and (max-width:996px) {
    .dlintro_box {
        padding: 40px 0;
    }
    .dl_pic {
        width: 100%;
    }
    .dl_text {
        width: 100%;
        padding-left: 0;
    }
    .dl_school {
        width: 100%;
        margin-top: 25px;
        padding: 25px 20px 25px 20px;
        height: auto;
    }
    .dlintro_top h2 {
        font-size: 24px;
    }
    .dlintro_top p {
        font-size: 30px;
        line-height: 33px;
    }
    .dl_tit {
        font-size: 20px;
    }
    .dl_info {
        -webkit-line-clamp: inherit;
        height: auto;
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }
    .train_box {
        margin: 30px auto 40px;
    }
    .train_top h2 {
        font-size: 25px;
    }
    .train_use {
        padding: 30px 15px 0;
    }
    .train_top p {
        font-size: 16px;
    }
    .train_tit {
        font-size: 16px;
    }
    .train_text {
        font-size: 14px;
        width: 100%;
        margin: 10px auto 20px;
        line-height: 22px;
        height: 66px;
    }
    .uniq_box {
        background: #e1be9e;
        padding: 40px 0;
    }
    .uniq_top {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .uniq_tit h2 {
        font-size: 18px;
    }
    .uniq_list {
        height: auto;
        margin-bottom: 20px;
        width: 100%;
    }
    .uniq_tit {
        width: 100%;
    }
    .uniq_info {
        font-size: 14px;
        line-height: 24px;
    }
    .uniq_cut {
        width: 100%;
    }
    .uniq_cut span {
        width: 100%;
        margin-right: 0;
        height: 50px;
        line-height: 50px;
    }
    .course_box {
        margin: 40px auto 0;
    }
    .course_top {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .gener_tit {
        font-size: 24px;
    }
    .big_course {
        width: 100%;
    }
    .course_tit {
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
    }
    .course_tit span {
        font-size: 16px;
    }
    .big_course .course_info p {
        margin-top: 10px;
    }
    .big_course .course_info {
        margin-top: 10px;
    }
    .sma_course {
        width: 100%;
        margin-top: 20px;
    }
    .course_bj {
        font-size: 35px;
        line-height: 35px;
    }
    .general_box {
        padding: 35px 0;
    }
    .gener_list {
        margin: 0 0 20px;
    }
    .gener_list li {
        width: 100%;
        margin-top: 20px;
    }
    .gener_list li+li {
        margin-left: 0;
    }
    .gener_name {
        font-size: 16px;
    }
}
