.w1200 {
    overflow: hidden;
    margin: 38px auto!important;
    width: 1200px;
    height: auto
}
.fl {
    float: left
}

.fr {
    float: right
}


.crumbs {
    height: 60px;
    background: rgb(238 239 241)
}
@media (max-width: 978px){
.w1200 {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.crumbs {
    height: 120px;
}
.crumbs .w1200{
    display: flex;
    flex-direction: column;
}
.crumbs .sousuo {
    margin: 16px 80px !important;
}
.crumbs .sousuo .sou_img {
    margin-top: 0px !important;
}
}

.crumbs .left {
    height: 60px;
    color: #999;
    font-size: 14px;
    line-height: 60px
}

.crumbs .left span {
    float: left;
    display: block;
    margin: 23px 6px 0 0;
    width: 14px;
    height: 14px;
    background: url(/skin/image/c1.jpg) no-repeat 50%
}

.crumbs .left a {
    color: #999;
    font-size: 14px
}

.crumbs .left a:hover {
    color: #1f1f1f
}

.crumbs .sousuo {
    background: #fff;
    overflow: hidden;
    margin: 16px 0;
    width: 210px;
    height: 28px;
    border-bottom: 1px solid #999
}

.crumbs .sousuo input {
    width: 158px;
    height: 28px;
    border: 0;
    background: 0 0;
    color: #999;
    transition: .3s ease 0s
}

.crumbs .sousuo .submit {
    float: right;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.crumbs .sousuo .sou_img {
    display: block;
    margin-top: 30px;
    width: 30px;
    height: 28px;
    transition: .3s ease 0s
}

.crumbs .sousuo:hover .sou_img {
    margin-top: 0;
    transition: .3s ease 0s
}

.crumbs .sousuo:hover input {
    margin-left: 0;
    transition: .3s ease 0s
}

.crumbs .sousuo:hover {
    border-bottom: 1px solid #1f1f1f
}

.college .focus_left {
    position: relative
}

.college .focus_left,
.college .focus_left #pic,
.college .focus_left #pic li {
    width: 716px;
    height: 444px
}

.college .focus_left #tip-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    width: 574px;
    height: 80px
}

.college .focus_left #tip-bg ul li {
    width: 574px;
    height: 80px
}

.college .focus_left #tip-bg ul li h3 {
    color: #fff;
    font-size: 18px;
    line-height: 50px
}

.college .focus_left #tip-bg ul li h3,
.college .focus_left #tip-bg ul li p {
    overflow: hidden;
    padding: 0 20px;
    width: 534px;
    height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.college .focus_left #tip-bg ul li p {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    line-height: 30px
}

.college .focus_left #tip {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    padding-right: 10px;
    width: 132px;
    height: 80px;
    text-align: center
}

.college .focus_left #tip li {
    display: inline-block;
    margin: 35px 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #565668
}

.college .focus_left #tip li.on {
    background: #cfcfd4
}

.college .focus_left .fu {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 716px;
    height: 80px;
    background: rgba(0, 0, 0, .3)
}

.college .focus_left .next,
.college .focus_left .prev {
    position: absolute;
    top: 150px;
    z-index: 5;
    width: 35px;
    height: 72px;
    background: url(/skin/image/xy.png) no-repeat 50%
}

.college .focus_left .next {
    right: 0;
    background-position: 0 0
}

.college .focus_left .prev {
    left: 0;
    background-position: -35px 0
}

.college .focus_left .next:hover {
    background-position: 0 -71px
}

.college .focus_left .prev:hover {
    background-position: -35px -73px
}

.college .focus_right {
    width: 466px;
    height: 444px
}

.college .focus_right .top {
    width: 466px;
    height: 53px;
    border-top: 3px solid #EE5E2C
}

.college .focus_right .top h2 {
    float: left;
    height: 53px;
    color: #333333;
    font-size: 24px;
    font-weight: 600;
    line-height: 64px
}

