.o-g66
{
    display: inline-block;
    padding-left: 0;
    vertical-align: top;
    font-size: 16px;
    margin: 10px 5.8% 0 0;
    float: right;
    transition: all .6s;
}
@media(max-width: 699px)
{
    .o-grid.-margin .o-grid_item, .o-grid.-margin .o-g25, .o-grid.-margin .o-g33, .o-grid.-margin .o-g50, .o-grid.-margin .o-g66
    {
        padding-left: 8.5836909871vw;
    }
}
@media(min-width: 700px) and (max-width: 1280px)
{
    .o-grid.-margin .o-grid_item, .o-grid.-margin .o-g25, .o-grid.-margin .o-g33, .o-grid.-margin .o-g50, .o-grid.-margin .o-g66
    {
        padding-left: 6.25vw;
    }
}
@media(min-width: 1281px)
{
    .o-grid.-margin .o-grid_item, .o-grid.-margin .o-g25, .o-grid.-margin .o-g33, .o-grid.-margin .o-g50, .o-grid.-margin .o-g66
    {
        padding-left: 4.1666666667vw;
    }
}
.c-nav-main
{
    position: relative;
}
@media(max-width: 699px)
{
    .c-nav-main
    {
        height: 100vh;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity,visibility,-webkit-transform;
        transition: opacity,visibility,-webkit-transform;
        transition: opacity,visibility,transform;
        transition: opacity,visibility,transform,-webkit-transform;
        -webkit-transition-duration: .3s,0s,.3s;
        transition-duration: .3s,0s,.3s;
        -webkit-transition-delay: .3s,.6s,0s;
        transition-delay: .3s,.6s,0s;
        -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        will-change: opacity,visibility,transform;
    }
    .c-nav-main::after
    {
        background-color: #fff;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
    }
    .has-nav-main-open .c-nav-main
    {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
}
@media(min-width: 700px)
{
    .c-nav-main
    {
        z-index: 1;
    }
}
@media(max-width: 699px)
{
    .c-nav-main_wrap
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }
}
.c-nav-main_list
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.c-nav-main_list li:last-child
{
    padding-right: 0;
}
@media(max-width: 699px)
{
    .c-nav-main_list
    {
        text-align: center;
        padding-top: 140px;
    }
}
@media(min-width: 700px)
{
    .c-nav-main_list
    {
        text-align: right;
    }
}
.c-nav-main_item
{
    -webkit-transition: opacity,-webkit-transform;
    transition: opacity,-webkit-transform;
    transition: transform,opacity;
    transition: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    opacity: 1;
}
@media(max-width: 699px)
{
    .c-nav-main_item
    {
        display: block;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition: opacity,-webkit-transform;
        transition: opacity,-webkit-transform;
        transition: opacity,transform;
        transition: opacity,transform,-webkit-transform;
        transition-duration: .3s;
        -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    .c-nav-main_item+.c-nav-main_item
    {
        margin-top: 20px;
    }
    .has-nav-main-open .c-nav-main_item
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    .has-nav-main-open .c-nav-main_item:nth-child(1)
    {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
    }
    .has-nav-main-open .c-nav-main_item:nth-child(2)
    {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }
    .has-nav-main-open .c-nav-main_item:nth-child(3)
    {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    .has-nav-main-open .c-nav-main_item:nth-child(4)
    {
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }
    .has-nav-main-open .c-nav-main_item:nth-child(5)
    {
        -webkit-transition-delay: .7s;
        transition-delay: .7s;
    }
    .has-nav-main-open .c-nav-main_item:nth-child(6)
    {
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }
    .has-nav-main-open .c-nav-main_item:nth-child(7)
    {
        -webkit-transition-delay: .9s;
        transition-delay: .9s;
    }
}
@media(min-width: 700px)
{
    .c-nav-main_item
    {
        position: relative;
        display: inline-block;
        line-height: 40px;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-transition-duration: .8s;
        transition-duration: .8s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);/* pointer-events: none;*/
    }
    .is-ie9 .c-nav-main_item, .dom-is-animated .c-nav-main_item, .is-blog-loading .c-nav-main_item, .is-next-case-study-loading .c-nav-main_item
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto;
    }
    .is-ie9 .c-nav-main_item:nth-child(1), .dom-is-animated .c-nav-main_item:nth-child(1), .is-blog-loading .c-nav-main_item:nth-child(1), .is-next-case-study-loading .c-nav-main_item:nth-child(1)
    {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .is-ie9 .c-nav-main_item:nth-child(2), .dom-is-animated .c-nav-main_item:nth-child(2), .is-blog-loading .c-nav-main_item:nth-child(2), .is-next-case-study-loading .c-nav-main_item:nth-child(2)
    {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    .is-ie9 .c-nav-main_item:nth-child(3), .dom-is-animated .c-nav-main_item:nth-child(3), .is-blog-loading .c-nav-main_item:nth-child(3), .is-next-case-study-loading .c-nav-main_item:nth-child(3)
    {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
    .is-ie9 .c-nav-main_item:nth-child(4), .dom-is-animated .c-nav-main_item:nth-child(4), .is-blog-loading .c-nav-main_item:nth-child(4), .is-next-case-study-loading .c-nav-main_item:nth-child(4)
    {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
    .is-ie9 .c-nav-main_item:nth-child(5), .dom-is-animated .c-nav-main_item:nth-child(5), .is-blog-loading .c-nav-main_item:nth-child(5), .is-next-case-study-loading .c-nav-main_item:nth-child(5)
    {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    .is-ie9 .c-nav-main_item:nth-child(6), .dom-is-animated .c-nav-main_item:nth-child(6), .is-blog-loading .c-nav-main_item:nth-child(6), .is-next-case-study-loading .c-nav-main_item:nth-child(6)
    {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    .is-ie9 .c-nav-main_item:nth-child(7), .dom-is-animated .c-nav-main_item:nth-child(7), .is-blog-loading .c-nav-main_item:nth-child(7), .is-next-case-study-loading .c-nav-main_item:nth-child(7)
    {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s;
    }
}
.c-nav-main_link
{
    position: relative;
    text-decoration: none;
    color: #222;
    -webkit-transition: color .6s cubic-bezier(.645,.045,.355,1);
    transition: color .6s cubic-bezier(.645,.045,.355,1);
}
@media(min-width: 700px)
{
    .c-nav-main_link::after
    {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #254e9d;
        z-index: -1;
        pointer-events: none;
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale3d(0,1,1);
        transform: scale3d(0,1,1);
        -webkit-transition: background-color .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1);
        transition: background-color .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1);
        transition: background-color .6s cubic-bezier(.645,.045,.355,1),transform .6s cubic-bezier(.645,.045,.355,1);
        transition: background-color .6s cubic-bezier(.645,.045,.355,1),transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1);
    }
    .is-ie9 .c-nav-main_link::after
    {
        content: none;
    }
    .c-nav-main_link:hover
    {
        color: #3660af;
    }
    .c-nav-main_link.is-active::after
    {
        background-color: #3660af;
    }
    .c-nav-main_link.is-active::after, .c-nav-main_link:hover::after
    {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
.c-nav-main_link.is-active
{
    color: #3660af;
}
@media screen and (max-width: 1540px)
{
    .c-nav-main_item
    {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 1369px)
{
    .c-nav-main_item
    {
        padding-left: 17px;
        padding-right: 15px;
    }
    .hiddennav a
    {
        font-size: 12px;
    }
}
@media screen and (max-width: 1280px)
{
    #foreign_trade .servers .main_box .bottom_box
    {
        padding-left: 20px;
    }
    .c-nav-main_item
    {
        padding-left: 14px;
        padding-right: 14px;
    }
    .header-index .o-g66
    {
        margin: 24px 5.2% 0 0;
    }
    .header-index .logo
    {
        margin-left: 5.2%;
    }
}