﻿body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    vertical-align: top;
}

li {
    list-style: none;
}

iframe {
    border: none;
}

html {
    height: 100%;
    font-size: 16px;
    overflow-x:hidden;
}

body {
    height: 100%;
    font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
}

a {
    text-decoration: none;
    outline:none;
}

a:hover {
    outline: none;
}
a:active {
    outline: none;
}


.fl {
    float: left;
}

.fr {
    float: right;
}
.clearfix{clear:both; font-size:1px; display:block;}
    .clearfix:after {
        content: "";
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
.divcenter{margin:0 auto; clear:both;}
.fontcenter{text-align:center;}

h1, h2, h3, h4, h5 {
    font-size: 100%;
    font-weight: normal;
}

.f14{font-size:14px;}
.f18{font-size:18px;}
.f16{font-size:16px;}

.bold {
    font-weight: bold;
}


.dis {
    display: block;
}

.undis {
    display: none;
}

.layout {
    width: 1366px;
    margin: 0 auto;
}

#header{
    width:100%;
    height:85px;
    background:#fff;
}
#header .logo {
    width: 166px;
    padding-left: 5%;
    padding-top: 19px;
}
    #header .right {
        width: 650px;
    }
.language {
    height: 83px;
    line-height: 83px;
}
    .language select{border:none; height:30px; line-height:30px; outline:none; font-size:16px; padding:5px 0;}
        .language select option {
            font-weight: normal;
            display: block;
            white-space: pre;
            min-height: 1.8em;
            padding: 5px 0;
            border:none;
        }

.com-opt {
    cursor: pointer;
    width: 120px;
    color: #999;
    line-height: 3rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/down.png") no-repeat right center transparent;
}


.f18.fr.navbar {
    color: #444343;
}
.f18.fr ul {
    clear: both;
    zoom: 1;
}
.f18.fr ul li {
    float: left;
    line-height: 82px;
    height: 82px;
    margin-right: 75px;
    color: #444343;
}
    .f18.fr ul li a {
        display: block;
        padding: 0 4px;
        color: #444343;
    }
.f18.fr ul li a:hover {
    color: #2356a2;
    border-bottom: 3px #0e43a8 solid;
}

    .f18.fr ul li .now {
        color: #2356a2;
        border-bottom: 3px #0e43a8 solid;
    }
#banner {
    width: 100%;
    height: 700px;
    background: url(../images/bannerbg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: -1;
}
.lightstar1 {
    width: 25px;
    height: 25px;
    position: absolute;
    background:url(../images/star.png) no-repeat center center;
    background-size:100% 100%;
    left: 100px;
    top: 100px;
    z-index: 511;
    animation: star1 2s linear 0s infinite;
    -webkit-animation: star1 2s linear 0s infinite;
}

@keyframes star1{
    0%{
        opacity:.6;
        transform:rotate(0deg);
    }
    50% {
        opacity: 1;
        transform: rotate(180deg);
    }
    100% {
        opacity: .6;
        transform: rotate(360deg);
    }
}
@-webkit-keyframes star1 {
    0% {
        opacity: .6;
        transform: rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: rotate(360deg);
    }

    100% {
        opacity: .6;
        transform: rotate(0deg);
    }
}

.lightstar2 {
    width: 45px;
    height: 45px;
    position: absolute;
    background: url(../images/star.png) no-repeat center center;
    background-size: 100% 100%;
    left: 200px;
    top: 135px;
    z-index: 511;
    animation: star2 5s linear 0s infinite;
    -webkit-animation: star2 5s linear 0s infinite;
}
@keyframes star2 {
    0% {
        opacity: .3;
        transform: rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: rotate(180deg);
    }

    100% {
        opacity: .3;
        transform: rotate(360deg);
    }
}

