body {

    font-family: "微软雅黑";

    font-size: 14px;

    overflow-x: hidden;

    background: #f2f2f2;

}



* {

    list-style: none;

    margin: 0;

    padding: 0;

    text-decoration: none;

    outline: none;

}



ul,

li {

    margin: 0;

    padding: 0;

}



a {

    color: #333;

    text-decoration: none;

}



ul,

li {

    margin: 0;

    padding: 0;

}



a:link {

    text-decoration: none;

}



a:visited {

    text-decoration: none;

}



h1,

h2,

h3,

h4,

p {

    margin: 0;

    padding: 0;

    display: block !important;

}



em {

    font-style: normal;

}



.clear {

    clear: both;

}



.float-left {

    float: left;

}



.float-right {

    float: right;

}



.blank10 {

    width: 100%;

    height: 10px;

}



.blank20 {

    width: 100%;

    height: 20px;

}



.blank30 {

    width: 100%;

    height: 30px;

}



.blank50 {

    width: 100%;

    height: 50px;

}



.blank70 {

    width: 100%;

    height: 70px;

}



.blank100 {

    width: 100%;

    height: 100px;

}



.txt-center {

    text-align: center;

}



.txt-left {

    text-align: left;

}



.position-a {

    position: absolute;

}



.position-r {

    position: relative;

}



.content {

    width: 1280px;

    margin: auto;

    position: relative;

    overflow: hidden;

}



.content-info {

    width: 1280px;

    margin: auto;

    position: relative;

    overflow: unset;

}

.index-bg{

    background: url('../images/index_bg.png') no-repeat center,#f2f2f2;

    background-position: top 0 center;

}

/*header*/

.header {

    width: 100%;

    height: auto;

    position: fixed;

    top: 0;

    z-index: 9;

}



.header2 {

    display: none;

}



.header-top {

    height: 100px;

    overflow: unset;

    background:rgba(0,0,0,0.7);

    border-bottom: 1px solid #fff;

}



.header-top p {

    line-height: 22px;

    float: left;

    height: 44px;

    color: #fff;

}



.header-top .phone-num {

    float: right;

    margin-top: 26px;

}



.phone-num span {

    font-size: 20px;

    font-weight: bold;

    float: left;

}



.phone-icon {

    border-right: 1px solid #ddd;

    padding-right: 10px;

    margin-right: 10px;

    float: left;

    margin-top: 10px;

}

.header-top-right{

    float: right;

    line-height: 44px;

    color: #fff;

}

.get_home{

    display: inline-block;

    color: #fff;

    border-bottom: 2px solid #6AB3A7;

    height: 44px;

    float: left;

}

.get_home span{

    margin-left: 10px;

}

.header-icon1{

    width: 95px;

    height: 30px;

    background: #fff;

    display: inline-block;

    text-align: center;

    line-height: 30px;

    color: #6AB3A7;

    font-style: normal;

}

.header-icon1 img{

    margin: auto;

    margin-bottom: 5px;

}

.header-coder{

    width: 190px;

    height: 208px;

    display: none;

    position: absolute;

    z-index: 9;

    right: -74px;

    top: 64px;

}

.header-contact{

    position: relative;

}

.header-wechat:hover .header-coder{

    display: block;

}

.header-wechat{

    width: 44px;

    height: 44px;

    background: #6AB3A7;

    float: left;

}

.header-menu {

    float: left;

    margin-right: 30px;

}

.header-wechat .header-icon1{

    width: 44px;

    height: 44px;

    background: #6AB3A7;

}



.logo {

    float: left;

    height: 60px;

    margin-top: 20px;

}

.search{

    width: 272px;

    height: 44px;

    overflow: hidden;

    position: relative;

    float: left;

    border: 1px solid #fff;

    border-radius: 50px;

}

.search input{

    width: 100%;

    height: 44px;

    background:transparent;

    outline-style: none;

    border: 0;

    text-indent: 15px;

    color: #fff;

}

.search .search-btn{

    width: 60px;

    height: 44px;

    background: url('../images/search_icon.png') no-repeat center,transparent;

    outline-style: none;

    border: 0;

    position: absolute;

    right: -1px;

    top: 0px;

    bottom: 0px;

    margin:auto;

}

::-webkit-input-placeholder { /* WebKit browsers */

  color: #fff;

}



::-moz-placeholder { /* Mozilla Firefox 19+ */

  color: #fff;

}



:-ms-input-placeholder { /* Internet Explorer 10+ */

  color: #fff;

}   

.contact-icon{

    float: left;

    margin-top: 28px;

}

.contact-list{

    margin-left: 10px;

}

.contact-list img{

    width: 44px;

    height: 44px;

    border-radius: 50%;

    object-fit: none;

}

.header-top .content{

    overflow: unset;
    
    width: 100%;
    
    padding: 0 3%;

}

.contact-list .header-coder{

    width: 76px;

    height: 76px;

    display: none;

    position: absolute;

    z-index: 9;

    right: -15px;

    top: 78px;

    border-radius: 0;

    object-fit: cover;

    border:2px solid #fff;

}

.header-contact{

    position: relative;

}

.contact-list:hover .header-coder{

    display: block;

}

.menu {

    overflow:unset;

    display: table;

}

.menu-ul{

    display: table;

    margin: auto;

    width: 100%;

}

.menu-li {

    width: auto;

    height: 100px;

    text-align: center;

    font-size: 16px;

    float: left;

    position: relative;
    
    padding: 0 10px;

}

.menu-link {

    width: 60%;

    height: 6px;

    background: #fff;

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    margin: auto;

}

.menu-li:hover .menu-link{

    opacity: 1;

    filter: alpha(opacity=100);

}

.menu-li a {

    color: #fff;

    text-transform: uppercase;

    display: block;

    height: 100px;

    line-height: 100px;

    text-align: center;

}

.menu-li:last-of-type a{

    border:0;

}

.menu-li a em{

    font-size: 12px;

}





.menu-li:hover .menu-link {

    opacity: 1;

    filter: alpha(opacity=100);

}





.submenu-nav {

    display: none;

    width: 100%;

    height: auto;

    position: relative;

    z-index: 999;

    border-top: 2px solid #fff;

}

.menu-li:hover .menu-link {

    opacity: 1;

    filter: alpha(opacity=100);

}



.menu-li.active .menu-link {

    opacity: 1;

    filter: alpha(opacity=100);

}



.submenu-nav {

    display: none;

    width: 210px;

    height: auto;

    position: relative;

    left: 0;

    z-index: 999;

}

.submenu-li {

    width: 100%;

    font-size: 14px;

    text-align: left;

}

.submenu-li a{

    margin-top: 0;

    margin-bottom: 0;

    padding-top: 12px;

    height: 46px;

    line-height: 23px;

    color:#333 !important;

    border-right: 0;

    text-indent: 35px;

    background:#fff !important;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.submenu-li:hover a{

    color: #fff !important;

    text-indent: 50px;

    background: #01687e !important;

}

/*

.submenu-nav-line {

    width: 100%;

    height: 3px;

    background: #02903D;

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

}*/





.submenu-li:last-child {

    border: 0;

}



.menu-li:hover .submenu-nav {

    display: block;

    animation: fadeInUp1 .5s both alternate;

    -webkit-animation: fadeInUp1 .5s both alternate;

}