.college .focus_right .top a {
    float: right;
    display: block;
    margin-right: 10px;
    height: 53px;
    color: #999;
    font-size: 14px;
    line-height: 70px
}

.college .focus_right .top a:hover {
    color: #1f1f1f
}

.college .focus_right .bottom {
    overflow: hidden;
    width: 466px
}

.college .focus_right .bottom ul li {
    margin-left: 15px;
    margin-top: 22px;
    width: 466px;
    height: 75px
}

.college .focus_right .bottom ul li .bottom_img {
    overflow: hidden;
    width: 75px;
    height: 75px
}

.college .focus_right .bottom ul li .bottom_img img,
.college .focus_right .bottom ul li:hover .bottom_img img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college .focus_right .bottom ul li:hover .bottom_img img {
    transform: scale(1.2)
}

.college .focus_right .bottom ul li .bottom_hp {
    width: 368px;
    height: 75px
}

.college .focus_right .bottom ul li .bottom_hp h4 {
    overflow: hidden;
    color: #666666;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px
}

.college .focus_right .bottom ul li .bottom_hp p {
    display: -webkit-box;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.college .focus_right .bottom ul li:hover .bottom_hp h4 {
    color: #333
}
@media (max-width: 978px){
.college {
    height: auto;
}
.college .focus_left,
.college .focus_left #pic,
.college .focus_left #pic li {
    width: 345px !important;
    height: 233px;
}    
.college .focus_left .fu{
    width: 345px;
    height: 45px;
} 
.college .focus_left #tip-bg{
    width: 345px;
    height: 45px;
}
.college .focus_left #tip-bg .tempWrap {
    height: 45px !important;
}
.college .focus_left #tip-bg ul li h3{
    width: 345px;
    font-size: 14px;
}
.college .focus_left #tip-bg ul li p{
    display: none;
}
.college .focus_left #tip{
    padding-right: 2px;
    width: 77px;
    height: 46px;
}
.college .focus_left .prev {
    display: none;
}
.college .focus_left .next{
    display: none;
}
.college .focus_right{
    width: 345px;
    height: auto;
}
.college .focus_right .top{
    width: 345px;
}
.college .focus_right .top h2{
    height: auto;
    font-size: 18px;
}
.college .focus_right .bottom{
    width: 345px;
}
.college .focus_right .bottom ul li{
   margin-top: 3px;
   width: 345px;
   height: auto;
}
.college .focus_right .bottom ul li .bottom_hp{
   height: 28px;
}
.college .focus_right .bottom ul li .bottom_hp h4{
   font-size: 12px;
}
.college .focus_right .bottom ul li .bottom_img{
    display: none;
}
.college .focus_right .bottom ul li .bottom_hp p{
    display: none;
}
}
.college_mian {
    margin-top: 40px
}

.college_mian .left {
    overflow: hidden;
    width: 850px
}
.currency_top {
    width: 850px;
    height: 40px;
}
.currency_two {
    margin-top: 38px;
}
.currency_top h3 {
    position: relative;
    z-index: 1;
    float: left;
    height: 40px;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}
.currency_top h3:after {
    position: absolute;
    top: 0;
    right: -5px;
    z-index: -1;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fccf17;
    content: "";
}
.currency_top span {
    float: left;
    display: block;
    margin: 15px 40px 0;
    width: 400px;
    height: 1px;
    background: #e3e3e3;
}
.currency_top a {
    float: right;
    display: block;
    margin-left: 15px;
    height: 40px;
    color: #999;
    font-size: 14px;
    line-height: 26px;
}
.college_mian .left .bottom {
    width: 850px
}

.college_mian .left .bottom ul {
    overflow: hidden;
    width: 868px
}

