.v-header {
    width: 100%;
    min-width: 1200px;
    height: 200px;
    background: url('index_res/logo_bg.png') no-repeat center;
    background-size: 100% 100%;
    position: relative;
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important;
}
.v-header .top-box {
    width: 1080px;
    margin: 0 auto;
}
.v-header .logo {
    display: block;
    float: left; 
    width: 480px;
    margin: 38px 0;
}
.search-wrapper{
    margin: 58px 0 58px 40px;
}
.header-search-input{
    width: 300px;
    padding: 8px 10px 8px 40px;
    font-size: 14px;
    line-height: 24px;
    height: 40px;
    color: #fff;
    border-radius: 20px;
    border: none;
    background: rgba(255, 255, 255, .3);
}
.search-icon-wrap{
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px;
    width:40px;
}
.search-icon-wrap .search-icon{
    display: block;
    width: 24px;
}
.header-search-input::placeholder{
    color: #fff;
}
.v-header .nav-box {
    width: 100%;
    height: 44px;
    margin: 0 auto;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.42);
}
.v-header .nav-box .nav-list {
    width: 1080px;
    margin: 0 auto;
}
.v-header .nav-box .nav-list li {
    margin-right: 8px;
    float: left;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 44px;
    color: #101010;
    position: relative;
}
.v-header .nav-box .nav-list li:last-child{
    margin-right: 0;
}


.v-header .nav-box .nav-list li a {
color: #101010;


    display: block;
    padding: 0;
    font-size: 16px;
height: 100%;
width:100px;
text-align:center;
}
.v-header .nav-box .nav-list .nav_menustyle_1_1>ul>li:first-child a{
    width:72px;
}
.v-header .nav-box .nav-list li:hover{
    color:#fff;
    background: #1f9988;
}
.v-header .nav-box .nav-list .now a{
    color: #1f9988;
}
.p-index .banner {
    width: 100%;
    min-width: 1080px;
    height:360px;
}
.p-index .index-content,
.v-footer .index-content {
    width: 1080px;
    margin: 0 auto;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;



      
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-img{
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}
.swiper-tit-link{
     height: 64px;
     line-height: 64px;
     font-size: 22px;
     color: #fff;
     background: rgba(0,0,0,.7);
     position: absolute;
     left: 0;
     bottom: 0;
}
.swiper-button-next,.swiper-button-prev{
     
width: 46px;
      height: 72px;
      line-height: 72px;
      margin-top: -36px;
 background: rgba(0,0,0,.5);


}
.swiper-button-next:hover, 
.swiper-button-prev:hover{
     background: #1f9988;
}
.swiper-button-next .swiper-inner-button,
.swiper-button-prev .swiper-inner-button{
     width: 20px;
     margin-top: 17px;
}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: auto;
    background: rgba(0,0,0,.5) !important;
}


.footer-padding{
    padding: 15px 0 10px;
}
.f-middle a:hover{
    color: #1f9988;
}
.p-index .content-left {
    float: left;
    width: 48%;
}
.enter-btn{
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.enter-btn:hover{
    background: #fff;
    color: #1f9988;
}



#news{
    width: 100%;
}
.v-title {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.v-title h2{
    font-size: 20px;
    letter-spacing: 0;
    float: left;
    font-weight: 400;
    line-height: 30px;
}
.icon-img{
    width: 24px;
    vertical-align: sub;
}
.v-title .more-icon {
    font-size: 16px;
    float: right;
    line-height: 25px;
}
.v-title .more-tip {
    font-size: 14px;
    float: right;
    line-height: 20px;
}
.more-link:hover{
    color: #1f9988;
}
.more-link.hide{
    display:none;
}



#news .first {
    width: 336px;
    float: left;
}
#news .news-img-wrap {
    height: 210px;
}
#news .news-img-wrap img {
    width: 100%;
    height: 100%;
}
#news .list-title {
    font-size: 16px;
    letter-spacing: 0;
}
#news .first-title {
    line-height: 52px;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 9px 0 rgba(6,74,145,.2);
}
.left-img-frame{
    float: left;
    width: 90px;
}