@-webkit-keyframes fadeInUp1 {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInUp1 {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.fadeInUp1 {

    -webkit-animation-name: fadeInUp1;

    animation-name: fadeInUp1;

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



.menu-img {

    position: absolute;

    top: -10px;

    left: 12px;

    width: 72px;

    height: 26px;

}

.header-a{

    margin-right: 15px;

    margin-top: 28px;

}

.header-a a{

    color: #fff;

    line-height: 44px;

    margin-right: 10px;

    color: yellow;

}

.header-a a:last-of-type{

    margin-left: 8px;

    color: #fff;

}

/*header_end*/



/* banner */

.banner {

    width: 100%;

    height: 100vh;

    position: relative;

    top: 0px;

    overflow: hidden;

}

.banner2{

    display: none;

}

.banner-img{

    width: 100%;

    height: 100vh;

    object-fit: cover;

    text-align: center;

}

.material-icons{

    font-size: 44px;

}



.banner-pagination{

    height: 22px;

    text-align: center;

    margin: auto;

    line-height: 22px;

    position: absolute;

    left: 0;

    right: 0;

    border-radius: 50px;

    bottom:30px !important;

}

.swiper-pagination-bullet{

    background: #fff;

    opacity: 1;

    filter: alpha(opacity=100);

    border-radius: 50%;

}

.swiper-pagination-bullet-active{

    background: #d84672;

}

.swiper-button-next, .banner-button .swiper-container-rtl .swiper-button-prev{

    background: url('../images/right_icon.png') no-repeat center;

    right:10px;

    width: 44px;

}

.swiper-button-prev, .banner-button .swiper-container-rtl .swiper-button-next{

    background: url('../images/left_icon.png') no-repeat center;

    left: 10px;

    width: 44px;

}

.header_search::-webkit-input-placeholder { /* WebKit browsers */

  color: #333;

}



.header_search::-moz-placeholder { /* Mozilla Firefox 19+ */

  color: #333;

}



.header_search:-ms-input-placeholder { /* Internet Explorer 10+ */

  color: #333;

}   

.banner-btn{

    position: absolute;

    top: 20%;

    right: 7%;

    z-index: 9;
    display: none;

}

/* banner-end */





/* footer */

.footer{

    width: 100%;

    height: 100px;

    margin-top: 40px;

    background: #01687e;

}

.footer-bg{

    height: 123px;

}

.footer-bg p{

    width: 280px;

    height: auto;

    margin-top: 33px;

    line-height: 30px;

    color: #fff;

    float: left;

}

.qrcode{

    width: auto;

    height: 93px;

    float: right;

    margin-top: 15px;

}

.qrcode img{

    height: 93px;

}

.qrcode-txt{

    display: inline-block;

    line-height: 20px;

    color: #fff;

    float: right;

    margin-top: 25px;

    margin-left: 15px;

}

.footer-bottom{

    height: 100px;

    padding-top: 20px;

}

.footer-bottom p{

    float: left;

    line-height: 30px;

    color: #fff;

}

.footer-bottom a{

    color: #fff;

}

.footer-bottom .footer-admin{

    color: #fff;

}

.footer-control {

    float: right;

    width: 200px;

    margin-top: 12px;

}

.footer-contact{

    color: #fff;

}

/* footer-end */





/* header_mb */



.header2 {

    width: 100%;

    height: 60px;

    background: rgba(0,0,0,.5);

    position: fixed;

    top: 0;

    padding: 0 15px;

    margin: auto;

    z-index: 11;

}



.header2 h3 {

    margin: auto;

    height: 40px;

    text-align: left;

    margin-top: 10px;

    line-height: 40px;

    font-weight: bold;

    font-size: 20px;

}



.header2 h3 img {

    display: block;

    max-width: 75%;

    max-height: 100%;;

}



.header2 .left_btn {

    position: absolute;

    top: 8px;

    width: 44px;

    height: 44px;

    /*padding: 3%;*/

    text-align: center;

    left: 5px;

}



.header2 .right_btn {

    position: absolute;

    top: 8px;

    width: 44px;

    height: 44px;

    /*padding: 3%;*/

    text-align: center;

    right: 5px;

    z-index: 9;

}



.header2 .right_btn img {

    width: 24px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.header2 .left_btn img {

    width: 24px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.sidebar {

    position: fixed;

    top: 0;

    left: -76%;

    width: 76%;

    height: 100%;

    background: #ffd806;

    z-index: 99999;

    padding-top: 60px;

}



.mask2 {

    width: 100%;

    height: 100vh;

    position: absolute;

    background: rgba(0, 0, 0, .3);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 9999;

    display: none;

}



.box-bg {

    width: 100%;

    height: 1000px;

    background: url('../images/bg4.jpg') no-repeat center;

}



.close-btn {

    width: 44px;

    height: 44px;

    text-align: center;

    line-height: 30px;

    position: absolute;

    top: 8px;

    right: 8px;

}



.close-btn img {

    width: 40%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.menu-logo {

    display: table;

    margin: auto;

    height: 70px;

}



.menu-list {

    width: 80%;

    margin: auto;

    position: relative;

    left: 0;

    right: 0;

    bottom: 0;

    margin-top: 20px;

}



.menu-list ul li {

    list-style: none;

    line-height: 5vh;

    width: 100%;

    text-align: center;

    font-size: 16px;

}



.menu-list ul li a {

    display: block;

    color: #333;

    text-align: center;

}



.compy-txt {

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    bottom: 20px;

    text-align: center;

    font-size: 14px;

    color: #fff;

}



.calendar-img {

    width: 22px;

    margin-top: -4px;

    margin-right: 6px;

}



.header_search_box {

    position: relative;

    height: 38px;

    margin: auto;

    display: table;

    width: 83%;

    margin-top: 20px;

}



.header_search {

    width: 100%;

    height: 38px;

    border: 1px solid #ddd;

    text-indent: 40px;

    border-radius: 30px;

    outline: none;

}



.header_search_img {

    position: absolute;

    top: 2px;

    bottom: 0;

    margin: auto;

    left: 15px;

    height: 20px;

}

.menu-logo{

    display: block;

    width: 80%;

    height: auto;

    margin-bottom: 15px;

}

.language-row{

    margin: auto;

    margin-top: 15%;

    display: table;

    text-align: center;

}

.language-row a{

    width: 36px;

    height: 36px;

    border-radius: 6px;

    background: #333;

    line-height: 36px;

    text-align: center;

    display: inline-block;

    color: #fff;

    margin-right: 10px;

}

.language-row a:nth-of-type(2){

    background: #fff;

    border: 1px solid #ddd;

    color: #333;

    margin-left: 10px;

    margin-right: 0;

}

/* header_mb-end */



/*index*/

.row1{

    margin-top: 30px;

    margin-bottom: 30px;

    overflow: hidden;

}

.row-top{

    width: 100%;

    height: 44px;

    line-height: 44px;

    border-bottom: 1px solid #01687e;

    margin-bottom: 15px;

}

.top-title{

    line-height: 44px;

    font-size: 20px;

    color: #01687e;

    float: left;

    margin: 0;

}

.row-icon{

    width: 28px;

    height: 28px;

    margin-top: -4px;

}

.top-title-line{

    width: 180px;

    height: 2px;

    background: #bf223c;

    margin-top: -5px;

}

.top-title span{

    color: #ccc;

    font-size: 14px;

}

.top-title-line span{

    display: inline-block;

    width: 90px;

    height: 2px;

    background: #0d9bd6;

    float: right;

}

.main-btn{

    float: right;

    line-height: 30px;

    width: 18px;

    height: 18px;

    text-align: center;

    margin-top: 15px;

    background: url('../images/more_icon.png') no-repeat center;

}

.main-btn:hover{

    background: url('../images/more_icon2.png') no-repeat center;

}

.news-big{

    overflow: hidden;

    position: relative;

}

.main1{

    position: relative;

}

.news-big.news-big2 img{

    width: 100%;

    height: 305px;

    border-radius: 12px;

    position: relative;

    object-fit: cover;

    overflow: hidden;

}

.news-big h5{

    position: absolute;

    width: 95%;

    height: 44px;

    line-height: 44px;

    background: rgba(56,153,170,.8);

    color: #fff;

    font-size: 14px;

    z-index: 9;

    bottom: 10px;

    left: 0;

    right: 0;

    margin: auto;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    border-radius: 6px;

}

.news-big.news-big2 h5{

    padding: 0 15px;

    padding-right: 80px;

}

.swiper2-pagination {

    position: absolute;

    right: 20px;

    bottom: 22px;

    z-index: 99;

}

.swiper2-pagination .swiper-pagination-bullet{

    margin:0 2px;

    background: #fff;

}

.swiper2-pagination .swiper-pagination-bullet-active{

    background: #63c4ff;

}

.row-ul li{

    width: 100%;

    margin: 0;

    overflow: hidden;

}

.row-ul li a{

    display: block;

    overflow: hidden;

    float: left;

    width: 100%;

}

.row-ul li:hover h5:hover{

    color: #01687e;

}

.news-big a{

    display: block;

}

.row-ul h5{

    width: 70%;

    display: inline-block;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    float: left;

    line-height: 36px;

    margin: 0;

}

.row-ul h5:hover{

    color: #01687e;

}

.row-ul span{

    width: 22%;

    display: inline-block;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    float: right;

    color: #ccc;

    text-align: right;

    height: 36px;

    line-height: 36px;

}

.list-icon{

    width: 3px;

    height: 12px;

    background:#2fa1fc;

    display: inline-block;

    float: left;

    margin-top: 12px;

    margin-right: 8px;

}

.row-ul li p{

    padding-left: 15px;

    margin-bottom: 10px;

    color: #999;

    float: left;

    line-height: 25px;

    height:50px;

    overflow: hidden;

}

.row2 .col-md-4:last-of-type{

    margin-right: 0;

}

.row-img2{

    width: 100%;

    margin-top: 30px;

    margin-bottom: 30px;

}

.main-row{

    width: 100%;

    display: inline-grid;

    text-align: center;

    grid-auto-flow: row;

    grid-gap: 30px;

    grid-template-columns: repeat(3, auto);

}

.mian-col{

/*    width: 32.5%;

    float: left;*/

}

.main1{

    width:470px;

    margin-right: 20px;

    float: left;

}

.row1 .main1:nth-of-type(3){

    margin-right: 0;

}

.row-g-btn{

    width: 48%;

    height: 90px;

    background: #02acf6;

    float: left;

    margin-bottom: 25px;

    display: table;

    text-align: center;

    line-height: 90px;

    position: relative;

}

.row-g-btn a{

    font-size: 16px;

    color: #fff;

    position: absolute;

    left: 22%;

    top: 24px;

    bottom: 0;

    margin: auto;

}

.row-g-btn img{

    float:left;

    margin-top: 5px;

}

.row-g-btn h5{

    float:left;

    margin-left: 10px;

    font-size: 16px;

}



.row-g-btn:nth-of-type(2n){

    float: right;

}

.row-g-btn:nth-of-type(6) h5{

    margin-top: 3px;

}

.row-g-btn:nth-of-type(2){

    background: #b4a4ce;

}

.row-g-btn:nth-of-type(3){

    background: #8cc8cf;

}

.row-g-btn:nth-of-type(4){

    background: #7fdfb1;

}

.row-g-btn:nth-of-type(5){

    background: #d4c86d;

    margin-bottom: 0;

}

.row-g-btn:nth-of-type(6){

    background: #ef9f9f;

    margin-bottom: 0;

}

.row-g-title{

    width: 100%;

    height: 52px;

    background: #02acf6;

    color: #fff;

    line-height: 52px;

    text-align: center;

}

.row-g-title img{

    margin-right: 10px;

}

.row-g-col{

    background: #ebf6fe;

    padding: 50px 30px;

}

.form-group img{

    width: 100%;

    height: 34px;

}

.login-bottom{

    overflow: hidden;

    display: table;

    margin: auto;

    margin-top: 50px;

    text-align: center;

    width: 100%;

}

.login-btn{

    width: 40%;

    height: 44px;

    background: #02acf6;

    text-align: center;

    line-height: 44px;

    color: #fff;

    display: inline-block;

    margin: 0 5%;

}

.login-close{

    background: #ddd;

}

.row-g-col .form-horizontal .control-label{

    font-weight: normal;

}

.main2{

    width: 604px;

    overflow: hidden;

    position: relative;

    float: left;

}

.main2:nth-of-type(2){

    float: right;

}

.row2{

    overflow: hidden;

    padding:15px;

    background: #fff;

    border-radius: 12px;

}

.swiper-wrapper3{

    width: 100%;

}

.swiper-button-next2{

    background: url('../images/right_icon.png') no-repeat center;

    right: 5px;

    width: 44px;

    top: 60%;

}

.swiper-button-prev2{

    background: url('../images/left_icon.png') no-repeat center;

    left: 5px;

    width: 44px;

    top: 60%;

}

.row2-button{

    width: 100%;

    position: absolute;

    z-index: 99;

    bottom: 28%;

    height: 44px;

}

.news-big img{

    width: 100%;

    height: 195px;

    object-fit: cover;

}

.news-big h5{

    text-align: left;

    padding: 0 15px;

    padding-right: 44px;

}

.row2 .mian1{

    width: 413px;

    margin-right: 20px;

    float: left;

}

.contact-list .row-ul .list-icon{

    margin-top: 15px;

    margin-right: 8px;

}

.contact-list .row-ul span{

    margin-top: 0;

    margin-right: 8px;

    height: 40px;

    line-height: 40px;

    float: left;

    text-align: left;

}

.contact-list .row-ul h5{

    float: right;

    line-height: 40px;

}

.news-big:hover h5{

    background: #7ad5fd;

}

.row6-list{

    width: 100%;

    height: 87px;

    display: block;

    margin-bottom: 5px;

    line-height: 87px;

    color: #fff;

    font-size: 18px;

    text-indent: 150px;

}

.row6-list span{

    font-size: 14px;

}

.row6-list:hover{

    color: #fff;

}

.row6-list:last-of-type{

    margin-bottom: 0;

}

.row6-bg{

    background: url('../images/row_bg1.png') no-repeat left;

}

.row6-bg2{

    background: url('../images/row_bg2.png') no-repeat left;

}

.row6-bg3{

    background: url('../images/row_bg3.png') no-repeat left;

}

.row6-bg4{

    background: url('../images/row_bg4.png') no-repeat left;

}

.row7-icon{

    background: url('../images/row_title_icon.png') no-repeat center;

    width: 44px;

    height: 44px;

    display: inline-block;

    position: absolute;

    right: 0;

    bottom: 0;

}

.news-big a:hover .row7-icon{

    background: url('../images/row_title_icon2.png') no-repeat center;

}

.row7-main{

    margin-top: 15px;

}

.main3{

    width: 100%;

}

.f-link{

    width: 100%;

    overflow: hidden;

    position: relative;

    margin-top: 25px;

}

.f-link ul li a{

    display: block;

}

.f-link ul li{

    width: 238px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-right: 15px;

    margin-bottom: 15px;

    float: left;

    text-align: left;

}

.f-link ul li:nth-of-type(5n){

    margin-right: 0;

}

.f-link ul li:hover a{

    color: #01687e; 

}

.row3{

    margin-top: 30px;

}

.row-btn{

    width: 100%;

    height: 142px;

    background: url('../images/row_bg1.png') no-repeat center;

    border-radius: 12px;

    overflow: hidden;

    display: block;

}

.row-btn2{

    background: url('../images/row_bg2.png') no-repeat center;

    margin-top: 20px;

}

.row-btn h5{

    font-size: 26px;

    text-align: center;

    color: #fff;

    margin-top: 44px;

}

.row-btn h5 span{

    font-size: 14px;

    text-align: center;

    line-height: 30px;

    text-transform : uppercase;

}

.main4{

    width: 300px;

    overflow: hidden;

    position: relative;

    float: left;

}

.f-link .list-icon{

    margin-top: 4px;

}

/*index_end



/*info_Public*/

.banner-info{

    width: 100%;

}

.info-bg{

    background: url('../images/banner_info.png') no-repeat center top;

    background-size: 100% auto; 

}

.info-bg2{

    background: url('../images/banner_info2.png') no-repeat center top;

    background-size: 100% auto; 

}

.info-bg3{

    background: url('../images/banner_info3.png') no-repeat center top;

    background-size: 100% auto; 

}

.info-bg4{

    background: url('../images/banner_info4.png') no-repeat center top;

    background-size: 100% auto; 

}

.info-bg5{

    background: url('../images/banner_info5.png') no-repeat center top;

    background-size: 100% auto; 

}

.info-bg6{

    background: url('../images/banner_info6.png') no-repeat center top;

    background-size: 100% auto; 

}

.info-main{

    height: auto;

    min-height: 400px;

    margin:165px auto;

    background: #fff;

    padding: 60px 100px;

}

.info-nav{

    height: 52px;

    border-radius: 6px;

    background: #fff;

    margin-top: -25px;

    box-shadow: 0 10px 20px #ddd;

}

.info-nav ul{

    float: left;

    display: inline-block;

    line-height: 52px;

}

.info-nav ul li{

    float: left;

    min-width: 128px;

    text-align: center;

}

.info-nav ul li a{

    display: block;

}

.info-nav ul li a.active{

    background: #01687e;

    color: #fff;

}

.info-nav ul li a:hover{

    background: #01687e;

    color: #fff;

}

.info-loc{

    float: right;

    text-align: right;

    margin-right: 15px;

    line-height: 52px;

    color: #ccc;

}

.info-loc a{

    color: #333;

}



/*翻页*/

.page {

    text-align:center;

    display:table;

    margin:auto;

    margin-top:30px;

}

.page ul li {

    width: 34px !important;

    height:34px !important;

    text-align:center;

    line-height:34px;

    float:left;

    margin:0 7px !important;

    border: 0 !important;

    border-radius: 50%;

    overflow: hidden;

}

.page ul li a {

    color:#333;

    background:#f2f2f2;

    display:block;

    width:100%;

    height:100%;

    line-height:inherit;

}

.page ul li a:hover {

    color:#fff;

    background:#ffd806;

}

.page ul li.active {

    color:#fff;

    background:#ffd806;

}

.siebar-nav{

    margin-bottom: 30px;

}

.siebar-nav ul li{

    width: 100%;

    height: 70px;

}

.siebar-nav ul li:last-of-type{

    border-bottom: 0;

}

.siebar-nav ul li a{

    display: block;

    line-height: 70px;

    border-left: 8px solid #0066cc;

    text-indent: 37px;

    font-size: 16px;

    border-bottom: 1px solid #ddd;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.siebar-nav ul li a:hover{

    background:#0066cc;

    border-bottom: 1px solid #0066cc;

    color: #fff;

}

.siebar-nav ul li a.active{

    background:#0066cc;

    border-bottom: 1px solid #0066cc;

    color: #fff;

}

.title-h3{

    width: 434px;

    height: 78px;

    background: url('../images/title_bg.png') no-repeat center;

    text-align: center;

    line-height: 64px;

    margin: auto;

    font-weight: bold;

    font-size: 32px;

}

.title-h5{

    width: 132px;

    height: 45px;

    background: url('../images/title_bg2.png') no-repeat right top;

    text-align: center;

    line-height: 56px;

    margin: auto;

    margin-top: 60px;

    font-weight: bold;

    font-size: 24px;

    margin-bottom: 30px;

}

/*info_Public_end*/

.info-txt p{

    margin-bottom: 15px;

    line-height: 30px;

    color: #666;

    font-size: 16px;

}

.info-txt p img {

    width: 100%;

    height: auto;

    border-radius: 12px;

    object-fit: cover;

}

.about-info h3{

    text-align: center;

    font-size: 24px;

    color: #1a588c;

    margin: 30px auto;

}

.about-info p{

    color: #333;

    margin: 15px auto;

    line-height: 25px;

    text-indent: 2em;

}

.about-info h4{

    color: #7dd1c1;

    margin: 15px auto;

    font-size: 18px;

    font-weight: bold;

}

.about-info h5{

    color: #333;

    margin: 15px auto;

    font-size: 16px;

    font-weight: bold;

}

.about2-list{

    position: relative;

}

.about2-img{

    width: 204px;

    height: 246px;

    position: absolute;

    left: 0;

    object-fit: cover;

    box-shadow: 0 10px 20px #ddd;

}

.teacher-list .about2-right{

    padding-left: 224px;

}

.about2-right h3{

    font-size: 20px;

    color: #1a588c;

    font-weight: bold;

    margin-top: 15px;

}

.about2-right span{

    font-size: 16px;

    color: #666;

    font-weight: normal;

    margin-left: 10px;

}

.about2-link{

    width: 36px;

    height: 3px;

    background: #666;

    margin: 15px 0;

}

.about2-right p{

    color: #666;

    line-height: 25px;

}

.about2-right h5{

    color: #1a588c;

    margin:15px 0;

}

.about2-list ul li{

    padding: 30px 0;

    overflow: hidden;

    border-bottom: 1px dashed #ddd;

}

.about3-info img{

    width: 100%;

    margin-top: 30px;

}

.content-list{

    overflow: hidden;

}

.content-list ul li{

    width: 100%;

    overflow: hidden;

    border-bottom: 1px solid #ddd;

}

.content-list ul li i{

    width: 1%;

    height: 80px;

    background: url('../images/list_icon.png') no-repeat center;

    float: left;

    line-height: 80px;

    margin-right: 2%;

}

.content-list ul li:hover p{

    color: #0066cc;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.content-list ul li p{

    width: 86%;

    height: 80px;

    line-height: 80px;

    float: left;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    font-size: 16px;

    color: #666;

    margin-right: 3%;

}

.content-list ul li em{

    width: 8%;

    height: 80px;

    line-height: 80px;

    float: left;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    font-size: 14px;

    color: #999;

    text-align: right;

}

.campus-list{

    margin-top: 15px;

    overflow: hidden;

}

.campus-list .campus-slide{

    width: 296px;

    margin-top: 16px;

    float: left;

    margin-right: 16px;

}

.campus-list .campus-slide:nth-of-type(3n){

    margin-right: 0;

}

.campus-list .campus-slide a{

    width: 100%;

    height: 202px;

    display: block;

    overflow: hidden;

    position: relative;

}

.main2-mask{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 240px;

    left: 0;

    margin:auto;

    background: rgba(125,209,193,0.8);

    margin-bottom: 0px;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.campus-list .campus-slide:hover .main2-mask{

    top: 0px;

}

.campus-list .campus-slide:hover a{

    box-shadow: 0 10px 10px rgba(125,209,193,0.8);

}

.mask-img{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right:0;

    margin:auto;

}

.photo-img2{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.campus-slide h5{

    width: 100%;

    height: 25px;

    line-height: 25px;

    text-align: center;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.profession-main .about2-right{

    padding-left: 0;

}

.teachers-txt{

    height: 75px;

    line-height: 25px;

    overflow: hidden;

}

.teachers-btn{

    width: 150px;

    height: 42px;

    background: #7dd1c1;

    text-align: center;

    line-height: 42px;

    border-radius: 10px;

    margin-top: 60px;

    float: left;

    color: #fff;

}

.teachers-btn:hover{

    color: #fff;

    box-shadow: 0 10px 10px #ddd;

    background: #0177a3;

}

.content-list ul li h5{

    margin: 0;

}

.content-list ul li h5 p{

    width: 730px;

}

.download-btn{

    width: 88px;

    height: 30px;

    background: #53a8c2;

    border-radius: 6px;

    display: block;

    line-height: 30px;

    text-align: center;

    color: #fff;

    float: right;

    margin-top: 10px;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.download-btn:hover{

    background: #01687e;

    color: #fff;

}

.mes-form{

    overflow: hidden;

}

.mes-info h3{

    font-size: 18px;

    margin: 30px 0;

}

.yzm-img{

    height: 34px;

    border-radius: 4px;

    cursor:pointer;

}

.mes-info .form-inline{

    float: right;

    margin-top: 15px;

}

.mes-info .yzm-input{

    width: 100px;

}

.mes-list ul li{

    width: 100%;

    overflow: hidden;

    padding: 10px 0;

    border-bottom: 1px dashed #ddd;

    position: relative;

}

.mes-list ul li h5{

    line-height: 25px;

}

.mes-list ul li p{

    line-height: 25px;

}

.mes-list ul li .q-span{

    position: absolute;

    color: #7dd1c1;

    font-weight: bold;

}

.mes-list ul li .a-span{

    position: absolute;

    color: #f67731;

    font-weight: bold;

}

.mes-list ul li em{

    padding-left: 20px;

    display: inline-block;

}

.mes-list ul li p em{

    color: #999;

}

.honor-info h5{

    font-size: 24px;

    color: #1a588c;

    margin:30px 0;

    text-align: center;

}

.honor-main{

    margin-left: 30px;

    border-left: 1px solid #ddd;

}

.honor-list{

    position: relative;

    margin-bottom: 20px;

}

.honor-list i{

    width: 11px;

    height: 11px;

    border-radius: 50%;

    background: #7dd1c1;

    display: inline-block;

    position: absolute;

    top: 5px;

    left: -6px;

}

.honor-list p{

    width: 100%;

    padding-left: 20px;

    display: inline-block;

    font-size: 16px;

    padding-right: 30px;

}

.news-info-top{

    width: 100%;

    text-align: center;

    margin-top: 30px;

    border-bottom: 1px dashed #ddd;

    padding-bottom: 30px;

    margin-bottom: 30px;

}

.news-info-top h3{

    margin-bottom: 15px;

}

.news-info-top em{

    color: #999;

}

.main-info .plan-example th{

    border-bottom-width:1px;

    background: #e8f2fc;

}

.news-txt p{

    font-size: 16px;

    line-height: 26px;

    margin:15px auto;

}

.news-info-bottom{

    font-size: 14px;

    color: #666;

    padding-top: 15px;

    border-top: 1px dashed #ddd;

    margin-top: 30px;

}

.news-info-bottom a{

    width: 40%;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.news-info-bottom a:hover{

    color: #0066cc;

}

.news-info-bottom a:nth-of-type(1){

    float: left;

}

.news-info-bottom a:nth-of-type(2){

    float: right;

    text-align: right;

}

.team-info{

    overflow: hidden;

    margin-top: 30px;

}

.team-info img {

    width: 204px;

    height: 246px;

    object-fit: cover;

    float: left;

    background: #f2f2f2;

    border-radius: 6px;

}

.team-info-right{

    float: right;

    width: 74%;

}

.team-info-right h5{

    font-size: 24px;

    color: #1a588c;

    font-weight: bold;

}

.team-info-right h4{

    font-size: 18px;

    font-weight: normal;

    color: #0177a3;

    margin-bottom: 15px;

}

.team-info-right p{

    font-size: 16px;

    font-weight: normal;

    line-height: 30px;

    color: #666;

    padding-bottom: 15px;

}

.password-main{

    width: 100%;

    height: 300px;

}

.password-main input{

    width: 200px;

    margin: auto;

    margin-top: 50px;

    line-height: 36px;

    text-indent: 15px;

}

.pw-btn{

    width: 80px;

    height: 40px;

    line-height: 36px;

}

.password-main form{

    text-align: center;

}

.news-list .col-news-list h5 span{

    float: left;

    width: 80%;

}

.news-list .col-news-list h5 em{

    float: right;

    width: 16%;

    text-align: right;

}

.col-news-list h5 i{

    width: 5px;

    height: 35px;

    display: inline-block;

    overflow: hidden;

    float: left;

    margin-right: 1%;

}

.col-news-list h5 i img{

    width: 5px;

    height: 9px;

}

.col-news-list h5{

    width: 100%;

    height: 52px;

    line-height: 52px;

    border-bottom: 1px solid #ddd;

    margin: 0;

}

.col-news-list h5 span{

    width: 75%;

    display: inline-block;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    float: right;

}

.col-news-list h5 span:hover{

    color: #02acf6;

}

.col-news-list h5 em{

    width: 22%;

    display: inline-block;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    float: left;

    color: #ccc;

    text-align: left;

}

.engineer-list {

    overflow: hidden;

}

.engineer-list .news-big{

    width:305px;

    float: left;

    margin-top: 20px;

    margin-right: 20px;

}

.engineer-list .news-big:nth-of-type(4n){

    margin-right: 0;

}



.news-info-top{

    width: 100%;

    text-align: center;

    margin-top: 30px;

    border-bottom: 1px dashed #ddd;

    padding-bottom: 30px;

    margin-bottom: 30px;

}

.news-info-top h3{

    margin-bottom: 15px;

}

.news-info-top em{

    color: #999;

}

.main-info .plan-example th{

    border-bottom-width:1px;

    background: #e8f2fc;

}

.news-txt p{

    font-size: 16px;

    line-height: 26px;

    margin:15px auto;

}

.news-txt p img{

    text-align: center;

    display: table;

    margin: auto;

    max-width: 100%;

}

.news-info-bottom{

    font-size: 14px;

    color: #666;

    padding-top: 15px;

    border-top: 1px dashed #ddd;

    margin-top: 30px;

}

.news-info-bottom a{

    width: 40%;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.news-info-bottom a:hover{

    color: #700809;

}

.news-info-bottom a:nth-of-type(1){

    float: left;

}

.news-info-bottom a:nth-of-type(2){

    float: right;

    text-align: right;

}

.search-list{

    width: 100%;

}

.photo-list{

    margin-top: 30px;

}

.photo-list ul{

    overflow: hidden;

}

.photo-list ul li{

    width: 350px;

    margin-right: 15px;

    float: left;

    margin-bottom: 30px;

}

.photo-list ul li a{

    display: block;

    padding-bottom: 15px;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    background: #e6e6e6;

}

.photo-list ul li a:hover{

    background: #f3cd06;

    box-shadow: 0 10px 20px #ddd;

}

.photo-list ul li:nth-of-type(3n){

    margin-right: 0;

}

.photo-list ul li img{

    width: 100%;

    height: 350px;

    object-fit: cover;

}

.photo-list ul li h5{

    font-size: 20px;

    width: 100%;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    padding: 0 15px;

    text-align: left;

    margin: 0;

    color: #333;

    margin-top: 15px;

}

.photo-list ul li h5 span{

    font-size: 14px;

    color:#666;

    margin-left: 15px;

}

.photo-list ul li p{

    color: #999;

    line-height: 20px;

    width: 100%;

    height: 20px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    padding: 0 15px;

    text-align: center;

}

.photos-list .news-big{

    width: 280px;

    float: left;

    margin-right: 15px;

    margin-bottom: 15px;

}

.photos-list .news-big:nth-of-type(3n){

    margin-right: 0;

}

.photos-list ul{

    overflow: hidden;

}

.download-main{

    width: 100%;

}

.video-list{

    margin-top: 30px;

}

.video-list ul li{

    width: 350px;

    margin-right: 15px;

    float: left;

    margin-bottom: 15px;

}

.video-list ul{

    overflow: hidden;

}

.video-list ul li:nth-of-type(3n){

    margin-right: 0;

}

.video-list ul li img{

    width: 100%;

    height: 240px;

    object-fit: cover;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.video-title{

    overflow: hidden;

}

.video-list ul li h5{

    font-size: 14px;

    width: 80%;

    height: 44px;

    line-height: 44px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    text-align: left;

    float: left;

    padding-right: 15px;

    margin: 0;

}

.video-list ul li p{

    width: 20%;

    float: right;

    height: 44px;

    line-height: 44px;

    color: #ccc;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.video-list ul li p .videos-icon2{

    width: 21px;

    height: 13px;

    margin-top: -3px;

    margin-right: 8px;

    box-shadow: 0 0 0 transparent;

}

.video-list ul li:hover img{

    box-shadow: 0 10px 20px #ccc;

}

.video-list ul li:hover .videos-icon2{

    box-shadow: 0 0 0 transparent;

}

.videos-img{

    position: relative;

}

.videos-icon{

    position: absolute;

    width: 44px;

    height: 44px;

    background: url('../images/player_icon.png') no-repeat center;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.video-list ul li:hover .videos-icon{

    opacity: 1;

    filter: alpha(opacity=100);

}

.link-list ul{

    overflow: hidden;

}

.link-list ul li{

    width: 206px;

    height: 44px;

    line-height: 44px;

    margin-bottom: 15px;

    float: left;

    margin-right: 15px;

    text-align: center;

}

.link-list ul li:nth-of-type(4n){

    margin-right: 0;

}

.link-list ul li a{

    display: block;

    background: #f2f2f2;

}

.link-list ul li:hover a{

    background: #bf223c;

    color: #fff;

}

.engineer-list .news-big h5{

    width: 100%;

    border-radius: 0;

    bottom: 0;

    text-align: center;

    padding:0 15px;

}

.engineer-list .news-big:hover h5{

    background: #3899aa;

}

.news-list .col-news-list h5 span{

    float: left;

    width: 80%;

}

.news-list .col-news-list h5 em{

    float: right;

    width: 8%;

    text-align: right;

}

.col-news-list h5 i{

    width: 5px;

    height: 35px;

    display: inline-block;

    overflow: hidden;

    float: left;

    margin-right: 1%;

}

.col-news-list h5 i img{

    width: 5px;

    height: 9px;

}

.col-news-list h5{

    width: 100%;

    height: 52px;

    line-height: 52px;

    border-bottom: 1px solid #ddd;

    margin: 0;

}

.col-news-list h5 span{

    width: 75%;

    display: inline-block;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    float: right;

}

.col-news-list h5 span:hover{

    color: #01687e;

}

.col-news-list h5 em{

    width: 22%;

    display: inline-block;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    float: left;

    color: #ccc;

    text-align: left;

}

.info-title{

    height: 52px;

    line-height: 52px;

    font-size: 20px;

    text-align: center;

    font-weight: bold;

    color: #01687e;

}

.title-line{

    width: 100px;

    height: 2px;

    background: #ddd;

    margin: auto;

    margin-bottom: 30px;

}

.nav-left{

    float: left;

    width: 300px;

}

.info-txt2{

    width: 960px;

    float: right;

}

.nav-left ul li{

    width: 100%;

    height: 44px;

    line-height: 44px;

    border-bottom: 1px solid #ddd;

    text-indent: 30px;

}

.nav-left ul li a{

    display: block;

}

.nav-left ul li a:hover{

    background: #01687e;

    color: #fff;

}

.nav-left ul li a.active{

    background: #01687e;

    color: #fff;

}

.txt-p-center{

    text-align: center;

    line-height: 25px;

    color: #333;

    margin-bottom: 20px;

    padding: 0 20px;

}

.txt-p-center2{

    width:620px;

    line-height: 25px;

    color: #333;

    margin: auto;

    margin-top: 10px;

}

.st-ye{

    font-size: 20px;

    color: #ffd806;

    font-weight: bold;

}

.txt-p-center2 .st-ye{

    margin-right: 36px;

}

.st-rd{

    color: red;

}

.font-xl{

    font-size: 20px;

    line-height: 30px;

}

.title-h7{

    width: 100%;

    height: 39px;

    background: url('../images/title_bg3.png') no-repeat left;

    line-height: 39px;

    padding-left: 35px;

    font-size: 18px;

    font-weight: bold;

}

.padding-left35{

    padding-left: 35px;

}

.txt-g{

    padding: 0 63px;

}

.txt-p{

    line-height: 30px;

}

.txt-list{

    overflow:hidden;

}

.txt-li{

    padding-left: 35px;

    float: left;

    width: 470px;

    margin-bottom: 30px;

}

.txt-li h5{

    font-weight: bold;

    font-size: 18px;

}

.txt-li p{

    line-height: 30px;

}

a.link-a{

    text-decoration: underline;

}

.title3{

    font-size: 14px;

    font-weight: bold;

    padding-left: 35px;

    margin-top: 30px;

}

.navbar{

    border-bottom: 1px solid #ffd806;

    margin-bottom: 30px;

}

.navbar-nav>li.active{

    background: #ffd806;

}

.sign-g{

    overflow: hidden;

    margin-top: 30px;

}

.sign-g img{

    float: left;

    margin-right: 30px;

}

.sign-g p{

    margin-top: 60px;

    line-height: 30px;

}

.txt-blu{

    color: blue;

}

.course-list{

    margin-top: 30px;

}

.course-list li{

    margin-bottom: 45px;

    padding: 0;

}

.course-list img{

    width: 300px;

    height: 200px;

    object-fit: cover;

    float: left;

    background: #f2f2f2;

}

.course-list .course-right{

    width:752px;

    float: right;

}

.course-list h5{

    font-size: 24px;

    color: #333;

    height: 25px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    line-height: 25px;

}

.course-list em{

    color: #999;

    display: inline-block;

    height: 25px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    line-height: 25px;

    margin-bottom: 20px;

}

.course-list p{

    color: #999;

    height: 50px;

    overflow: hidden;

    line-height: 25px;

    margin-top: 35px;

}

.course-list .row3-btn{

    float: left;

    width: 88px;

    height: 30px;

    border: 1px solid #ccc;

    color: #333;

    text-align: center;

    line-height: 30px;

    margin-top: 20px;

}

.row3-btn:hover{

    background: #ffd806;

    color: #333;

    border: 1px solid #ffd806;

}

.videos-g .modal-dialog{

    width: 76%;

}

.video-main{

    width: 100%;

    height: 100%;

}

.videos-g .modal-body{

    width: 100%;

    height: 80vh;

    background: #000;

    padding: 0;

}



.info-qrcode{

    width: 130px;

    position: absolute;

    right: 100px;

    top: 10px;

}

.yindao-img{
    width: 100%;
    height: 100vh;
    background: #ffd806;
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}
.yindao-img img{
    display: table;
    margin: auto;
    width: 880px;
    position: absolute;
    top: -15px;
    bottom: 0;
    left: 0;
    right: 0;
}
.yd-btn{
    position: absolute;
    bottom: 150px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90vw;
    display: table;
    text-align: center;
}
.yd-btn a{
    width: 200px;
    height: 44px;
    line-height: 44px;
    background: #333;
    color: #fff;
    display: inline-block;
    margin: 0 15px;
    text-align: center;
    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;
}
.yd-btn a:hover{
    background: #fff;
    color: #333;
}
.yd-btn a:nth-of-type(2){
    
}
.yd-title{
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    color: #1e3151;
}
.yd-title span{
    font-size: 24px;
}

.nav ul li{
    float: left;
    margin: 10px;
}
.nav ul li a{
    display: block;
    background: #ffd806;
    padding: 10px 15px;
}
@media screen and (max-width:1024px) {

    body{

    }

    .content {

        width: 100%;

        padding: 0 15px;

    }

    .header {

        display: none;

    }

    .header2 {

        display: block;

    }

    .banner{

        height: 100vh;

    }

    .banner img{

        height: 100vh;

    }

    .content1{

        margin-top: 15px;

    }

    .main1-left{

        width: 100%;

    }

    .main1-img{

        width: 136px;

    }

    .main1-txt{

        padding-left: 146px;

    }

    .main1-txt h5{

        font-size: 14px;

    }

    .main1-ul li a span{

        width: 66%;

    }

    .main1-right{

        width: 100%;

        margin-top: 15px;

    }

    .content2{

        margin-top: 15px;

    }

    .content2-btn{

        width: 48%;

        margin-right: 4%;

        margin-bottom: 15px;

    }

    .content2-btn:nth-of-type(2n){

        margin-right: 0;

    }

    .content2-btn img{

        width: 100%;

    }

    .footer{

        margin-top: 15px;

    }

    .footer-bg{

        height: auto;

        background-size: cover;

    }

    .qrcode{

        float: left;

        margin-bottom: 15px;

    }

    .footer-control{

        display: none;

    }

    .footer-bottom p{

        overflow: hidden;

        height: 60px;

        font-size: 12px;

        line-height: 20px;

    }

    .nav-left{

        width: 100%;

    }

    .nav-title{

        height: 44px;

        line-height: 44px;

    }

    .nav-left ul{

        width: 100%;

        overflow: auto;

        white-space: nowrap;

        margin-top: 15px;

        margin-bottom: 15px;

    }

    .nav-left ul li{

        display: inline-block;

        float: unset;

        border-bottom:0;

        width: auto;

        height: 30px;

        line-height: 30px;

        text-indent: 0;

        text-align: center;

    }

    .nav-left ul li a{

        color: #333;

        margin:0;

        line-height: unset;

        background: #f2f2f2;

        padding: 0 8px;

    }

    .main-right{

        width: 100%;

    }

    .about2-list ul li{

        padding:15px 0;

    }

    .about2-img{

        width: 88px;

        height: 100px;

    }

    .teacher-list .about2-right{

        padding-left: 100px;

    }

    .about2-right h3 {

        font-size: 16px;

        margin-top: 0px;

    }

    .about2-link{

        margin: 10px 0;

    }

    .content-list ul li i{

        width: 4%;

        height: 52px;

        line-height: 52px;

    }

    .content-list ul li p{

        width: 66%;

        height: 52px;

        line-height: 52px;

    }

    .content-list ul li em{

        width: 25%;

        height: 52px;

        line-height: 52px;

    }

    .campus-list{

        margin-top: 0;

    }

    .campus-list .campus-slide{

        width: 100%;

    }

    .news-info-top{

        margin:15px 0;

        padding-bottom:15px;

    }

    .news-info-top h3{

        font-size: 18px;

        line-height: 25px;

    }

    .teachers-btn {

        width: 100px;

        height: 30px;

        line-height: 30px;

        border-radius: 6px;

        margin-top: 15px;

    }

    .teachers-txt{

        height: 50px;

    }

    .content-list ul li h5 p{

        width: 66%;

    }

    .download-btn{

        width: 25%;

        margin-top: 11px;

    }

    .mes-info .form-inline .form-group{

        float: left;

        margin-left: 5px;

    }

    .mes-info h3{

        margin:15px 0;

    }

    .team-info img{

        width: 100%;

        height: auto;

    }

    .team-info-right{

        width: 100%;

    }

    .banner-pagination{

        bottom: 10px !important;

    }

    .row1{

        margin-bottom: 0;

    }

    .main1{

        width: 100%;

        margin-right: unset;

        margin-bottom: 30px;

    }

    .news-big.news-big2 img{

        height: 235px;

    }

    .row-g-btn:nth-of-type(6) img{

        margin-left: -10px;

    }

    .row-ul span{

        width: 23%;

        font-size: 12px;

    }

    .row-ul h5{

        width: 70%;

    }

    .row2 .row-ul h5{

        width: 69%;

        font-size: 12px;

    }

    .row2 .row-ul span{

        width: 26%;

        font-size: 12px;

    }

    .row2 .mian1{

        width: 100%;

        margin-right: 0;

        margin-bottom: 30px;

    }

    .row2 .contact-list{

        margin-left: 0;

    }

    .main2{

        width: 100%;

        margin-bottom: 15px;

    }

    .news-big img{

        height: 225px;

    }

    .info-sidebar{

        width: 100%;

        height: auto;

    }

    .info-sidebar .title{

        height: 60px;

        font-size: 24px;

        line-height: 60px;

    }

    .siebar-nav{

        margin-bottom: 0;

    }

    .siebar-nav ul{

        width: 100%;

        overflow: auto;

        white-space: nowrap;

        padding-bottom: 1px;

    }

    .siebar-nav ul li{

        width: auto;

        height: 44px;

        display: inline-block;

        float: unset;

    }

    .siebar-nav ul li a {

        display: block;

        line-height: 44px;

        border-left: 0;

        text-indent: 0;

        text-align: center;

        padding: 0 15px;

    }

    .info-main{

        width: 90%;

        margin-top: 80px;

        padding-top: 15px;

    }

    .current p{

        display: none !important;

    }

    .about-img{

        width: 100%;

    }

    .about-title{

        position: relative;

        width: 100%;

        height: auto;

        text-align: center;

        left: 0;

        top: 0;

    }

    .about-txt{

        width: 100%;

        margin-top: 15px;

    }



    .course-list li{

        overflow: hidden;

        position: relative;

        padding: 0;

    }

    .course-list .course-right{

        width: 100%;

        padding-left: 132px;

    }

    .course-right h5{

        font-size: 16px;

        margin:0;

    }

    .course-right em{

        margin-top: 0;

        color: #ccc;

    }

    .course-right p{

        height: 50px;

        margin-top: 0;

    }

    .course-list li{

        margin-bottom: 30px;

    }

    .course-main img{

        width: 100%;

        height: auto;

    }

    .course-right{

        width: auto;

        margin-top: 0px;

    }

    .course-main .course-right p{

        margin-top: 15px;

        height: auto;

    }

    .course-list .row3-btn{

        margin-top: 10px;

    }

    .news-list .col-news-list h5 span{

        width: 70%;

    }

    .news-list .col-news-list h5 em{

        width: 26%;

        font-size: 12px;

    }

    .engineer-list .news-big{

        width: 48%;

        margin-right: 0;

        float: left;

    }

    .engineer-list .news-big:nth-of-type(2n){

        float: right;

    }

    .engineer-list .news-big img{

        height: 150px;

    }

    .news-info-top{

        margin:15px 0;

        padding-bottom:15px;

    }

    .news-info-top h3{

        font-size: 18px;

        line-height: 25px;

    }

    .photo-list ul li{

        width: 48%;

        margin: 0;

        margin-bottom: 15px;

    }

    .photo-list ul li:nth-of-type(2n){

        float: right;

    }

    .photo-list ul li img{

        height: 150px;

    }

    .video-list ul li{

        width: 48%;

        margin: 0;

        margin-bottom: 15px;

    }

    .video-list ul li:nth-of-type(2n){

        float: right;

    }

    .video-list ul li img{

        height: 115px;

    }

    .video-list ul li h5{

        height: 30px;

        line-height: 30px;

    }

    .videos-icon{

        opacity: 1;

        filter: alpha(opacity=100);

    }

    .row6-list{

        text-indent: 120px;

        font-size: 16px;

    }

    .info-recommend{

        display: none;

    }

    .link-list ul li{

        width: 48%;

        float: left;

        margin-right: 0;

    }

    .link-list ul li:nth-of-type(2n){

        float: right;

    }

    .news-list .col-news-list h5 span{

        width: 70%;

    }

    .news-list .col-news-list h5 em{

        width: 25%;

    }

    .main1{

        margin-bottom: 15px;

    }

    .main4{

        margin-bottom: 15px;

        width: 100%;

    }

    .row-btn{

        width: 48%;

        height: 88px;

        float: left;

    }

    .row-btn h5{

        font-size: 18px;

        margin-top: 26px;

    }

    .row-btn2{

        margin-top: 0;

        float: right;

    }

    .row2 .main2:last-of-type{

        margin-bottom: 0;

    }

    .row3{

        margin-top: 15px;

    }

    .info-loc{

        display: none;

    }

    .info-nav{

        padding: 0;

        width: 90%;

    }

    .info-nav ul{

        width: 100%;

        overflow: auto;

        white-space: nowrap;

    }

    .info-nav ul li{

        min-width: unset;

        width: auto;

        display: inline-block;

        float: unset;

    }

    .info-nav ul li a{

        padding: 0 15px;

    }

    .f-link ul li{

        width: 48%;

        text-align: left;

        float: left;

        margin-right: 0;

    }

    .f-link ul li:nth-of-type(2n){

        float: right;

    }

    .info-txt2{

        width: 100%;

    }

    .course-list li{

        overflow: hidden;

        position: relative;

        padding: 0;

    }

    .course-list img{

        width: 138px;

        height: 114px;

        position: absolute;

    }

    .course-list .course-right{

        width: 100%;

        padding-left: 155px;

    }

    .course-right h5{

        font-size: 16px;

        margin:0;

    }

    .course-right em{

        margin-bottom: 0;

    }

    .course-list li{

        margin-bottom: 30px;

    }

    .course-main img{

        width: 100%;

        height: auto;

    }

    .course-right{

        width: auto;

        margin-top: 0px;

    }

    .course-main .course-right p{

        margin-top: 15px;

        height: auto;

    }

    .banner{

        display: none;

    }

    .banner2{

        display: block;

    }

    .title-h3{

        width: 100%;

    }

    .title-h3{

        width: 100%;

        background-size: 100%;

        font-size: 24px;

    }

    .title-h5{

        margin-top: 30px;

    }

    .txt-p-center{

        padding: 0;

    }

    .txt-p-center2{

        width: 100%;

    }

    .txt-p-center2 .st-ye{

        display: block;

    }

    .about-main img{

        width: 100%;

    }

    .txt-g{

        width: 100%;

        padding: 0;

    }

    .padding-left35{

        padding-left: 0;

    }

    .txt-li{

        width: 100%;

        padding-left: 0;

    }

    .info-main{

        margin-bottom: 30px;

    }

    .about-main .sign-g img{

        width: 15%;

    }

    .title3{

        padding-left: 0;

    }

    .course-list{

        margin-top: 0;

    }

    .photo-list{

        margin-top: 0;

    }

    .video-list ul li h5{

        width: 100%;

        padding-right: 0;

    }

    .video-list ul li p{

        width: 100%;

        line-height: 20px;

        height: 20px;

    }

    .video-list{

        margin-top: 0;

    }

    .videos-g .modal-dialog{

        width: 95%;

        margin: auto;

        margin-top: 10px;

    }

    .banner-btn{

        bottom: 20px;

        left: 0;

        right: 0;

        margin: auto;

        top: unset;

    }

    .info-qrcode{

        position: relative;

        top: unset;

        right: unset;

        margin: auto;

        display: table;

    }
    .yindao-img img{
        width: 90vw;
    }
    .yd-btn a{
        margin: auto;
        margin-top: 30px;
    }

    .yd-title{
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
        color: #1e3151;
        padding-top:20px;
        margin: auto;
        width: 94%;
    }
    .yd-title span{
        font-size: 20px;
        line-height: 25px;
        margin-top: 15px;
        display: inline-block;
    }
    .xy{
        width: 100% !important;
    }

}



@media screen and (max-width:1380px) {



}