@-webkit-keyframes star2 {
    0% {
        opacity: .6;
        transform: rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: rotate(180deg);
    }

    100% {
        opacity: .6;
        transform: rotate(360deg);
    }
}
.lightstar3 {
    width: 35px;
    height: 35px;
    position: absolute;
    background: url(../images/star.png) no-repeat center center;
    background-size: 100% 100%;
    left: 439px;
    top: 360px;
    z-index: 511;
    animation: star3 3s linear 0s infinite;
    -webkit-animation: star3 3s linear 0s infinite;
}

@keyframes star3 {
    0% {
        opacity: .3;
        transform: rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: rotate(180deg);
    }

    100% {
        opacity: .3;
        transform: rotate(360deg);
    }
}

@-webkit-keyframes star3 {
    0% {
        opacity: .6;
        transform: rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: rotate(180deg);
    }

    100% {
        opacity: .6;
        transform: rotate(360deg);
    }
}

.star4 {
    left: 341px;
    top: 582px;
    width: 30px;
    height: 30px;
}
.star5 {
    left: 807px;
    top: 411px;
    width: 25px;
    height: 25px;
}
.star6 {
    left: 1000px;
    top: 130px;
    width: 25px;
    height: 25px;
}
.star7 {
    left: 1300px;
    top: 430px;
    width: 20px;
    height: 20px;
}
.star8 {
    left: 1460px;
    top: 530px;
    width: 40px;
    height: 40px;
}
.star9 {
    left: 1894px;
    top: 230px;
    width: 36px;
    height: 36px;
}
.star10 {
    left: 2260px;
    top: 539px;
    width: 33px;
    height: 33px;
}
.star11 {
    left: 2120px;
    top: 139px;
    width: 29px;
    height: 29px;
}

#banner h3, #banner h4, #banner h5 {
    width:760px;
    margin:0 auto;
    clear:both;
    display:block;
}
#banner h3 b, #banner h4 p, #banner h5 p {
    display: block;
    text-align: center;
    margin: 0 auto;
    clear: both;
}


    #banner h3 b {
        width: 100%;
        font-size: 85px;
        color: #be9053;
        animation: b1 0.5s ease-out 0s 1;
        -webkit-animation: b1 0.5s ease-out 0s 1;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        opacity: 0;
        padding-top: 150px;
    }
