#institute_index #main .banner{margin:0 auto;width: 100%;height: 229px;background: url('../images/institute/banner.png?v=1') center no-repeat;background-size: cover;}
#institute_index #main .banner .title{padding:70px 20px 60px;font-size: 40px;font-weight: bold;color: #222222;text-align: center;}
#institute_index #main .tabs{width: 100%;margin:-68px auto 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;align-items: end;}
#institute_index #main .tabs a{text-decoration: none;display: block;}
#institute_index #main .tabs a.current{pointer-events: none;cursor: default;font-weight: bold;}
#institute_index #main .tabs a .item{font-size:18px;line-height: 18px;color: #ffffff;border-radius: 12px 12px 0 0;padding:25px 20px 15px;background-color: #161616;text-align: center;}
#institute_index #main .tabs a.current .item{background-color: #fff;color: #161616;padding:28px 20px 20px;font-size: 20px;line-height: 20px;}
#institute_index #main .institute_box{padding:100px 0 150px;display:flex;justify-content: space-between;}
#institute_index #main .institute_box .left{width: 23%;padding-right: 0.5%;position: sticky;top: 0;overflow: auto;height: 100vh;}
#institute_index #main .institute_box .left::-webkit-scrollbar {width: 10px;background: #fff;border-radius: 5px;}
#institute_index #main .institute_box .left::-webkit-scrollbar-thumb {background: rgba(193, 193, 193, 0.2);border-radius: 5px;}
#institute_index #main .institute_box .left .select_box{display: none;}
#institute_index #main .institute_box .left .list .item{width: 100%;display: flex;justify-content:left;align-items:center;cursor:pointer;padding:15px 10px;}
#institute_index #main .institute_box .left .list a.current{border:2px solid var(--primaryColor);font-weight: bold;}
#institute_index #main .institute_box .left .list a{display: block;border-radius: 6px;border:2px solid #fff;text-decoration: none;margin-top:10px;}
#institute_index #main .institute_box .left .list a:first-child{margin-top:0;}
#institute_index #main .institute_box .left .list a.current .img{width: 32px;min-width: 32px;text-indent: -32px;overflow: hidden;}
#institute_index #main .institute_box .left .list a.current img{filter: drop-shadow(32px 0px var(--primaryColor));}
#institute_index #main .institute_box .left .list img{width: 32px;height: 32px;}
#institute_index #main .institute_box .left .list .label{padding-left: 15px;}
#institute_index #main .institute_box .left .list .sub{display: flex;align-items: center;}
#institute_index #main .institute_box .left .list .img{display: inline-block;width: 32px;min-width:32px;height: 32px;}
#institute_index #main .institute_box .right{width: 70%;padding-left: 7.5%;}
#institute_index #main .institute_box .right .img_box{display: flex;justify-content: left;align-items: center;margin-bottom:50px;}
#institute_index #main .institute_box .right .img_box img{max-height: 360px;}
#institute_index #main .institute_box .right .sub_box .title{font-size: 32px;line-height:32px;font-weight: bold;}
#institute_index #main .institute_box .right .sub_box .desc{margin-top:35px;font-size: 16px;line-height: 28px;}
#institute_index #main .institute_box .right .module_box{margin-top:60px;}
#institute_index #main .institute_box .right .module_box .box{display: flex;justify-content: left;align-items: center;margin-top:60px;}
#institute_index #main .institute_box .right .module_box .box:first-child{margin-top:0;}
#institute_index #main .institute_box .right .module_box .module_img{padding-right:70px;}
#institute_index #main .institute_box .right .module_box .img{min-width: 320px;height: 320px;display: flex;justify-content: center;align-items: center;}
#institute_index #main .institute_box .right .module_box .sub .top{display: flex;align-items: center;}
#institute_index #main .institute_box .right .module_box .sub .icon{display: flex;align-items: center;padding:10px 12px;margin-right:20px;border-radius: 4px;background-color: #f2f5f6;}
#institute_index #main .institute_box .right .module_box .sub .icon img{max-height: 25px;max-width: 20px;}
#institute_index #main .institute_box .right .module_box .sub .title{display: inline-block;font-size: 24px;line-height:30px;font-weight: bold;color:#313131;}
#institute_index #main .institute_box .right .module_box .sub .desc{margin-top:15px;font-size: 16px;line-height: 28px;color: #313131;}
#institute_index #main .institute_box .right .module_box .box:nth-child(even) {position:relative;min-height:320px;width: 100%;}
#institute_index #main .institute_box .right .module_box .box:nth-child(even) .module_img{padding-right: 0;right: 0;position: absolute;}
#institute_index #main .institute_box .right .module_box .box:nth-child(even) .img{float: right;width: 40%;padding-right: 0;}
#institute_index #main .institute_box .right .module_box .box:nth-child(even) .sub{float: left;width: 60%;padding-right: 55px;}
#institute_index #main .institute_box .right .module_box .box:nth-child(even):not(:has(.module_img)){min-height: unset;}
#institute_index #main .institute_box .right .module_box .box:nth-child(even):not(:has(.module_img)) .sub{width: 100%;}
#institute_index #main .institute_box .right .generate{margin: 60px auto 0;display: flex;justify-content: center;}
#institute_index #main .institute_box .right .generate a{display:inline-block;padding:15px 30px;background-color: var(--primaryColor);border-radius: 6px;color: #fff;text-decoration: none;}
@media (max-width: 768px) {
    #institute_index #main .banner{height: 155px;background: url('../images/institute/banner_m.png?v=2') center no-repeat;background-size: cover;}
    #institute_index #main .banner .title{padding:48px 20px 88px;font-size: 25px;line-height: 25px;}
    #institute_index #main .institute_box{padding: 25px 4% 55px;display: block;}
    #institute_index #main .institute_box .left{width:100%;float: none;padding-right:0;position: relative;height: auto;}
    #institute_index #main .institute_box .right{width: 100%;float: none;padding-left:0;}
    #institute_index #main .tabs{margin:-50px auto 0;}
    #institute_index #main .tabs a .item{padding:13px 10px;font-size: 14px;line-height: 14px;border-radius: 6px 6px 0 0;}
    #institute_index #main .tabs a.current .item{padding:17px 10px;font-size: 16px;line-height: 16px;}
    #institute_index #main .institute_box .left .select_box{display: flex;align-items: center;background-color:#ffede6;font-size:14px;font-weight:bold;color:#404040;cursor: pointer;padding: 10px 65px 10px 10px;border:2px solid var(--primaryColor);border-radius: 6px;}
    #institute_index #main .institute_box .left .select_box .select{display: block;position: absolute;top: 14px;right: 25px;font-size: 12px;color: var(--primaryColor);font-weight: normal;}
    #institute_index #main .institute_box .left .select_box .select::before {content: "";position: absolute;top: 6px;right: -18px;transform: rotate(90deg);border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent var(--primaryColor) transparent;}
    #institute_index #main .institute_box .left .select_box .select::after {content: "";position: absolute;top: 6px;right: -17px;transform: rotate(90deg);border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #ffede6 transparent;}
    #institute_index #main .institute_box .left .select_box::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}
    #institute_index #main .institute_box .left .select_box .img{width: 22px;min-width: 22px;text-indent: -22px;overflow: hidden;}
    #institute_index #main .institute_box .left .select_box img{filter: drop-shadow(22px 0px var(--primaryColor));margin-right: 10px;}
    #institute_index #main .institute_box .left .select_box .sub{padding: 0 0 0 15px;}
    #institute_index #main .institute_box .left .mask{display: none;position: fixed;top: 0;left: 0;z-index:12;transition: left 0.5s ease;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);align-items: center;justify-content: center;}
    #institute_index #main .institute_box .left .list{position: absolute;z-index:6;left: -100%;top: 0;width: 60%;height:100vh;background-color: #fff;overflow-y: scroll;}
    #institute_index #main .institute_box .left .list a{border:none;}
    #institute_index #main .institute_box .left .list a.current{border: none;background-color: #ffede6;}
    #institute_index #main .institute_box .left .list a.current .img{width: 22px;min-width: 22px;text-indent: -22px;}
    #institute_index #main .institute_box .left .list a.current img{filter: drop-shadow(22px 0px var(--primaryColor));}
    #institute_index #main .institute_box .left .list .item{padding:10px;}
    #institute_index #main .institute_box .left .list .img{height: 22px;width: 22px;min-width: 22px;}
    #institute_index #main .institute_box .left .list img{max-height: 22px;max-width: 22px;}
    #institute_index #main .institute_box .left .list{width: 60%;}
    #institute_index #main .institute_box .left .list a:first-child{margin-top:10px;}
    #institute_index #main .institute_box .right .img_box{margin-top:35px;margin-bottom:0;}
    #institute_index #main .institute_box .right .img_box img{max-height: 135px;}
    #institute_index #main .institute_box .right .sub_box{margin-top:40px;}
    #institute_index #main .institute_box .right .sub_box .title{font-size: 22px;line-height: 22px;}
    #institute_index #main .institute_box .right .sub_box .desc{margin-top:22px;font-size: 12px;line-height: 20px;}
    #institute_index #main .institute_box .right .module_box{margin-top: 40px;}
    #institute_index #main .institute_box .right .module_box .box{display: block;margin-top:40px;}
    #institute_index #main .institute_box .right .module_box .module_img{padding-right: 0;}
    #institute_index #main .institute_box .right .module_box .box:nth-child(even){min-height: unset;}
    #institute_index #main .institute_box .right .module_box .box:nth-child(even) .module_img{position: unset;}
    #institute_index #main .institute_box .right .module_box .box:nth-child(even) .img{padding-left: 0;width: 100%;float: none;}
    #institute_index #main .institute_box .right .module_box .box:nth-child(even) .sub{padding:0;width: 100%;float: none;}
    #institute_index #main .institute_box .right .module_box .sub .top{margin-top:30px;}
    #institute_index #main .institute_box .right .module_box .sub .icon{padding:8px 10px;border-radius: 2px;margin-right: 10px;}
    #institute_index #main .institute_box .right .module_box .sub .icon img{max-height: 18px;max-width: 15px;}
    #institute_index #main .institute_box .right .module_box .sub .title{font-size: 18px;line-height: 18px;}
    #institute_index #main .institute_box .right .module_box .sub .desc{margin-top:12px;font-size: 12px;line-height: 20px;}
    #institute_index #main .institute_box .right .generate a{padding: 10px 20px;font-size: 12px;}
}
@media (min-width: 768px) and (max-width: 1200px) {
    #institute_index #main .institute_box .right .module_box .box:nth-child(even){min-height: unset;}
    #institute_index #main .institute_box .right .module_box .box:nth-child(even) .module_img{position: unset;}
    #institute_index #main .institute_box .right .module_box .box:nth-child(even) .img{padding-left: 0;width: 100%;float: none;}
    #institute_index #main .institute_box .right .module_box .box:nth-child(even) .sub{padding:0;width: 100%;float: none;}
    #institute_index #main .institute_box .right .module_box .box{display: block;}
    #institute_index #main .institute_box .right .module_box .module_img{padding-right: 0;}
    #institute_index #main .institute_box .right .module_box .sub{margin-top:20px;}
    #institute_index #main .institute_box .right .module_box .img{padding-right: 0;}
}

#institute_index #breadcrumb nav .breadcrumb-item a,
#institute_index .breadcrumb-item+.breadcrumb-item::before,
#institute_index #breadcrumb nav .breadcrumb-item.active{color: #ffffff;}