@media only screen and (max-width: 640px) {

    /* .home>.service>div:nth-last-child(3),.home>.service>div:nth-last-child(2){display: none} */
    .foorter > div:last-of-type > p > span > a {
        font-size: 3vw;
    }
    .go- {
        width: 16.5vw;
        height: 7vw;
        right: 3vw;
        left: auto;
        font-size: 4vw;
        background-size: 7vw;
        bottom: 20vw;
        position: fixed;
        line-height: 7vw;
        padding-right: 3.5vw;
        border-radius: 0.6vw;z-index: 11;
    }
    .in_tel{

        position: fixed;right:3vw;bottom:20vw;width:8vw;height:8vw;z-index: 2;display: none;background:#1c69d4 url("../images/in_phone.png") no-repeat center;background-size:cover;border:1px solid #1c69d4;border-radius:5vw;}
     .foorter>div:last-of-type>p>span:first-of-type{padding-top:10px;display:block}
    .foorter>div:first-of-type{height:0;overflow:hidden;}
    .webpage{padding-top:12vw;}
    .foorter>div:last-of-type>p{font-size: 3vw;line-height:5vw;height: 10vw;}
    .foorter>div:last-of-type{height: 15vw;text-align: center}
    .home>.in_divs>h1>p{font-size:3vw;}
    .home>.in_divs>h1, .home>.in_client>div>h1{margin:6vw 0 3vw 0;font-size:5.5vw;}
    .home>.service>h1{position: absolute;    position: absolute;
        margin: auto;
        top: 4vw;
        bottom: 0;
        left: 0;
        right: 0;}
    .home>.service>div{
        height: auto;
        padding: 34vw 0 10vw 0;
        width: 100%;
        margin-top: 2vw;
        margin-right: 0;
        margin-bottom: 0;
    }
    .home>.service>div:first-of-type{margin-top: 18vw;}
    .home>.service>div:nth-child(4){margin-bottom: 0;}
    .home>.service>div>p{margin:0 auto 4vw auto;font-size:4vw;line-height:7vw;width:85%;/*display: none;*/}
    .home>.service>div>h2{font-size:4.5vw;margin:0 auto;display: block;}
    .home>.service>div>a{width: 30px;height: 30px;}
    .home>.in_service>div>.swiper-container-service ,.home>.in_service>div>.swiper-container-service {
        width: 100%;
        height: 304px;
        margin-top: 0;
    }
    .home>.in_service>div>.swiper-container-service>div>div>a>img {width: 80%;}
    .home .in_service .servicename {
        border: 0px solid white;
        background: white;
        border-radius: 30px;
        margin-top: 270px;
    }
    .home>.in_service {
        height: 320px;
    }
    .home .in_service .swiper-slide img:hover {
        width: 100%;
    }
    .home>.product>div{height: 60.81vw;width: 100%;margin-right: 0;margin-bottom:3vw!important;}
    /*    .home>.product>div:nth-last-child(2), .home>.product>div:nth-last-child(3){margin-bottom:6vw;}*/
    .home>.product>div:nth-last-child(2){margin-bottom: 0;}
    .home>.product>div>h2{font-size:4.5vw;margin-top:14vw;}
    .home>.product>div>a{font-size: 4vw;line-height: 7vw;}
    .home>.case_>div{height:86vw;background:rgb(250,250,250);margin-bottom:0;}
    .home>.case_>div:last-of-type{margin-bottom:0;display: none;}
    .home>.case_>div>a>img,.home>.case_>div:nth-child(3)>a>img{width:100%;float: none;}
    .home>.case_>div>div,.home>.case_>div:nth-child(3)>div{width: 100%;height: 50%;}
    .home>.case_>div>div>div{height: 85%;    width: 95%;}
    .home>.case_>div>div>div>h2{font-size:4.5vw;margin-bottom:3vw;}
    .home>.case_>div>div>div>p{font-size: 4vw;line-height: 7vw;height: 21vw;}
    .home>.market>div{height: 82.5vw;width: 100%;margin-right: 0; }
    .home>.market>div:nth-last-child(3),.home>.market>div:nth-last-child(2){display: none}
    .home>.market>div:nth-last-child(2){margin-bottom:0;}
    .home>.market>div>a{width: 100%;height: 38%;}
    .home>.market>div>div{width:95%;margin-right:2.5%;height:45%;}
    .home>.in_new>div>h2>a, .home>.market>div>div>h2>a{font-size:4.5vw;}
    .home>.market>div>div>h2{margin: 5vw 0 3vw 0;  line-height: 4.5vw;}
    .home>.market>div>div>p{line-height: 6vw;font-size: 4vw;  height: 24vw;}
    .home>.case_>div>div>div>a, .home>.market>div>div>a, .home>.in_about>div>div>a{width: 30px;height:  30px;margin-top: 3vw;}
    .home>.in_about{height: auto;display: inline-block;margin-top:0;}
    .home>.in_about>div{width:100%;height: 350px;margin: 0 auto;left:0;position: relative; }

    .home>.in_about>div>div>h1{font-size: 5.5vw;}
    .home>.in_about>div>div>p{
        font-size: 16px;
        line-height: 30px;
        height: auto;
    }
    .home>.in_about>div>div>.briefcontent{
        height: 360px;
        color: white;
        overflow-y: hidden;
    }
    .home>.in_about>div>div>div:last-of-type {
        width: 100%;
        height: 100%;
        position: relative;
        float: none;
    }
    .home>.in_about>div>div>.briefcontent>p{
        color:white !important;
        text-indent: 2em;line-height: 24px;
    }

    .home>.in_about>div>div>div:first-of-type{ width:100%;height:350px;position: relative;}
    .home>.in_about>div>div>div:last-of-type { width: 100%;height: 350px; z-index: 1;background: white; position: absolute;opacity: 0.9;}
    .home .in_about .in_about_brief{
        position: absolute;
        top: 70px;
        left: 5%;
        color: #575454;
        font-size: 20px;
        font-weight: 500;
        width: 90%;
        height: 109px;
        line-height: 30px;

    }
    .home .in_about_company {
        position: absolute;
        top: 30px;
        left: 0;
        color: black;
        font-size: 24px;
        font-weight: 500;
        width: 100%;
        height: 24px;
        line-height: 24px;
        margin: 0;
        text-align: center;
    }
    .home .in_about_t1 {
        top: 253px;
    }
    .home .in_about_t2 {
        top: 288px;
    }

    .home .in_about_t1b {
        top: 247px;
    }
    .home .in_about_t2b {
        top: 280px;
    }
    .home .in_about .learnmore2 {
        margin-top: 260px;
        margin-left: 30px;
        background: #1c69d4;
        z-index: 1000;
    }
    .home>.in_about>div>div>h1>p{margin:2vw 0 1.5vw 0;font-size:3vw;}
    .home>.in_client>div>.swiper-container-client{height: 16vw;}

    .home>.in_about>img{width:250%;left: -140%;}

    .home>.in_service {
        margin-top: 0;
    }

    .home .module_title {
        text-align: center;
        font-size: 26px;
        width:100%;
    }
    .home>.in_new {
        height: auto;
        display: inline-block;
    }
    .home>.in_new>div {
        width: 100%;
        height: 100%;
        float: right;
        margin-left: 0.5%;
        background: white;
        position: relative;
    }
    .home>.in_divs, .home>.in_new, .home>.in_client>div {
        width: 100%;
    }
    .home>.in_new>div>a>img {
        width: 100%;
        max-height: 1000PX;
        max-width: 1000PX;
    }
    .home>.in_new>div>h2 {
        margin: 1vw auto 0.8vw auto;
        line-height: 14.2vw;
    }
    .home>.in_new>div>p {
        position: relative;
        left: 20px;
        bottom: 20px;
        line-height: 30px;
        font-size: 20px !important;
    }
    .home>.in_new>div:first-of-type {
        height: 140px;
    }
    .home>.in_new>div:first-of-type>div>a {
        bottom: 20px;
        right: 0;
    }
    .home>.in_new>div:first-of-type>div {
        height: 100%;
    }

    .home .in_new .learnmore2 {
        margin-top: -26px;
        right: 10px;
    }
    .home>.in_new {
        margin-bottom: 0;
    }
    .home>.in_new>div:nth-child(2),.home>.in_new>div:nth-child(3)
    {
        display: none;
    }

    .home>.in_new {
        height: auto;
     }

    .home>.in_partner>div {
        width: 100%;
        height: 264px;
    }
    .home>.in_partner {
        height: 320px;
        padding-top:0;
        margin-top:0;
    }
    .home .in_partner .swiper-button-prev{
        display: block;
    }
    .home .in_partner .swiper-button-next{
        display: block;
    }

    .home .in_partner .swiper-slide {
        padding-top: 20px;
        background: white;
    }
    .home .in_partner .swiper-slide img{
        width: 80%;
    }
    .home .in_partner .partnername {
        font-size: 20px;
    }

    .home .module_title {
        line-height: 76px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        background: white;
    }

    .webpage>div:first-of-type{height: auto;}
    .abouts>.about>h1,
    .product>div:last-of-type>h1,
    .service>div:last-of-type>h1,
    .case>div:last-of-type>h1,
    .caset>div:last-of-type>h1,
    .news>div:last-of-type>h1,
    .new>div:last-of-type>h1,
    .contact>div:last-of-type>h1,
    .email>div:last-of-type>h1{
        font-size: 5.5vw;margin: 5vw auto 0 auto;
        text-align: center;
    }
    /*6.5vw*/
    .abouts>.about>h1>i,
    .product>div:last-of-type>h1>i, .service>div:last-of-type>h1>i, .case>div:last-of-type>h1>i, .caset>div:last-of-type>h1>i, .news>div:last-of-type>h1>i, .contact>div:last-of-type>h1>i, .email>div:last-of-type>h1>i, .abouts>.history>div>h1>i{width: 8.6vw;    height: 0.3vw;margin: 2vw auto 3vw auto;}
    .abouts>.about>div:first-of-type{font-size: 4vw;line-height: 7vw;width: 95%;}
    .abouts>.about>div:first-of-type>p>img{width: 100%;}
    .abouts>.about>h1{width:100%;text-align: center;
    }
    .abouts>.history{height: 70.81vw;}
    .abouts>.history>div>h1{font-size: 5.5vw;}
    .abouts>.history>div>div{width:100%;height:39vw;}
    .abouts>.history>div>.swiper-container-history>.swiper-pagination-history>.swiper-pagination-bullet>b{font-size: 2vw;line-height: 6vw;}
    .abouts>.history>div>.swiper-container-history>.swiper-pagination-history>.swiper-pagination-bullet>i{    height: 6.4vw;}
    .abouts>.history>div>.swiper-container-history>div>div>h2{width: 35%;line-height: 8vw;font-size: 5vw;margin-top: 17.5vw;}
    .abouts>.history>div>.swiper-container-history>div>div>p{font-size:4vw;margin-top: 3vw;}
    .abouts>.history>div{height:52vw;}
    .abouts>.history>div>.swiper-container-history>.swiper-button-prev-history, .abouts>.history>div>.swiper-container-history>.swiper-button-next-history{width: 30px;height:30px;top: 65%;}

    .abouts>.in_new {
        width: 100%;
    }
    .abouts>.in_new>div{
        width: 100%;
        height: auto;
        float: left;
        margin-left: 0%;
        margin-top: 30px;
        background: rgb(243,243,243);
        position: relative;
    }
    .abouts>.in_new>div>a>img {
        width: 100%;
        max-height: 1000px;
        max-width: 1000px;
    }
    .abouts>.in_new>div>a>h2{
        font-size: 18px;font-weight: normal;width:96%;margin: 10px auto;text-align: center;height: 68px;
    }
    .abouts>.culture{
        width: 100%;
    }
    .abouts>.culture>h1:first-of-type{
        width: 100%;display: block;text-align: left;font-size: 28px;line-height: 28px;position: relative;text-align: center;text-indent: 30px;
        margin-top:30px;
    }
    .abouts>.culture>h1:last-of-type{
        width: 100%;display: block;text-align: left;font-size: 28px;line-height: 28px;position: relative;text-align: center;text-indent: 30px;
        margin-top:60px;
    }
    .abouts>.culture>div>img{
        width: 100%;
    }
    .abouts>.culture>div:first-of-type{
        color:#333;line-height:30px !important;font-size:16px;width:100%;margin:0 auto;text-align: left;margin-bottom:0px;
        width:100%;height:300px;position: relative;
        overflow:hidden;;
    }
    .abouts .culture #company_target{
        position: absolute;
        left: 50%;
        bottom: 0px;
        width: 293px;
        height: 0px;
        background: white;
        opacity: 0;
        margin-left: -150px;
        top:0;
    }


    .abouts .culture #wf01{
        position: absolute;
        left: 0;
        top: 205px;
        width: 50%;
        height: 59px;
        background: white;
        z-index: 2;
    }
    .abouts .culture #wf01>p:first-of-type{
        margin-left: 0;
        margin-top: 15px;
        font-size: 13px;
        font-weight: bold;
    }
    .abouts .culture #wf01>p:last-of-type{
        margin: 0 auto;
        margin-top: 1px;
        width: 90%;
        font-size: 8px;
    }

    .abouts .culture #wf02{
        position: absolute;
        left: 50%;
        top: -15px;
        width: 50%;
        height: 119px;
        background: transparent;
        z-index: 2;
    }
    .abouts .culture #wf02>p:first-of-type{
        margin-left: 0;
        margin-top: 15px;
        font-size: 13px;
        font-weight: bold;
    }
    .abouts .culture #wf02>p:last-of-type{
        margin: 0 auto;
        margin-top: 1px;
        width: 90%;
        font-size: 8px;
    }

    .abouts .culture #wf03{
        position: absolute;
        left: 0;
        top: auto;
        bottom: -15px;
        width: 50%;
        height: 119px;
        background: white;
        z-index: 2;
    }
    .abouts .culture #wf03>p:first-of-type{
        margin-left: 0;
        margin-top: 15px;
        font-size: 13px;
        font-weight: bold;
    }
    .abouts .culture #wf03>p:last-of-type{
        margin: 0 auto;
        margin-top: 1px;
        width: 90%;
        font-size: 8px;
    }
    .abouts .culture #wf04{
        position: absolute;
        right: 0px;
        top: 50%;
        width: 50%;
        height: 75px;
        background: white;
        z-index: 2;
        margin-top: -18px;
    }
    .abouts .culture #wf04>p:first-of-type{
        margin-left: 0;
        margin-top: 15px;
        font-size: 13px;
        font-weight: bold;
    }
    .abouts .culture #wf04>p:last-of-type{
        margin: 0 auto;
        margin-top: 1px;
        width: 90%;
        font-size: 8px;
    }

    .abouts .about .about_content_brief{
        opacity: 0.8;
    }

    .abouts .about .about_content_brief {
        width: 80%;
        height: 70px;
        position: absolute;
        font-size: 18px;
        color: black;
        background: white;
        z-index: 3;
        display: block;
        opacity: 0.8;
        padding: 30px;
        left: 40%;
        margin-left: -38%;
        top: 50%;
        margin-top: -66px;
    }
    .webpage>h1>p>span{display: none;}
    .webpage>h1>p {
        width: 95%;
        line-height: 77px;
        height: 85px;
    }
    .webpage .right-nav {
        font-size: 16px;
    }
    .webpage>h1 {
        width: 100%;
        line-height: 80px;
        border-bottom: 0px solid rgb(227,227,227);
        background: white;
        margin-top: 0;
        left: 50%;
        margin-left: -320px;
        position: absolute;
    }
    .webpage>h1>p>a {
        font-size: 16px;
    }
    .icon-home {
        width: 16px;
        height: 16px;
        display: block;
        margin-top: 33px;
        float: left;
        margin-right: 6px;
    }
    .webpage>h1>p>a:hover>i, .webpage>h1>p>.ahover>i{height:0.3vw;}
    .products>div:last-of-type>div:first-of-type {
        width: 100%
    }
    .products>.product {
        width: 100%; padding-top: 30px;
    }
    .products>.product>h2 {
        width: 80%;
    }
    .products>.product>h3 {
        text-align: center;
    }
    .products>div:last-of-type>div:first-of-type>a {
        width: 100%;
    }
    .products .pic{
        width:100%;
        margin-top:0;
    }
    .product>div:last-of-type>p{/*display: none;*/}
    .product>div:last-of-type>p>a{display: none;}

    .product>div:last-of-type>p>select{font-size:4vw;line-height: 8vw;height: 8vw;width: 80%;margin:0 auto;padding:0 2vw;outline:none;border:0.3vw solid rgb(221,221,221);border-radius:1vw;

        /*很关键：将默认的select选择框样式清除*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;

        /*在选择框的最右侧中间显示小箭头图片*/
        background: url("../images/arrow.png") no-repeat scroll right center transparent;
    }
    .product>div:last-of-type>div:first-of-type>a{width:100%;margin:0 0% 3vw 0;}
    .product>div:last-of-type>div:first-of-type>a>img{height:90vw;}
    .product>div:last-of-type>div:first-of-type>a>span, .case>div:last-of-type>div:first-of-type>div>a>p, .caset>div:last-of-type>div:first-of-type>div>a>p{font-size:4vw;line-height:10vw;}

    .product_t>h1>p>a.nnn, .product_t>h1>p>a.ppp{
        width: auto;
    }
    .products>.product>h1 {
        margin: 0;
    }
    .products>div:last-of-type>div:first-of-type>a{
        margin-top: 30px;
    }
    .products .product .product_title{
        margin-top: 0;
    }

    .products .product .product_content_brief{

    }
    .products>.product>h3 {
        font-size: 24px;
    }

    .pages>div>a, .pages>div>span{font-size:3.7vw;line-height:6vw;width:6vw;margin-left:2vw;}
    .service>div:last-of-type>div:first-of-type>div{height:auto;}
    .service>div:last-of-type>div:first-of-type>div>span{height:auto;width:100%;float: none;background:rgb(250,250,250)}
    .service>div:last-of-type>div:first-of-type>div>span>img{height:auto;width:100%;-webkit-transform:scale(1.00)}
    .service>div:last-of-type>div:first-of-type>div:hover>span>img{-webkit-transform:scale(1.00)}
    .service>div:last-of-type>div:first-of-type>div{height:auto;margin-bottom: 3vw;}
    .service>div:last-of-type>div:first-of-type>div:last-of-type{margin-bottom: 0;}
    .service>div:last-of-type>div:first-of-type>div>div{height: auto;padding: 4vw 0;float: none;width: 100%;}
    .service>div:last-of-type>div:first-of-type>div>div>div{height: auto;width: 90%;    position: relative;}
    .service>div:last-of-type>div:first-of-type>div>div>div>p{    font-size: 4.5vw;margin-bottom: 2vw;}
    .service>div:last-of-type>div:first-of-type>div>div>div>div{font-size: 4vw;line-height: 7vw;height: auto;overflow: auto;display: inherit;}
    .service>div:last-of-type>div:first-of-type>div:nth-child(2n+0)>span,.service>div:last-of-type>div:first-of-type>div:nth-child(2n+0)>div{float: none}
    .caset>div:last-of-type>div:first-of-type>p,.case>div:last-of-type>div:first-of-type>p{margin-bottom: 5vw;}
    .caset>div:last-of-type>div:first-of-type>p>a{display: none}
    .caset>div:last-of-type>div:first-of-type>p>select,.case>div:last-of-type>div:first-of-type>p>select{
        font-size:4vw;line-height: 8vw;height: 8vw;width: 80%;margin:0 auto;padding:0 2vw;outline:none;border:0.3vw solid rgb(221,221,221);border-radius:1vw;

        /*很关键：将默认的select选择框样式清除*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;

        /*在选择框的最右侧中间显示小箭头图片*/
        background: url("../images/arrow.png") no-repeat scroll right center transparent;


    }
    select::-ms-expand { display:none; }
    .caset>div:last-of-type>div:first-of-type>div>a,.case>div:last-of-type>div:first-of-type>div>a{margin-bottom:3vw;width: 100%;margin-right:0;}
    .caset>div:last-of-type>div:first-of-type>div>a>span>img,.case>div:last-of-type>div:first-of-type>div>a>span>img{height:auto;}
    .case>div:last-of-type>div:first-of-type>div{width: 100%;}
    .news>div:last-of-type>div:first-of-type>div{height:115vw;margin-bottom:3vw;}
    .news>div:last-of-type>div:first-of-type>div>a{width: 100%;height: 53.5%;}
    .news>div:last-of-type>div:first-of-type>div>div{height:46.5%;width: 100%;}
    .news>div:last-of-type>div:first-of-type>div>div>div{height:85%;width:95%;}
    .news>div:last-of-type>div:first-of-type>div>div>div>span{font-size:4.5vw;line-height:4.5vw;margin-bottom:3vw;}
    .news>div:last-of-type>div:first-of-type>div>div>div>p{font-size:4.5vw;line-height:7vw;margin-bottom:1vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .news>div:last-of-type>div:first-of-type>div>div>div>div{font-size: 4vw;height: 14vw;line-height: 7vw;-webkit-line-clamp: 2;}
    .news>div:last-of-type>div:first-of-type>div>div>div>a{line-height:8vw;font-size: 4vw;width: 40%;}

    .news .new{
        width:100%;margin:0 auto;margin-top:30px;
    }
    .news>.new>h1:first-of-type{
        width: 100%;display: block;text-align: left;font-size: 28px;line-height: 28px;position: relative;text-align: center;
    }
    .news>div:last-of-type>div:first-of-type>div>a>img {
        width: 100%;
    }
    .news .in_new{
        width:100%;
    }
    .news .in_new>div{
        width: 100%;
        height: 365px;
        float: left;
        margin-left: 0;
        margin-top: 30px;
        background: white;
        position: relative;
    }
    .news .in_new>div>a>img {
        width: 100%;
        max-height: 1315px;
        max-width:1370px;
    }
    .contact>div:last-of-type>div:first-of-type{height:auto;margin-bottom: 3vw;}
    .contact>div:last-of-type>div:first-of-type>div:first-of-type{width: 100%;height: 40%;}
    .contact>div:last-of-type>div:first-of-type>div:last-of-type{padding:3vw 3%;width:94%;float:left;}
    .contact>div:last-of-type>div:first-of-type>div:last-of-type>p{font-size:5.5vw;line-height:5.5vw;margin-bottom:2vw;}
    .contact>div:last-of-type>div:first-of-type>div:last-of-type>div{font-size: 4vw;line-height: 7vw;height: auto;-webkit-line-clamp: 16;}
    .contact>div:last-of-type>div:last-of-type>div{width: 100%;margin-right: 0;height: 70vw;margin-bottom: 3vw}
    .contact>div:last-of-type>div:last-of-type>div:nth-last-child(2){margin-bottom: 3vw}
    .contact>div:last-of-type>div:last-of-type>div>div{width:95%;height:90%;}
    .contact>div:last-of-type>div:last-of-type>div>div>p{font-size:4.5vw;line-height:4.5vw;margin-bottom:3.5vw;}
    .contact>div:last-of-type>div:last-of-type>div>div>div{width: 100%;}
    .contact>div:last-of-type>div:last-of-type>div>div>div>p{font-size:4vw;line-height:7vw;}
    .contact>div:last-of-type>div:last-of-type>div>div>div>p:first-of-type{font-size: 4.2vw;line-height: 7vw;}
    .email>div:last-of-type>p{font-size:3vw;line-height:5vw;width:95%;margin:0 auto 5vw auto;}
    .email>div:last-of-type>div>form>div:first-of-type,.email>div:last-of-type>div>form>div:last-of-type{width: 100%;text-align: center}
    .email>div:last-of-type>div>form>div:first-of-type>span>span{margin-left: 0%;}
    .email>div:last-of-type>div>form>div>span>span{font-size:3vw;width:21.5%;}
    .email>div:last-of-type>div>form>div>span>input{font-size:5vw;line-height:8vw;margin-bottom:2vw;}
    .email>div:last-of-type>div>form>span>span{font-size:3vw;width:21.5%;}
    .email>div:last-of-type>div>form>span>textarea{width: 65%;font-size:4vw;line-height:7vw;}
    .email>div:last-of-type>div>form>span{text-align: center;}
    .email>div:last-of-type>div>form>span:last-of-type{text-align: left}
    .email>div:last-of-type>div>form>span:last-of-type>span{width: 28%}
    .email>div:last-of-type>div>form>span>input:first-of-type, .email>div:last-of-type>div>form>span>input:last-of-type{font-size:4.2vw;width:24%;line-height:8vw;}
    .new>div:last-of-type>div:first-of-type{width:95%;margin:3vw auto;line-height:7vw;font-size:4vw;}
    .new>div:last-of-type>h1>i{font-size:3vw;margin: 2vw 0 1vw 0;}
    .prve_next{height: 30vw;}
    .prve_next>a{line-height:7vw;font-size: 3.5vw;width: 100%;text-align: left;}
    .prve_next>a:last-of-type{font-size:4vw;width:22%;line-height:8vw;height:8vw;right:0vw;}
    .case_c>div:last-of-type>div:first-of-type>.yhgs>p, .case_c>div:last-of-type>div:first-of-type>.jgfs>p, .case_c>div:last-of-type>div:first-of-type>.jjfa>div>p, .case_c>div:last-of-type>div:first-of-type>.sysj>div>p{font-size:4.8vw;line-height:4.8vw;margin-bottom:2vw;}
    .case_c>div:last-of-type>div:first-of-type>.yhgs>div, .case_c>div:last-of-type>div:first-of-type>.jgfs>div, .case_c>div:last-of-type>div:first-of-type>.jjfa>div>div, .case_c>div:last-of-type>div:first-of-type>.sysj>div>div{font-size:4vw;line-height:7vw;}
    .case_c>div:last-of-type>div:first-of-type>.jjfa>img,.case_c>div:last-of-type>div:first-of-type>.sysj>img{margin:3vw 0;width:100%;}
    .case_c>div:last-of-type>div:first-of-type>.yhgs, .case_c>div:last-of-type>div:first-of-type>.jgfs, .case_c>div:last-of-type>div:first-of-type>.jjfa, .case_c>div:last-of-type>div:first-of-type>.sysj{width:95%;padding:3% 2.5%;}
    .caset_c>div:last-of-type>div:first-of-type>.sysj>div>span{font-size:4.2vw;line-height:4.2vw;margin:4vw 0 2vw 0;display:block;}
    .product_c>div:last-of-type>.product_in,.product_c>div:last-of-type>.cljb{height:auto;}
    .product_c>div:last-of-type>.product_in>div:first-of-type, .product_c>div:last-of-type>.cljb>div:first-of-type{width:100%;height:auto;}
    .product_c>div:last-of-type>.product_in>div:last-of-type,.product_c>div:last-of-type>.cljb>div:last-of-type{height:auto;width:100%;background:rgb(250,250,250);float: none;clear: both;}
    .product_c>div:last-of-type>.product_in>div:last-of-type>div,.product_c>div:last-of-type>.cljb>div:last-of-type>div{width:95%;position:relative}
    .product_c>div:last-of-type>.product_in>div:last-of-type>div>p{font-size:5vw;line-height:5vw;}
    .product_c>div:last-of-type>.product_in>div:last-of-type>div>div,.product_c>div:last-of-type>.cljb>div:last-of-type>div>div{font-size:4vw;line-height:7vw;height: auto;overflow: auto;display: inherit;}
    .product_c>div:last-of-type>.product_in>div:last-of-type>div>a{font-size:4vw;margin-right:1.5vw;margin-top:3vw;margin-bottom:3vw;line-height:8vw;width: 25%;}
    .product_c>div:last-of-type>.table>p, .product_c>div:last-of-type>.ys>p, .product_c>div:last-of-type>.yy>p, .product_c>div:last-of-type>.rj>p{line-height:8vw;font-size:5vw;}
    .product_c>div:last-of-type>.cljb>div:last-of-type>div>p{font-size:5vw;line-height:5vw;padding: 3vw 0 2vw 0;}
    .product_c>div:last-of-type>.cljb>div:last-of-type>div>div{padding-bottom: 3vw;}
    .product_c>div:last-of-type>.ys>p, .product_c>div:last-of-type>.yy>p, .product_c>div:last-of-type>.rj>p{padding-left: 2.5vw;}
    .product_c>div:last-of-type>.ys>div,.product_c>div:last-of-type>.rj>div, .product_c>div:last-of-type>.yy>div{padding:2.5vw;}
    .product_c>div:last-of-type>.ys>div>div{width: 100%;margin-bottom:2.5vw;margin-right:0;font-size:4vw;line-height:7vw;}
    .product_c>div:last-of-type>.ys>div>div>p, .product_c>div:last-of-type>.yy>div>div>p, .product_c>div:last-of-type>.yy>div>div>div>div>p, .product_c>div:last-of-type>.rj>div>div>p{font-size:4.2vw;line-height:4.2vw;margin-bottom:2vw;}
    .product_c>div:last-of-type>.ys>div>div>div,.product_c>div:last-of-type>.rj>div>div>div{font-size:4vw;line-height:7vw;height:auto;display: inherit;overflow: auto;}
    .product_c>div:last-of-type>.yy>div>div>div>div{width:100%;margin-right:0%;}
    .product_c>div:last-of-type>.rj>div>div, .product_c>div:last-of-type>.yy>div>div{font-size:4vw;line-height:7vw;}
    .product_c>div:last-of-type>.ys>div>div>div, .product_c>div:last-of-type>.yy>div>div>div, .product_c>div:last-of-type>.yy>div>div>div>div>div, .product_c>div:last-of-type>.rj>div>div>div{padding-bottom: 2vw;}
    .product_c  img {
        width: 100%;
        margin:0 auto;
    }

    .partners>div:first-of-type {
        width: 100%
    }

    .partners .partner>div:first-of-type{
        width:80%;margin:0 auto;margin-bottom: 0;
    }
    .partners>div:last-of-type>h1 {
        width: 100%;
        margin: 20px auto 0 auto;
        text-align: center;
    }

    .partners .partner  ul li{width:47%;}


    .partners .partner .list{
        width: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
        position: relative;
        height: 760px;
        margin-top: 40px;
    }
    .partners .partner .list li{
        float:left;width:100%;height:auto;border:1px solid #eee;margin:4px;
    }

    .members .member>div:first-of-type{width:100%;margin:0 auto;margin-bottom: 60px;}
    .members .member>div:first-of-type>h1 {
        text-align: center;
    }
    .members>div:last-of-type>h1 {
        width: 100%;text-align: center;
        margin: 20px auto 0 auto;
    }
    .members>div:last-of-type>div:first-of-type {
        width: 100%;
    }
    .members>div:last-of-type>div:first-of-type>div>a {
        width: 100%;
    }
    .members>div:last-of-type>div:first-of-type>div>div {
        width: 100%;
    }
    .members>div:last-of-type>div:first-of-type>div {
        height: 240px;
        margin-bottom: 250px;
        background-color: rgb(243,243,243);
        display: inline-block;
    }
    .members>div:last-of-type>div:first-of-type>div:last-of-type {
        margin-bottom: 250px;
    }

    .in_memberdetail {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .membersdetail>div>h1 {
        width: 100%;
        display: block;
         font-size: 21px;
        line-height: 78px;
        position: relative;
        text-align: center;
        margin-top: 20px;
    }
    .membersdetail .bearing-tab {
        height: 34px;
        padding-top: 0;
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 34px;
        text-align: center;
    }
    .membersdetail>div>div:first-of-type {
        width: 100%;
        margin: 20px auto;
        color: rgb(102,102,102);
        line-height: 25px;
    }
    .membersdetail .bearing-tab a {
        display: block;
        width: 100%;
        color: #666;
        background: #ededed;
        float: left;
        margin-right: 1%;
    }
    .membersdetail .bearing-tab li:first-of-type {
         margin-left: 2%;
    }
    .membersdetail .bearing-tab li {
        width: 30%;
        margin-right: 2%;
        float: left;
    }
    .membersdetail .duty-list {
        width: 90%;
        margin: 0 auto;
    }

    .newsdetail>.in_newsdtail{
        margin:0 auto;width:100%;margin-top: 80px;
    }
    .newsdetail>div>div>h1 {
        border-bottom: 1px solid rgb(224,224,224);
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 20px;
    }
    .newsdetail>.in_newsdtail {
        margin: 0 auto;
        width: 100%;
        margin-top: 0;
    }
    .newsdetail>div>div>div:first-of-type {
        width: 90%;
        margin: 20px auto;
        color: rgb(102,102,102);
        line-height: 25px;
    }
    .newsdetail>div>div>div:first-of-type>p>img {
        width:100%;
    }
    .prve_next>a:last-of-type {
       width:100%;
        position: relative;
        right: 0px;
        top: 20px;
        bottom: 0;
    }
    .innovates>.innovate {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 0;
    }
    .innovates>.innovate>h1{text-align: center}
    .innovates>.innovate>div:first-of-type {
        width:96%;
        maring: 0 auto;
        margin-top: 30px;
    }
    .innovates>.innovate>div:first-of-type>p>img ,.innovates>.innovate>div:first-of-type>p>strong>img {
        width:100%;
    }

    .nav-bar{display: none}
    .webpage>h1>p {
        text-align: center;
    }
    .webpage>h1 {
        width: 100%;
        left: 0;
        margin-left:0;
        position: relative;
    }
    #map{
        height:auto;
    }
    #map img{width:100%;display: block;position: relative;}
}