@keyframes b1{
    0% {

        opacity:0;
        transform:scale(.5);
    }
    100% {

        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes b1 {
    0% {
        padding-top: 100px;
        opacity: 0;
        transform: scale(.5);
    }

    100% {
        padding-top: 150px;
        opacity: 1;
        transform: scale(1);
    }
}
#banner h4 p {
    width: 755px;
    height: 50px;
    background: #ba8847;
    color: #000;
    line-height: 48px;
    font-size: 28px;
    font-family: "黑体";
    margin-bottom: 25px;
    border-radius: 5px;
    opacity: 0;
    animation: p1 0.5s ease-in 0.5s 1;
    -webkit-animation: p1 0.5s ease-in 0.5s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    margin-top: 45px;
}
@keyframes p1{
    0% {
        opacity: 0;
        transform: scale(.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes p1 {
    0% {
        opacity: 0;
        transform: scale(.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
#banner h5 {
    font-size: 22px;
    color: #ba8847;
    font-family: "幼圆";
    text-align: center;
    opacity: 0;
    animation: p2 0.3s linear 1.2s 1;
    -webkit-animation: p2 0.3s linear 1.2s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
@keyframes p2{
    0% {
        opacity: 0;
        transform: scale(.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

#ourserve{width:1366px; clear:both; zoom:1;}
    #ourserve .left {
        width: 18%;
        padding-left: 20px;
        padding-right: 10px;
    }
#ourserve .left .titbox {
    color: #333;
    padding-top: 150px;
}
#ourserve .left .titbox .line {
    width: 50px;
    height: 3px;
    background: #2e5fc1;
    display: block;
    margin-bottom: 25px;
}
#ourserve .left .titbox h3 {
    font-size: 40px;
    padding: 30px 0 20px 0;
}
#ourserve .left .titbox h4 {
    font-size: 22px;
}
#ourserve .left .titbox .more {
    display: inline-block;
    margin-top: 50px;
}
#ourserve .left .titbox .more i {
    font-size: 50px;
    color: #c4c4c4;
}
#ourserve .right {
    width: 79%;
}
.servelist li {
    float: left;
    border-left: 1px solid #e8e8e8;
    padding: 65px 29px 0 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
    .servelist li:hover {
        background: #2e5fc1;
        color:#fff!important;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }



    .servelist li.li1{width:33%;}

.servelist .li1 i, .servelist .li2 i, .servelist .li3 i, .servelist .li4 i {
    color: #676767;
}

    /*.servelist .li1 i:hover, .servelist .li2 i:hover, .servelist .li3 i:hover, .servelist .li4 i:hover {
        color: #fff;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .servelist .li1  i:hover, .servelist .li2 i a:hover, .servelist .li3 i a:hover, .servelist .li4 i a:hover {
        color: #fff;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }*/

    .servelist .li1 i {
        font-size: 40px;

    }

.servelist li .tit {
    font-size: 20px;
    color: #676767;
    font-weight: bold;
    padding:15px 0;
}


.servelist li .secd {
    margin-top: 23px;
    height: 355px;
}

.servelist .li1 .secd p, .servelist .li2 .secd p, .servelist .li3 .secd p, .servelist .li4 .secd p {
    text-align: left;
    border: 1px dotted #bfbfbf;
    line-height: 37px;
    margin-bottom: 13px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding-left: 15px;
}

.servelist .li1 .secd p {
    width: 288px;

}

.servelist li .secd p{
    color: #8c8c8c;
    display: block;
    font-size: 16px;
}


.servelist li.li2 {
    width: 21%;
}
.servelist .li2 .secd p {

    width: 145px;

}
.servelist .li2 i {
    font-size: 40px;
}
.servelist li.li3 {
    width: 24%;
}

.servelist .li3 .secd p {

    width: 175px;

}

.servelist .li3 i {
    font-size: 40px;
}

.servelist li.li4 {
    width: 21%;
}

.servelist .li4 .secd p {

    width: 153px;

}

.servelist .li4 i {
    font-size: 40px;
}



#showlayout {
    width: 100%;
    background: #f8fafa;
    padding-bottom:80px;
}
#showlayout .video{width:1366px;}
#showlayout .sec-head {
    padding: 60px 0 50px;
}
#showlayout .sec-head h1{
    float: left;
    margin-right: 15px;
    font-size: 44px;
    color: #3d3d3d;
}
#showlayout .sec-head h2 {
    float: left;
    font-size: 16px;
    line-height: 1.4em;
    color: #333;
    font-weight: 400;
    padding-top: 11px;
}
#showlayout .sec-head h2 span {
    display: block;
}
#showlayout .sec-content{width:100%;}
#showlayout .sec-content .sec-conl {
    width: 53%;
    height: 415px;
    background: #fff;

}
#showlayout .sec-content .sec-conl .cont {
    padding: 70px;
    color: #333;
    line-height: 2em;
    text-align: justify;
    text-justify:inter-word;
}
#showlayout .sec-content .sec-conl .cont b{color:#000; display:inline-block;}
    #showlayout .sec-content .sec-conl .cont p {
        border-radius: 23px;
        border: 1px #f19149 solid;
        text-align: center;
        display: block;
        color: #f19149;
        line-height: 28px;
        font-size: 14px;
        margin-top: 35px;
        padding: 0 15px;
        float: left;
        display: block;
    }
    #showlayout .sec-content .sec-conr {
        width: 47%;
        height: 415px;
        background: #e3ecf2;
        position: relative;
    }