.news-list .news-item:not(:first-child){
    margin-top: 19px;
}
.news-list .news-item:first-child{
     margin-top: 0!important;
}
#news .news-list .news-item:nth-of-type(1){
     margin-top: 0!important;
}
.news-list .news-date{
    display: block;
    width: 84px;
    text-align: right;
}
.news-list .news-tit{
    display: block;
    margin-right: 100px;
}
.news-list .news-tit:hover{
    color: #1f9988;
}
.right-info-content{
    margin-left: 100px;
}
.p-index .content-right {
    float: right;
    width: 48%;
}
#notice,#activity{
    width: 100%;
}
#notice .notice-date,
#activity .notice-date{
    float: left;
    width: 56px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #1f9988;
    border-radius: 6px;
    color: #1f9988;
}
#activity .left-img-frame{
    width: 60px;
}
#activity .left-img-frame .radius-img{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
#activity .right-info-content{
    margin-left: 80px;
}
.notice-list .news-item:not(:first-child) {
    margin-top: 19px;
}


.notice-content{
    margin-left: 70px;
}
.notice-list .notice-item:not(:first-child){
    margin-top: 15px;
}
.notice-list .notice-tit:hover{
     color: #1f9988;
}
#famous .left-img-frame{
    width: 60px;
}
#famous .left-img-frame .radius-img{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
#famous .right-info-content{
    margin-left: 80px;
}
.navbar-frame-content{
    width: 100%;
    height: 160px;    
    background: url('index_res/navbar_bg.png') no-repeat 0 0;
    background-size: cover;
}


.nav-tabs{
    width: 100%;
    
padding-left: 40px;


    border-bottom: 1px solid #ececec;
}
.nav-tabs .icon-img{
    position: absolute;
    left: 10px;
    top: 4px;
}


.nav-tabs .nav-item{
    width: 108px;
    float: left;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding-bottom:10px;
    margin-bottom: -1px;
    position:relative;
}
.nav-tabs .nav-item:last-child{
    margin-left:10px;
}
.nav-tabs .nav-item:last-child:after{
    content:"";
    position: absolute;
    left: -4px;
    top: 3px;
    width: 2px;
    height: 24px;
    border-left:2px solid #009688;
    color: #009688;
}
.nav-tabs .nav-item a{
font-size: 20px;
}
.nav-tabs .nav-item:hover a{
    color: #009688;
}
.nav-tabs .nav-item.on{
    border-bottom: 2px solid #009688;
}
.nav-content .news-list,
.nav-content .notice-list{
    display: none;
}
.nav-content .news-list.active,
.nav-content .notice-list.active{
    display: block;
}


