@media screen and (max-width: 1024px)
{
    body
    {
        font-size: .9rem;
        line-height: 200%;
    }
}
@media screen and (max-width: 768px)
{
    body
    {
        font-size: .9rem;
        line-height: 180%;
    }
    #movie
    {
        padding-top: 70px;
    }
    .swiper-pagination
    {
        display: none;
    }
    .swiper-button-next
    {
        display: none;
    }
    .swiper-button-prev
    {
        display: none;
    }
    #top
    {
        display: block;
    }
    #header-content
    {
        display: none;
    }
    #home-bar1
    {
        padding: 2%;
        box-sizing: border-box;
    }
    .home-comp
    {
        min-height: 0;
    }
    .home-comp-tit
    {
        font-size: 1.2rem;
        font-weight: bold;
    }
    .home-comp-tit span
    {
        font-size: .8rem;
    }
    .home-comp-txt
    {
        margin-top: 20px;
    }
    .home-comp-txt .t1
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .home-comp-txt .t2
    {
        width: 100%;
    }
    .home-comp-txt .t2 img
    {
        width: 100%;
    }
    #home-bar2
    {
        padding: 4% 2%;
        box-sizing: border-box;
    }
    .home-pro-tit p
    {
        font-size: 1.2rem;
        font-weight: bold;
    }
    .home-pro-tit p span
    {
        font-size: .8rem;
    }
    .home-pro-pic
    {
        margin: 20px auto;
    }
    .nTab .TabTitle
    {
        width: 100%;
    }
    .nTab .TabTitle li
    {
        width: 33%;
        margin-right: 1px;
        text-align: center;
        border-radius: 25px;
        margin-bottom: 10px;
    }
    .home-pro-list
    {
        width: 100%;
        margin-top: 20px;
    }
    .home-pro-list figure
    {
        width: 33%;
        margin-right: 1px;
    }
    .home-pro-list figure img
    {
        width: 100%;
    }
    .home-pro-list figcaption
    {
        font-size: .9rem;
    }
    #home-bar3
    {
        padding: 4% 2%;
        box-sizing: border-box;
    }
    .home-case-tit p
    {
        font-size: 1.2rem;
        font-weight: bold;
    }
    .home-case-tit p span
    {
        font-size: .8rem;
    }
    .home-case-pic
    {
        width: 100%;
        margin: 20px auto;
    }
    .mr_frBtn
    {
        width: 75px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }
    .mr_frBtnL
    {
        cursor: pointer;
        display: inline;
        float: left;
        height: 35px;
        margin-top: 30px;
        width: 35px;
    }
    .mr_frUl
    {
        width: 100%;
    }
    .mr_frBtnR
    {
        float: right;
        margin-top: 30px;
        cursor: pointer;
        width: 35px;
        height: 35px;
    }
    .mr_frUl ul li
    {
        width: 49.5%;
        margin-right: 1px;
    }
    .mr_frUl ul li p
    {
        width: 100%;
    }
    .mr_frUl ul li img
    {
        width: 100%;
    }
    #home-bar4
    {
        padding: 4% 2%;
        box-sizing: border-box;
    }
    .home-news-tit p
    {
        font-size: 1.2rem;
        font-weight: bold;
    }
    .home-news-tit p span
    {
        font-size: .8rem;
    }
    .home-news-txt
    {
        width: 100%;
        margin: 20px auto;
    }
    .home-news-txt .left
    {
        width: 100%;
        min-height: 0;
        padding: 2%;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .home-news-txt .left img
    {
        width: 100%;
    }
    .home-news-txt .right
    {
        width: 100%;
    }
    .newslist
    {
        width: 100%;
        min-height: 0;
    }
    .newslist li
    {
        width: 100%;
        height: auto;
        padding: 2%;
        box-sizing: border-box;
    }
    .newslist li h2
    {
        width: 20%;
        height: auto;
        line-height: 140%;
        padding: 3%;
        box-sizing: border-box;
    }
    .newslist li h2 p
    {
        font-size: 1.1rem;
    }
    .newslist li h2 p span
    {
        font-size: .8rem;
    }
    .newslist li h3
    {
        width: 78%;
        line-height: 160%;
        padding-right: 0;
    }
    .newslist li h3 p
    {
        font-size: 1rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .newslist li h3 p span
    {
        font-size: .8rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    #footer-bar1
    {
        padding: 4%;
        box-sizing: border-box;
    }
    #footer-bar1 .footer-nav
    {
        width: 100%;
    }
    #footer-bar1 .footer-nav .nav1
    {
        display: none;
    }
    #footer-bar1 .footer-nav .nav2
    {
        display: none;
    }
    #footer-bar1 .footer-nav .nav3
    {
        width: 100%;
        padding: 0;
    }
    #footer-bar1 .footer-nav .nav3 h2
    {
        font-size: 1.1rem;
        padding: 10px 0;
        margin-bottom: 10px;
    }
    #footer-bar2
    {
        padding: 2%;
        box-sizing: border-box;
    }
    #footer-bar2 .copyright
    {
        width: 100%;
        height: auto;
        line-height: 200%;
    }
    #subpages-banner
    {
        padding-top: 70px;
    }
    #subpages-banner .banner-1
    {
        height: auto;
        min-height: 150px;
        background: url(../image/banner-1.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-banner .banner-2
    {
        height: auto;
        min-height: 150px;
        background: url(../image/banner-2.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-banner .banner-3
    {
        height: auto;
        min-height: 150px;
        background: url(../image/banner-3.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-banner .banner-4
    {
        height: auto;
        min-height: 150px;
        background: url(../image/banner-4.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-banner .banner-5
    {
        height: auto;
        min-height: 150px;
        background: url(../image/banner-5.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-banner .banner-6
    {
        height: auto;
        min-height: 150px;
        background: url(../image/banner-6.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-banner .banner-7
    {
        height: auto;
        min-height: 150px;
        background: url(../image/banner-7.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-banner .banner-8
    {
        height: auto;
        min-height: 150px;
        background: url(/images/banner-8.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-banner .banner-9
    {
        height: auto;
        min-height: 150px;
        background: url(/images/banner-9.jpg) no-repeat center top;
        background-size: auto 150px;
        background-attachment: inherit;
    }
    #subpages-content
    {
        padding: 0;
    }
    .subpages-main
    {
        width: 100%;
        padding: 2%;
        box-sizing: border-box;
    }
    .subpages-left
    {
        display: none;
    }
    .subpages-right
    {
        width: 100%;
        min-height: 0;
    }
    .subpages-right-tit
    {
        display: none;
    }
    .subpages-right-txt img
    {
        width: 100%;
    }
    .header
    {
        display: block;
    }
    .subpages-certificate
    {
        width: 100%;
        margin: 20px auto;
    }
    .subpages-certificate figure
    {
        width: 49.5%;
        margin-right: 1px;
        margin-bottom: 10px;
    }
    .subpages-certificate figure img
    {
        margin-bottom: 5px;
        width: 100%;
    }
    .subpages-workshop
    {
        width: 100%;
        margin: 20px auto;
    }
    .subpages-workshop figure
    {
        width: 49.5%;
        margin-right: 1px;
        margin-bottom: 10px;
    }
    .subpages-workshop figure img
    {
        margin-bottom: 5px;
        border: #eee solid 1px;
        padding: 1%;
        box-sizing: border-box;
        width: 100%;
    }
    .pro-left
    {
        width: 100%;
    }
    .left-focus
    {
        display: none;
    }
    .left-cont
    {
        display: none;
    }
    .subpages-pro
    {
        width: 100%;
        margin: 20px auto;
    }
    .subpages-pro figure
    {
        width: 49.5%;
        margin-right: 1px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .subpages-pro figure img
    {
        padding: 1%;
        box-sizing: border-box;
        width: 100%;
    }
    .subpages-proinfo .bigpic img
    {
        width: 100%;
        box-sizing: border-box;
    }
    .subpages-proinfo-tit
    {
        font-size: 1.2rem;
        margin: 20px auto;
    }
    .subpages-proinfo-txt h2
    {
        font-size: 1rem;
    }
    .subpages-proinfo-txt img
    {
        width: 100%;
    }
    .subpages-access
    {
        width: 100%;
        margin: 20px auto;
    }
    .subpages-access figure
    {
        width: 49.5%;
        margin-right: 1px;
        margin-bottom: 10px;
    }
    .subpages-access figure img
    {
        padding: 1%;
        box-sizing: border-box;
        width: 100%;
    }
    .subpages-case
    {
        width: 100%;
        margin: 20px auto;
    }
    .subpages-case figure
    {
        width: 49.5%;
        margin-right: 1px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .subpages-case figure img
    {
        padding: 1%;
        box-sizing: border-box;
        width: 100%;
    }
    .subpages-solution
    {
        width: 100%;
        margin: 20px auto;
    }
    .subpages-solution li
    {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .solution-content .left-pic
    {
        width: 100%;
        margin-bottom: 5px;
    }
    .solution-content .right-txt
    {
        width: 100%;
    }
    .solution-content .right-txt h2
    {
        font-size: 1rem;
    }
    .subpages-news
    {
        margin: 20px auto;
    }
    .news-list h2
    {
        font-size: 1rem;
    }
    .news-list h3
    {
        font-size: .8rem;
    }
    .submain-newsinfo img
    {
        width: 100%;
    }
    .subpages-video
    {
        width: 100%;
        margin: 20px auto;
    }
    .subpages-video figure
    {
        width: 49.5%;
        margin-right: 1px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .subpages-video figure img
    {
        padding: 1%;
        box-sizing: border-box;
        width: 100%;
    }
    .subpages-videoinfo
    {
        width: 100%;
        margin: 20px auto;
    }
    .submain-cont
    {
        margin: 20px 0;
    }
    .submain-cont h2
    {
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 420px)
{
    body
    {
        font-size: .9rem;
        line-height: 180%;
    }
}