#showlayout .sec-content .sec-conr .rbg {
    width: 536px;
    height: 458px;
    background: url(../images/mediapic.png) no-repeat center bottom;
    position:absolute;
    right:65px;
    bottom:0;
    z-index:311;
}
        #showlayout .sec-content .sec-conr .icon-video {
            width: 102px;
            height: 105px;
            position: absolute;
            top: 302px;
            left: 159px;
            z-index: 312;
        }

        #showlayout .game {
            width: 1366px;
        }
#showlayout .game-content {
    width: 100%;
    background:#fff;
}
    #showlayout .game-content .first {
        border-top: 3px #f0f1f2 solid;
        border-bottom: 3px #f0f1f2 solid;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #showlayout .game-content .riddle {
        width: 680px;
    }
        #showlayout .game-content .riddlecont {
            padding: 41px 35px 35px 45px;
        }
    #showlayout .game-content img {
        float: left;
    }
.gameintro{
       width:475px; 
       padding-left:20px;
    }
.gameintro h3 b{font-size:22px; color:#333;}
    .gameintro h4 {
        color: #333;
        line-height: 1.7em;
        text-align: justify;
        text-justify: distribute;
        font-size: 16px;
        padding-top: 10px;
    }
.gameintro p {
            border-radius: 23px;
            border: 1px #f19149 solid;
            text-align: center;
            display: block;
            color: #f19149;
            line-height: 28px;
            font-size: 14px;
            margin-top: 15px;
            padding:0 15px;
            float:left;
            display:block;

        }

    #showlayout .game-content .songs {
        width: 683px;
    }
    #showlayout .game-content .second {
        border-bottom: 3px #f0f1f2 solid;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }
        #showlayout .game-content .second .jump {
            width: 452.33px;
        }
        #showlayout .game-content .second .divine {
            width: 452.33px;           
        }
        #showlayout .game-content .second .plane {
            width: 455.33px;
        }
.contborder {
    border-right: 3px #f0f1f2 solid;
}

    #showlayout .game-content .gameintro1 {
        width: 235px;
    }
    .contpadding{padding:15px 0;}
.appvideo{width:893px; height:417px;}
.appdescription {
    width: 353px;
    padding: 60px;
}
.appdescription h3 b{font-size:27px;}
.appdescription h4{padding:20px 0 30px;}

#culcure {
    width: 100%;
    height: 735px;
    background: url(../images/culturebg.jpg) no-repeat center center;
    background-size:cover;
    margin-bottom:80px;
}
    #culcure .cullayout {
        width: 1366px;
    }
        #culcure .cullayout .culc {
            width: 230px;
            height: 360px;
            position: relative;
            z-index: 0;
            color: #000;
 
        }
            #culcure .cullayout .culc.culc1 {
                margin: 73px 0 0 0;
                opacity: 0;

            }
            @keyframes linian{
                0%{
                    opacity:0;

                }
                100% {
                    opacity: 1;
 
                }

            }
            @-webkit-keyframes linian {
                0% {
                    opacity: 0;
                }

                100% {
                    opacity: 1;
                }
            }



#culcure .cullayout .culc.culc2 {
    margin: 245px 0 0 54px;
    opacity: 0;

}
@keyframes yuanjing {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes yuanjing {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


#culcure .cullayout .culc.culc3 {
    margin: 145px 0 0 49px;
    opacity: 0;

}
@keyframes shiming {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes shiming {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


#culcure .cullayout .culc.culc4 {
    margin: 310px 0 0 54px;
    opacity: 0;

}
@keyframes jingshen {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes jingshen {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


#culcure .cullayout .culc.culc5 {
    margin: 165px 0 0 42px;
    opacity: 0;

}
@keyframes wwln {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes wwln {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


            #culcure .cullayout .culc h3 {
                width: 70px;
                height: 45px;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 11;
                font-size: 35px;
                font-family: 'Adobe Heiti Std';
            }
            #culcure .cullayout .culc h4 {
                width: 60px;
                height: 30px;
                position: absolute;
                left: 75px;
                top: 4px;
                z-index: 12;
                font-size: 28px;
                font-family: 'Adobe Heiti Std';
            }
            #culcure .cullayout .culc h5 {
                width: 155px;
                height: 110px;
                position: absolute;
                left: 75px;
                top: 55px;
                z-index: 13;
                font-size: 18px;
                line-height: 1.4em;
            }
            #culcure .cullayout .culc p {
                width: 1px;
                height: 317px;
                background: url(../images/line.png) no-repeat;
                position: absolute;
                left: 63px;
                top: 57px;
                z-index: 14;
            }
#about{width:1366px;}
#about div:first-child{width:416px; margin-bottom:80px; margin-top:10px;}
    #about div:last-child {
        width: 835px;
        line-height: 1.9rem;
        text-align: justify;
        text-justify: distribute;
        padding: 47px 0 0 62px;
        text-indent: 2em;
        color: #373737;
    }
