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

}
@media screen and (max-width: 1366px){
    .head-contina {
        width: 88%;

    }
    .center-b-in .m-slider-caption-title {
        font-size: 36px;
    }
}
@media screen and (max-width: 1130px){
    .head-contina,.contia-info{
        width: 96%;
    }
    .main_cons {
        width:70%;
    }
    .index-a-left,.ui-banner-slides,.ui-banner-slogans{
        width: 50% !important;
    }
    .index-a-left img,.ui-banner-slides img{
        width: 100%;
    }
    .index-a-right p {
        font-size: 18px;
    }
    .foot-a {
        margin-left: 20px;
    }

}
@media screen and (max-width: 1199px){
    .center {
        width: 96%;

    }
}
@media screen and (max-width: 800px){
    .nav{
        display: none;
    }
    .m-navbar-toggle{
        display: block;
        /*margin-top: 27px;*/
    }

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

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

    .yd-word h2 {
        font-size: 16px;
        padding-top: 10px;
        letter-spacing: 3px;
    }
    .yd-word p {
        font-size: 12px;
        padding-top: 10px;
    }
    .jdt span,.jdt{
        height: 2px;
    }
    .jdt {
        width: 60%;
    }
    .yd-in{
        position: relative;
        top: 17%;
        width: 90%;
        left: 5%;
    }
    .ui-bnnerp {
        width: 100%;
         padding-left: 0px;
    }
    .banner {
        position: static;
    }
    .heads{
        height: 70px;
        position: fixed;
        width: 100%;
        background-color: #fff !important;
        top: 0px;
    }
    body{
        padding-top: 70px;
        background-size: cover !important;
        min-height: calc(100vh);
    }
    .logo img{
        width: 85%;
        /*margin-top: 6px;*/
        display: none;
    }
    .logo a{
        display: inline-block;
        width: 45px;
        height: 38px;
        background: url("../img/logoss.png");
        background-size: cover !important;
    }
    .logo {
        margin-top: 17px;
    }

    .m-navbar-toggle{
        margin-top: 16px;
    }
    .uk-dotnav{
        display: none;
    }
    .logo {
        width: 50%;
    }
    .center-b-in .m-slider-caption-title {
        font-size: 18px;
    }
    .m-slider-caption-text {
        font-size: 14px;
    }
    .foot p {
        line-height: 24px;
    }
   .banner .bd ul li{
        background-size: cover !important;
        height: calc(100vh - 70px) !important;
    }
    .banner{
        height: calc(100vh - 70px) !important;
    }
    .int-content-left {
        margin-right: 0px;
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    .case-d {
        padding: 10px;
    }
    .int-content-right-p {
         margin-top: 0px;
    }
    .cul-left,
    .cul-left-a,
    .cul-left-bo,
    .cul-left-b,
    .cul-right-a,
    .cul-right-c,
    .cul-right-d,
    .cul-right-b,
    .product-left{
        float: none;
        width: 100%;
        margin-left: 0px;
    }
    .product-inn{
        background-position: center center;
    }
    .cul-left-b video {
        width: 100% !important;
    }
    .cul-left-b,
    .cul-right-c{
        background-size: cover !important;
    }
    .cul-right-a{
        height: auto;
    }
    .honnor ul li{
        float: none;
        width: 100%;
        margin: 10px 0;
    }
    .honnor ul li img{
        width: 100% !important;
        height: auto !important;
    }
    .page-pagination a {
        margin: 0 2px;
        padding: 3px;
    }
    .picScroll-left .bd ul li{
        width: 100% !important;
        float: none;
        height: auto !important;
    }
    .tempWrap,
    .picList{
        width: 100% !important;
    }
    .tema-yc{
        height: auto;
        display: block !important;
        width: 100%;
        position: static;
    }
    .picScroll-left .bd ul li{
        margin: 30px 0px 0 !important;
    }
    .foots {
        margin-top: 30px;
    }
    .picScroll-left .hd {
        display: none;
    }
    .dynamic ul li {
        border-bottom: 1px dashed gainsboro;
        padding: 20px 0;
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    .dynamic-left {
        float: none;
        margin-right: 0px;
        width: 100%;
    }
    .dynamic-left img {
        width: 100%;
        height: auto;
    }
    .dynamic-right p {
         height:auto;
    }
   .xf{
       display: none !important;
   }
   .product-img,
   .product-img img,
   .product ul{
       width: 100%;
       float: none;
   }
    .product-inn video{
        width: 100%;
    }
    .case ul li {
        float: none;
       width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .case ul li .case-img {
        height: auto;
    }
    .case ul li .case-img img {
        width: 100%;
        height: auto;
    }
    .page {
        margin-top: 30px !important;
    }
    .case-d-left,
    .case-d-right{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .case-d-right .bd ul li img {
        width: 100%;
        height:auto;
    }
    .inten-left,
    .coop-left{
        margin-right: 0px;
        float: none;
        width: 100%;
    }
    .inten-left img,
    .join-right{
        width: 100%;
        height: auto;
    }
    .inten-right h2,
    .inten-right h3{
        font-size: 24px;
    }
    .intens-nav span{
        display: block;
        margin: 10px 0;
    }
    .coop-left ul li {
        width: 49%;
        height: 192px;
        margin-right: 2%;
        margin-bottom: 8px;
    }
    .coop-left ul li:nth-child(2n){
        margin-right: 0%;
    }
    .my-map {
        width: 100%;
    }
    thead{
        display: none;
    }
    tbody td{
        display: block;
        width: 100%;
        position: relative;
        padding-left: 80px;
        margin-bottom: 10px;
    }
    .join-right table tbody tr{
        height: auto;
        text-align: left;
    }
    tbody td:nth-child(1):after{
         content: "招聘职位：";
        position: absolute;
        left: 0px;
    }
    tbody td:nth-child(2):after{
        content: "工作地点：";
        position: absolute;
        left: 0px;
    }
    tbody td:nth-child(3):after{
        content: "招聘人数：";
        position: absolute;
        left: 0px;
    }
    tbody td:nth-child(4):after{
        content: "发布时间：";
        position: absolute;
        left: 0px;
    }
    tbody td:nth-child(5):after{
        content: "查看详情：";
        position: absolute;
        left: 0px;
    }
    .join-right{
        margin-top: 20px;
    }
    .joinX ul li {
        float: none;
        width: 100%;
        text-align: left;
        padding-left: 20px;
    }
    .deve-content-img img {
        /*max-width: 100%;*/
    }
    .inten-right{
        margin-top: 30px;
        float: none;
    }
    .intens{
        height: auto !important;
    }
    .honnor ul li:hover img{
        transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
    }
    .banner .bd ul li img {
       /*display: none;*/
    }
    .team-img img {
        width: 100%;
        height: auto;
    }
    .banner .bd ul li img{
        width: auto;
        height: calc(100vh - 0px) !important;
    }
    .banner .bd ul li{
        overflow-x: auto;
    }
    .uk-offcanvas-page{
        margin-left: 0px !important;
    }
    .uk-offcanvas,.uk-offcanvas-bar{
        top: 70px;
        width: 100%;
    }
    .uk-offcanvas-bar{
        background-color: rgba(0,0,0,1);
    }
    .uk-offcanvas-bar li{
        line-height: 30px;
        border-bottom: 1px solid #626161;
    }
    .uk-offcanvas-bar-flip.active{
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    .uk-nav-parent-icon > .uk-parent > a:after{
        display: none !important;
    }
    .uk-nav li a{
        text-align: center;
    }
    .uk-nav>li>a{
        color: #fff;
    }
    .product-left{
        margin-bottom: 10px;
    }
    .yd-word {
        position: fixed;
        width: 100%;
        bottom: 30px;
        left: 0px;
    }
    .deve-content-img,.mech{
        overflow-x: auto;
    }
}