.frame-shadow{
    padding: 18px 45px;
    width: 100%;
    height: 100%;
}
.frame-item{
    float: left;
    width: 330px;
    height: 100%;
    padding: 0 42px;
}
.frame-link{
    width: 100%;
    height: 100%;
    padding: 33px 26px;
    background: rgba(255,255,255,.7);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.frame-link:hover{
    background: rgba(255,255,255,.9);
}


.film-bg-box{
    width: 100%;
    height: 186px;
    background: url('index_res/film_bg.png') no-repeat 0 0;
    background-size: cover;
}
.navbar-item{
    width: 33.3333%;
    float: left;
    padding: 10px 120px;
}
.navbar-icon-wrap{
    width: 100%;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.navbar-icon{
    font-size: 48px;
    line-height: 48px;
}
.navbar-icon-wrap:hover *{
    color: #1f9988 !important;
}
.graduate-img-content{
    width: 900px;
    height: 100%;
    padding: 25px 10px;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
}
.graduate-img-content .roll__list{
    width: 9999px;
    height: 136px;
}
.graduate-item{
    float: left;
    width: 250px;
    height: 100%;
    padding: 0 10px;  
}
.graduate-item .graduate-img{
    width: 100%;
    height: 100%;
}
.graduate-info{
    position: relative;
}
.graduate-info.triangle-up:after {
    border: solid transparent;
    content: ' ';
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 10px;
    border-bottom-color: #F0F5F9;
}
.graduate-info.triangle-down:after {
    border: solid transparent;
    content: ' ';
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 10px;
    border-top-color: #F0F5F9;
}
.graduate-info .img-year{
    font-size: 20px;
    line-height: 42px;
    font-weight: 600;
    text-align: center;
}
.graduate-link-content{
    width: 170px;
    padding: 30px 25px;
}
#film_list>table{
    height:100% !important;
}
#film_list img{
    margin-bottom: -4px;
}
.code-wrapper{
    margin: 29px 0 25px 15px;
}
.code-content{
    width: 70px;
    margin: 0 auto;
}
.code-lg-content{
    width: 80px;
    margin: 0 auto;
}
#donate .donate-list li {
    font-size: 14px;
    color: #231818;
    letter-spacing: 0;
}
#donate .donate-list li:first-child span{
    background: #1f9988;
    color: #fff;
}
#donate .donate-list li span {
    display: block;
    float: left;
    padding: 6px 8px;
}
#donate .donate-date {
    width: 25%;
}
#donate .donate-item {
    width: 40%;
}
#donate .donate-name {
    width: 15%;
}
#donate .donate-money {
    width: 20%;
    text-align: right;
}
.p-index .mate-content{
    width: 1200px;
    margin: 20px auto 0;
    padding: 15px 15px 0;
    background: #ECF2F2;
}
.mate-content .mate-box{
    float: left;
    width: 390px;
    padding: 0 20px 30px;
}
.mate-box .tt {
    display: inline-block;
    width: 100%;
    border-bottom: 3px solid #9fa0a0;
}
.mate-box .tt .tit {
    display: inline-block;
    font-size: 16px;
}
.mate-box .tt .tit .title {
    font-size: 18px;
    color: #951B1B;
    line-height: 47px;
    font-weight: 600;
    margin-right: 20px;
}
.mate-box .more-btn{
    display: inline-block;
    float: right;
    padding-top: 12px;
    cursor: pointer;
}
.mate-box .con{
    padding-top: 10px;
}
.con .news-item{
    line-height: 20px;
    height: 52px;
    padding: 6px 0;
    border-bottom: 1px solid #d5d5d5;
}
.con .news-item .news-tit{
    font-size: 14px;
    color: #595656;
}
.con .news-item .news-date{
    margin-left: 2px;
    color: #951B1B;
    font-size: 14px;
}



#content-list {
    width: 1080px;
    margin: 0 auto;
}
#content-list .content-list-wrap {
    margin: 0 auto;
    padding: 30px 0;
}
.v-category{
    width: 166px;
    background: #fff;
    box-shadow: 0 8px 14px 2px hsla(240,0%,40%,.18);
}
.v-category ul{
    width: 100%;
    padding: 27px 0;
}
#content-list .category {
    width: 934px;
    float: left;
}
#content-list .list-box {
    width: 100%;
    min-height: 570px;
}



.three-stage-title{
    width: 180px; 
}
.nav_menustyle_1_3{
    width: 180px !important;
}
.three-stage-content{
    width: 860px;
}
.three-stage-title .stage-title {
    width: 100%;
    padding: 0 20px;
    height: 72px;
    line-height: 72px;
    border-radius: 4px;
    color: #fff;
    background-color: #1f9988;
    font-size: 20px;
    text-align: left;
}