#footer {
    width: 100%;
    background: url(../images/footerbg.jpg) no-repeat center center;
    background-size:cover;
}
    #footer .footlayout{
        width:1366px;
    }
    #footer .address {
        width: 478px;
        padding-top: 50px;
    }
    #footer .address h3 {
        width: 226px;
        height: 106px;
        background: rgba(255,255,255,.12);
        display: block;
        float: left;
        border-radius: 7px;
        color: #dadada;
        text-align:center;
        padding-top:13px;
    }
        #footer .address h3:nth-child(2n){margin-left:25px; display:inline;}
        #footer .address h3:nth-of-type(1), #footer .address h3:nth-of-type(2) {
            margin-bottom: 25px;
        }
        #footer .address h3 em i {
            font-size: 39px;
            display: block;
        }
        #footer .address h3 em .i1 {
            font-size: 30px;
            padding-bottom: 5px;
            padding-top: 5px;
        }
        #footer .address h3 p {
            font-size: 14px;
            padding: 10px 22px;
        }
        #footer .address h3:nth-of-type(2) p, #footer .address h3:nth-of-type(3) p, #footer .address h3:nth-of-type(4) p {
            padding-top:16px;
        }

    #footer .message {
        width: 815px;
    }
        #footer .message h2 {
            height: 25px;
            line-height: 25px;
            color: #dcdcdc;
            font-size: 22px;
            display: block;
            padding-top: 53px;
            padding-bottom: 18px;
        }
        #footer .message h2 img{padding:0 10px;}
            #footer .message h2 span {
                font-size: 12px;
                display: inline-block;
                vertical-align: bottom;
            }
            #footer .message .fillin{
                width:100%;
            }
                #footer .message .fillin form input {
                    width: 345px;
                    height: 45px;
                    line-height: 45px;
                    padding: 0 15px;
                    margin: 0 18px 0 0;
                    display:inline;
                }
                #footer .message .fillin textarea {
                    width: 741px;
                    height: 70px;
                    margin-top: 18px;
                    resize: none;
                    padding: 15px;
                    line-height:1.6em;
                }
                #footer .message .fillin button {
                    width: 771px;
                    height: 45px;
                    background: rgba(255,255,255,.5);
                    text-align: center;
                    display: block;
                    line-height: 45px;
                    color: #000;
                    border: none;
                    border-radius: 7px;
                    font-size: 16px;
                    margin-top: 6px;
                    cursor:pointer;
                    outline:none;
                    font-weight:bold;
                }
                    #footer .message .fillin button:hover {
                        background: rgba(255,255,255,.7);
                        font-weight: bold;
                    }
                    #footer .message .fillin form input, #footer .message .fillin textarea {
                        background: rgba(255,255,255,0.08);
                        border: none;
                        color: #dadada;
                        border-radius: 7px;
                        font-size: 16px;
                    }
                #copyright {
                    width: 100%;
                    height: 90px;
                    line-height: 90px;
                    background: rgba(0,0,0,.2);
                    border-top: 1px rgba(0,0,0,.35) solid;
                    margin-top: 52px;
                }
