@charset "utf-8";

/* visual */
.visual{/* overflow:hidden; */position:relative;width:100%;height: 100%;}
.visual .onoff-btn{
    display:block;
    width: 70px;
    height: 40px;
    border-radius: 30px;
    box-shadow: -2px 2px 4px #777;
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(198,0,1,0.5);
    color: #fff;
    z-index: 9999999;
}
.visual .visual_item a{display:block;}
.visual .visual_item img{width:100%;}
.visual .visual_control{position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;font-size:0;line-height:0;width: 100%;height: 70px;}
.visual .visual_count{float:left; margin-right:15px; font-size:16px; font-weight:600; color:#000; line-height:18px;}
.visual .visual_total{position:relative; margin-right:5px;}
.visual .visual_control button{display: block;position:relative;width: 70px;height: 100%;padding: 18px;float: right;background: rgba(0,0,0,0.3);border-radius: 50px;border: 2px solid rgba(255,255,255,0.4);transition: ease .5s;margin-right: 3%;}
.visual .visual_control button::before{display: block;width: 90%;height: 100%;background: url(../img/icon_all.png) no-repeat;background-position: 2px -22px;background-size: 300%;margin-left: 0;}
.visual .visual_control .visual_prev::before{background-position: -25px -22px;margin-left: 5px;}
.visual .visual_control button + button{float: left;margin-left: 3%;margin-right: 0;}
.visual .slick-initialized .visual_item img{display:block;min-height: 250px;object-fit: cover;}
.visual .visual_control button:hover{border-color: #FFF;background: rgba(0,0,0,0.5);}
.visual .visual_dot{position: absolute;bottom: 20px;width: 100%;}
.visual .visual_dot ul{text-align: center;}
.visual .visual_dot ul li{display: inline-block;border-radius: 50px;font-size: 0;width: 13px;height: 13px;overflow: hidden;position: relative;margin: 0 5px;}
.visual .visual_dot ul li button{width: 100%;height: 100%;border: none;position: absolute;left: 0;top: 0;background: #FFF;}
.visual .visual_dot ul li.slick-active{}
.visual .visual_dot ul li.slick-active button{background: #ffa726;}
.visual.index .visual_dot{bottom:110px;}
.lb{ 
    display: block;
}
/* searchBox */
.rowgroup{position: relative;}
.rowgroup .seaWrap{z-index: 20;width: 100%;height: 160px;margin-top: -80px;}
.onoff .rowgroup .seaWrap{
    margin-top:40px;
}
.rowgroup .seaWrap .searchBox{position: relative;height: 160px;margin-left: 30px;margin-right: 30px;padding: 30px 50px 50px;background: #FFF;box-shadow: 0 2px 3px 0px #e4e4e4;}
.rowgroup .seaWrap .searchBox .search_field{position: relative;border-bottom: 3px solid #c60001;padding-bottom: 5px;}
.rowgroup .seaWrap .searchBox .search_field .legend{position:absolute; top:0; left:0; padding-right:20px; color:#8f8f8f;}
.rowgroup .seaWrap .searchBox .search_field .search_inpt{width: 100%;padding-right: 50px;color: #c4c4c4;font-size: 24px;line-height: 51px;letter-spacing: -0.025em;font-weight: 500;}
.rowgroup .seaWrap .searchBox .search_field .search_inpt .search_in{width: 86%;height: 51px;line-height: 51px;vertical-align: top;color: #333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rowgroup .seaWrap .searchBox .search_field .search_inpt .search_in::placeholder{color:#ff8587; font-size:25px; line-height:26px; font-weight:500; letter-spacing:-0.025em;}
.rowgroup .seaWrap .searchBox .search_field .search_inpt .search_in:-ms-input-placeholder{color:#ff8587; font-size:25px; line-height:26px; font-weight:500; letter-spacing:-0.025em;}
.rowgroup .seaWrap .searchBox .search_field .search_btn{position: absolute;top: 10px;right: 0;width: 30px;height: 30px;font-size: 0;line-height: 0;background: url("../img/seabtn.png") no-repeat center center;background-size: 90%;}
.rowgroup .seaWrap .searchBox .seaText{padding: 10px 0;}
.rowgroup .seaWrap .searchBox .seaText span{color: #999;font-weight: bold;font-size: 17px;}
.rowgroup .seaWrap .searchBox .seaText span::after{content:'';display:inline-block;width: 7px;height: 12px;background: url("../img/icon_arrow_b.png") no-repeat center right;margin-left: 10px;}
.rowgroup .seaWrap .searchBox .seaText a{padding: 0 10px;}

/* information */
.rowgroup2{margin-top: 40px;}
.rowgroup2 .information{width: 38%;float: left;}
.rowgroup2 .information h1,.rowgroup2 .popupzone h1{color: #333;font-size: 26px;margin-bottom: 20px;line-height: 1;display: block;font-weight: normal;}
.rowgroup2 .information h1 span,.rowgroup2 .popupzone h1 span{font-size: 80%;margin-left: 5px;text-transform: uppercase;}
.rowgroup4 .environment h1 a,.rowgroup2 .information h1 a,.rowgroup2 .popupzone h1 a{
    float:right;
    font-size:16px;
    margin-right:5px;
    display: block;
    line-height: 32px;
    color: #aaaaaa;
}
.rowgroup4 .environment h1 a:hover, .rowgroup2 .information h1 a:hover, .rowgroup2 .popupzone h1 a:hover{
    color:#c60001;
}
.rowgroup2 .information ul{padding: 12px 5%;background: #fff;box-shadow: 0 0 5px 2px #f3efef;}
.rowgroup2 .information ul li{overflow: hidden;position: relative;line-height: 36px;border-bottom: 1px solid #ddd;}
.rowgroup2 .information ul li a{display: block;font-size: 16px;color: #4e4e4e;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rowgroup2 .information ul li a:hover{color:#c60001;}
.rowgroup2 .information ul li span{}
.rowgroup2 .popupzone{float: right;width: 60%;/* height:430px; */overflow:hidden;position:relative;}
.rowgroup2 .popupzone .popupzone_item a{display:block;position:relative;}
.rowgroup2 .popupzone .popupzone_item a::before{position:absolute;content:"";display:block;width: 60px;height: 60px;border-radius: 100%;background: url(../img/bf.png) no-repeat center;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0.7;}
.rowgroup2 .popupzone .popupzone_item a:hover::before{opacity:1;}
.rowgroup2 .popupzone .popupzone_item a img{width:100%;height: 465px;object-fit: cover;}
.rowgroup2 .popupzone .popupzone_control{position:absolute;bottom: 0;right: 0;z-index:1;width:auto;font-size:0;line-height:0;padding: 10px 15px 15px;}
.rowgroup2 .popupzone .popupzone_count{display:inline-block;height:21px;border-radius:11px;font-size: 17px;color: #fff;line-height: 21px;}
.rowgroup2 .popupzone .popupzone_count span{padding:0 5px}
.rowgroup2 .popupzone .popupzone_control button,.rowgroup2 .popupzone .popupzone_control a{display:inline-block; position:relative; width:20px; height:21px; margin-left:3px;}
.rowgroup2 .popupzone .popupzone_control button:before,
.rowgroup2 .popupzone .popupzone_control a:before{display:block;position:absolute;width: 20px;height: 20px;background-image: url('../img/popup_ctrl.png');background-repeat:no-repeat;top: 0;left: 0;}
.rowgroup2 .popupzone .popupzone_arrow{float:right;}
.rowgroup2 .popupzone .popupzone_prev:before{background-position: -35px center;}
.rowgroup2 .popupzone .popupzone_next:before{background-position: 3px center;}
.rowgroup2 .popupzone .popupzone_auto:before{background-position: -74px center;}
.rowgroup2 .popupzone .popupzone_auto.slick-play:before{background-position: -114px center;}
.rowgroup2 .popupzone .popupzone_more{display:none !important; float:right;}
.rowgroup2 .popupzone .popupzone_more:before{background-position:left 100%;}

/* watch */
.rowgroup3{margin-top: 30px;padding: 50px 0 40px;background: #fff;}
.rowgroup3 .watch{}
.rowgroup3 .watch .titBar a.fr{
    float: right;
    line-height: 30px;
    font-size: 14px;
    color: #999;
    margin-top: 40px;
}
.rowgroup3 .watch .titBar a.fr:hover{
    color:#ff0000;
}
.rowgroup3 .watch .titBar h1{color: #333;font-size: 32px;position: relative;border-right: 5px solid #971110;display: inline-block;padding-top: 35px;padding-right: 20px;margin-right: 20px;font-weight: normal;line-height: 1;}
.rowgroup3 .watch .titBar h1 span{position: absolute;width: 100%;top: 0;left: 0;font-weight: normal;text-transform: uppercase;font-size: 80%;}
.rowgroup3 .watch .titBar i{font-size: 22px;color: #999;}
.rowgroup3 .watch .watch_wrap{position: relative;margin-top: 40px;}
.rowgroup3 .watch .watch_wrap .watch_list{overflow: hidden;}
.rowgroup3 .watch .watch_wrap .watch_list .slick-list{margin-right: -85px;}
.rowgroup3 .watch .watch_wrap .watch_list .watch_item{margin-right: 30px;}
.rowgroup3 .watch .watch_wrap .watch_list .watch_item a{font-size: 22px;display:block;}
.rowgroup3 .watch .watch_wrap .watch_list .watch_item a h5{padding: 10px 0;}
.rowgroup3 .watch .watch_wrap .watch_list .watch_item a p{margin-top: 15px;display: block;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rowgroup3 .watch .watch_wrap .watch_list .watch_item a img{
    width: 100%;
    height: 190px;
    object-fit: cover;
}
.rowgroup3 .watch .watch_wrap .watch_control{position: absolute;top: -10%;left: -5%;right: -5%;bottom: 0;margin: auto;height: 0;padding: 0 1%;}
.rowgroup3 .watch .watch_wrap .watch_control button{font-size: 0;background: url("../img/watch_arrow.png") no-repeat;width: 34px;height: 37px;}
.rowgroup3 .watch .watch_wrap .watch_control .watch_prev{}
.rowgroup3 .watch .watch_wrap .watch_control .watch_next{float: right;background-position: -41px 0;}

/* environment */
.rowgroup4{
    padding: 35px 0;
    background: #f8f8f8;
    margin-bottom: 30px;
}
.rowgroup4 .environment{}
.rowgroup4 .environment h1{color: #333;margin-bottom: 30px;display: block;font-size: 32px;font-weight: normal;}
.rowgroup4 .environment h1 span{text-transform: uppercase;font-size: 80%;margin-left: 5px;}
.rowgroup4 .environment .environment_list{overflow: hidden;width: 100%;}
.rowgroup4 .environment .environment_list .slick-list{margin-right:-44px}
.rowgroup4 .environment .environment_list .environment_item{margin-right: 45px;}
.rowgroup4 .environment .environment_list .environment_item a{display:block}
.rowgroup4 .environment .environment_list .environment_item a p{margin-top: 15px;display: block;font-size: 15px;}
.rowgroup4 .environment .environment_list .environment_item a  h5{
    
padding: 10px 0;
    
font-size: 22px;
}
.rowgroup4 .environment .environment_list .environment_item a img{
    width: 100%;
    height: 210px;
    object-fit: cover;
}
.rowgroup4 .environment .environment_control{position: absolute;top: 12%;left: -5%;right: -5%;bottom: 0;margin: auto;height: 0;}
.rowgroup4 .environment .environment_control button{font-size: 0;background: url("../img/watch_arrow.png") no-repeat;width: 34px;height: 37px;}
.rowgroup4 .environment .environment_control .environment_prev{}
.rowgroup4 .environment .environment_control .environment_next{float: right;background-position: -41px 0;}

/* contents */
#contents{margin: 90px 0;}
#contents .cont-top {position:relative;}
#contents .pageTitle {padding-bottom: 20px;line-height: 35px;font-size: 30px;color: #000;border-bottom: 1px solid #eee;}
#contents .location {text-align: left;padding:15px 0;border-bottom: 1px solid #e2e2e2;display: none;}
#contents .location a{display: inline-block;float: left;color: #666;}
#contents .location a .home{}
#contents .location a span, #contents .location strong {font-weight: 500;padding-left:24px;font-size: 13px;}
#contents .list_l{}
#contents .list_l > li{border-bottom: 1px solid #e7e7e7;padding: 28px 0 28px;position:relative;display: block;}
#contents .list_l > li a{display:block}
#contents .list_l .date{max-width: 55px;font-size: 14px;padding:15px 18px;margin-right:50px;color: #000;float: left;background:#f5f5f5;}
#contents .list_l .date em{display: block;font-size: 45px;font-weight: 600;line-height: 50px;}
#contents .list_l .grab{display: block; width: 89%;  float: left; padding:0 15px;}
#contents .list_l .img_wrap {width: 40%;max-height: 330px;overflow: hidden;position: relative;float: left;}
#contents .list_l .img_wrap .column{background: url(../img/nav_curbg.png) repeat center;background-size: 100%;position: absolute;padding: 10px 30px;z-index: 9999999;color: #FFF;bottom: 0;left: 0;transition: none;}
#contents .list_l .img_wrap img{min-width:100%;min-height:100%;width: 100%;transform: scale(1);-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;}
#contents .list_l .txt_wrap{top: 15px;right: 0;position: absolute;height: 96%;width: 57%;}
#contents .list_l .info{color: #2e2e2e;width: 100%;right: 0;bottom: 28px;position: absolute;font-size: 22px;}
#contents .list_l .info small{font-size: 80%;}
#contents .list_l .info i{float: right;font-size: 18px;opacity: .6;}
#contents .list_l .text_wrap {}
#contents .list_l > li:hover .img_wrap img{transform: scale(1.2);-webkit-transition: all 0.3s ease 0.3s;transition: all 0.3s ease 0.3s;}
#contents .list_l > li .line{display: inline-block; margin: 0 13px; width: 1px; height: 11px; background: rgba(0,0,0,0.5);}
#contents .list_l > li .title{font-size: 16px;margin: 10px 0;line-height: 28px;font-weight: 600;}
#contents .list_l > li .text{font-size: 14px;max-height: 3em;overflow: hidden;color: #666;line-height: 22px;}
#contents .list_l > li .more_btn{display: block;padding: 15px;width:21px;height:16px;position:absolute;right:0;top:80px;background:#f8f8f8;transition:all .8s ease;}
#contents .list_l > li .more_btn i,#contents .list_l > li .more_btn::after,#contents .list_l > li .more_btn::before{content:"";display:block;width:21px;height:2px;background:#5a5a5a;transition:all .5s ease;}
#contents .list_l > li .more_btn i{margin:5px auto;position: relative}
#contents .list_l > li:hover .more_btn{background:#0d5db2;}
#contents .list_l > li:hover .more_btn i,#contents .list_l > li:hover .more_btn::after,#contents .list_l > li:hover .more_btn::before{background:#FFF;width:13px}
#contents .list_l > li:hover .more_btn i{width:25px}
#contents .list_l > li:hover .more_btn::after,#contents .list_l > li:hover .more_btn::before{right:10px;position: absolute;}
#contents .list_l > li:hover .more_btn::before{transform: rotate(45deg);top: 15px;}
#contents .list_l > li:hover .more_btn::after{transform: rotate(-45deg);bottom: 15px;}
#container #slideBox{
    margin: 30px auto 50px;
}
#container #slideBox .row{margin: 21px 3% 0;padding: 35px 0 35px;background: #f4f4f4;}
#container #slideBox .row .slide_tit{margin-bottom: 30px;}
#container #slideBox .row .slide_tit h1{font-size: 32px;color: #333;border-right: 5px solid #971110;padding-right: 20px;margin-right: 20px;font-weight: normal;line-height: 1;display: inline-block;}
#container #slideBox .row .slide_tit span{color: #908f8f;font-size: 22px;font-weight: normal;line-height: 1;}
#container #slideBox .row .wrap .slick-list{margin-right: -80px;}
#container #slideBox .row .wrap .slide_list{overflow: hidden;}
#container #slideBox .row .wrap .slide_list .slide_item{margin-right: 50px;}
#container #slideBox .row .wrap .slide_list .slide_item a{display: block;}
#container #slideBox .row .wrap .slide_list .slide_item a img{height: 240px;width: 100%;object-fit: cover;}
#container #slideBox .row .wrap .slide_list .slide_item a p{
    
font-size: 16px;
    
white-space: nowrap;
    
overflow: hidden;
    
margin-top: 7px;
    
text-overflow: ellipsis;
}
#container #slideBox .row .slide_control{position: absolute;top: 12%;left: -5%;right: -5%;bottom: 0;margin: auto;height: 0;padding: 0 1%;}
#container #slideBox .row .slide_control button{font-size: 0;background: url("../img/watch_arrow.png") no-repeat;width: 34px;height: 37px;}
#container #slideBox .row .slide_control .slide_prev{}
#container #slideBox .row .slide_control .slide_next{float: right;background-position: -41px 0;}
#container .txtWrap{margin: 40px 0;}
#container .txtWrap .side_menu{width: 19%;float: left;z-index: 99;}
#container .txtWrap .side_menu>ul{
    border: 1px solid #f2f2f2;
}
#container .txtWrap .side_menu>ul li:last-child a{
    border-bottom: 0;
}
#container .txtWrap .side_menu>ul li a{display: block;padding: 18px 0 18px 20px;border-bottom: 1px #ddd solid;font-size: 18px;}
#container .txtWrap .side_menu>ul li.cur a, #container .txtWrap .side_menu>ul li a:hover{color: #FFF;border-bottom: 1px #d5070b dashed;}
#container .txtWrap .side_menu>ul li.cur, #container .txtWrap .side_menu>ul li:hover{background:url(../img/nav_curbg.png) no-repeat center;background-size: 100% 100%;}
#container .inner{margin-left: 25%;background: #fff;padding: 40px 30px;}
#container .college{margin: 150px 0 70px;}
#container .college ul{background: #F4F4F4;padding: 40px 70px;}
#container .college ul li{border-bottom: 1px dashed #ccc;padding: 30px 0;}
#container .college ul li h3{font-size: 22px;font-weight: normal;}
#container .college ul li h3 *{color: #c60001;}
#container .college ul li h3 .more{float: right;}
#container .college ul li h3 .more a{font-size: 80%;}
#container .college ul li .links{padding-top: 10px;}
#container .college ul li .links a{margin-right: 13px;}

/*推荐关注*/
.tjgz{
    padding: 45px 15px;
    background: #f8f8f8;
}
.tjgz h2{
    font-size:18px;
    margin-bottom: 20px;
}
.tjgz ul{
    background: #f4f4f4 url(../img/hsdw.png);
}
.tjgz ul li{
    float:left;
    border: 1px solid #d8d8d8;
    width: 48%;
    margin-bottom:10px;
}
.tjgz ul li:nth-child(odd){
    margin-right:4%;
}
.tjgz ul li a{
    display:block;
    padding: 5px;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
}
.tjgz>a{
    display:block;
    background: url(../img/nav_curbg.png) no-repeat center;
    color: #fff;
    background-size: 100%;
    padding: 10px;
}
.tjgz>a:hover{
    text-indent:10px;
}
/*快速通道*/
.kstd{
    background: url(../img/nav_curbg.png) no-repeat center;
    background-size: 100% 100%;
    padding:15px;
    margin-bottom: 50px;
    margin-top: 30px;
}
.kstd h2{
    font-size:18px;
    margin-bottom: 10px;
    color:#fff;
}
.kstd ul li{
}
.kstd ul li a{
    display:block;
    font-size:16px;
    color:#fff;
    line-height: 36px;
    border-bottom:1px solid #fff;
}
.kstd ul li a:hover{
    text-indent:10px;
}
img.zs{
    min-height:230px;
    object-fit: cover;
    
}

/* 学院特色 */
main .xyts{
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    background: #fafafa;
}

main .xyts li {
    margin-bottom: 15px;
}

main .xyts li:last-child{
    margin-bottom: 0;
}

main .xyts li h2 img{
    display: inline-block;
    width: 68px;
    height: 68px;
    object-fit: cover;
}

main .xyts li h2 span{
    width: calc(100% - 75px);
    display: inline-block;
    font-size: 20px;
    color: #c60001;
    line-height: 40px;
    text-indent: 40px;
    border-bottom: 1px solid #e6e6e6;
}

main .xyts li>p{
    margin-top: 10px;
    background: #fff;
    padding: 10px 20px;
}

main .xyts li>p span.txt{
    display: block;
    font-size: 15px;
    line-height: 30px;
    height: auto;
    color: #797979;
    text-indent: 2em;
    position: relative;
}
main .xyts li>p>a{
    z-index: 99;
    background: #fff;
    display: block;
    width: auto;
    text-indent: 0;
    cursor: pointer;
    color: #ff0000;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
}

main .xyts li>p span.lj{
    display: block;
    margin-top: 10px;
    border-top: 1px solid #e6e6e6;
    padding-top: 5px;
    font-size: 0;
}

main .xyts li>p span.lj a{
    display: inline-block;
    width: calc(100% / 3);
    text-align: left;
    font-size: 18px;
    color: #797979;
    line-height: 40px;
    text-indent: 30px;
}

main .xyts li>p span.lj a:hover{
    color: #c60001;
}

@media all and (min-width:1001px) {
#container .txtWrap .side_menu>ul{display:block !important;background-color: #fff;}

}
@media all and (max-width:1300px) and (min-width:1001px) {
     .rowgroup3 .watch .titBar i {font-size: 18px;display: inline-block;width: 58%;}
}
@media all and (max-width:1400px) {
    #container #slideBox .row{margin-left:0;margin-right:0}
    #container .txtWrap .side_menu>ul li a{
        font-size:20px;
    }
    #container .list-xijie-detail .con h2{
        font-size:18px;
        line-height: 30px;
        margin-bottom: 0px;
    }
    #container .list-xijie .fl{
        padding: 0;
    }
    #container .list-xijie .time h2{
        line-height:40px;
        font-size: 22px;
    }
     #container .list-xijie .time p{
        line-height:40px;
        font-size: 16px;
    }
    #container .list-xijie ul li a{
        height: 70px;
    }
    #container .list-xijie ul li{
        margin-bottom:20px;
    }
    .rowgroup3 .watch .watch_wrap .watch_list .watch_item a img{
        height: 180px;
    }
    .rowgroup4 .environment .environment_list .environment_item a img{
        height: 210px;
    }
}
@media all and (min-width:1400px) {
     #container .list-xijie ul li a{
        height: 70px;
    }
    
}
@media all and (max-width:1300px) {
    .rowgroup3 .watch .watch_wrap{padding: 0 6%;}
    .rowgroup3 .watch .watch_wrap .watch_list .watch_item {margin-right:55px;}
    .rowgroup4{padding: 35px 4%;}
    #contents{margin: 60px 0;}
    #container #slideBox .row .wrap .wrap{margin:0;padding-right: 4%;padding-left: 4%;}
    #container #slideBox .row .wrap .slick-list {margin-right: -45px;}
    #container #slideBox .row .wrap .slide_list .slide_item{margin-right: 45px;}

}
@media all and (max-width:1200px) {
    #container #slideBox .row .slide_control{top: 15%;}
    #container .txtWrap .side_menu>ul li a{
        font-size: 18px;
    }
}
@media all and (max-width:1000px) {
    .tjgz,.kstd{display:none;}
    .information h1, .rowgroup2 .popupzone h1,.rowgroup3 .watch .titBar h1,.rowgroup2,.rowgroup4 .environment h1 {font-size: 24px;}
    .rowgroup2 .information,.rowgroup2 .popupzone{width:100%;float: none}
    .rowgroup4 .environment h1{}
    .rowgroup2 .information ul{padding: 5% 5%;}
    .rowgroup2 .popupzone{margin-top: 30px;}
    .rowgroup3 .watch .titBar i {font-size: 16px;display: inline-block;width: 65%;}
    .rowgroup3 .watch .titBar a.fr{margin-top:35px;}
    .rowgroup4 .environment .environment_control{left: -3%;right: -3%;}
    .rowgroup3{margin-top: 70px;padding: 40px 0;}
    .rowgroup3 .watch .watch_wrap{margin-top: 30px;}
    #container .txtWrap{margin: 30px 0 100px;}
    #container .txtWrap .side_menu{width:100%;background: #f6f6f6;margin-bottom: 30px;position: relative;float: none;}
    #container .txtWrap .side_menu .nav_open{padding: 10px 0;display: block;width: 100%;text-align: left;position: relative;font-size: 18px;}
    #container .txtWrap .side_menu .nav_open::after{display: block;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;width: 20px;height: 20px;background: url("../img/q-r.png") no-repeat center;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
    #container .txtWrap .side_menu.active .nav_open{}
    #container .txtWrap .side_menu.active .nav_open::after{transform:rotate(180deg);-ms-transform:rotate(180deg);/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); }
    #container .txtWrap .side_menu ul{display:none;/* padding-bottom: 20px; */width: 100%;position: absolute;background: #f4ebeb;}
    #container .txtWrap .side_menu ul li{}
    #container .txtWrap .side_menu ul li a{display: block;padding: 8px 0 8px 20px;border-bottom: 1px #ddd dashed;font-size: 15px;}
    #container .txtWrap .side_menu ul li.cur a,#container .txtWrap .side_menu ul li a:hover{background: url(../img/nav_curbg.png) no-repeat center;background-size: 100%;color: #FFF;}
    #container .txtWrap .side_menu ul li a span{}
    #container .txtWrap .side_menu.active ul{display:block;}
    #container .inner{margin:0;padding: 15px;}
    #container #slideBox .row .slide_tit{}
    #container #slideBox .row .slide_tit h1{font-size: 27px;padding-right: 16px;margin-right: 16px;}
    #container #slideBox .row .slide_tit span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}
    #container #slideBox .row .slide_control{left:0;right:0;}
    .rowgroup2 .popupzone .popupzone_item a img{
        height:380px;
    }
}
@media all and (max-width:760px) {
    .visual.index .visual_dot {bottom: 50px;}
    .visual_control,.watch_control,.environment_control{display:none}
    .rowgroup2 {margin-top: 20px;}
    .rowgroup3 .watch .watch_wrap{padding:0 3%;}
    .rowgroup4{padding: 30px 0;margin-bottom: 20px;}
    .rowgroup .seaWrap{top: 0;margin-top: 0;}
    #contents .list_l > li{padding: 10px 0 35px;}
    #contents .list_l > li .title{}
    #contents .list_l .img_wrap,#contents .list_l .txt_wrap,#contents .list_l .info{width: 100%;position: relative;bottom: 0;margin-top: 0;}
    #contents .list_l .info{margin-top: 15px;font-size: 16px;}
    #contents .list_l .info i{font-size:80%}
    #container .college ul li{padding: 20px 0;}
    #container #slideBox .row .wrap .wrap{padding:0}
    #container #slideBox .row .slide_tit{margin-bottom: 18px;}
    #container #slideBox .row .slide_control{display:none}
    #container #slideBox .row .wrap .slick-list{margin-right: 0;}
    #container #slideBox .row .wrap .slide_list .slide_item{margin-right: 0;}
    #container .txtWrap{margin-top: 20px;}
    .rowgroup2 .popupzone .popupzone_item a img{
        height:340px;
    }
.rowgroup3 .watch .titBar i{
    width: 50%;
}
}
@media all and (max-width:640px) {
    .logo_image{margin-left: 10px;}
    .visual.index .visual_dot{bottom: 15px;}
    .visual .visual_dot ul li{width:11px;height:11px}
    .rowgroup .seaWrap .searchBox,.rowgroup3 .watch .watch_wrap .watch_list .watch_item,.rowgroup3 .watch .watch_wrap .watch_list .slick-list,.rowgroup4 .environment .environment_list .slick-list,.rowgroup4 .environment .environment_list .environment_item{margin:0;}
    .rowgroup .seaWrap .searchBox{padding: 5px 20px 0;}
    .rowgroup .seaWrap .searchBox .search_field .search_inpt .search_in::placeholder{font-size:20px;}
    .rowgroup .seaWrap .searchBox .search_field .search_inpt .search_in:-ms-input-placeholder{font-size:20px;}
    .rowgroup .seaWrap .searchBox .seaText span{font-size:15px}
    .rowgroup .seaWrap .searchBox .seaText a{font-size:13px}
    .rowgroup2 .popupzone {margin-top:35px;}
    .rowgroup2 .information h1, .rowgroup2 .popupzone h1, .rowgroup3 .watch .titBar h1, .rowgroup2, .rowgroup4 .environment h1 {font-size: 18px;margin-bottom: 15px;font-weight: bold;}
    .rowgroup3 {margin-top: 20px;padding: 25px 0 20px;}
    .rowgroup3 .watch .titBar h1{}
    .rowgroup3 .watch .titBar i {display: none;}
    .rowgroup3 .watch .titBar a.fr{margin-top:20px;}
    .rowgroup3 .watch .titBar h1{padding-top: 28px;}
    .rowgroup3 .watch .watch_wrap .watch_list .watch_item a{font-size: 16px;}
    .rowgroup3 .watch .watch_wrap .watch_list .watch_item a p{font-size: 60%;margin-top: 10px;}
    .rowgroup3 .watch .watch_wrap {margin-top: 0;}
    #contents {margin:30px 0;}
    #contents .pageTitle{font-size: 22px;padding-bottom: 10px;font-weight: normal;}
    #container .txtWrap {margin: 30px 0 40px;}
    #container .college{margin: 160px 0 40px;}
    #container .college ul{padding:5px 30px 40px}
    #container .college ul li h3{font-size:18px}
    #container .college ul li .links a{font-size:13px}
    #container #slideBox .row .slide_tit{}
    #container #slideBox .row .slide_tit h1{font-size: 20px;padding-right: 15px;margin-right: 15px;font-weight: bold;}
    #container #slideBox .row .slide_tit span{font-size: 14px;width: 60%;}
    #container #slideBox .row .wrap .slide_list ul.slick-dots{text-align: center;display: block;width: 100%;margin-top: 15px;}
    #container #slideBox .row .wrap .slide_list ul.slick-dots li{display: inline-block;border-radius: 50px;font-size: 0;width: 10px;height: 10px;overflow: hidden;position: relative;margin: 0 5px;}
    #container #slideBox .row .wrap .slide_list ul.slick-dots li button{width: 100%;height: 100%;border: none;position: absolute;left: 0;top: 0;background: #d5d3d3;}
    #container #slideBox .row .wrap .slide_list ul.slick-dots ul li.slick-active{}
    #container #slideBox .row .wrap .slide_list ul.slick-dots li.slick-active button{background: #ffa726;}
     #container .list-xijie .con{
        width: 100%;
    }
    #container .list-xijie .time{
        width: 20%;
    }
    #container .list-xijie .time h2{
        font-size: 20px;
        line-height: 36px;
    }
    #container .list-xijie .time p{
        line-height: 36px;
    }
    #container .list-xijie-detail .con h2{
        font-size: 17px;
        line-height: 30px;
        margin-bottom: 10px;
        height: 30px;
    }
    #container .list-xijie-detail .con p{
        font-size: 14px;
        line-height: 26px;
        height: 52px;
    }
    #container .list-xijie .fl{
    }
    #container .list-xijie ul li{
        margin-bottom: 10px;
    }
    img.zs{
        min-height:160px;
        object-fit: cover;
    }
    main .xyts li>p span.lj a{
        text-indent:0px;
        font-size:14px;
    }
   main .xyts{
        padding:10px;
    }
    .side__inner{
        transform:scale(0.7);
    }
}
@media all and (max-width:480px){
    .rowgroup2 .popupzone .popupzone_item a img{
        height:260px;
    }
}