@media screen and (min-width:321px) and (max-width:375px){body{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){body{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){body{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){body{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){body{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){body{font-size:23.5px}}
/*@media screen and (min-width:800px){body{font-size:25px}}*/


@media screen and (max-width: 800px) {
    body {
        width: 100%;
        min-width: 200px;
    }

    #floatPanel .ctrolPanel {
        display: none;
    }

    /*头部*/
    .ceiling-containers {
        padding-bottom: 0.01rem;
    }

    .ceiling-container {
        background: #09122b url(../img/navbg.png) repeat 80% 100%;
    }

    .w1140 {
        width: 100%;
        position: relative;
    }

    .ceiling-container .logo {
        margin-right: 1.48rem;
        margin-top: 0.1rem;
    }

    .ceiling-container .logo .logo-text {
        margin-top: 0.06rem !important;
        width: 20% !important;
    }

    .ceiling-container .logo .logo-text-txt {
        margin-top: 0.3rem !important;
    }

    .ceiling-container .ceiling-nav {
        height: 0.4rem;
        padding: 0 0.16rem;

        display: none;
    }

    .ceiling-container .ceiling-nav li {
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 1.1em;
    }

    /*banner*/
    .carousel-indicators {
        bottom: 0.5rem;
    }

    #main-slider .carousel-indicators li {
        width: 0.2rem;
        height: 0.2rem;
        margin: 0 0.15rem 0 0;
        display: none;
    }

    #main-slider .carousel-indicators .active {
        width: 0.2rem;
        height: 0.2rem;
        margin: 0 0.15rem 0 0;
        display: none;
    }

    #main-slider .carousel .item {
        height: 7.30rem!important;
    }

    #main-slider .carousel .item .old-bg {
        /*top: 0.5rem!important;*/
        height: 7.30rem!important;
    }

    .page-bg {
        height: 7.3rem;
    }

    .bg-dot {
        height: 7.3rem;
    }

    .experienceBtn {
        left: 40% !important;
        bottom: 0.3rem !important;
        font-size: 1.2em;
        border-radius: 0.8rem;
        line-height: 0.2rem !important;
        height: 0.5rem;
        margin: 0.1rem auto;
        margin-bottom: 0.2rem;
        width: 1.6rem;
    }

    /*数据跳动*/
    .dataMap h2 {
        font-size: 2em;
        letter-spacing: 4px;
        padding: 0.5rem 0 0.3rem;
    }

    .dataMap p {
        font-size: 1.5em;
        line-height: 0.44rem;
    }

    .dataMap p:last-child {
        font-size: 2em;
        padding-top: 0.4rem;
    }

    .dataMap p >span {
        margin-right: 0.2rem;
        display: block;
        height: 1.2rem;
        line-height: 1.2rem;
    }

    .dataMap {
        height: 190px !important;
    }

    /*footer*/
    .wrapin {
        width: 100%;
    }
    /*footer*/

    /*product*/
    .tit-en {
        margin-top: 0.9rem !important;
        font-size: 2.5em;
    }

    .tit-zh {
        font-size: 1.5em;
    }

    .tit {
        margin-top: 0 !important;
    }

    .product-item-tit {
        font-size: 1.84em;
    }

    .product-item-tit-en {
        margin-top: 0.1rem;
        margin-bottom: 0.3rem;
        font-size: 1.1em;
    }

    .product-item-txt {
        font-size: 1.1em;
    }

    .more_btn {
        width: 1.86rem;
        height: 0.72rem;
        line-height: 0.72rem;
        border-radius: 0.4rem;
        font-size: 1.1em;
    }

    .hot_spot {
        width: 100%;
        min-width: 100%;
    }

    .experience_btn {
        width: 111px !important;
        left: 37% !important;
        bottom: 2% !important;
    }



    .ctaContainerBox, .ctaContainer, .ctaContainer1, .ctaContainer2, .ctaContainer3, .ctaContainer4, .ctaContainer5 {
        height: 300px;
    }

    .ctaContainer1 {
        z-index: 9005;
        background: url(../img/customer/1层.png) repeat-x;
        -webkit-background-size:1380px;
        -moz-background-size:1380px;
        background-size:1380px;

        -webkit-animation:slideAcross 45s linear infinite;
        -moz-animation:slideAcross 45s linear infinite;
        -o-animation:slideAcross 45s linear infinite;
        -ms-animation:slideAcross 45s linear infinite;
        animation:slideAcross 45s linear infinite;
    }

    .ctaContainer2 {
        z-index: 9004;
        background: url(../img/customer/2层.png) repeat-x;
        -webkit-background-size:1380px;
        -moz-background-size:1380px;
        background-size:1380px;

        -webkit-animation:slideAcross 55s linear infinite;
        -moz-animation:slideAcross 55s linear infinite;
        -o-animation:slideAcross 55s linear infinite;
        -ms-animation:slideAcross 55s linear infinite;
        animation:slideAcross 55s linear infinite;
    }

    .ctaContainer3 {
        z-index: 9003;
        background: url(../img/customer/3层.png) repeat-x;
        -webkit-background-size:1380px;
        -moz-background-size:1380px;
        background-size:1380px;

        -webkit-animation:slideAcross 65s linear infinite;
        -moz-animation:slideAcross 65s linear infinite;
        -o-animation:slideAcross 65s linear infinite;
        -ms-animation:slideAcross 65s linear infinite;
        animation:slideAcross 65s linear infinite;
    }

    .ctaContainer4 {
        z-index: 9002;
        background: url(../img/customer/4层.png) repeat-x;
        -webkit-background-size:1380px;
        -moz-background-size:1380px;
        background-size:1380px;

        -webkit-animation:slideAcross 75s linear infinite;
        -moz-animation:slideAcross 75s linear infinite;
        -o-animation:slideAcross 75s linear infinite;
        -ms-animation:slideAcross 75s linear infinite;
        animation:slideAcross 75s linear infinite;
    }

    .ctaContainer5 {
        z-index: 9001;
        background: url(../img/customer/5层.png) repeat-x;
        -webkit-background-size:1380px;
        -moz-background-size:1380px;
        background-size:1380px;

        -webkit-animation:slideAcross 85s linear infinite;
        -moz-animation:slideAcross 85s linear infinite;
        -o-animation:slideAcross 85s linear infinite;
        -ms-animation:slideAcross 85s linear infinite;
        animation:slideAcross 85s linear infinite;
    }



    @-moz-keyframes slideAcross {
        0% {
            background-position:0 0
        }
        to {
            background-position:-1380px 0
        }
    }

    @-webkit-keyframes slideAcross {
        0% {
            background-position:0 0
        }
        to {
            background-position:-1380px 0
        }
    }

    @-o-keyframes slideAcross {
        0% {
            background-position:0 0
        }
        to {
            background-position:-1380px 0
        }
    }

    @keyframes slideAcross {
        0% {
            background-position:0 0
        }
        to {
            background-position:-1380px 0
        }
    }

    .news-box-tit {
        font-size: 1.17em;
    }

    .news-item-tit {
        margin: 0.3rem 0 0.16rem;
        font-size: 1.33em;
    }

    .footer_box .link {
         margin-right: 0;
    }

    .footer-mobile {
        padding-left: 10%;
    }

    .footer-mobile-first {
        height: 200px;
        margin-bottom: 20px;
    }

    .dataMap p >span.mobile-hidden {
        display: none;
    }

    .mobile-tit{
        margin-bottom: 5px;
    }

    .product-item1 .product-item-img,
    .product-item2 .product-item-img,
    .product-item3 .product-item-img {
        background-size: 90%;
    }

    .product-item-img {
        width: 200px;
        height: 200px;
    }

    .product-item-bda, .product-item-bdm, .tit {
        margin-top: 20px;
    }

    .footer_box .link {
        width: 33%;
    }

    /*.copyright {*/
        /*height: 48px;*/
        /*line-height: 2;*/
    /*}*/

    /*.dibu_banquan3 {*/
        /*height: 48px;*/
    /*}*/

    /*.dibu_banquan3 {*/
        /*line-height: 2;*/
    /*}*/

    /*.mobile-menuBox {*/
        /*position: absolute;*/
        /*line-height: 4;*/
        /*right: 0px;*/
        /*top: 35px;*/
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
        /*background: rgba(0,0,0,.66);*/
    /*}*/

    .mobileMenuBtn, .mobileMenuBtn_shad, .header_menu {
        display: block;
    }

    .mobileMenuBtn_shad {
        width: 100%;
        height: 0;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        background: rgba(41, 41, 41, 0.7);
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
    }

    .header_menu {
        width: 200px;
        background: rgba(0, 0, 0, .8);
        position: fixed;
        height: 100%;
        overflow: auto;
        top: 0;
        right: -200px;
        transition: 0.6s all;
        -webkit-transition: 0.6s all;
    }

    .mobileMenuBtn {
        position: fixed;
        right: 20px;
        top: 18px;
        width: 28px;
        text-align: center;
        cursor: pointer;
        z-index: 100;
        display: none;
        transition: 0.4s all;
        -webkit-transition: 0.4s all;
    }

    .mobileMenuBtn {
        display: block;
    }

    .mobileMenuBtn span {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        margin-bottom: 8px;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
    }

    .mobileMenuBtn span:first-child, .mobileMenuBtn span:last-child {
        transform-origin: 100% 50%;
        -webkit-transform-origin: 100% 50%;
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    .mobileMenuBtn span:nth-child(2) {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .mobileMenuBtn span:last-child {
        margin: 0;
    }

    .mobileMenuBtn.active {
        right: 220px;
    }

    .mobileMenuBtn.active span:first-child {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .mobileMenuBtn.active span:nth-child(2) {
        transform: translateX(80px);
        -webkit-transform: translateX(80px);
        opacity: 0;
    }

    .mobileMenuBtn.active span:last-child {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .mobileMenuBtn_shad.active {
        height: 100%;
    }

    .header_menu.active {
        right: 0;
    }

    .header_menu ul {
        text-align: center;
    }

    .header_menu ul li a {
        display: block;
        padding: 0 25px;
        color: #fff;
        border-top: solid 2px rgba(0, 0, 0, 0);
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .header_menu ul li a {
        padding: 0;
        border: none;
        border-bottom: solid 1px #292929;
        line-height: normal;
        padding: 12px 0;
        font-size: 14px;
    }

    .header_menu ul li.active a:hover, .header_menu ul li.active a, .header_menu ul li.active a:focus {
        border: none;
        border-bottom: solid 1px #333;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .header_menu ul li {
        display: block;
    }

    .dataMap p:last-child > span:first-child span {
        font-size: 40px;
    }

    .dataMap p:last-child sup {
        font-size: 16px;
    }

    .dataMap h2 {
        color: #656577;
    }

    .dataMap p {
        color: #656577;
    }

    .map_box {
        height: 300px;
    }

    .dataMap p:last-child sup {
        top: -.5em;
    }
}