.college_mian .left .bottom ul li {
    float: left;
    margin: 10px 18px 10px 0;
    width: 199px;
    height: 175px
}
.college_mian .left .bottom ul li .bottom_img1 {
    margin: 0 auto;
    overflow: hidden;
    width: 199px;
    height: 122px
}
.college_mian .left .bottom ul li .bottom_img {
    margin: 0 auto;
    overflow: hidden;
    width: 122px;
    height: 122px
}

.college_mian .left .bottom ul li .bottom_img img,
.college_mian .left .bottom ul li:hover .bottom_img img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_mian .left .bottom ul li:hover .bottom_img img {
    transform: scale(1.2)
}

.college_mian .left .bottom ul li p {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px;
    width: 199px;
    height: 45px;
    color: #666;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.college_mian .left .bottom ul li:hover p {
    color: #1f1f1f
}

.college_mian .left .bottom .li_top {
    margin: 0;
    width: 850px;
    height: 30px
}

.college_mian .left .bottom .li_top .li_h {
    color: #EE5E2C;
    font-size: 18px
}

.college_mian .left .bottom .li_top .li_h img {
    float: left;
    margin: 3px 5px 10px 0
}

.college_mian .left .bottom .li_top a {
    color: #c3c3c3
}

.college_mian .left .bottom .li_top a:hover {
    color: #1f1f1f
}

.college_mian .left .bottom2 {
    overflow: hidden;
    width: 850px
}

.college_mian .left .bottom2 ul {
    overflow: hidden;
    width: 878px
}

.college_mian .left .bottom2 ul li {
    float: left;
    margin: 0 28px 16px 0;
    width: 411px;
    height: 75px
}

.college_mian .left .bottom2 ul li .bottom_img {
    overflow: hidden;
    width: 120px;
    height: 75px
}

.college_mian .left .bottom2 ul li .bottom_img img,
.college_mian .left .bottom2 ul li:hover .bottom_img img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_mian .left .bottom2 ul li:hover .bottom_img img {
    transform: scale(1.2)
}

.college_mian .left .bottom2 ul li .bottom_hp {
    width: 280px;
    height: 75px
}

.college_mian .left .bottom2 ul li .bottom_hp h4 {
    overflow: hidden;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px
}