.three-stage-title .stage-item {
    width: 100%;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    color: #101010;
    background-color: #f2f2f2;
    border: 1px solid #ebebeb;
    font-size: 18px;
    margin-top: 10px;
    cursor: pointer;
}
.three-stage-title .stage-item p{
    color: #101010;
    font-size: 18px;
}
.three-stage-title .stage-item:hover p{
    color: #1f9988;
}
.three-stage-title .stage-item.cur p{
    color: #1f9988;
}
.third-tit{
    font-size: 18px;
    line-height: 24px;
}
.bread-crumb{
    font-size: 12px;
    line-height: 24px;
}
.news-event-item {
    padding: 5px 0;
    border-bottom: 1px dashed #ddd;
}
.news-event-item .publish-time{
    width: 150px;
}
.news-event-item .publish-info {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    margin: 10px 0;
}
.news-event-item .news-name-title {
    height: 40px;
    line-height: 40px;
    color: #101010;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.news-event-item .news-name-title:hover{
    color: #1f9988;
}
.dot {
    width: 8px;
    height: 8px;
    margin: 12px 12px 0 0;
    border-radius: 50%;
    background: #1f9988;
}
.news-name .dot {
    margin: 16px 12px 0 0;
}


.roll-tit{
    width: 150px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.roll-wrap{
    margin-left: 150px;
    margin-right: 20px;
    position: relative;
    height: 40px;
    overflow: hidden;
}


.roll_row .roll__list{
    width: 9999px;
}
.roll_row .roll__list li{
    float: left;
    display: block;
    margin-right: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    text-align: center;
}


.sm-dot{
    width: 2px;
    height: 2px;
    border-radius: 50%;
    vertical-align: middle;
    background: #101010;
}
.cur-title{
    font-size: 22px;
    line-height: 40px;
    color: #1f9988;
}
.details-name-tit{
    font-size: 18px;
    line-height: 24px;
    color: #101010;
    text-align: center;
}
.content-details .publish-info {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-bottom:10px;
}
.content-details .publish-time{
    font-size:14px;
    line-height:20px;
}
.details-content p {
    font-size: 14px!important;
    line-height: 24px!important;
    color: #262626!important;
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif!important;
}
.details-content img{
    max-width: 100% !important;
}


.timeLine {
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;
}
.timeLine li {
    background: url(index_res/back1.png) repeat-y 421px 0;
    padding-bottom: 30px;
    zoom: 1;
}
.timeLine li .line-node {
    background: url(index_res/icon1.jpg) no-repeat 413px 0;
    width: 440px;
    float: left;
    font-size: 16px;
    text-align: right;
    padding-right: 40px;
    color: #1296db;
}
.timeLine .show-tit{
    font-size:16px;
    line-height:24px;
    margin-bottom:6px;
}
.timeLine .show-tit:hover{
    color:#1f9988;
}
.timeLine li .line-con {
    width: 420px;
    float: right;
    padding-left: 0px;
    position: relative;
}
.timeLine li .line-con a,
.timeLine li .line-node a{
    width:100%;
}
.timeLine li .line-con img,
.timeLine li .line-node img{
    max-width: 340px;
}



#browser_bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    text-align: center;
}
.browser-tips{
    width: 850px;
    margin: 150px auto;
}
.error-up-png{
    width: 420px;
    float: left;
}
.error-right-info{
    float: left;
    margin-left: 50px;
    margin-top: 70px;
}
.error-words{
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    color: #1a1a1a;
    margin-bottom: 30px;
}
.browser-list{
    text-align: left;
}
.browser-list>span{
    display: inline-block;
    width: 80px;
    text-align: center;
}
.browser-list .browser-image{
    width: 50px;
    height: 50px;
}
.child{
    position: relative;
}


