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


@media screen and  (max-width: 1680px) {
    .baidu-page-banner {
        height: 205px;}
}


@media screen and (max-width: 1440px) {
    .baidu-page-banner {
        height: 176px;}
}


@media screen and (max-width: 1366px) {
    .home-blog-text {
        width: 372px;}
    .home-blog-info li a:hover .home-blog-text {
        box-shadow: 0 1px 5px rgba(54, 124, 245, .2);
        -o-transform: translate(0, -118px);
        -ms-transform: translate(0, -118px);
        -moz-transform: translate(0, -118px);
        -webkit-transform: translate(0, -118px);
        transform: translate(0, -118px);}
    .baidu-page-banner {
        height: 166px;}
}


@media screen and (max-width: 1280px) {
    .home-people-info.row {
        margin-left: 0;
        margin-right: 0;}
    .home-blog-text {
        width: 372px;}
    .video-js .vjs-control-bar {
        width: 100%;
        left: 0;
        margin-left: 0;}
}

@media screen and (max-width: 1199px) {
    .content-info {
        width: 100%;
        padding: 0 15px;}
    .header.w1200_header .header02{display: none!important;}
    .n_header .header01{display: none!important;}
    /*移动端导航*/
    .header .header01{display: none;}
    .header .header02{display: none;}
    .header.w1200_header .header02{display: none;}

    .n_header.scroll_h{height: 70px;}
    .header03{display: block;}
    .header03{/*position: static;*/height: 70px;background-color: #fff;}
    .header03 .logo{float: left;margin:15px 0 0 20px;}
    .header03 .logo a{display: block;}
    /*.header03 .logo a img{width: 129px;height: 40px;}*/
    /*导航按钮*/
    .header03 .nav_btn{display:block;float: right;margin: 20px 20px 0 0;cursor:pointer;height: 32px;width: 30px;position: relative;}
    .header03 .nav_btn span{display: inline-block;width: 30px;height: 2px;background-color: #000;
        position: absolute;top: 16px;left: 0px;
        transition:background-color 0.3s ease-out 0.1s;}
    .header03 .nav_btn span:after{content:'';display: inline-block;width: 30px;height: 2px;
        background-color: #000;position: absolute;top: 8px;left:0px;
        transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
        transform: rotate(0deg);}
    .header03 .nav_btn span:before{content:'';display: inline-block;width: 30px;height: 2px;
        background-color: #000;position: absolute;top: -8px;left:0px;
        transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
        transform: rotate(0deg);}
    .header03.btn_click .nav_btn span{background-color: transparent;}
    .header03.btn_click .nav_btn span:after{
        transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
        transform: rotate(-45deg);top: 0px;}
    .header03.btn_click .nav_btn span:before{
        transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
        transform: rotate(45deg);top: 0px;}
    /*内容样式*/
    .header03{
        position: fixed;
        z-index: 10;
        width: 100%;}
    .header03 .nav{
        position: fixed;
        top:70px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: #fff;
        visibility: hidden;
        filter:alpha(opacity=0);
        -moz-opacity:0;
        opacity:0;
        transition:all 0.5s;}
    .header03.btn_click .nav{
        visibility: visible;
        filter:alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
        top:70px;}
    .header03 .nav>ul {
        overflow-y: auto;}
    .header03 .nav>ul>li{
        border-top: 1px solid #dcdcdc;}
    .header03 .nav>ul>li:last-child{
        border-bottom: 1px solid #dcdcdc;}
    .header03 .nav li a{
        color: #000;
        display:block;
        width: 100%;
        text-align: center;
        height: 100%;}
    .header03 .nav li>a{
        padding:25px 0;}
    .header03 .nav>ul>li>a{
        font-size: 16px;}
    .header03 .nav>ul>li>a em{
        font-size: 14px;
        padding-left: 5px;
        color: #333;}
    .header03 .nav>ul .nav_er{
        display: none;
        width: 100%;
        top: 100%;
        left: 0;
        background-color: #dcdcdc;}

    .header03 .nav_er .div_dl li {
        border-top: 1px solid #dcdcdc;}
    .header03 .nav_er .div_dl li a{
        color:#000;
        display: block;
        /*float: left;*/
        width: 100%;
        padding:20px 0;}
    .header03 .nav_er .div_dl li:last-child{}
    .carousel,
    .baidu-page-banner,
    .my-video-dimensions {
        margin-top: 70px;}
    .my-video-dimensions {
        height: 350px !important;}
    .ai-colloquium {
        margin-top: 80px;}
}

@media screen and (max-width: 1024px) {
    .baidu-page-banner {
        height: 125px;}
    .home-blog-text {
        width: 100%;}
    .publications-info {
        width: 100%;
        float: inherit;
        margin-top: 20px;}
    .publications-nav{
        width: 100%;
        float: inherit;}
    .carousel p {
        font-size: 16px;
        line-height: 24px;}
    .home-blog-info li .home-blog-img img {
        width: auto;
        height: inherit;}
    .home-blog-title {
        font-size: 14px;
        max-width: 100%;
        height: inherit;
        white-space: nowrap;
        text-decoration: none;
        text-overflow: ellipsis;
        overflow: hidden;}
    .home-blog-info li a:hover .home-blog-text {
        position: inherit;
        -o-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        -moz-transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);}
    .home-blog-info li a:hover .home-blog-introduce {
        display: none;}

    .content-info.spacing {
        padding: 30px 15px;}

    .publications-nav-title {
        width: 100%;
        clear: both;
        margin-bottom: 15px;}
    .publications-nav .publications-t {
        width: 33%;
        display: block;
        margin-bottom: 5px;
        float: left;
        height: 40px;}

    .people-text {
        width: 275px;}
    .people-more {
        right: -20px;}
    .people-page-left {
        width: 100%;}
    .people-texts .people-titlea {
        max-width: 100%;}
    .people-page-right {
        width: 100%;
        border-left: none;
        padding-left: 0;}
    .people-texts {
        width: 80%;}

    .blog-content {
        width: 67%;
        padding: 10px 30px;}
    .blog-introduce {
        width: 100%;}
    .career-photo {
        margin-top: 30px;}
    .blog-img img {
        width: 320px;
        height: 206px;}
    .recommend-blog-img img {
        width: auto;
        height: auto;}
    .recommend-blog-title {
        font-size: 14px;}
    .blog-introduce {
        margin: 25px 0;}

    .ai-colloquium {
        margin-top: 90px;}
}


@media screen and (max-width: 959px) {
    .carousel p {
        font-size: 14px;
        line-height: 20px;}
    .baidu-page-banner {
        height: 117px;}
    .home-title{
        margin: 30px 0;}
    .home-blog-info li:last-child {
        }
    .home-more {
        margin: 30px auto;}
    .baidu-bottom {
        height: auto;
        text-align: center;
        padding: 30px 0;}
    .baidu-bottom .social-icons {
        float: none;
        width: 114px;
        margin: 0 auto;}
    .baidu-bottom .social-icons li {
        margin: 0 8px;}
    .baidu-weibu,
    .baidu-img,
    .baidu-links{
        float: none;}
    .baidu-img {
        margin: 0 auto;
        margin-left: 0;
        width: 100%;}
    .baidu-links {
        width: 195px;
        margin: 0 auto;}

    .baidu-page-title {
        font-size: 36px;}
    .publications-nav .publications-t {
        width: 50%;}
    .home-title.page-title {
        margin: 30px 0 20px;}
    .page-Introduction.row {
        margin: 0 -22px;}
    .page-Introduction-title {
        margin-top: 30px;}
    .home-publications .home-more {
        margin: 13px auto 30px;}

    .people-text {
        width: 78%;}
    .blog-content {
        width: 55%;}
    .blog-content {
        width: 55%;
        padding: 10px 15px;}
    .blog-introduce {
        margin: 14px 0;}
    .blog-title {
        font-size: 14px;
        line-height: 20px;}

    .career-one {
        width: 60%;
        padding-left: 15px;}
    .career-two {
        width: 20%;}
    .career-three {
        width: 20%;}
    .career-column li a {
        padding: 0 15px;}
    .page-pagination {
        margin: 30px 0;}
    .testimonals-info {
        margin: 30px 0;}
    .testimonals-info {
        margin: 0 0 30px;}
    .testimonals-info li {
        margin-top: 30px;}

    .contact-one {
        position: absolute;
        top: 150px;
        left: 100px;}
    .contact-two {
        position: absolute;
        top: 180px;
        left: 127px;}
    .contact-three {
        position: absolute;
        top: 96px;
        right: 106px;}
    .contact-info {
        top: 22px;}
}

@media screen and (max-width: 767px) {
    .baidu-page-banner {
        height: 93px;}
    .my-video-dimensions {
        height: 260px !important;}
    .people-page-right{
        width: 100%;}
    .baidu-bottom {
       height: auto;}
    .carousel-inner,
    .carousel .item{
        overflow: inherit;}
    .carouselText {
        margin-top: 176px;
        top: auto;
        position: inherit;
        background: none;
        padding: 0;}
    .carousel-inner {
        padding-bottom: 88px;
        /*border-bottom: 1px dashed #398ded;*/
        background: url(../images/ico-5.jpg) no-repeat bottom center;}
    .carousel p {
        color: #000;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        text-shadow: none;
        font-weight: inherit;}
    .home-blog {
        margin: 0 15px;}
    .home-blog-info li {
        min-height: inherit;
        margin-bottom: 20px;}
    .home-blog .home-more {
        margin: 10px auto 30px;}
    .home-publications-info li {
        margin-bottom: 20px;}
    .home-blog-info li:last-child {
        display: block;}
    .publications-one1,.publications-two1,.publications-one1{
        background-size: cover !important;}
    .blog-img{
        float: none;
        text-align: center;
        width: 320px;
        margin: 0 auto;}
    .blog-details-title {
        font-size: 20px;
        line-height: 30px;}
    .container-details-er p {
        text-align: inherit;}
    .blog-content{
        float: none;
        width: 100%;
        padding: 20px;}
    .blog-introduce{
        max-width: 100%;}

    .career-nav{
        display: none;}
    .career-nav tr th {
        font-size: 16px;
        display: inline;}
    .career-nav {
        border: none;}
    .career-nav tr th {
        border: none;}
    .career-nav tr {
        width: 100%;}
    .career-nav td {
        width: 100% !important;
        line-height: 26px;
        padding-left: 10px;
        display: block;}
    .career-nav tr {
        position: absolute;
        top: -9999px;
        left: -9999px;}
    .career-info > li > div {
        width: 100%;
        float: inherit;
        padding-left: 20%;
        position: relative;
        line-height: 30px;}
    .career-info > li {
        height: auto;
        line-height: 40px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;}
    .career-info li div:before {
        position: absolute;
        left: 10px;
        width: 20%;
        padding-right: 10px;
        white-space: nowrap;}
    .career-info li div:nth-of-type(1):before { content: "Position:";}
    .career-info li div:nth-of-type(2):before { content: "Location:";}
    .career-info li div:nth-of-type(3):before { content: "Job Description:";}

    .career-mail {
        margin-top: 20px;
        float: none;}
    .home-publications-title {
        height: auto;
        font-size: 14px;
        line-height: 26px;}
    .publications-text li .publications-one1,
    .publications-text li .publications-one2{
        padding: 15px;}
    .publications-title,
    .publications-author,
    .publications-meeting{
        font-size: 14px;
        line-height: 26px;}
    .page-Introduction-introduce {
        height: auto;}
    .people-text {
        width: 66%;}
    .publications-text.publication-info li .publications-one1,
    .publications-text.publication-info li .publications-one2 {
        padding: 15px;}
    .people-texts {
        width: 75%;}
    .blog-title {
        height: auto;
        padding-bottom: 5px;}
    .testimonals-info li {
        padding: 0;}

    .contact {
        margin: 30px 0;}
    .contact-photo,
    .contact-position{
        display: none;}
    .contact-info {
        position: static;
        margin: 0 auto;
        border-radius: 4px;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;}
    .recommend-blog-info .row {
        margin-left: 0;
        margin-right: 0;}
    .content-info .home-blog,
    .recommend-blog-info li {
        padding: 0;
        margin: 0;}
    .recommend-blog-title {
        height: auto;}
    .people-info.ccc li {
        margin-bottom: 0;}
    .people-info.ccc li .p2 span {
        position: static;}

    .downloads-titles {
        line-height: 25px;
        font-size: 20px;
        color: #474747;
        padding-bottom: 10px;
        position: relative;}
    .downloads-info li {
        padding: 15px;}
    .downloads-text {}
    .downloads-title a {
        font-size: 16px;}
    .downloads-introduce {
        line-height: 24px;}
}


@media screen and  (max-width: 479px) {
    .baidu-page-banner {
        height: 58px;}
    .career-info > li > div {
        padding-left: 37%;}
    .contact-position{
        display: none;}
    .career-mail {
        width: 100%;
        margin-top: 0px;}
    .career-column li {
        float: none;
        margin-right: 0px;
        text-align: center;
        margin-bottom: 20px;}
    .baidu-page-title{
        font-size: 20px;}

    .people-infoa li a{
        height: auto;}
    .people-page-one{
        padding: 10px;}
    .people-imgs{
        float: none;
        margin-right: 0px;
        text-align: center;
        margin-bottom: 20px;}
    .people-titlea {
         height: auto;}
    .people-more{
        position: static;
        margin: 20px auto 0;}
    .people-areas {
        line-height: 24px;}
    .people-text {
        float: none;
        position: relative;
        width: 100%;
        text-align: center;}
    .publications-text li{
        margin-top: 20px;}
    body{
        overflow: hidden;}
    .blog-details-title {
        font-size: 20px;
        line-height: 30px;}
    .container{
        width: 98%;}
    .home-more {
        margin: 20px auto;}
    .home-blog-info li {
        min-height: auto;}
    .baidu-links .baidu-links-title {
        display: inline-block;
        float: none;}
    .baidu-weibu {
        float: none;}
    .baidu-links {
        float: none;
        position: relative;
        text-align: center;}
    .baidu-img {
        float: none;
        margin-left: 0px;
        text-align: center;}
    .carousel-inner {
        padding-bottom: 98px;}
    .carouselText {
        margin-top: 111px;}
    .carousel p {
        font-size: 12px;}

    .home-title {
        font-size: 30px;
        margin: 20px 0;}
    .home-blog-info li .home-blog-img img {
        width: 100%;
        height:auto;}
    .publications-nav .publications-t {
        width: 100%;}
    .people-texts {
        width: 100%;}
	.people-infoa li .people-p {
		height: auto;}
    .home-people-title {
        height: auto;}
    .p2 .home-people-title {
        margin-bottom: 20px;}
    .home-publications-introduce {
        height: auto;}
    .downloads-text {}
}
@media screen and  (max-width: 320px) {
    .baidu-page-banner {
        height: 39px;}
    .blog-img img {
        width: auto;
        height: auto;}
    .blog-img {
        width: 100%;}
    .career-info > li > div {
        padding-left: 44%;}
}