.college_mian .left .bottom2 ul li .bottom_hp p {
    display: -webkit-box;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.college_mian .left .bottom2 ul li:hover .bottom_hp h4 {
    color: #333
}

.college_mian .left .bottom3 {
    overflow: hidden;
    width: 850px
}

.college_mian .left .bottom3 ul {
    overflow: hidden;
    width: 874px
}

.college_mian .left .bottom3 ul li {
    float: left;
    margin-right: 12px;
    width: 425px;
    height: 30px
}

.college_mian .left .bottom3 ul li a {
    display: block;
    overflow: hidden;
    width: 425px;
    height: 30px;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_mian .left .bottom3 ul li a span {
    float: left;
    display: block;
    width: 10px;
    height: 30px;
    color: #d7d7d7;
    font-size: 20px;
    line-height: 16px
}

.college_mian .left .bottom3 ul li:hover a {
    color: #1f1f1f;
    text-indent: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_mian .right {
    overflow: hidden;
    width: 330px
}

.college_mian .right .push {
    overflow: hidden;
    width: 328px;
    border: 1px solid #efefef;
    border-top: 3px solid #d9034b
}

.college_mian .right .push_top {
    padding: 15px 15px 0;
    width: 331px;
    height: 45px
}

.college_mian .right .push_top h3 {
    float: left;
    color: #333333;
    font-size: 24px;
    line-height: 45px;
    font-weight: 600;
}

.college_mian .right .push_top a {
    float: right;
    margin-left: 10px;
    color: #999;
    font-size: 14px;
    line-height: 50px
}

.college_mian .right .push_top a:hover {
    color: #1f1f1f
}

.college_mian .right .push_b {
    overflow: hidden;
    padding: 0 15px 10px;
    width: 298px
}

.college_mian .right .push_b ul li {
    width: 298px;
    height: 43px;
    border-bottom: 1px dashed #efefef
}

.college_mian .right .push_b ul li:first-child span,
.college_mian .right .push_b ul li:nth-child(2) span,
.college_mian .right .push_b ul li:nth-child(3) span {
    float: left;
    display: block;
    margin: 10px 5px 0 0;
    width: 15px;
    height: 20px;
    background: url(../image/xy2.png) no-repeat 50%;
    line-height: 120px
}

.college_mian .right .push_b ul li a {
    display: block;
    overflow: hidden;
    width: 298px;
    height: 43px;
    color: #666;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 43px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_mian .right .push_b ul li a span {
    float: left;
    display: block;
    margin-right: 12px;
    width: 10px;
    height: 10px;
    color: #888;
    font-weight: 700;
    font-size: 18px
}

.college_mian .right .push_b ul li:hover a {
    color: #1f1f1f;
    text-indent: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_mian .right .push_b ul li:hover a span {
    color: #1f1f1f
}

.college_mian .right .right_img {
    overflow: hidden;
    margin-top: 20px;
    width: 328px
}

.college_mian .right .right_img a {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.college_mian .right .right_img a img {
    display: block
}

.college_mian .right .right_img a:hover img,
.college_mian .right .right_img a img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_mian .right .right_img a:hover img {
    transform: scale(1.1)
}

.college_mian .right .right_tag {
    overflow: hidden;
    margin-top: 8px;
    width: 328px;
    border: 1px solid #efefef;
    border-top: 3px solid #d9034b
}

.college_mian .right .right_tag .tag_a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 15px;
    width: 331px;
    height: 290px;
    flex-wrap: wrap
}

.college_mian .right .right_tag .tag_a a {
    float: left;
    display: block;
    margin: 0 5px 5px 0;
    padding: 5px 10px;
    background: #e5e4f6;
    color: #1f1f1f;
    flex: auto
}

.college_mian .right .right_tag .tag_a a:hover {
    background: #cdccec
}

.college_mian .right .right_tag .tag_a a:nth-child(2) {
    background: #e4eff6
}

.college_mian .right .right_tag .tag_a a:nth-child(3) {
    background: #e7f6e4
}

.college_mian .right .right_tag .tag_a a:nth-child(4) {
    background: #f5e4f6
}

.college_mian .right .right_tag .tag_a a:nth-child(5) {
    background: #f6e4e4
}

.college_mian .right .right_tag .tag_a a:nth-child(6) {
    background: #e4eff6
}

.college_mian .right .right_tag .tag_a a:nth-child(7) {
    background: #f5e4f6
}

.college_mian .right .right_tag .tag_a a:nth-child(8) {
    background: #e7f6e4
}

.college_mian .right .right_tag .tag_a a:nth-child(9) {
    background: #e5e4f6
}

.college_mian .right .right_tag .tag_a a:nth-child(10) {
    background: #e4eff6
}

.college_mian .right .right_tag .tag_a a:nth-child(11) {
    background: #e7f6e4
}

.college_mian .right .right_tag .tag_a a:nth-child(12) {
    background: #f5e4f6
}

.college_mian .right .right_tag .tag_a a:nth-child(13) {
    background: #f6e4e4
}

.college_mian .right .right_tag .tag_a a:nth-child(14) {
    background: #e4eff6
}

.college_mian .right .right_tag .tag_a a:nth-child(15) {
    background: #f5e4f6
}

.college_mian .right .right_tag .tag_a a:nth-child(16) {
    background: #e7f6e4
}

.college_mian .right .right_tag .tag_a a:nth-child(17) {
    background: #e5e4f6
}

.college_mian .right .right_tag .tag_a a:nth-child(18) {
    background: #e4eff6
}

.college_mian .right .right_tag .tag_a a:nth-child(19) {
    background: #e7f6e4
}

.college_mian .right .right_tag .tag_a a:nth-child(20) {
    background: #f5e4f6
}

.college_mian .right .right_tag .tag_a a:nth-child(21) {
    background: #f6e4e4
}

.college_mian .right .right_tag .tag_a a:nth-child(22) {
    background: #e4eff6
}

.college_mian .right .right_tag .tag_a a:nth-child(23) {
    background: #f5e4f6
}

.college_mian .right .right_tag .tag_a a:nth-child(24) {
    background: #e7f6e4
}

.college_mian .right .right_tag .tag_a a:nth-child(25) {
    background: #e5e4f6
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(2) {
    background: #bad0dd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(3) {
    background: #d1e9cd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(4) {
    background: #e6c9e8
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(5) {
    background: #e9cbcb
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(6) {
    background: #bad0dd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(7) {
    background: #e6c9e8
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(8) {
    background: #d1e9cd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(9) {
    background: #cdccec
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(10) {
    background: #bad0dd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(11) {
    background: #d1e9cd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(12) {
    background: #e6c9e8
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(13) {
    background: #e9cbcb
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(14) {
    background: #bad0dd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(15) {
    background: #e6c9e8
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(16) {
    background: #d1e9cd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(17) {
    background: #cdccec
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(18) {
    background: #bad0dd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(19) {
    background: #d1e9cd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(20) {
    background: #e6c9e8
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(21) {
    background: #e9cbcb
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(22) {
    background: #bad0dd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(23) {
    background: #e6c9e8
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(24) {
    background: #d1e9cd
}

.college_mian .right .right_tag .tag_a a:hover:nth-child(25) {
    background: #cdccec
}
@media (max-width: 978px){
.college_mian{
    margin-top: 12px;
}
.college_mian .left {
    width: 345px;
}    
.currency_top {
    width: 345px;
    height: 18px;
}
.currency_top h3{
    font-size: 18px;
}
.currency_top span{
    width: 168px;
}
.college_mian .left .bottom {
    width: 345px;
}
.college_mian .left .bottom ul {
    width: 345px;
    height: 315px;
}
.college_mian .left .bottom ul li{
    margin: 10px 10px 10px 10px;
    width: 149px;
    height: auto;
}
.college_mian .left .bottom ul li .bottom_img{
    width: 158px;
    height: auto;
}
.college_mian .left .bottom ul li p{
    width: 149px;
    height: 18px;
    font-size: 12px;
}
.college_mian .left .bottom2{
    width: 345px;
}
.college_mian .left .bottom2 ul {
    width: 345px;
}
.college_mian .left .bottom2 ul li{
    width: 345px;
}
.college_mian .left .bottom2 ul li .bottom_img {
    width: 120px;
    height: 75px;
}
.college_mian .left .bottom2 ul li .bottom_hp{
    width: 213px;
}
.college_mian .left .bottom2 ul li .bottom_hp h4{
    font-size: 14px;
}
.college_mian .left .bottom2 ul li .bottom_hp p{
    font-size: 12px;
}
.college_mian .left .bottom3 {
    width: 345px;
    height: 114px;
}
.college_mian .left .bottom3 ul {
    width: 345px;
}
.college_mian .left .bottom3 ul li {
    width: 345px;
}
.college_mian .left .bottom3 ul li a{
    width: 345px;
}
.college_mian .left .bottom .li_top {
    margin: 13px 0 0;
    width: 345px;
    height: 23px;
}
.college_mian .left .bottom .li_top .li_h {
    font-size: 14px;
}
.college_mian .right {
    width: 345px;
}
.college_mian .right .push{
    width: 345px;
}
.college_mian .right .push_top {
    width: 345px;
}
.college_mian .right .push_top h3 {
    font-size: 18px;
}
.college_mian .right .push_b {
    width: 345px;
}
.college_mian .right .push_b ul li {
    width: 320px;
    height: 35px;
}
.college_mian .right .push_b ul li a{
    width: 320px;
}
.college_mian .right .push_b ul li a{
    font-size: 12px;
}
.college_mian .right .push_b ul li a span{
    font-size: 16px;
}
.college_mian .right .right_img{
    margin: 12px 12px 0px 10px;
    width: 345px;
}
.college_mian .right .right_tag{
    width: 345px;
}
.college_mian .right .right_tag .tag_a{
    width: 345px;
}
}

.college_box {
    margin-top: 40px;
    margin-bottom: 40px
}

.college_box .box_top {
    width: 1200px;
    height: 50px
}

.college_box .box_top h3 {
    position: relative;
    z-index: 1;
    float: left;
    height: 40px;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
}

.college_box .box_top h3:after {
    position: absolute;
    top: 0;
    right: -5px;
    z-index: -1;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fccf17;
    content: ""
}

.college_box .box_top span {
    float: left;
    display: block;
    margin: 16px 40px 0;
    width: 900px;
    height: 1px;
    background: #e3e3e3
}

.college_box .box_top a {
    float: right;
    display: block;
    height: 40px;
    color: #999;
    font-size: 14px;
    line-height: 27px
}

.college_box .box_top a:hover {
    color: #1f1f1f
}

.college_box .box_li ul {
    overflow: hidden;
    width: 1221px
}

.college_box .box_li ul li {
    float: left;
    overflow: hidden;
    margin-right: 21px;
    padding: 0 14px 14px;
    width: 31%;
    border: 1px solid #e3e3e3
}

.college_box .box_li ul li .top {
    width: 356px;
    height: 48px
}

.college_box .box_li ul li .top h3 {
    float: left;
    font-size: 18px;
    line-height: 45px
}

.college_box .box_li ul li .top a {
    display: block;
    margin: 14px 0;
    width: 20px;
    height: 20px
}

.college_box .box_li ul li .main {
    position: relative;
    overflow: hidden;
    width: 356px;
    height: 218px
}

.college_box .box_li ul li .main img,
.college_box .box_li ul li .main img:hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_box .box_li ul li .main img:hover {
    transform: scale(1.2)
}

.college_box .box_li ul li .main p {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    width: 356px;
    height: 40px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 40px
}

.college_box .box_li ul li .bottom {
    margin-top: 8px;
    width: 356px;
    height: 188px
}

.college_box .box_li ul li .bottom .bottom_ul {
    overflow: hidden;
    width: 356px
}

.college_box .box_li ul li .bottom .bottom_ul .bottom_li {
    margin: 0;
    padding: 0;
    width: 356px;
    height: 30px;
    border: 0;
}

.college_box .box_li ul li .bottom .bottom_ul .bottom_li a {
    display: block;
    width: 356px;
    height: 30px;
    color: #555;
    font-size: 14px;
    line-height: 40px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.college_box .box_li ul li .bottom .bottom_ul .bottom_li a span {
    float: left;
    display: block;
    width: 15px;
    height: 30px;
    color: #d7d7d7;
    font-size: 20px;
    line-height: 24px
}

.college_box .box_li ul li .bottom .bottom_ul .bottom_li:hover a {
    color: #1f1f1f;
    text-indent: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
@media (max-width: 978px){
.college_box .box_top{
    width: 345px;
}
.college_box .box_top h3 {
    font-size: 18px;
}
.college_box .box_top span{
    width: 81px;
}
.college_box .box_li ul {
    width: 345px;
}
.college_box .box_li ul li{
    width: 345px;
}
.college_box .box_li ul li .main{
    display: none;
}
.college_box .box_li ul li .top {
    width: 318px;
    height: 8px;
}
.college_box .box_li ul li .bottom {
    margin-top: 15px;
    width: 320px;
    height: 142px;
}
.college_box .box_li ul li .bottom .bottom_ul{
    width: 320px;
}
.college_box .box_li ul li .bottom .bottom_ul .bottom_li{
    width: 318px;
}
.college_box .box_li ul li .bottom .bottom_ul .bottom_li a{
    width: 318px;
}
}