.headerwrap{background: #fff;box-shadow: rgba(6,138,244,.05) 0 5px 15px; padding: 25px 0;}
.headerwrap .container {justify-content: normal;}
.footerwrap {margin-top: 30px;}
.searchbox-inner{ max-width: 800px; width:100%; margin:0 auto;}
.searchbox{width: 100%;height: 400px;background:url(../../img/banner_0328.webp);background-size:100%; background-position: 0 center;
 display: flex;justify-content: center;padding: 0 100px;flex-direction: column;}
 .searchbox .search{width: 100%;height: 60px;background: #fff;border-radius: 30px;padding:10px 20px;display: flex;box-shadow: rgba(0,0,0,.3) 0 5px 10px;}
  .searchbox .search .search-input{flex: 1;width: 100%;height: 100%;border: none;font-size: 16px;}
   .searchbox .search button{background:transparent;border: none; font-weight: bold; padding: 0px 10px;}
   .searchbox .search button .iconfont {font-size: 1.2rem;}
   .searchbox .search .microphone{display: none;}
   .searchbox .tabs{width: 100%; display: flex;margin-bottom: 5px;padding: 0 20px;}
      .searchbox .tabs .item{padding:8px 15px;border-radius: 20px;background:rgba(255,255,255,.8);color: #333;font-size: 14px;cursor: pointer;}
      .searchbox .tabs .item~.item{margin-left: 5px;}
        .searchbox .tabs .item.active{background: #fff;}
.search-select,.search-select:focus,.search-select:active{
	background:transparent;border: none;
}
.search-title{
	margin-bottom: 30px;
	font-size: 3.25rem;
    line-height: 1;
}

@media (max-width: 1200px) {
	.searchbox{background-size:cover ;}
	.searchbox-inner{ max-width: 500px;}
	.search-title{ font-size:2.25rem;}
}  

@media (max-width: 767px) {
    .search-title{ font-size:1.75rem;}
    .searchbox-inner{ max-width: 350px;}
    .searchbox{height: 200px;padding: 0 20px;background-size:cover ;}
    .searchbox .search{height: 50px;}
    .searchbox .search button{height: 30px; width: 30px;font-size: 18px;}
    .searchbox .search button~button{display: block;}
    .searchbox .search .microphone{display: block;}
    .searchbox .tabs{padding: 0;}
    .searchbox .tabs .item{font-size: 12px;padding: 5px;}
    .search-select,.search-select:focus,.search-select:active{
        font-size: 12px;
        width: 130px;
    }
}

.flex_between{display: flex;justify-content: space-between;align-items: center;}
.flex_between_0{display: flex;justify-content: space-between;}
.flex_start{display: flex;justify-content: flex-start;align-items: center;}
.flex_end{display: flex;justify-content: flex-end;align-items: center;}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_start_0{display: flex;justify-content: flex-start;}
.flex_around{display: flex;justify-content:space-around;align-items: center;}
.flex_column{display: flex;flex-direction: column;}
.flex_column_center{display: flex;flex-direction: column;align-items: center;    }
.flex_column_between{display: flex;flex-direction: column;justify-content: space-between;}
.flex_column_around{display: flex;flex-direction: column;justify-content: space-around;}
.flex_column_end{display: flex;flex-direction: column;justify-content: flex-end;}
.flex_1{flex: 1;}
.text_hidden{white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;}
.flex_direction{flex-direction:row-reverse}
.flex_wrap{flex-wrap: wrap;}
::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px
}
::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #b8b8b8;
    -webkit-border-radius: 6px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}
::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #878987;
    -webkit-border-radius: 6px
}
 .el-table{
    font-size: 14px;
}
.el-button,.el-breadcrumb{
    font-size: 16px;
}
.sperate{
    margin: 0 9px;
    font-weight: 700;
    color: #c0c4cc;
    font-size: 16px;
    line-height: 1;
}
.breadnames{
    color: #606266;
    font-size: 16px;
    line-height: 1;
}
.breadgo{
    cursor: pointer;
}
.breadgo:hover{
   
    font-size: 18px;
}

a{text-decoration: none}
.left{width: 69%;}
.right{width: 29%;}
.title{width: 90%; margin: 0 auto;padding: 30px 0 20px 0;max-width: 1200px;}
.title img{width: 224px;height: auto;z-index:1}
.title p,.title h1{font-size: 22px;color: #fff;font-weight: normal;}
.title h1{letter-spacing: 4px;}
.title .line{margin: 0 20px 0 18px;height: 42px;width: 1px;background-color: #fff;}
.title .englishdesc{font-size: 12px;line-height: 20px;font-style: normal;color: #fff;letter-spacing: 2.2px;margin-top: 5px;}
.plantList{width: 100%;}
.plantList>li{width: 100%;background: #fff;border-radius: 6px;padding: 25px;cursor:pointer;margin-top:25px;}
.plantList>li:first-child{margin-top: 31px;}
.plantList>li:hover{box-shadow: 0 0 8px #445fe2;}
.plantList>li.qyts_mobile{display: none;}
.plantList>li a{color: #000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.plantList li .imgBox{background: #F3F4FF;width: 74px;height:74px;border-radius: 20px;}
.plantList li .imgBox img{width: 58px;height: auto;}
.plantList li .content{margin-left: 35px;}
.plantList li .topBox h3{color:#333333;font-size: 25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top: 0px; margin-bottom: 0px;}
.plantList li .topBox>a{color:#fff;font-size: 12px;background:  #526EFF;padding: 3px 20px;border-radius: 100px;}

/* 内容部分 */
.plantList li .bottomBox {margin-top:20px;}
.plantList li .bottomBox li{color:#777777 ;font-size: 18px;line-height:33px;display: flex;justify-content: flex-start;align-items: center;}
.plantList li .bottomBox li:hover{font-weight: bold;}
.plantList li .bottomBox li::before{content: '';display: inline-block;width: 4px;height: 4px;
    background-color: #444;border-radius: 100px;margin-right: 6px;}
.plantList li  li{width: 20%;}
.plantList li .basic-ul li{width: 25%;}
.plantList li .first li{width: 33%;}
.plantList li .second li{width: 50%;}
.plantList li .third li{width:25%;}

.plantList li .gjzy li{width: 25%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.content{position: relative;}
.content em{background: #56f;width: 50px; height: 3px;display: block; margin-top: 6px; transition: width .3s}
.plantList li:hover .content em,.qyts:hover .content em { width:100%;}
/* 右边 */
.right>.right_title{width: 100%; height: 48px;background: #5671f4;border-radius: 10px;
    font-family: Microsoft YaHei;font-style: normal;font-weight: 700;
    font-size: 28px; line-height: 48px;color: #fff; margin: 28px 0 12px 0;
    text-align: center;}
.right>.right_content{border-radius: 6px;background-color: #fff;height: 100%;}
.right .top{background-color: #fff;border-radius: 6px 0 0 6px;padding: 14px 12px;height: 460px;box-sizing: border-box;box-shadow: 0px 2.64681px 2.64681px rgba(188, 188, 188, 0.25);}
.right .top .caption img{width: 72px;height: auto;margin-right: 13px;}
.right .top .caption h3{color: #333;font-size: 18px;line-height: 24px;}
.right .top .list li{background: #f7f8fe;width: 49%;margin-top: 8px;border-radius: 6px;}
.right .top .list li:nth-child(1),.right .top .list li:nth-child(2){margin-top: 0;}
.right .top .list li a{padding:10px 0;width: 100%;;color: #4F4F4F;font-size: 12px;}
.right .top .list li img{width: 30px;height: 30px;transition: all .3s;}
/* .right .top .list li img:hover{width: 35px;height: 35px;} */
.right .top .list li .describe{margin-top: 8px;height: 36px;}
.right .top .list li .describe p:hover{font-weight: bolder;}

.describe span{vertical-align: bottom;display: inline-block;}
.describe span em{display: flex;align-items: center;}
.describe span em i{background: #c5c9d6;display: inline-block;width: 2px;border-radius: 9px;}
.describe span em  .short-line{height: 8px;}
.describe span em  .long-line{height: 16px;}
.describe span em  .line-margin{margin-right: 3px;}
.describe p{margin: 0 10px;font-size: 18px;}
/* 右下角 */
.right .bottom{background-color: #fff;padding:12px;border-radius: 6px;}
.right .bottom img{width: 40px;height: auto;image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.right .bottom>a{margin-bottom: 12px;}
.right .bottom h3{color: #000;font-size: 20px;margin-left: 10px; margin: 0px; margin-left: 10px; font-weight: bold;}
.right .bottom  .list li{background: #fff;width:49%;margin-top: 8px;border-radius: 6px;background: #F7F8FE;}
.right .bottom  .list li a{padding:10px 0;width: 100%;;color: #4F4F4F;font-size: 12px;height: 132px;box-sizing: border-box;}
.right .bottom  .list li a:hover img{transform: scale(1.1)}
.right .bottom  .list li img{width: 68px;height: 68px;transition: all .3s;}
.right .bottom  .list li .describe:hover{font-weight: bold;}
.right .center_right{height: 460px}
.right .center_right .tab_item{ background: rgba(86,113,244,.5);
    font-family: Microsoft YaHei; font-style: normal;font-weight: 700; font-size: 14px;line-height: 34px;
    text-align: center;color: #fff;writing-mode: vertical-lr;
    letter-spacing: 3px; cursor: pointer;width: 40px;padding: 12px 0;
}
.right .top .list .merge-two-item{display: none;}
.right .center_right .active_tab_item{background: #fff;font-size: 16px;color: #5671f4;}
.right .center_right .tab_item:nth-child(1){border-top-right-radius: 10px;}
.right .center_right .tab_item:nth-child(2){margin-top: 4px;}
.right .center_right .tab_item:nth-child(3){margin-top: 4px;margin-bottom: 4px;}
.right .center_right .tab_item:nth-child(4){border-bottom-right-radius: 10px;}
footer{color: #555;font-size: 14px;margin-top: 24px;text-align: center;margin-bottom: 30px;}
footer p{line-height: 26px;}
footer .p_margin{margin: 0 15px;}
.swiper {width: 100%;height: 300px;overflow: hidden;position: relative;border-radius: 6px;}
.swiper  img{width: 100%;height: 100%;border-radius: 6px;image-rendering: -moz-crisp-edges; 
    image-rendering: -o-crisp-edges;         
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.pagination {position: absolute;z-index: 120;bottom: 10px;width: 100%;text-align: center}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;margin: 0 5px;
    opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-active-switch {background: #2A9FFF;}
.mobile_center_right{display: none;}
@media screen and (max-width: 1220px){
    .plantList li .content{margin-left: 30px;}
    .plantList li .topBox h3{font-size: 20px;}
    .plantList li .bottomBox li{font-size: 16px;}
    .right .bottom{padding: 10px 12px;}
    .right .bottom>a{margin-bottom: 0;}
    .main{width:96%}
    .left{width: 60%;}
    .right{width: 39%;}
    .plantList>li{width: 100%;margin-top: 17px;padding: 22px 15px;}
    .qyts{width: 100%;box-sizing: border-box;}
    .qyts .bottomBox{width: 100%;}
    .qyts .first li{width: 33%;}
    .plantList li li{width: 25%;}
}
@media screen and (max-width:900px){
    .plantList li .content{margin-left: 25px;}
    body{background: linear-gradient(357.4deg, #A9CEF6 -0.56%, rgba(169, 206, 246, 0) 90.13%);}
    .main{padding: 10px 0 10px 0;width: 96%;}
    .title{padding: 15px 0;}
    .title img{width: 100px;height: auto;}
    .title h1,.title p{font-size: 16px;}
    .title .englishdesc{font-size: 12px;}
    .swiper{height: 200px;}
    .left,.right,.qyts{width: 100%;}
    .right .top{height: auto;border-radius: 0 0 6px 6px;}
    .right .top,.right .bottom{background: #fff;}
    .plantList li .first li{width: 33%;}
    .plantList li .topBox h3,.qyts .topBox h3{font-size: 18px;}
    .plantList li .bottomBox,.qyts .bottomBox{margin-top: 4px;}
    .plantList li .bottomBox li,.qyts .bottomBox li{font-size: 12px;line-height: 23px;}
    .plantList li .bottomBox li::before,.qyts .bottomBox li::before{width: 2px;height:2px;
      }
    .white-jszh{display: none;}
    .blue-jszh{display: block;}
    footer{font-size: 13px;}
    .describe p{margin: 0}

    .mobile_center_right{display: block;margin-top: 10px;}
    .right .center_right{display: none;}
    .right>.right_content{margin-top: 0;}
    .right>.right_title{font-size: 24px;}
    .right>.right_content>div{background: #fff;width: 100%;border-radius: 4px;}
    .right .bottom{box-sizing: border-box;margin-top: 10px;}
    .mobile_center_right li{float: left;width: 25%;text-align: center;    height: 42px;
        line-height: 42px; font-weight: 400;background: #c7cce6;color: #fff;
        -ms-writing-mode: initial; writing-mode: initial; letter-spacing: normal;cursor: pointer;}
        .mobile_center_right .active_mobile_tab_item{font-weight: 700;background: #fff;
            color: #26339e;}
            .mobile_center_right li:first-child{border-top-left-radius: 4px;}
            .mobile_center_right li:last-child{border-top-right-radius: 4px;}
    .right .top{width: 100%;}
    /*  */
    .right .top .list li{width: 32.5%;}
    /* .right .top .list li br{display: none;} */
    .right .top .list li .describe p{word-break: break-all;
        text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;}
    .right .top .list  .merge-item{display: none;}
    .right .top .list .merge-two-item{background-color: #fff;display: block;overflow: hidden;}
    .right .top .list .merge-two-item a{padding: 10px 2px 10px 10px;background: #f7f8fe;border-radius: 4px;box-sizing: border-box;}
    .right .top .list .merge-two-item  p{height: 28px;text-align: center;font-size: 12px;;}
    .right .top .list .merge-two-item a:last-child{margin-top: 4px;}
    .right .top .list .merge-two-item img{width: 20px;height: auto;}
 
    /* 学历 */
    .right .exam_top .list li {width: 32.5%;}
    /*  留学*/
    .right .top .list li img{width: 44px;height: auto;}
    .right .top .list li .one{display: none;}
    .right .top .list li .two{display: none;}
    .right .education_top .list li{width: 32%;}
    .right .education_top .list li img{width: 50px;height: auto;}
    .right .education_top .list li .describe{height:46px;}
     .right .education_top .describe p{font-size: 12px;text-align: center;}
     /* 留学 */
     .right .abroad_top .list li img{width: 56px;height: auto;}
    .right .abroad_top .list li{padding-top: 25px;width: 49%;}
    .right .abroad_top .list li .describe{height:50px;}
    .right .abroad_top .describe p{font-size: 14px;text-align: center;}
    .right .abroad_top .list li a{padding: 0 0 10px 0 }
    .bottom .list .describe>p{margin: 0 10px;font-size: 14px;}
    .mobile_qyts{display: flex;margin-top: 15px;}
    .pc_qyts{display: none;}
}
@media screen and (max-width:750px){
    .header-back1{display: none;}
    .title .line{margin: 0 10px 0 8px;height:40px}
    .title img{width: 100px;height: auto;image-rendering: pixelated;}
    .swiper{height: 140px;}
    .plantList li .imgBox,.qyts .imgBox{width:40px;height: 40px;border-radius: 8px;}
    .plantList>li,.qyts{padding: 10px;margin-top: 10px;}
    .plantList li .content{margin-left: 12px;}
    .plantList li .topBox>a{padding:3px 12px}
    .plantList li .bottomBox {margin-top:4px;}
    .plantList li .imgBox img,.qyts .imgBox img{width: 30px;height: auto;}
    .plantList li .bottomBox,.qyts .bottomBox{margin-top: 6px;}
    /* .right .top{margin-top: 10px;} */
    .right .bottom{margin-top: 10px;}
    .right>.right_content{margin-top: 0;}
    .right .bottom .list li a{height: 110px;}
    .right .bottom .list li img{width: 55px;height: 55px;}
    footer .p_margin{margin: 0 10px;}
}