@charset "utf-8";

/* CSS Document */


/*首页内容部分调整<=992 平板*/

@media(max-height: 750px) {
    .area1 .contain {
        width: 58%;
    }
}

@media(max-width: 1700px) {
    html[lang="en"] .banner li p {
        left: 30%;
    }
}

@media(max-width: 1520px) {
    .culture3 ul li {
        height: 300px;
    }
}

@media(max-width: 1450px) {
    html[lang="en"] .header .menu1 h2 {
        margin-left: 0%;
    }
    .area1 .contain {
        width: 52%;
    }
}

@media(max-width: 1280px) {
    .header .menu1 {
        margin-right: 80px;
    }
    html[lang="en"] .header .menu1 {
        margin-right: 60px;
    }
    html[lang="en"] .header .menu1 h2 {
        font-size: 14px;
    }
    .culture3 ul li {
        height: 380px;
    }
    .area1 .contain {
        width: 50%;
    }
    .Nav dl dt h1 {
        font-size: 20px;
    }
}

@media (max-width: 1080px) {
    .header .menu1 h2 {
        margin-left: 0%;
        padding: 0 5px
    }
    .header .menu1 {
        width: 76%;
        margin-right: 20px
    }
    .header .menu1 h2 {
        padding: 0 8px;
    }
    .Nav dl dt h1 {
        font-size: 18px;
        padding-left: 10px;
    }
    .Nav dl dt h2 {
        padding-left: 10px;
    }
}