.leaderfont216965{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    color:#fff !important;    
    background:#1f9988;
    margin: 16px 12px 0 0;
}
.page-bar, .page-bar td, .page-bar div {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important; 
    color: #333 !important; 
    margin-left: auto; 
    margin-right: auto; 
    line-height:28px !important;
}
.defaultButtonStyle {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important; 
    height:28px !important; color: #000000;
    BORDER: #e2e2e2 1px solid !important; 
    margin: 0px;
    padding: 0px; 
    CURSOR: hand; 
    line-height:28px !important;
}
.defaultinputStyle {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important; 
    height:28px !important; 
    border:1px solid #e2e2e2 !important; 
    line-height:28px !important;
}
.colHeader {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important;
    line-height:28px !important;
}
.PrevDisabled {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important; 
    height:28px !important; 
    padding: 0 15px !important; 
    background: #fff !important; 
    color:#d2d2d2 !important;
    border: solid 1px #e2e2e2 !important; 
    font-size:12px;
    line-height:28px !important;
    margin: 0 !important;
}
.page-bar.SelectList {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important; 
    height:28px !important;
    line-height:28px !important;
}
.Prev { 
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important; 
    padding: 0 15px !important;
    font-size:12px;
    height:28px !important;
    line-height:28px !important;
    color: #333 !important;
    border: solid 1px #e2e2e2 !important;
    margin: 0 !important;
}
.break {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif; 
    border: none; 
    text-decoration: none; 
    line-height:14px;
    margin: 0 !important;
}
.NextDisabled { 
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important;
    display:inline-block; 
    height:28px !important; 
    padding: 0 15px !important;
    font-size:12px;
    background: #fff !important;
    color:#d2d2d2 !important;
    border: solid 1px #e2e2e2 !important; 
    line-height:28px !important;
    margin: 0 !important; 
}
.Next { 
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important; 
    padding:0 15px !important;
    font-size:12px;
     height: 28px !important;
    line-height:28px !important;
    border: solid 1px #e2e2e2 !important;
    margin: 0 !important;
}
.page-bar .this-page {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important;
    height:28px !important;
    padding:0 15px !important;
    border: solid 1px #1f9988 !important; 
    background: #1f9988 !important;  
    color:#fff !important; 
    line-height:28px !important;
    font-weight:400 !important;
    margin:0 !important;
}
.page-bar a{
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important;
    height:28px !important;
    padding:0 15px !important;
    border: solid 1px #e2e2e2 !important; 
    background: #fff !important;  
    color:#333 !important; 
    line-height:28px !important;
    margin:0 !important;
}
.page-bar a:hover {
    font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif !important;
    height:28px !important;
    padding:0 15px !important;
    border: solid 1px #e2e2e2 !important; 
    color:#1f9988 !important; 
    line-height:28px !important;
    font-weight:400 !important;
    margin:0 !important;
}
.Prev:hover,.Next:hover{
    color:#1f9988 !important; 
}
.page-bar table td[align="left"]:first-child{
    display:none !important;
}
.notice-index-wrapper .news-event-item .publish-time{
    width: 90px;
    text-align:right;
}
.notice-index-wrapper .news-event-item .publish-info{
    margin: 8px 0;
}
.notice-index-wrapper .news-event-item .news-name-title{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin:8px 0;
}
.notice-index-wrapper .news-event-item{
    padding: 3px 0 0 0;
}
.notice-index-wrapper .news-name{
    margin-right:100px;
}
.notice-index-wrapper .news-name .dot{
    margin: 7px 12px 0 0;
}
.notice-index-wrapper .news-name-tit:hover .notice-tit{
    color: #1f9988;
}
.search-item{
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.search-item a:hover{
    color:#1f9988;
}


.head-item{
    width: 25%;
    float: left;
    text-align: center;
    padding: 0 30px;
}
.head-item .inner-item{
    width: 100%;
    height: 180px;
}
.head-area{
    width: 120px;
    height: 120px;
    margin: 0 auto;


}
.head-png{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}


.up-data-wrap{
    width: 1080px;
    height: 332px;
}
.data-item-content{
    float: left;
    width: 430px;
    height: 100%;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.19);
}
.data-item-content:first-child{
    width: 190px;
}
.data-item-content:nth-child(2){
    width: 560px;
}
.data-item-content:last-child{
    width: 300px;
}
.data-item-content:not(:last-child){
    margin-right: 15px;
}
.left-half,.right-half{
    width: 50%;
    float: left;
}
.right-half:after{
    content: "";
    width: 1px;
    height: 100%;
    color: #dfdfdf;
    position: absolute;
    left: 0;
    top: 0;
    border-left: 1px solid #dfdfdf;
}
.down-part{
    width: 100%;
    height: 245px;
    
}
.rank-tab{
    width: 30%;
    margin: 0 10%;
    float: left;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all .3s;
}
.rank-tab:first-child:after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: -33.333%;
    top: 0;
    border-right: 1px solid #AEAEAE;
}
.rank-tab:hover{
    color: #1f9988;
}
.rank-tab.active{
    background: #1f9988;
    color: #F3FBF8;
    border-radius: 4px;
}
.rank-container{
    width: 100%;
    height: 268px;
}
.rank-content{
    width: 100%;
    height: 100%;
    display: none;
}
.rank-content.active{
    display: block;
}
.down-data-wrap{
    width: 1080px;
    height: 632px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.19);
}
.data-show-wrap{
    height: 568px;
}
.left-data-show{
    width: 700px;
    height: 100%;
    float: left;
}
.right-data-show{
    width: 380px;
    height: 100%;
    float: left;
}
.tit-list{
    padding: 15px 20px;
    border-bottom: 1px solid #bbb;                       
}
.tit-list .city{
    float: left;
    margin-left: 42px;
    margin-right: 20px;
    color: #7B7E86;
}
.tit-list .num{
    float: right;
    color: #7B7E86;
}
.city-list{
    padding: 20px 20px 0 15px;
    
}
.city-list .city-item{
    padding-bottom: 10px;
    border-bottom: 1px solid #bbb;
}
.city-list .rank{
    float: left;
    width: 27px;
    height: 24px;
    line-height: 24px;
    background: #1f9988;
    color: #F3FBF8;
    text-align: center;
    border-radius: 4px;
    margin-right: 20px;
}
.city-list .city{
    float: left;
    line-height: 24px;
    margin-right: 20px;
}
.city-list .num{
    float: right;
    line-height: 24px;
}
.login-btn{
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 3px 15px;
    color: #eee;
    font-size: 14px;
    transition: all .3s;
}
.login-btn:hover{
    color: #fff;
}
#xyhIframe #login_btn,
#xyhIframe #certify_btn {
    display: none;
}