#copyright .left{color:#757575; width:345px;}
#copyright .right{width:166px; height:90px; padding-right:37px;}
    #copyright .right img {
        vertical-align: middle;
    }

.gotop{
    width:64px; height:64px; position:fixed; right:20px; bottom:20px; z-index:999; display:none;
}


/* nav */
.nav {
    width: 150px;
    height: 100%;
    background: #fff;
    transition: all .3s;
    cursor: pointer;
    padding-right: 5%;
}

    .nav a {
        display: block;
        overflow: hidden;
        line-height: 42px;
        color: #000;
        transition: all .3s;
    }

        .nav a span {
            margin-left: 30px;
        }

.nav-item {
    position: relative;
    cursor: pointer;
}

    .nav-item.nav-show {
        border-bottom: none;
    }

    .nav-item ul {
        display: none;
        background: #fff;
    }

    .nav-item.nav-show ul {
        display: block;
    }

.nav .nav-icon {
    font-size: 20px;
    position: absolute;
    margin-left: -1px;
}

.nav-more {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    transition: transform .3s;
}


.nav-show, .nav-item > a:hover {
    color: #000;
    background: #fff;
}

    .nav-show > a:before, .nav-item > a:hover:before {
        opacity: 1;
    }

.nav-item li:hover a {
    color: #000;
    background: #e1e1e1;
}

/* nav-mini */
.nav-mini.nav {
    width: 60px;
}

    .nav-mini.nav .nav-icon { /* margin-left:-2px; */
    }

    .nav-mini.nav .nav-item > a span {
        display: none;
    }

    .nav-mini.nav .nav-more {
        margin-right: -20px;
    }

    .nav-mini.nav .nav-item ul {
        position: absolute;
        top: 0px;
        left: 60px;
        width: 180px;
        z-index: 99;
        overflow: hidden;
    }

    .nav-mini.nav .nav-item:hover {
        background: #e1e1e1;
    }

        .nav-mini.nav .nav-item:hover .nav-item a {
            color: #000;
        }

        .nav-mini.nav .nav-item:hover a:before {
            opacity: 1;
        }

        .nav-mini.nav .nav-item:hover ul {
            display: block;
        }
.navtitle{height:85px; line-height:85px!important;}


/*日文*/
.f18.fr.japan ul li {
    margin-right: 32px;
}

#banner.japan h3, #banner.japan h4, #banner.japan h5 {
    width: 833px;
}

    #banner.japan h3 b {
        font-size: 67px;
    }
    #banner.japan h4 p {
        font-size: 24px;

    }

.servelist.japan li {
    padding: 65px 29px 0 27px;
}
.servelist.japan li .tit {
    font-size: 17px;
}
.servelist.japan li.li1 {
    width: 30%;
}
.servelist.japan li.li2 {
    width: 24%;
}
.servelist.japan .li1 .secd p {
    width: 240px;
}
.servelist.japan .li2 .secd p {
    width: 177px;
}
.servelist.japan .li4 .secd p {
    width: 155px;
}
.japanser {
    line-height: 21px !important;
    padding: 5px 10px;
}

#culcure.japan .cullayout .culc h4 {
    width: 120px!important;
}
#about.japan div:last-child {
    padding: 0px 0 0 62px;
}
#header.japan .logo {
    width: 230px;
}
#copyright.japan .right {
    width: 220px;
}

/*英文*/
.bodyfont{font-family:Arial;}
#showlayout.eng .sec-content .sec-conl .cont {
    padding: 27px 25px 0 25px;
}
#banner.eng h4 p {
    font-family: Arial;
}
#banner.eng h5 {
    font-family: Arial;
}

.culc.eng h3 {
    width: 206px!important;
    left: -139px!important;
}
.culc.culc2.eng h5{width:170px!important;}
.f18.fr.eng ul li {
    margin-right: 55px;
}