@media(max-width: 992px) {
    html[lang="en"] .banner li p {
        left: 0%;
    }
    .two {
        display: flex;
    }
    .slide .txt1 {
        display: none;
    }
    .header {
        width: 92%;
    }
    .header .logo img {
        height: 30px;
        width: 180px;
        margin: 8px 0;
    }
    .header .menu1 {
        display: none;
    }
    .navBtn {
        /* right:4%; */
        margin-right: -7ch;
        background: url(../image/nav-tit1.png) no-repeat;
    }
    .header .others {
        top: 15px;
    }
    .navBtn {
        top: 0;
    }
    .Nav dl dt h1 {
        font-size: 17px;
    }
    .Nav {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 25%;
    }
    .Nav dl {
        width: 80%;
        float: nome;
        position: relative;
        padding: 0 0 10px 25px;
        height: auto;
    }
    html[lang="en"] .Nav dl {
        width: 80%;
        float: none;
        position: relative;
        padding: 0 0 15px 25px;
        height: auto;
    }
    .Nav dl dt:before {
        content: "";
        position: absolute;
        right: 0;
        top: 5px;
        background: url(../image/turn2_1.png);
        width: 20px;
        height: 14px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0.8;
    }
    .Nav dl dt h1:after {
        content: "◆";
        font-size: 14px;
        left: -33px;
    }
    .Nav dl dd h2 {
        font-size: 1.1em;
        margin-top: 8px;
    }
    .Nav dl dd {
        display: none;
    }
    .Nav dl:before {
        display: none;
    }
    .w_all {
        width: 90%;
    }
    .banner li .img1 {
        background: url(../image/1bs.jpg) no-repeat left top;
        background-size: cover;
    }
    .index_bar1 {
        width: 100%;
        position: relative;
        height: 100%;
        background: url(../image/2bs.jpg) center top;
        background-size: cover;
    }
    .index_bar2 {
        width: 100%;
        position: relative;
        height: 100%;
        background: url(../image/3bs.jpg) center top;
        background-size: cover;
    }
    .index_bar3 {
        width: 100%;
        position: relative;
        height: 100%;
        background: url(../image/4bs.jpg) center top;
        background-size: cover;
    }
    .index_bar4 {
        width: 100%;
        position: relative;
        height: 100%;
        background: url(../image/5bs.jpg) center top;
        background-size: cover;
    }
    .index_bar5 {
        width: 100%;
        position: relative;
        height: 100%;
        background: url(../image/6bs.jpg) center top;
        background-size: cover;
    }
    .banner_scroll_btn {
        bottom: 2%;
        width: 20px;
        height: 32px;
        right: 9%;
    }
    .banner {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .banner_scroll_btn span {
        width: 14px;
        height: 14px;
        top: 14px;
        margin-left: -7px;
    }
    .banner li p {
        left: 8%;
        font-size: 2.8rem;
        line-height: 40px;
        letter-spacing: 0px;
        -webkit-transform: translate(0%, -30%);
        transform: translate(0%, -30%);
        text-shadow: 0 3px 5px rgba(0, 0, 0, 0.7);
    }
    .banner li p span {
        font-size: 1.8rem;
        text-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
    }
    .slide .txt {
        width: 90%;
        left: 0;
        top: 46%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    .slide .index_mores {
        width: 150px;
        padding: 6px 0;
        font-size: 1.3rem;
        letter-spacing: 0px;
    }
    .slide .index_mores img {
        top: 6px;
    }
    .area2_box h6 {
        font-size: 1.7rem;
        line-height: 2.2rem;
    }
    .area2_box .index_mores {
        width: 120px;
    }
    .slide .txt p {
        font-size: 2.8rem;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .index_bar4 .box {
        -webkit-transform: translate(-50%, -48%);
        transform: translate(-50%, -48%);
    }
    .v_btn {
        width: 50px;
    }
    .back_all {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .index_bar4 .index_title h1 {
        font-size: 2.8rem;
    }
    .index_news .contain .imgs p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0px;
        font-size: 13px;
    }
    .index_bar4 .index_title {
        padding-bottom: 20px;
    }
    .index_video .title_all {
        margin-top: 0;
    }
    .index_video .imgs img {
        margin-top: 0;
        opacity: 1;
    }
    .index_video .imgs img {
        width: 92%;
    }
    .index_pro .title_all {
        margin-top: 0;
    }
    .index_pro .b_box {
        margin-top: 0;
        opacity: 1;
    }
    .index_pro .b_box {
        width: 92%;
    }
    .index_pro dd .top img {
        width: 20%;
        margin-top: 5%;
    }
    .index_pro dd .top h3 {
        font-size: 13px;
        margin-left: 4%;
    }
    .index_news .title_all {
        margin-top: 0;
    }
    .index_news dl {
        width: 92%;
    }
    .index_news dl dd {
        padding-bottom: 2%;
    }
    .index_news dl a:nth-of-type(1) dd {
        opacity: 1;
        margin-left: 0;
    }
    .index_news dl a:nth-of-type(2) dd {
        opacity: 1;
        margin-right: 0;
    }
    .index_news dl a:nth-of-type(3) dd {
        opacity: 1;
        margin-right: 0;
    }
    .index_news .contain ul a:last-of-type li {
        display: none;
    }
    .index_culture {
        height: auto;
        padding: 2% 0 5%;
    }
    .index_culture dl {
        width: 92%;
        margin: 2% auto;
    }
    .index_part dl {
        width: 92%;
    }
    .footer_list dl {
        margin-right: 3%;
    }
    .footer_list dl:last-of-type {
        width: 30%;
    }
    .o_ban.about1 .contain {
        width: 80%;
        opacity: 1;
        padding: 5%;
    }
    html[lang="en"] .about1 .contain {
        width: 80%;
    }
    html[lang="jp"] .about1 .contain {
        width: 80%;
    }
    .about1 .contain h2 {
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 22px;
    }
    html[lang="en"] .about1 .contain h6 {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 22px;
        line-height: 18px;
        margin-top: 5px;
    }
    .about3 p {
        width: 92%;
        font-size: 14px;
        line-height: 20px;
    }
    .about3 p:nth-of-type(2) {
        font-size: 13px;
        margin-top: 2%
    }
    .about3 .right img {
        width: 92%;
        margin: 5% auto;
    }
    .res3 dl {
        width: 92%;
    }
    .res3.about4 dl dd p {
        font-size: 13px;
        letter-spacing: 0;
        float: none;
        width: 100%;
    }
    .res3.about4 dl dd p:nth-of-type(1),
    .res3.about4 dl dd p:nth-of-type(2),
    .res3.about4 dl dd p:nth-of-type(3),
    .res3.about4 dl dd p:nth-of-type(4),
    .res3.about4 dl dd p:nth-of-type(5),
    .res3.about4 dl dd p:nth-of-type(6) {
        float: left;
        width: 100%;
    }
    .culture4 h6 {
        width: 92%;
        margin: 3% auto;
        font-size: 14px;
    }
    .culture4 ul {
        width: 92%;
    }
    .culture4 ul li {
        width: 49%;
        margin-bottom: 3%;
    }
    .culture4 ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .culture4 ul li h1 {
        font-size: 15px;
    }
    .culture4 ul li span {
        font-size: 13px;
        line-height: 20px;
    }
    .about6 .b_box {
        width: 92%;
    }
    .about6 dl dd p {
        width: 80%;
        left: 10%;
        margin-left: 0;
        font-size: 15px;
    }
    .index_pro.area3 dd .top h3 {
        line-height: 18px;
        height: 40px;
    }
    .nav_all ul {
        width: 92%;
    }
    .nav_all ul li {
        font-size: 13px;
        letter-spacing: 0;
    }
    .area_a2 .contain {
        left: 4%;
        width: 82%;
    }
    .title_alls {
        font-size: 24px;
        padding-bottom: 0;
    }
    .about1 .contain p {
        color: #fff;
        margin-top: 10px;
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 18PX;
    }
    .about1 .contain .bar p {
        margin-top: 0;
    }
    .area_a3 img {
        width: 92%;
    }
    .res3.area_a32.a6_3 dl dd {
        height: 260px;
    }
    .o_ban .contain {
        width: 92%;
    }
    .o_ban .contain ul li h1 {
        font-size: 14px;
        letter-spacing: 0.3px;
    }
    .o_ban .contain .imgs strong {
        font-size: 14px;
    }
    .index_news.news2 dl a:nth-of-type(2) dd {
        margin-right: 3%;
    }
    .index_news dl dd h4 {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .partner1 .contain {
        width: 84%;
    }
    .partner1 .contain {
        width: 84%;
    }
    .partner2 h6 {
        width: 92%;
        margin: 3% auto;
        font-size: 14px;
        line-height: 20px;
    }
    .partner2 .contain img {
        width: 80%;
    }
    .area2 li h1 {
        letter-spacing: 1px;
        width: 90%;
        margin: auto;
        height: 50px;
    }
    .area2 li p {
        height: 120px;
        overflow: hidden;
        width: 94%;
        margin: auto;
        margin-top: 20px;
        font-size: 14px;
    }
    .area2 li img {
        width: 50px;
        margin-bottom: 10px;
    }
    /*.area_a2 .contain p{
	font-size:14px;}*/
    .area5_a2 dl dd .bottom h2 {
        font-size: 13px;
    }
    .partner4 h6 {
        width: 92%;
        font-size: 14px;
    }
    .partner4 ul li h1 {
        font-size: 15px;
    }
    .partner4 ul li p {
        font-size: 13px;
        line-height: 20px;
        height: 50px;
    }
    .partner4 ul {
        width: 92%;
    }
    .partner5 h6 {
        font-size: 14px;
        width: 92%;
    }
    .partner5 ul {
        width: 92%;
    }
    .partner5 ul li {
        width: 33.3%;
    }
    .partner5 ul li p {
        font-size: 14px;
        height: 32px;
        line-height: 20px;
    }
    .culture1 .contain {
        width: 84%;
    }
    .culture1 .contain h2 {
        font-size: 14px;
    }
    .res2 {
        padding: 4%;
        width: 92%;
    }
    .res2 p {
        text-align: center;
        font-size: 15px;
        letter-spacing: 0.8px;
        margin-top: 0%;
        font-size: 13px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .res2 strong {
        font-size: 15px;
        letter-spacing: 1px;
        padding-bottom: 10px;
    }
    .culture3 h6 {
        font-size: 14px;
        width: 92%;
        margin: 3% auto;
    }
    .culture3 ul .top {
        position: absolute;
        left: 50%;
        margin-left: -16px;
        top: -16px;
        width: 32px;
        height: 32px;
    }
    .culture3 ul {
        width: 92%;
    }
    .culture3 ul .top b {
        font-size: 11px;
        line-height: 32px;
    }
    .culture3 ul li {
        height: auto;
        margin-bottom: 30px;
        margin-right: 2%;
        padding: 4% 2.6%;
    }
    .culture3 ul li h1 {
        font-size: 14px;
        line-height: 20px;
        width: 96%;
        padding: 10px 0;
    }
    .culture3 ul li p {
        font-size: 13px;
    }
    .culture5 ul li {
        float: none;
        width: 100%;
    }
    .culture5.partner3 ul li {
        float: left;
        width: 50%;
    }
    .culture5 ul li b {
        height: 200px;
    }
    .culture5 ul li h2 {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .culture5 ul li h1 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .culture5 ul li:hover .two h1 {
        padding-top: 3%
    }
    .culture5 ul li .two strong {
        font-size: 14px;
    }
    .culture5 ul li .two p {
        width: 92%;
        letter-spacing: 0;
        font-size: 11px;
        margin: 0 auto;
    }
    .culture6 h6 {
        width: 92%;
        font-size: 14px;
        line-height: 20px;
    }
    .res1 .title_alls {
        font-size: 24px;
        letter-spacing: 2px
    }
    .res1 dl {
        width: 100%
    }
    .res1 dl dd {
        margin-right: 2%;
        width: 23%;
        padding-bottom: 23%;
    }
    .res1 dl p {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 16px;
    }
    .res1 dl dd .top {
        top: 20%;
    }
    .res1 dl h1 {
        font-size: 15px;
    }
    .res2 p {
        font-size: 14px;
        line-height: 22px;
    }
    .res3 dl dd {
        width: 45%;
        height: 270px;
        margin-bottom: 2%
    }
    html[lang="en"] .res3 dl dd {
        width: 46%;
        margin-bottom: 2%
    }
    html[lang="en"] .res3.about4 dl dd {
        width: 97% !important;
        margin-right: 0;
    }
    .res3 dl dd:nth-of-type(2n) {
        margin-right: 0;
    }
    .res3 dl dd p {
        font-size: 13px;
        line-height: 20px;
    }
    .res3 dl dd h1 {
        font-size: 17px;
    }
    .res4 ul {
        width: 92%;
    }
    .res4 ul li b.one0 {
        height: 220px;
    }
    .res4 ul li b.one {
        height: 220px;
        margin-bottom: 3%;
    }
    .res4 ul li b.two {
        height: 220px;
    }
    .res4 ul li p {
        font-size: 15px;
    }
    .res5_box {
        height: 80px;
    }
    .res5_box h1 {
        font-size: 24px;
    }
    .res5 ul {
        width: 92%;
        margin: 3% auto 0;
    }
    .res5 ul li {
        width: 44.5%;
    }
    .res5 ul li:nth-of-type(3n) {
        margin-right: 3%;
    }
    .res5 ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .res5 ul li h1 {
        font-size: 14px;
    }
    .res5 ul li h1 strong {
        font-size: 28px;
    }
    .map_box .contain {
        width: 94%;
        padding: 8% 4%;
    }
    .map_box h1 {
        font-size: 22px;
    }
    .res5 ul li h2 {
        font-size: 13px;
    }
    .map_box ul li {
        width: 100%;
    }
    .map_box ul li b img {
        width: 22px;
    }
    .map_box ul li span {
        font-size: 14px;
    }
    .case_list ul li h1 {
        font-size: 15px;
    }
    .case_list ul li h2 {
        font-size: 13px;
        line-height: 20px;
    }
    .case_list ul li a {
        text-decoration: underline;
        display: block;
        font-size: 11px;
    }
    .map_box ul {
        width: 34%;
    }
    .message_box ul li {
        margin-bottom: 5px;
    }
    .message_box h1 {
        font-size: 24px;
    }
    .message_box h5 {
        font-size: 14px;
    }
    .message_box input {
        line-height: 22px;
    }
    .message_box textarea {
        height: 110px;
    }
    .message_box .submit {
        width: 34%;
        line-height: 34px;
    }
    .a6_txt {
        left: 4%;
        padding: 3% 5%;
        width: 82%;
    }
    .a6_txt span img {
        top: 18%;
        width: 26px;
    }
    .a6_txt h1 {
        font-size: 16px;
    }
    .a6_txt p img {
        width: 24px;
    }
    .a6_txt p {
        padding: 0 5%;
    }
    .a6_txt p:hover img {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .res5 .m_xq .txt {
        width: 82%;
        left: 4%;
        height: 80%;
        top: 80px;
    }
    .res5 .m_xq .txt i {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .res5 .top h5 {
        font-size: 12px;
    }
    .res5 .top strong {
        font-size: 13px;
    }
    .res5 .m_xq .txt h4 {
        font-size: 13px;
        line-height: 20px;
    }
    .res5 .m_xq .txt h6 {
        font-size: 15px;
    }
    .res5 .m_xq .txt .bottom {
        font-size: 14px;
    }
    .res5 .m_back img {
        right: 2%;
        top: 67px;
    }
    .res6 dl dd {
        width: 31%;
        padding: 5px 0 10px;
    }
    .res6.company dl dd {
        padding: 0;
    }
    .res6 dl dd:nth-of-type(4n) {
        margin-right: 3%;
    }
    .res6 dl dd:nth-of-type(3n) {
        margin-right: 0;
    }
    .res6 dl dd img {
        width: 90%;
    }
    .res6.company dl dd img {
        width: 100%;
    }
    html[lang="en"] .res6 dl dd h1 {
        line-height: 14px;
        height: 34px;
        font-size: 13px;
    }
    .o_contact {
        width: 100%;
        overflow-x: hidden;
    }
}


/*首页内容部分调整<=766 手机*/

@media(max-width: 766px) {
    html,
    body {
        width: 100%;
        /* overflow-x: hidden;*/
    }
    .w_all {
        width: 90%;
    }
    .header .others {
        right: 5%;
    }
    .banner li .img1 {
        background: url(../image/1bs.jpg) no-repeat left top;
        background-size: cover;
    }
    .banner {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .banner_scroll_btn span {
        width: 14px;
        height: 14px;
        top: 14px;
        margin-left: -7px;
    }
    .banner li p {
        left: inherit;
        text-align: center;
        width: 100%;
        font-size: 3rem;
        line-height: 40px;
        letter-spacing: 0px;
        -webkit-transform: translate(0%, -30%);
        transform: translate(0%, -30%);
        text-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    }
    .banner li p i {
        display: block;
        font-style: normal;
    }
    html[lang="en"] .banner li p {
        line-height: 28px;
    }
    .banner li p span {
        font-size: 1.7rem;
        text-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
        margin-top: 15px;
    }
    .slide .txt {
        width: 100%;
        left: 0;
        top: 46%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    .slide .index_mores {
        width: 150px;
        padding: 6px 0;
        font-size: 1.3rem;
        letter-spacing: 0px;
    }
    .slide .index_mores img {
        top: 6px;
    }
    .slide .txt p {
        font-size: 2.6rem;
        line-height: 34px;
        margin-bottom: 30px;
    }
    .slide .txt p i {
        display: block;
    }
    html[lang="en"] .slide .txt p {
        font-size: 2.3rem;
        line-height: 30px;
    }
    html[lang="jp"] .slide .txt p {
        font-size: 2.4rem;
        line-height: 32px;
    }
    .back_all {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .index_bar4 .index_title h1 {
        font-size: 2.8rem;
    }
    .index_news .contain .imgs p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0px;
        font-size: 13px;
    }
    .index_bar4 .index_title {
        padding-bottom: 20px;
    }
    .footer_last ul {
        float: none;
        width: 100%;
    }
    .ban_logo img {
        bottom: 4%;
        width: 100px;
    }
    .index_about .b_box {
        width: 90%;
        margin-top: 0;
        opacity: 1;
    }
    .index_about p {
        width: 100%;
        text-align: justify;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 1px;
        margin-top: 3%;
    }
    .index_about {
        padding: 5% 0;
    }
    .all_more {
        width: 116px;
        line-height: 30px;
        margin: 3% auto;
    }
    .title_all {
        padding: 6% 0 4%;
    }
    .title_all h1 {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .title_all h2 {
        font-size: 14px;
        line-height: 18px;
        margin-top: 5px;
    }
    .index_video .v_btn img {
        width: 36px;
        display: block;
    }
    .title_all b {
        height: 25px;
        bottom: -30px;
    }
    .index_pro {
        padding: 3% 0 5%;
    }
    .index_pro dd {
        width: 49%;
    }
    .index_pro dd .top {
        width: 96%;
        margin: auto;
    }
    .index_pro dd .top img {
        width: 20px;
        top: 2px;
    }
    .index_news .contain .left {
        float: none;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    .index_news .contain .right {
        float: none;
        width: 100%;
    }
    .index_news .contain .imgs strong {
        letter-spacing: 0px;
        font-size: 15px;
        padding: 0 5px
    }
    .index_news .contain ul li h1 {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .index_news {
        padding: 2% 0 2%;
    }
    .index_news dl dd {
        float: none;
        width: 100%;
        margin-right: 0%;
        padding-bottom: 2%;
        margin-bottom: 15px;
    }
    .index_news dl a:nth-of-type(1) dd {
        opacity: 1;
        margin-left: 0;
    }
    .index_news dl a:nth-of-type(2) dd {
        opacity: 1;
        margin-right: 0;
        float: none;
    }
    .index_news dl a:nth-of-type(3) dd {
        opacity: 1;
        margin-right: 0;
        float: none;
    }
    .index_news dl dd .box {
        margin: 3% auto;
    }
    .index_news dl dd h4 {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 8px;
        min-height: inherit;
        line-height: 20px;
    }
    .index_news dl dd p {
        display: none;
    }
    .index_news dl dd .time {
        margin: 5% auto 4%;
    }
    .index_culture dl dd img {
        width: 62%;
    }
    .index_part dl dd {
        width: 19%;
        margin: 1% 0.5%;
    }
    .index_culture dl dd p {
        font-size: 14px;
        margin-top: 10px;
    }
    html[lang="en"] .slide .index_mores {
        letter-spacing: 0;
        line-height: 20px;
        width: 180px;
    }
    html[lang="jp"] .slide .index_mores {
        width: 190px;
    }
    .footer_list {
        position: relative;
        padding-bottom: 0px;
        padding-top: 140px;
    }
    .footer_list dl {
        display: none;
    }
    .footer_list dl:last-of-type {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .footer_list .middle {
        margin-top: 40px;
    }
    .footer_list .middle h2 {
        width: 92%;
        padding: 3px 4%;
    }
    .footer {
        width: 92%;
    }
    .content {
        width: 101%;
        bottom: 38px;
        top: inherit;
        height: 140px;
    }
    .footer_list .ss {
        width: 100%;
        position: relative;
        padding-top: 35px;
        margin-top: 0;
        margin-bottom: -15px;
    }
    .footer_list .ph {
        display: none;
    }
    .footer_list .wx {
        float: none;
        margin: auto;
        margin-top: -220px;
    }
    .footer_list .s1 img {
        display: block;
        width: 100px;
    }
    .footer_last {
        width: 92%;
        padding-top: 12px;
    }
    .footer_last p {
        line-height: 18px;
        float: none;
    }
    .footer_last p:last-of-type {
        float: none;
    }
    .title_alls {
        font-size: 22px;
        letter-spacing: 0;
    }
    .about1 .contain .bars {
        width: 100%;
    }
    .about1 .contain .bar h3 strong {
        font-size: 18px;
    }
    .about1 .contain .bar h3 strong#view {
        text-align: left;
        display: block;
        padding-left: 20%;
    }
    .about1 .contain .bar h3 b {
        right: 25%;
    }
    .about1 .contain p {
        line-height: 18px;
        font-size: 13px;
    }
    .about2 li {
        padding-bottom: 1%;
    }
    .about2 li .txt {
        height: inherit;
    }
    .about2 li p {
        font-size: 14px;
        letter-spacing: 0;
    }
    .about2 li p:first-of-type {
        margin-top: 8%
    }
    .about2 .btn p {
        font-size: 18px;
    }
    .about2 .btn .left img {
        width: 24px;
    }
    .about2 .btn .right img {
        width: 24px;
    }
    .about2 .btn {
        width: 190px;
        margin: 0 auto;
    }
    .area1 .contain h2 {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
        margin-top: 5px;
    }
    html[lang="en"] .area1 .contain h2 {
        letter-spacing: 0;
        text-indent: 0;
        font-size: 11px;
        margin-top: 0;
        line-height: 16px;
    }
    html[lang="en"] .title_alls {
        letter-spacing: 0;
    }
    html[lang="en"] .index_pro dd .top {
        left: 4%;
        line-height: 34px;
    }
    .culture5 h6 {
        width: 92%;
        margin: 3% auto;
        font-size: 14px;
    }
    .area1 .contain p {
        font-size: 13px;
        letter-spacing: 0;
    }
    .area2_box .txt {
        left: 4%;
    }
    .area2_box .txt p {
        margin-bottom: 10px;
    }
    .area2_box .index_bar1 {
        padding: 38% 0;
    }
    .culture5 ul {
        width: 92%;
    }
    .culture5.partner3 li {
        width: 100%;
        margin-top: 3%;
    }
    .culture5.partner3 li b {
        height: 240px;
    }
    .culture5.partner3 li .one h1 {
        padding-top: 18%;
        font-size: 50px;
    }
    .culture5.partner3 li:hover .two h1 {
        padding-top: 10%;
    }
    .culture5.partner3 li .two h1 {
        margin-bottom: 3%;
    }
    .culture5 ul li .two p {
        font-size: 13px;
    }
    .index_pro.area3 {
        position: relative;
        padding: 0 0 6% 0;
    }
    .culture5.partner3 li .two p {}
    .index_pro.area3 dl {
        width: 92%;
    }
    .index_pro.area3 dl dd {
        width: 49%;
    }
    .index_pro.area3 dd .top h3 {
        height: auto;
        font-size: 2.8rem;
    }
    .index_pro.area3 .a_all {
        display: block;
    }
    .a_contain li .left p strong {
        font-size: 14px;
    }
    .index_pro .index_mores {
        width: 150px;
        padding: 6px 0;
        font-size: 1.3rem;
        letter-spacing: 0px;
    }
    .ban {
        width: 100%;
    }
    .ban img {
        height: 100%;
    }
    .ban .txt {
        width: 92%;
        padding-top: 27%;
    }
    .ban h1 {
        font-size: 20px;
        padding-bottom: 10px;
        letter-spacing: 3px;
    }
    .ban h2 {
        margin-top: 10PX;
        font-size: 15px;
    }
    .nav_all {
        padding: 6px 0;
    }
    .nav_all ul {
        width: 98%;
        overflow: hidden;
        margin: auto;
    }
    .nav_all ul li {
        font-size: 13px;
        line-height: 20px;
    }
    .area_a2 h1 {
        font-size: 14px;
        margin-bottom: 3%;
    }
    .area_a2 .contain {
        width: 92%;
        padding: 6% 4%;
        left: 0;
        position: static;
    }
    .area_a1 h3 {
        padding: 3% 0;
    }
    .area_a1 h3 a {
        font-size: 15px;
        display: block;
    }
    .area_a1 h3.hs4 {
        padding: 0;
    }
    .area_a2 {
        padding-bottom: 0;
    }
    .area_a2 .contain ul li b {
        font-size: 15px;
        top: 10px;
    }
    .area_a2 p strong {
        font-size: 14px;
    }
    .area_a2 .contain p {
        font-size: 14px;
        margin: 3% auto 0;
        width: 92%;
        letter-spacing: 0px;
        line-height: 24px;
    }
    .area_a2 .contain ul:after {
        margin-left: -15px;
        top: -10px;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 16px solid #f1f1f1;
    }
    .area_a2 .contain ul li.two {
        margin-top: 55px;
    }
    .area_a2 .contain ul li span {
        width: 18px;
        height: 18px;
        right: -15.2%;
    }
    .area_a2 .contain ul li.two span {
        width: 18px;
        height: 18px;
        left: -15.2%;
    }
    .area_a2 .contain ul li span:before {
        display: none;
    }
    .area_a2 {
        height: auto;
        background-attachment: inherit;
        background: none;
    }
    .area_a3 img {
        width: 92%;
    }
    /*.nav_all ul a{
	display:none;
	}
.nav_all ul a:nth-of-type(1){
	display:block;
	}
.nav_all.nav_all2 ul a:nth-of-type(1),.nav_all.nav_all3 ul a:nth-of-type(1),.nav_all.nav_all4 ul a:nth-of-type(1),.nav_all.nav_all5 ul a:nth-of-type(1),.nav_all.nav_all6 ul a:nth-of-type(1),.nav_all.nav_all7 ul a:nth-of-type(1){
	display:none;
	}
.nav_all.nav_all2 ul a:nth-of-type(2),.nav_all.nav_all3 ul a:nth-of-type(3),.nav_all.nav_all4 ul a:nth-of-type(4),.nav_all.nav_all5 ul a:nth-of-type(5),.nav_all.nav_all6 ul a:nth-of-type(6),.nav_all.nav_all7 ul a:nth-of-type(7){
	display:block;}*/
    .area_a2 p.phs {
        padding-top: 30px;
    }
    .area_a2 .contain h4 {
        font-size: 15px;
    }
    .area_a1 p {
        font-size: 14px;
        width: 92%;
        line-height: 20px;
    }
    .area_a3 h1 {
        font-size: 20px;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }
    .area_a3 .a3_1_2 {
        width: 80%;
    }
    .area_a3 p {
        width: 90%;
        margin: 2% auto 0;
        font-size: 14px;
        letter-spacing: 0px;
    }
    .res3.area_a32.a6_3 dl dd {
        width: 90%;
        margin-right: 0;
        margin-bottom: 4%;
        float: none;
        height: auto;
        padding: 5%;
    }
    .res3.area_a32.a6_3 dl dd p {
        height: auto;
        line-height: 20px;
    }
    .res3 dl dd h1 {
        letter-spacing: 2px;
        margin: 8px 0;
    }
    .o_ban .contain {
        width: 80%;
        padding: 5%;
    }
    .o_ban.res1 .contain {
        width: 92%;
    }
    .o_ban.news_l .contain {
        width: 92%;
    }
    .o_ban .contain .left {
        float: none;
        margin-top: 15px;
        width: 100%;
    }
    .o_ban .contain .imgs strong {
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .o_ban .contain .right {
        display: none;
    }
    .newss {
        height: 58px;
    }
    .news2 dl {
        width: 90%;
    }
    .news2 dl dd {
        width: 48%;
    }
    .news_a dl a:nth-of-type(3n) dd {
        margin-right: 3.5%;
    }
    .news_a dl a:nth-of-type(2n) dd {
        margin-right: 0;
    }
    .news2 dl dd h4 {
        font-size: 14px;
    }
    .news2 dl dd .time .all_more {
        width: 80px;
        line-height: 24px;
    }
    html[lang="jp"] .news2 dl dd .time .all_more {
        width: 48px;
        line-height: 22px;
    }
    html[lang="en"] .news2 dl dd .time .all_more {
        width: 60px;
        line-height: 22px;
    }
    .partner1 .contain {
        width: 84%;
    }
    .partner1 .contain h2 {
        font-size: 14px;
    }
    .partner2 h6 {
        width: 92%;
        margin: 3% auto;
        font-size: 14px;
        line-height: 20px;
    }
    .partner2 .contain img {
        width: 80%;
    }
    .area2 li h1 {
        font-size: 15px;
        letter-spacing: 1px;
        width: 90%;
        margin: auto;
        line-height: 20px;
        height: 50px;
    }
    .area2 li p {
        height: 160px;
        overflow: hidden;
        width: 94%;
        margin: auto;
        margin-top: 20px;
        font-size: 12px;
        line-height: 18px;
    }
    .area2 li img {
        width: 50px;
        margin-bottom: 10px;
    }
    .partner4 h6 {
        width: 92%;
        font-size: 14px;
    }
    .partner4 ul li h1 {
        font-size: 15px;
    }
    .partner4 ul li p {
        font-size: 13px;
        line-height: 20px;
        height: 50px;
    }
    .partner4 ul {
        width: 92%;
    }
    .partner5 h6 {
        font-size: 14px;
        width: 92%;
    }
    .partner5 ul {
        width: 92%;
    }
    .partner5 ul li {
        width: 33.3%;
    }
    .partner5 ul li p {
        font-size: 14px;
        height: 32px;
        line-height: 20px;
    }
    .o_ban.culture1 .contain {
        width: 80%;
        left: 5%;
    }
    .culture1 .contain h2 {
        font-size: 14px;
    }
    html[lang="en"] .culture1 .contain h2 {
        font-size: 12px;
        line-height: 18px;
    }
    html[lang="jp"] .culture1 .contain h2 {
        font-size: 13px;
        line-height: 20px;
    }
    .culture2 .cul2_box {
        width: 90%;
        webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .culture2 .contain {
        width: 80%;
        float: none;
        padding: 6%;
        margin: 3% auto;
    }
    .culture2 .contain p {
        font-size: 16px;
    }
    .culture2 i {
        font-size: 14px;
    }
    .culture2 .contain h2 {
        font-size: 13px;
    }
    .culture2 .contain h2 {
        font-size: 12px;
        line-height: 18px;
    }
    .res2 {
        padding: 4%;
        width: 92%;
    }
    .res2 .left {
        width: 100%;
        float: none;
        height: 180px;
    }
    .res2 .right {
        width: 88%;
        float: none;
        height: auto;
    }
    html[lang="en"] .res2 .left {
        height: 180px;
    }
    html[lang="en"] .res2 .right {
        height: auto;
    }
    .res2 p {
        text-align: center;
        font-size: 15px;
        letter-spacing: 0.8px;
        margin-top: 0%;
        font-size: 13px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .res2 strong {
        font-size: 15px;
        letter-spacing: 1px;
        padding-bottom: 10px;
    }
    .culture3 h6 {
        font-size: 14px;
        width: 92%;
        margin: 3% auto;
    }
    html[lang="en"] .culture3 h6 {
        width: 92%;
        margin: 3% auto;
    }
    .culture3 ul .top {
        position: absolute;
        left: 50%;
        margin-left: -16px;
        top: -16px;
        width: 32px;
        height: 32px;
    }
    .culture3 ul {
        width: 92%;
    }
    .culture3 ul .top b {
        font-size: 11px;
        line-height: 32px;
    }
    html[lang="en"] .culture3 ul li:first-of-type .top b {
        font-size: 10px;
        line-height: 16px;
        text-align: center;
        margin-left: 2px;
    }
    .culture3 ul li {
        float: none;
        width: 90%;
        margin-right: 0%;
        height: auto;
        margin-bottom: 30px;
        padding: 5%;
    }
    .culture3 ul li h1 {
        font-size: 14px;
        line-height: 20px;
        width: 96%;
        padding: 10px 0;
    }
    .culture3 ul li p {
        font-size: 13px;
    }
    .culture5 ul li {
        float: none;
        width: 100%;
    }
    .culture5 ul li b {
        height: 200px;
    }
    .culture5 ul li h2 {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .culture5 ul li h1 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .culture5 ul li:hover .two h1 {
        padding-top: 3%
    }
    .culture5 ul li .two strong {
        font-size: 14px;
    }
    .culture5 ul li .two p {
        width: 92%;
        letter-spacing: 0;
        font-size: 11px;
        margin: 0 auto;
    }
    .culture6 h6 {
        width: 92%;
        font-size: 14px;
        line-height: 20px;
    }
    .res1 .title_alls {
        font-size: 24px;
        letter-spacing: 2px
    }
    .res1 dl dd {
        width: 48%;
        padding-bottom: 48%;
        margin-bottom: 6%;
    }
    .res1 dl dd:nth-of-type(2n) {
        margin-right: 0;
    }
    .res1 dl p {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 16px;
    }
    html[lang="en"] .res1 dl p {
        line-height: 16px;
        letter-spacing: 0;
    }
    .res1 dl dd .top {
        top: 20%;
    }
    .res1 dl h1 {
        font-size: 14px;
        line-height: 20px;
    }
    .res3 dl dd {
        width: 45%;
        height: auto;
        margin-bottom: 2%
    }
    .res3 dl dd:nth-of-type(2n) {
        margin-right: 0;
    }
    .res3 dl dd p {
        font-size: 13px;
        line-height: 20px;
    }
    html[lang="en"] .res3.about4 p span {
        text-align: inherit;
        padding-left: 0;
        font-size: 13px;
    }
    .res3 dl dd h1 {
        font-size: 17px;
    }
    .res4 ul {
        width: 92%;
    }
    .res4 ul li {
        float: none;
        width: 100%;
    }
    .res4 ul li b.one0 {
        height: 180px;
        margin-bottom: 3%;
    }
    .res4 ul li b.one {
        height: 180px;
        margin-bottom: 3%;
    }
    .res4 ul li b.two {
        height: 180px;
    }
    .res4 ul li p {
        font-size: 15px;
    }
    .res5_box {
        height: 80px;
    }
    .res5_box h1 {
        font-size: 24px;
    }
    .res5 ul {
        width: 92%;
        margin: 3% auto 0;
    }
    .res5 ul li {
        width: 44.5%;
    }
    .res5 ul li:nth-of-type(3n) {
        margin-right: 3%;
    }
    .res5 ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .res5 ul li h1 {
        font-size: 14px;
    }
    .res5 ul li h1 strong {
        font-size: 28px;
    }
    .map_box h1 {
        font-size: 17px;
    }
    .map_box h2 {
        margin: 0;
    }
    .res5 ul li h2 {
        font-size: 13px;
    }
    .map_box ul {
        position: static;
        width: 100%;
        border-left: none;
        padding-left: 0;
    }
    .map_box ul li {
        width: 100%;
    }
    .map_box ul li b img {
        width: 22px;
    }
    .map_box ul li span {
        font-size: 14px;
    }
    .case_list ul li h1 {
        font-size: 15px;
    }
    .case_list ul li h2 {
        font-size: 13px;
        line-height: 20px;
    }
    .case_list ul li a {
        text-decoration: underline;
        display: block;
        font-size: 11px;
    }
    .message_box ul li {
        margin-bottom: 15px;
    }
    .message_box h1 {
        font-size: 24px;
    }
    .message_box h5 {
        font-size: 14px;
    }
    .message_box input {
        line-height: 22px;
    }
    .message_box textarea {
        height: 110px;
    }
    .message_box .submit {
        width: 34%;
        line-height: 34px;
    }
    .a6_txt {
        left: 4%;
        padding: 3% 5%;
        width: 82%;
    }
    .a6_txt span img {
        top: 18%;
        width: 26px;
    }
    .a6_txt h1 {
        font-size: 16px;
    }
    .a6_txt p img {
        width: 24px;
    }
    .a6_txt p {
        padding: 0 5%;
    }
    .a6_txt p:hover img {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .res5 .m_xq .txt {
        width: 82%;
        left: 4%;
        height: 80%;
        top: 80px;
    }
    .res5 .m_xq .txt i {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .res5 .top h5 {
        font-size: 12px;
    }
    .res5 .top strong {
        font-size: 13px;
    }
    .res5 .m_xq .txt h4 {
        font-size: 13px;
        line-height: 20px;
    }
    .res5 .m_xq .txt h6 {
        font-size: 15px;
    }
    .res5 .m_xq .txt .bottom {
        font-size: 14px;
    }
    .res5 .m_back img {
        right: 2%;
        top: 67px;
    }
    .res6 {
        width: 92%;
        padding: 12% 4% 6%;
    }
    .res6 dl dd {
        width: 48.5%;
        padding: 5px 0 10px;
    }
    .res6 dl dd:nth-of-type(4n) {
        margin-right: 3%;
    }
    .res6 dl dd:nth-of-type(3n) {
        margin-right: 3%;
    }
    .res6 dl dd:nth-of-type(2n) {
        margin-right: 0;
    }
    .res6 dl dd img {
        width: 90%;
    }
    .res6 dl dd h1 {
        font-size: 14px;
    }
    .o_contact {
        width: 100%;
        overflow-x: hidden;
    }
    .area_a2 .contain p {
        font-size: 13px;
    }
    .area5_a2 dl {
        width: 90%;
    }
    .area5_a2 dl dd .bottom h2 {
        font-size: 11px;
        line-height: 18px;
    }
    .a_1_1 ul li {
        font-size: 14px;
        line-height: 22px;
    }
    .a_contain ul {
        width: 92%;
        padding-bottom: 10%;
    }
    .a_contain li {
        padding: 3%;
        margin-top: 16%;
    }
    .a_contain li .left h1 {
        text-align: center;
        font-size: 17px;
        color: #fff;
        margin-bottom: 8px;
        letter-spacing: 0.5px;
    }
    .a_contain li .left,
    .a_contain li .left.left_o,
    .a_contain li .left.left_o {
        width: 92%;
        float: none;
        background: rgba(2, 80, 155, 0.82);
    }
    html[lang="en"] .a_contain li .left,
    .a_contain li .left.left_o,
    .a_contain li .left.left_o {
        width: 92%;
        float: none;
        background: rgba(2, 80, 155, 0.82);
    }
    html[lang="jp"] .a_contain li .left,
    .a_contain li .left.left_o,
    .a_contain li .left.left_o {
        width: 92%;
        float: none;
        background: rgba(2, 80, 155, 0.82);
    }
    html[lang="en"] .a_contain li .left.left_3_1 {
        width: 92%;
    }
    .a_contain li .left.left_3_1 {
        width: 92%;
    }
    html[lang="en"] .a_contain li .left.left_3_2 {
        width: 92%;
        padding: 3%;
    }
    .a_contain li .left p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 3px;
    }
    .a_contain li .right {
        width: 100%;
        top: 0;
    }
    .a_contain li h6 {
        bottom: -50px;
        font-size: 13px;
        line-height: 20px;
    }
    .a_contain li h6 a {
        font-size: 13px;
        line-height: 20px;
    }
    .a_contain li .h6_4_2 {
        bottom: -80px;
        font-size: 12px;
        line-height: 16px;
    }
    .a_contain li .h6_4_2 a {
        font-size: 12px;
        line-height: 18px;
    }
    html[lang="en"] .title_all h1 {
        letter-spacing: 0px;
        width: 94%;
        line-height: 26px;
    }
    html[lang="en"] .area2 .contain p {
        margin-bottom: 0;
        margin-top: 0;
    }
    html[lang="en"] .map_box h3 {
        width: 100%;
        line-height: 20px;
        font-size: 13px;
    }
    .banner li p i {
        display: block;
    }
}