@media screen and (min-width: 1600px) { 
    .v-header .top-box{
        width: 1200px;
    }
    .v-header .nav-box .nav-list{
        width: 1200px;
    }
    .v-header .nav-box .nav-list li{
        margin-right: 22px;
    }
    .p-index .index-content, 
    .v-footer .index-content{
        width: 1200px;
    }
    .graduate-img-content{
        width: 990px;
    }
    .graduate-link-content{
        width: 200px;
        padding: 30px 35px;
    }
    .frame-shadow{
        padding: 18px 54px;
    }
    .frame-item{
        width: 364px; 
        padding: 0 50px;
    }
    .frame-link{
        padding: 33px 35px;
    }
    #content-list {
        width: 1200px;
    }
    .three-stage-title{
        width: 200px;
    }
    .nav_menustyle_1_3{
        width: 200px !important;
    }


   .three-stage-content{
        width: 960px;
    }
    .timeLine li {
        background: url(index_res/back1.png) repeat-y 480px 0;
    }


    .timeLine li .line-node {
        background: url(index_res/icon1.jpg) no-repeat 473px 0;
        width: 490px;
        padding-right: 40px;
    }
   .timeLine li .line-con {
        width: 470px;
        padding-left: 20px;
    }
   .timeLine li .line-con a,
   .timeLine li .line-node a{
        width:100%;
    }
   .timeLine li .line-con img,
   .timeLine li .line-node img{
       max-width: 360px;
   }
   
   .up-data-wrap{
        width: 1200px;
        height: 332px;
    }
    .data-item-content{
        float: left;
        width: 466px;
        height: 100%;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.19);
    }
    .data-item-content:first-child{
        width: 226px;
    }
    .data-item-content:nth-child(2){
        width: 596px;
    }
    .data-item-content:last-child{
        width: 336px;
    }
    .data-item-content:not(:last-child){
        margin-right: 21px;
    }
    .down-data-wrap{
        width: 1200px;
        height: 632px;
    }
    .left-data-show{
        width: 780px;
    }
    .right-data-show{
        width: 420px;
    }
}