@font-face {
    font-family: "Poppins", Sans-serif;
    src: url("../font/Poppins-ExtraBold.woff2") format("woff2"), url("../font/Poppins-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal
}

body,
html {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK TC Light", "Microsoft JhengHei UI", "Microsoft JhengHei", "PMingLiU", Sans-serif;
    color: #444;
    background: #fff;
    font-size: 16px;
    line-height: 1.8
}

body {
    /* padding-top: 80px */
}

body.auto-scroll {
    overflow-y: auto
}

body.dis-scroll {
    overflow-y: hidden
}

html {
    -ms-overflow-style: scrollbar
}

@media (max-width:991px) {
    body {
        /* padding-top: 60px */
    }
}

@-webkit-keyframes ani_svgShowLine {
    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes ani_svgShowLine {
    to {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes ani_svgShowLine {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes ani_svgShowLine {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes ani_fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes ani_fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes ani_fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ani_fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes ani_fadeOut {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes ani_fadeOut {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes ani_fadeOut {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ani_fadeOut {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ani_slidezoomIn {
    0 {
        opacity: 0;
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ani_slidezoomIn {
    0 {
        opacity: 0;
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes ani_slidezoomIn {
    0 {
        opacity: 0;
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ani_slidezoomIn {
    0 {
        opacity: 0;
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

* {
    -webkit-backface-visibility: hidden
}

.disabled,
.disabled:hover {
    cursor: not-allowed
}

a,
a:visited,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0
}

img,
a img {
    border: none;
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

section,
article,
aside,
footer,
header,
nav,
main {
    display: block
}

p {
    line-height: inherit
}

ol.reset,
ul.reset,
li.reset {
    list-style: none;
    margin: 0;
    padding: 0
}

label {
    font-weight: inherit
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: none !important
}

input,
textarea,
select,
input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: none
}

input:not([type="button"]),
input:not([type="submit"]),
input:not([type="reset"]) {
    font-size: 16px !important
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder {
    color: #999
}

input:-moz-placeholder {
    color: #999
}

input::-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder {
    color: #999
}

textarea::-webkit-input-placeholder {
    color: #999
}

textarea:-moz-placeholder {
    color: #999
}

textarea::-moz-placeholder {
    color: #999
}

textarea:-ms-input-placeholder {
    color: #999
}

.msg-nodata {
    padding: 110px 0;
    margin: auto;
    text-align: center
}

.msg-nodata.plist {
    padding: 0
}

.msg-nodata .img {
    width: 148px;
    height: 148px;
    display: block;
    position: relative;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background: #ff7f38
}

.msg-nodata .img:before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../image/icon_nodata.png) no-repeat 0 0;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}

.msg-nodata .text {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 50px
}

.msg-nodata[data-scrollview] .img {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: opacity .4s ease-in-out, -moz-transform .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out, -o-transform .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out
}

.msg-nodata[data-scrollview] .text {
    opacity: 0;
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -moz-transition: opacity .3s .2s, -moz-transform .3s .2s;
    -o-transition: opacity .3s .2s, -o-transform .3s .2s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -webkit-transition-delay: .2s, 0.2s;
    transition: opacity .3s .2s, transform .3s .2s
}

.msg-nodata[data-scrollview] a {
    opacity: 0;
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -moz-transition: opacity .3s .33s, -moz-transform .3s .33s;
    -o-transition: opacity .3s .33s, -o-transform .3s .33s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -webkit-transition-delay: .33s, 0.33s;
    transition: opacity .3s .33s, transform .3s .33s
}

.msg-nodata[data-scrollview].scroll-view .img {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.msg-nodata[data-scrollview].scroll-view .text,
.msg-nodata[data-scrollview].scroll-view a {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width:1199px) {
    .msg-nodata {
        padding: 50px 0
    }

    .msg-nodata.plist {
        padding: 0
    }

    .msg-nodata .img {
        width: 100px;
        height: 100px
    }

    .msg-nodata .text {
        margin-bottom: 35px
    }
}

@media (max-width:991px) {
    .msg-nodata {
        padding: 30px 0 50px 0
    }

    .msg-nodata.plist {
        padding: 0
    }
}

.msg-complete {
    padding: 30px 0 80px 0;
    margin: 0 auto;
    text-align: center
}

.msg-complete .img {
    width: 148px;
    height: 148px;
    display: block;
    position: relative;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background: #ff7f38
}

.msg-complete .img:before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../image/icon_complete.png) no-repeat 0 0;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}

.msg-complete .text {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 30px
}

.msg-complete[data-scrollview] .img {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: opacity .4s ease-in-out, -moz-transform .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out, -o-transform .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out
}

.msg-complete[data-scrollview] .text {
    opacity: 0;
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -moz-transition: opacity .3s .2s, -moz-transform .3s .2s;
    -o-transition: opacity .3s .2s, -o-transform .3s .2s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -webkit-transition-delay: .2s, 0.2s;
    transition: opacity .3s .2s, transform .3s .2s
}

.msg-complete[data-scrollview] a {
    opacity: 0;
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -moz-transition: opacity .3s .33s, -moz-transform .3s .33s;
    -o-transition: opacity .3s .33s, -o-transform .3s .33s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -webkit-transition-delay: .33s, 0.33s;
    transition: opacity .3s .33s, transform .3s .33s
}

.msg-complete[data-scrollview].scroll-view .img {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.msg-complete[data-scrollview].scroll-view .text,
.msg-complete[data-scrollview].scroll-view a {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width:1199px) {
    .msg-complete {
        padding: 30px 0 50px 0
    }

    .msg-complete .img {
        width: 100px;
        height: 100px
    }

    .msg-complete .text {
        margin-bottom: 35px
    }
}

.secicon-title {
    font-weight: 600;
    font-size: 1.5625rem;
    color: #184141;
    position: relative;
    padding-left: 30px;
    margin: 0 auto 25px auto
}

.secicon-title:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 22px;
    height: 22px;
    background: url(../image/icon_title.png) no-repeat 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.gotop {
    position: fixed;
    display: inline-block;
    cursor: pointer;
    bottom: 20px;
    right: 20px;
    opacity: 1;
    z-index: 2;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.gotop.scroll-view {
    opacity: 1
}

.gotop div {
    z-index: 1;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    border-radius: 50%;
    margin-top: 0;
    font-size: 0;
    -moz-transition: background .1s, margin .15s;
    -o-transition: background .1s, margin .15s;
    -webkit-transition: background .1s, margin .15s;
    transition: background .1s, margin .15s
}

.gotop div:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: none;
    top: 55%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gotop:hover div {
    background: #bd3d3b
}

@media (max-width:991px) {
    .gotop {
        right: 0;
        bottom: 0;
        z-index: 10
    }

    .gotop div {
        width: 165px;
        height: 40px;
        border-radius: 0;
        background: #006768
    }

    .gotop div:before {
        width: 10px;
        height: 10px;
        left: 15px;
        margin-left: 0
    }

    .gotop div:hover div {
        background: #008989
    }
}

.btn-del {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    font-size: 0;
    position: relative;
    border-radius: 50px;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    -webkit-transition: background .15s;
    transition: background .15s
}

.btn-del:before,
.btn-del:after {
    content: "";
    background: #139091;
    display: inline-block;
    width: 20px;
    height: 3px;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    -webkit-transition: background .15s;
    transition: background .15s
}

.btn-del:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-del:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn-del:hover {
    background: #006768
}

.btn-del:hover:before,
.btn-del:hover:after {
    background: #fff
}

.btn-pv-back {
    display: inline-block;
    min-width: 140px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    padding: 0 20px;
    margin: 0;
    border-radius: 50px;
    font-size: .9375rem;
    border: 2px solid #d8d8d8;
    background: #d8d8d8;
    color: #222;
    -moz-transition: background .15s, color .15s, border .15s;
    -o-transition: background .15s, color .15s, border .15s;
    -webkit-transition: background .15s, color .15s, border .15s;
    transition: background .15s, color .15s, border .15s
}

.btn-pv-back span {
    position: relative
}

.btn-pv-back span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin: -4px 5px 0 0;
    background-image: url(../image/icon_return.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.btn-pv-back:hover {
    border: 2px solid #666;
    background: #666;
    color: #fff
}

.btn-pv-back:hover span:before {
    background-position: 0 100%
}

.btn-gotoiq {
    display: inline-block;
    min-width: 140px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    padding: 0 20px;
    margin: 0;
    border-radius: 50px;
    font-size: .9375rem;
    border: 2px solid #006768;
    background: #fff;
    color: #006768;
    -moz-transition: background .15s, color .15s;
    -o-transition: background .15s, color .15s;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s
}

.btn-gotoiq span {
    position: relative
}

.btn-gotoiq span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin: -4px 5px 0 0;
    background-image: url(../image/icon_inquiry.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.btn-gotoiq:hover {
    background: #006768;
    color: #fff
}

.btn-gotoiq:hover span:before {
    background-position: 0 0
}

.btn-home {
    display: inline-block;
    min-width: 150px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    padding: 0 20px;
    border-radius: 50px;
    font-size: .9375rem;
    border: 2px solid #006768;
    background: #fff;
    color: #006768;
    -moz-transition: background .15s, color .15s;
    -o-transition: background .15s, color .15s;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s
}

.btn-home span {
    position: relative
}

.btn-home span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin: -4px 5px 0 0;
    background-image: url(../image/icon_home.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.btn-home:hover {
    background: #006768;
    color: #fff
}

.btn-home:hover span:before {
    background-position: 0 100%
}

.form-bottom {
    font-size: 0
}

.form-bottom .left {
    width: calc(100% - 180px);
    ;
    display: inline-block;
    vertical-align: top
}

.form-bottom .right {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    text-align: right
}

@media (max-width:767px) {
    .form-bottom .left {
        width: calc(100% - 95px);
        display: block;
        margin: 0
    }

    .form-bottom .right {
        width: 100%;
        display: block;
        text-align: center;
        margin: 15px auto 0 auto
    }
}

.btn-send {
    display: inline-block;
    min-width: 150px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    padding: 0 20px;
    border-radius: 50px;
    font-size: .9375rem;
    border: 2px solid #006768;
    background: #fff;
    color: #006768;
    -moz-transition: background .15s, color .15s;
    -o-transition: background .15s, color .15s;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s
}

.btn-send span {
    position: relative
}

.btn-send span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    background-image: url(../image/icon_send.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.btn-send:hover {
    background: #006768;
    color: #fff
}

.btn-send:hover span:before {
    background-position: 0 100%
}

.btn-back {
    display: inline-block;
    min-width: 150px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    padding: 0 20px;
    border-radius: 50px;
    font-size: .9375rem;
    border: 2px solid #006768;
    background: #fff;
    color: #006768;
    -moz-transition: background .15s, color .15s;
    -o-transition: background .15s, color .15s;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s
}

.btn-back span {
    position: relative
}

.btn-back span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 20px;
    margin: -5px 5px 0 0;
    background-image: url(../image/icon_btnback.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.btn-back:hover {
    background: #006768;
    color: #fff
}

.btn-back:hover span:before {
    background-position: 0 100%
}

.star {
    font-size: .9375rem;
    font-family: "Microsoft JhengHei UI", "Microsoft JhengHei", "PMingLiU", Sans-serif;
    line-height: 1;
    color: #ff7f38;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    margin: 0 4px 0 0
}

.label-style {
    font-size: .9375rem;
    padding: 0 0 0 10px;
    margin: 0;
    display: block;
    border: none;
    width: 105px;
    line-height: 42px;
    position: absolute;
    font-weight: 600;
    top: 0;
    left: 0
}

.input-style {
    background: none;
    height: 42px;
    padding: 0 15px;
    width: 100%;
    display: block;
    outline: none;
    border: none
}

.textarea-style {
    background: none;
    height: 100px;
    padding: 10px 15px;
    width: 100%;
    display: block;
    outline: none;
    border: none;
    font-size: 1rem;
    -moz-transition: border .15s;
    -o-transition: border .15s;
    -webkit-transition: border .15s;
    transition: border .15s
}

.form-box.code {
    width: calc(100% - 95px);
    display: inline-block;
    vertical-align: middle
}

.form-box .codeimg {
    width: 83px;
    position: absolute;
    bottom: 0;
    right: -95px
}

.form-box .codeimg img {
    width: 100%;
    -moz-box-shadow: 0 2px 5px transparent;
    -webkit-box-shadow: 0 2px 5px transparent;
    box-shadow: 0 2px 5px transparent;
    -moz-transition: box-shadow .15s;
    -o-transition: box-shadow .15s;
    -webkit-transition: box-shadow .15s;
    transition: box-shadow .15s
}

.form-box .codeimg:hover img {
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3)
}

@media (max-width:767px) {
    .form-box.code {
        width: 100%
    }
}

.select-style {
    padding: 0 42px 0 15px;
    display: block;
    width: 100%;
    height: 42px;
    font-size: 1rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: none;
    background-color: transparent;
    background-image: url("../image/select_bg_contact.png");
    background-position: right 0;
    background-repeat: no-repeat;
    -moz-background-size: auto 42px;
    -o-background-size: auto 42px;
    -webkit-background-size: auto 42px;
    background-size: auto 42px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select-style::-ms-expand {
    display: none
}

.form-box {
    width: 100%;
    display: block;
    position: relative;
    margin: 0 auto 30px auto;
    padding: 0 0 0 110px;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid transparent;
    -moz-box-shadow: 0 2px 8px transparent;
    -webkit-box-shadow: 0 2px 8px transparent;
    box-shadow: 0 2px 8px transparent;
    -moz-transition: border .15s, background .15s, box-shadow .15s;
    -o-transition: border .15s, background .15s, box-shadow .15s;
    -webkit-transition: border .15s, background .15s, box-shadow .15s;
    transition: border .15s, background .15s, box-shadow .15s
}

.form-box:before {
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 110px;
    background: #d1d1d1
}

.form-box.focus {
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)
}

.form-box.form-half {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 11px)
}

.form-box.form-half.odd {
    margin-right: 22px
}

.form-box.form-half.even {
    margin-right: 0
}

.form-box.style-long {
    padding: 0 0 0 125px
}

.form-box.style-long:before {
    left: 125px
}

.form-box.style-long .label-style {
    width: 135px
}

.form-box.style-xl {
    padding: 0 0 0 210px
}

.form-box.style-xl:before {
    left: 210px
}

.form-box.style-xl .label-style {
    width: 200px
}

.form-box.style-short {
    padding: 0 0 0 85px
}

.form-box.style-short:before {
    left: 85px
}

.form-box.style-short .label-style {
    width: 85px
}

@media (max-width:767px) {
    .form-box {
        margin-bottom: 15px;
        padding: 0 0 0 125px
    }

    .form-box:before {
        left: 125px
    }

    .form-box .label-style {
        width: 135px
    }

    .form-box.style-short,
    .form-box.style-long {
        padding: 0 0 0 125px
    }

    .form-box.style-short:before,
    .form-box.style-long:before {
        left: 125px
    }

    .form-box.style-short .label-style,
    .form-box.style-long .label-style {
        width: 135px
    }

    .form-box.form-half {
        display: block;
        width: 100%
    }

    .form-box.form-half.odd {
        margin-right: 0
    }
}

@media (max-width:499px) {
    .form-box {
        padding: 0 5px 5px 5px
    }

    .form-box:before {
        display: none
    }

    .form-box .label-style {
        width: 100%;
        position: relative
    }

    .form-box.style-short,
    .form-box.style-long,
    .form-box.style-xl {
        padding: 0 5px 5px 5px
    }

    .form-box.style-short .label-style,
    .form-box.style-long .label-style,
    .form-box.style-xl .label-style {
        width: 100%
    }

    .form-box.code .input-style {
        width: calc(100% - 97px)
    }

    .form-box .input-style,
    .form-box .textarea-style {
        background-color: #fff;
        border: 1px solid #ebebeb
    }

    .form-box .codeimg {
        right: 10px;
        bottom: 5px
    }

    .form-bottom .left {
        width: 100%
    }
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1530px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.g-header {
    background: #fff;
    padding: 0 160px 0 40px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    z-index: 200;
    opacity: 0;
    -moz-transition: opacity .35s;
    -o-transition: opacity .35s;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.g-header.scroll-view {
    opacity: 1
}

.g-header.is-scroll {
    -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1)
}

@media (min-width:991px) and (max-width:1199px) {
    .g-header {
        padding: 0 120px 0 40px
    }
}

@media (max-width:991px) {
    .g-header {
        height: 60px;
        padding: 0 180px 0 20px
    }
}

@media (max-width:839px) {
    .g-header {
        padding: 0 180px 0 10px
    }
}

.g-logo {
    width: 120px;
    position: relative;
    z-index: 100;
    float: left;
    margin: 15px 0;
    padding: 0
}

.g-logo>a {
    display: block;
    width: 100%;
    position: relative;
    font-size: 0;
    background: url(../image/logo.png) no-repeat 0 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.g-logo>a:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 39.2592%
}

@media (max-width:991px) {
    .g-logo {
        width: 100px;
        margin: 10px 0 0 0
    }
}

.g-lang {
    width: 150px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    z-index: 3
}

.g-lang .cur-lang {
    background: #ff7f38;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    -moz-transition: background .35s;
    -o-transition: background .35s;
    -webkit-transition: background .35s;
    transition: background .35s
}

.g-lang .cur-lang span {
    display: inline-block;
    text-align: center;
    line-height: inherit;
    z-index: 1;
    width: auto;
    height: 100%;
    padding: 0 31px 0 0;
    left: 0;
    top: 0;
    color: #fff;
    position: relative;
    -moz-transition: color .35s;
    -o-transition: color .35s;
    -webkit-transition: color .35s;
    transition: color .35s
}

.g-lang .cur-lang span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 31px;
    height: 31px;
    margin-top: -15px;
    display: inline-block;
    background-image: url(../image/icon_lang.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.g-lang .cur-lang:hover {
    background: #ff913d
}

.g-lang .dropdown {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    display: none;
    z-index: 9;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1)
}

.g-lang .dropdown a {
    background: #fff;
    display: block;
    border-top: 1px solid #eee;
    color: #666;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    -webkit-transition: background .15s;
    transition: background .15s
}

.g-lang .dropdown a:hover {
    background: #f5f5f5
}

.g-lang.is-open .dropdown {
    display: block;
    -moz-animation: ani_fadeIn .2s linear both;
    -webkit-animation: ani_fadeIn .2s linear both;
    animation: ani_fadeIn .2s linear both
}

.g-lang.is-close .dropdown {
    -moz-animation: ani_fadeOut .2s linear both;
    -webkit-animation: ani_fadeOut .2s linear both;
    animation: ani_fadeOut .2s linear both
}

.g-lang.is-open-nav .cur-lang span {
    color: #666
}

.g-lang.is-open-nav .cur-lang span:before {
    background-position: 0 0
}

.g-lang.is-open-nav .cur-lang:hover span {
    color: #fff
}

.g-lang.is-open-nav .cur-lang:hover span:before {
    background-position: 0 100%
}

@media (min-width:992px) and (max-width:1199px) {
    .g-lang {
        width: 120px
    }
}

@media (max-width:991px) {
    .g-lang {
        right: 60px;
        width: 120px;
        height: 60px
    }

    .g-lang .cur-lang {
        padding: 0 5px;
        line-height: 60px;
        height: 60px
    }

    .g-lang .cur-lang span {
        padding-right: 25px
    }

    .g-lang .cur-lang span:after {
        width: 20px;
        height: 20px;
        margin-top: -10px
    }

    .g-lang .dropdown {
        top: 60px
    }
}

.nav-second-bg {
    height: 57px;
    background: #199495;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 9;
    pointer-events: none;
    opacity: 0;
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -moz-transition: opacity .15s, -moz-transform .15s;
    -o-transition: opacity .15s, -o-transform .15s;
    -webkit-transition: opacity .15s, -webkit-transform .15s;
    transition: opacity .15s, transform .15s
}

.nav-second-bg.open {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media (max-width:991px) {
    .nav-second-bg {
        height: 0;
        background: none
    }
}

.g-nav {
    position: relative
}

.g-nav a {
    -moz-transition: color .12s, background .12s;
    -o-transition: color .12s, background .12s;
    -webkit-transition: color .12s, background .12s;
    transition: color .12s, background .12s
}

.g-nav>ul {
    font-size: 0
}

.g-nav>ul>li {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.g-nav>ul>li>a {
    display: block;
    color: #444;
    padding: 0 40px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    position: relative;
    white-space: nowrap;
    -moz-transition: color .15s;
    -o-transition: color .15s;
    -webkit-transition: color .15s;
    transition: color .15s
}

.g-nav>ul>li>ul {
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
    text-align: center;
    left: 40px
}

.g-nav>ul>li>ul>li {
    display: inline-block;
    position: relative
}

.g-nav>ul>li>ul>li>a {
    display: block;
    position: relative;
    font-size: .9375rem;
    line-height: 57px;
    color: #fff;
    padding: 0 0 0 20px;
    margin-right: 20px
}

.g-nav>ul>li>ul>li>a:before {
    content: "";
    position: absolute;
    top: 29px;
    left: -1px;
    width: 3px;
    height: 3px;
    display: block;
    border-radius: 50%;
    background: #4eb0b1
}

.g-nav>ul>li>ul>li:hover {
    z-index: 10
}

.g-nav>ul>li>ul>li:hover>a {
    color: #eee
}

.g-nav>ul>li>ul>li:last-child>a {
    margin-right: 0;
    padding-right: 20px
}

.g-nav>ul>li>ul>li:last-child>a:after {
    content: "";
    position: absolute;
    top: 29px;
    right: -1px;
    width: 3px;
    height: 3px;
    display: block;
    border-radius: 50%;
    background: #4eb0b1
}

.g-nav>ul>li>ul>li>ul {
    display: none
}

.g-nav>ul>li:hover>a {
    color: #006768
}

@media (min-width:992px) {
    .g-nav {
        float: right
    }

    .g-nav>ul>li:hover>ul,
    .g-nav>ul>li.open>ul {
        display: block !important
    }

    .g-nav>ul>li>ul>li:hover>ul {
        display: none !important
    }

    .g-nav>ul>li>ul>li>ul>li:hover>ul {
        display: none !important
    }

    .g-nav>ul>li>ul>li>ul>ul>li:hover>ul {
        display: none !important
    }

    .g-nav>ul>li>ul {
        display: none !important
    }
}

@media (max-width:1399px) {
    .g-nav>ul>li>a {
        padding: 0 25px
    }
}

@media (max-width:1199px) {
    .g-nav>ul>li>a {
        padding: 0 14px
    }
}

@media (max-width:991px) {
    .g-nav {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        display: block;
        text-align: left;
        margin-top: 60px;
        height: calc(100vh - 60px);
        overflow-y: auto;
        overflow-x: hidden;
        background: none;
        padding-bottom: 10px;
        opacity: 0;
        max-height: 0;
        z-index: -1;
        -moz-transition: -moz-transform .3s ease-in-out, opacity .3s ease-in-out, max-height .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out, opacity .3s ease-in-out, max-height .3s ease-in-out;
        -webkit-transition: -webkit-transform .3s ease-in-out, opacity .3s ease-in-out, max-height .3s ease-in-out;
        transition: transform .3s ease-in-out, opacity .3s ease-in-out, max-height .3s ease-in-out
    }

    .g-nav.open {
        opacity: 1;
        max-height: calc(100vh - 60px)
    }

    .g-nav li {
        position: relative;
        display: block;
        width: 100%
    }

    .g-nav li a {
        display: block;
        position: relative;
        text-align: left
    }

    .g-nav li>ul {
        display: none
    }

    .g-nav li.open>ul {
        display: block;
        -moz-animation: fadeIn .5s both;
        -webkit-animation: fadeIn .5s both;
        animation: fadeIn .5s both
    }

    .g-nav>ul>li {
        border-top: 1px solid #ebebeb
    }

    .g-nav>ul>li>a {
        display: block;
        color: #444;
        background: #fefefe;
        font-size: 1rem;
        padding: 13px 15px;
        line-height: 1.5;
        text-align: left;
        border: none
    }

    .g-nav>ul>li:last-child {
        border-bottom: 1px solid #ccc
    }

    .g-nav>ul>li.hasul>a {
        padding-right: 45px
    }

    .g-nav>ul>li.hasul>a:before,
    .g-nav>ul>li.hasul>a:after {
        content: "";
        background: #999;
        display: inline-block;
        width: 12px;
        height: 2px;
        border-radius: 15px;
        position: absolute;
        top: 50%;
        right: 25px;
        -moz-transition: background .15s;
        -o-transition: background .15s;
        -webkit-transition: background .15s;
        transition: background .15s
    }

    .g-nav>ul>li.hasul>a:before {
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .g-nav>ul>li.open>a {
        background: #006768;
        color: #fff
    }

    .g-nav>ul>li.open:hover>a {
        background: #007172;
        color: #fff
    }

    .g-nav>ul>li.open.hasul>a:before {
        display: none
    }

    .g-nav>ul>li.open.hasul>a:after {
        background: #fff
    }

    .g-nav>ul>li:hover>a {
        background: #f2f2f2
    }

    .g-nav>ul>li>ul {
        position: relative;
        right: auto;
        left: auto;
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .g-nav>ul>li>ul>li {
        display: block
    }

    .g-nav>ul>li>ul>li>a {
        background: #e9f5f5;
        color: #006768;
        padding: 13px 15px 13px 30px;
        line-height: 1.5;
        border: none;
        border-top: 1px solid #d3e6e7;
        font-size: 1rem;
        margin-right: 0
    }

    .g-nav>ul>li>ul>li>a:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 0 3px 6px;
        border-color: transparent transparent transparent #006768;
        position: absolute;
        background: none;
        top: 50%;
        left: 18px;
        margin-top: -3px;
        border-radius: 0
    }

    .g-nav>ul>li>ul>li:last-child>a:after {
        display: none
    }

    .g-nav>ul>li>ul>li:first-child>a {
        padding-left: 30px;
        border-top: none
    }

    .g-nav>ul>li>ul>li:first-child>a:before {
        display: inline-block
    }

    .g-nav>ul>li>ul>li:hover>a {
        background: #dce8e8;
        color: #006768
    }
}

.g-nav-switch {
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    cursor: pointer;
    display: none;
    background: #666;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -webkit-transition: background .5s;
    transition: background .5s
}

.g-nav-switch:hover {
    background: #888
}

.g-nav-switch div {
    display: inline-block;
    height: 2px;
    width: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    background: #fff;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.g-nav-switch div:nth-child(1) {
    margin-top: -9px;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -moz-transition: margin .1s .15s, -moz-transform .1s;
    -o-transition: margin .1s .15s, -o-transform .1s;
    -webkit-transition: margin .1s, -webkit-transform .1s;
    -webkit-transition-delay: .15s, 0s;
    transition: margin .1s .15s, transform .1s
}

.g-nav-switch div:nth-child(2) {
    margin-top: -1px;
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transition: -moz-transform .1s .1s;
    -o-transition: -o-transform .1s .1s;
    -webkit-transition: -webkit-transform .1s;
    -webkit-transition-delay: .1s;
    transition: transform .1s .1s
}

.g-nav-switch div:nth-child(3) {
    margin-top: 7px;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -moz-transition: margin .1s .15s, -moz-transform .1s;
    -o-transition: margin .1s .15s, -o-transform .1s;
    -webkit-transition: margin .1s, -webkit-transform .1s;
    -webkit-transition-delay: .15s, 0s;
    transition: margin .1s .15s, transform .1s
}

.g-nav-switch.close:after {
    opacity: 0;
    -moz-transform: translate(50%, -50%) scale(50);
    -ms-transform: translate(50%, -50%) scale(50);
    -webkit-transform: translate(50%, -50%) scale(50);
    transform: translate(50%, -50%) scale(50);
    -moz-animation: fadeOut .5s both;
    -webkit-animation: fadeOut .5s both;
    animation: fadeOut .5s both
}

.g-nav-switch.open:after {
    opacity: 1;
    -moz-transform: translate(50%, -50%) scale(50);
    -ms-transform: translate(50%, -50%) scale(50);
    -webkit-transform: translate(50%, -50%) scale(50);
    transform: translate(50%, -50%) scale(50);
    -moz-animation: anmi_nav_bg_open 1s .15s both;
    -webkit-animation: anmi_nav_bg_open 1s .15s both;
    animation: anmi_nav_bg_open 1s .15s both
}

.g-nav-switch.open div:nth-child(1) {
    margin-top: -1px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transition: margin .1s, -moz-transform .1s .15s;
    -o-transition: margin .1s, -o-transform .1s .15s;
    -webkit-transition: margin .1s, -webkit-transform .1s;
    -webkit-transition-delay: 0s, 0.15s;
    transition: margin .1s, transform .1s .15s
}

.g-nav-switch.open div:nth-child(2) {
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.g-nav-switch.open div:nth-child(3) {
    margin-top: -1px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: margin .1s, -moz-transform .1s .15s;
    -o-transition: margin .1s, -o-transform .1s .15s;
    -webkit-transition: margin .1s, -webkit-transform .1s;
    -webkit-transition-delay: 0s, 0.15s;
    transition: margin .1s, transform .1s .15s
}

@media (max-width:991px) {
    .g-nav-switch {
        display: inline-block
    }
}

.g-nav-overlay {
    margin: 0 !important;
    position: fixed;
    z-index: 199;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    display: none;
    cursor: pointer;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.g-nav-overlay.open {
    display: block;
    -moz-animation: ani_fadeIn .3s both;
    -webkit-animation: ani_fadeIn .3s both;
    animation: ani_fadeIn .3s both
}

.feedback-inquiry {
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
    padding: 30px;
    color: #fff;
    width: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    text-align: center;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.float-inquiry {
    z-index: 201;
    width: 100%;
    max-width: 460px;
    position: fixed;
    padding: 30px;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    -moz-transition: -moz-transform .5s ease, box-shadow .5s ease;
    -o-transition: -o-transform .5s ease, box-shadow .5s ease;
    -webkit-transition: -webkit-transform .5s ease, box-shadow .5s ease;
    transition: transform .5s ease, box-shadow .5s ease;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.float-inquiry.open {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.float-inquiry .side-top {
    padding: 20px 150px 20px 5px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.float-inquiry .btn-gotoiq {
    position: absolute;
    top: 10px;
    right: 3px
}

.float-inquiry .nodata-text {
    color: #666;
    text-align: center;
    display: block;
    margin: 50px auto;
    font-size: 1rem
}

.float-inquiry .subhead {
    font-size: 1.875rem;
    line-height: 1.2;
    padding: 0;
    margin: 0
}

.float-inquiry .subhead .iq-num {
    display: inline-block;
    vertical-align: top;
    font-size: .9em
}

.float-inquiry .subhead .iq-num:before {
    content: "("
}

.float-inquiry .subhead .iq-num:after {
    content: ")"
}

.float-inquiry .float-inquiry-list {
    overflow-y: auto;
    max-height: calc(100vh - 140px)
}

.float-inquiry .float-inquiry-list .box {
    border-top: 1px solid #ddd;
    padding: 25px 40px 25px 110px;
    position: relative;
    min-height: 110px
}

.float-inquiry .float-inquiry-list .box .img {
    display: block;
    width: 110px;
    height: 110px;
    padding: 25px 15px;
    position: absolute;
    line-height: 0;
    top: 0;
    left: 0
}

.float-inquiry .float-inquiry-list .box .img img {
    max-width: 100%;
    border: 1px solid #ddd;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -moz-transition: border .15s;
    -o-transition: border .15s;
    -webkit-transition: border .15s;
    transition: border .15s
}

.float-inquiry .float-inquiry-list .box .img:hover img {
    border-color: #999
}

.float-inquiry .float-inquiry-list .box .text {
    display: block
}

.float-inquiry .float-inquiry-list .box .text ul li {
    display: block;
    font-size: .875rem;
    color: #555
}

.float-inquiry .float-inquiry-list .box .text ul li .tit {
    font-weight: 600;
    color: #111
}

.float-inquiry .float-inquiry-list .box .btn-del {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0
}

.float-inquiry .float-inquiry-list .box:first-child {
    border-top: none
}

.inquiry-switch {
    width: 70px;
    position: absolute;
    left: -70px;
    z-index: 99;
    top: 50%;
    line-height: 1.2;
    font-size: .875rem;
    margin-top: -43px;
    background: #139091;
    color: #fff;
    display: inline-block;
    padding: 10px 12px;
    text-align: center;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    -webkit-transition: background .15s;
    transition: background .15s
}

.inquiry-switch:before {
    content: "";
    width: 28px;
    height: 28px;
    margin: 0 auto 3px auto;
    display: block;
    background: url(../image/icon_inquiry.png) no-repeat 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.inquiry-switch:link {
    background: #139091;
    color: #fff
}

.inquiry-switch:hover {
    color: #fff;
    background: #15B1B1
}

.inquiry-switch .iq-num {
    position: absolute;
    display: block;
    padding: 0 8px;
    line-height: 1.9;
    font-size: .875rem;
    color: #fff;
    border-radius: 30px;
    background: #f33b29;
    left: -6px;
    top: -6px
}

@media (max-width:991px) {
    .inquiry-switch {
        bottom: 0;
        top: auto;
        margin-top: 0;
        width: 125px;
        height: 40px;
        line-height: 40px;
        left: -125px;
        padding: 0 5px;
        font-size: .9375rem
    }

    .inquiry-switch:before {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0
    }

    .inquiry-switch.open {
        top: 0;
        left: 0;
        margin-top: 0;
        width: 50px;
        height: 50px;
        font-size: 0
    }

    .inquiry-switch.open .iq-num {
        display: none
    }

    .inquiry-switch.open:before,
    .inquiry-switch.open:after {
        content: "";
        background: #fff;
        display: inline-block;
        width: 20px;
        height: 2px;
        border-radius: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -10px;
        -moz-transition: background .15s;
        -o-transition: background .15s;
        -webkit-transition: background .15s;
        transition: background .15s
    }

    .inquiry-switch.open:before {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .inquiry-switch.open:after {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@media (max-width:639px) {
    .float-inquiry {
        padding: 20px 30px 15px 15px
    }

    .float-inquiry .side-top {
        padding: 15px 0
    }

    .float-inquiry .btn-gotoiq {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        height: 35px;
        line-height: 31px;
        margin-top: 10px
    }

    .float-inquiry .subhead {
        font-size: 1.375rem;
        text-align: center
    }

    .float-inquiry .float-inquiry-list {
        max-height: calc(100vh - 160px)
    }

    .float-inquiry .float-inquiry-list .box {
        border-top: 1px solid #ddd;
        padding: 15px 30px 15px 90px;
        position: relative;
        min-height: 110px
    }

    .float-inquiry .float-inquiry-list .box .img {
        display: block;
        width: 80px;
        height: 80px;
        padding: 15px 5px
    }

    .float-inquiry .float-inquiry-list .box .btn-del {
        width: 30px;
        height: 30px
    }

    .float-inquiry .float-inquiry-list .box .btn-del:before,
    .float-inquiry .float-inquiry-list .box .btn-del:after {
        width: 13px;
        height: 2px;
        margin-left: -7px
    }
}

.fixed-down {
    background: rgba(10, 111, 112, .99) no-repeat center center;
    background-size: cover;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 8px 0;
    font-size: 0;
    z-index: 20;
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.fixed-down.none {
    opacity: 0;
    pointer-events: none
}

.fixed-down .tag-slider {
    width: 100%;
    vertical-align: top;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 0 30px;
    background: url(../image/tag_icon.png)no-repeat left 6px
}

.fixed-down .tag-slider .box a {
    display: block;
    font-size: 1rem;
    color: #fff;
    line-height: 25px;
    padding: 3px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.g-footer {
    padding: 65px 0;
    background: #333;
    font-size: .9375rem;
    color: #ddd;
    padding-top: 55px;
    padding-bottom: 55px;
    opacity: 0;
    -moz-transition: opacity .8s;
    -o-transition: opacity .8s;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.g-footer.scroll-view {
    opacity: 1
}

.g-footer>.container:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #4f4f4f
}

.g-footer .f-info {
    padding-left: 170px;
    padding-right: 20px;
    float: left;
    width: 50%;
    font-size: .875rem
}

.g-footer .f-info li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.g-footer .f-info li:first-child {
    margin-right: 0;
    display: block
}

.g-footer .f-info li:last-child {
    margin-right: 0
}

.g-footer .f-info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 135px;
    height: 53px;
    display: block;
    background: url(../image/logo.png) no-repeat 0 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.g-footer .f-right {
    float: right;
    width: 50%;
    padding-left: 30px
}

.g-footer .f-link {
    display: block;
    margin-bottom: 5px
}

.g-footer .f-link a {
    color: #eee;
    display: inline-block;
    position: relative;
    font-size: .9375rem;
    padding-left: 20px;
    margin-right: 5px
}

.g-footer .f-link a:hover {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.g-footer .f-link a:hover:after {
    opacity: .8
}

.g-footer .f-link a:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 3px;
    width: 3px;
    height: 3px;
    display: block;
    border-radius: 50%;
    background: #eee
}

.g-footer .f-link a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    height: 1px;
    display: block;
    background: #fff;
    opacity: 0;
    -moz-transition: opacity .15s;
    -o-transition: opacity .15s;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.g-footer .f-link a:first-child {
    padding-left: 0
}

.g-footer .f-link a:first-child:before {
    display: none
}

.g-footer .f-link a:first-child:after {
    left: 0
}

.g-footer .f-link a:last-child {
    margin-right: 0
}

.g-footer .f-copyright {
    display: inline-block;
    color: #999;
    font-size: .875rem;
    word-break: break-all
}

.g-footer .f-copyright br {
    display: none
}

.g-footer .f-copyright a {
    color: #999
}

.g-footer .f-copyright a:hover {
    color: #ddd
}

.g-footer .f-grnet {
    color: #666;
    font-size: .875rem;
    display: inline-block;
    margin-left: 20px
}

.g-footer .f-grnet a {
    color: #666
}

.g-footer .f-grnet a:hover {
    color: #999
}

@media (min-width:1200px) and (max-width:1499px) {
    .g-footer>.container:before {
        left: 40%
    }

    .g-footer .f-info {
        float: left;
        width: 40%
    }

    .g-footer .f-right {
        float: right;
        width: 60%
    }
}

@media (max-width:1399px) {
    .g-footer .f-link a {
        padding-left: 13px;
        margin-right: 12px
    }
}

@media (min-width:992px) and (max-width:1199px),
(max-width:839px) {
    .g-footer .f-grnet {
        display: block;
        margin-left: 0
    }
}

@media (max-width:1199px) {
    .g-footer .f-right {
        padding-left: 40px
    }
}

@media (max-width:991px) {
    .g-footer {
        padding: 35px 0
    }

    .g-footer>.container:before {
        display: none
    }

    .g-footer .f-info {
        float: none;
        width: 100%
    }

    .g-footer .f-info:before {
        width: 120px;
        height: 47px
    }

    .g-footer .f-right {
        float: none;
        position: relative;
        width: auto;
        overflow: hidden;
        display: block;
        padding-top: 10px;
        margin-top: 10px;
        padding-left: 170px
    }

    .g-footer .f-right:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        left: 170px;
        right: 0;
        background: #4f4f4f
    }

    .g-footer .f-link {
        margin-bottom: 0
    }

    .g-footer .f-link a {
        font-size: .875rem
    }
}

@media (max-width:839px) {
    .g-footer {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .g-footer .f-info {
        padding-left: 0;
        text-align: center
    }

    .g-footer .f-info:before {
        width: 100px;
        height: 39px;
        position: relative;
        margin: 0 auto 10px auto
    }

    .g-footer .f-right {
        padding-left: 0;
        text-align: center
    }

    .g-footer .f-right:before {
        left: 0
    }

    .g-footer .f-copyright br {
        display: inline-block
    }
}

.g-search-wrap {
    width: 100%;
    background: rgba(248, 248, 248, 0.95);
    /* position: absolute; */
    z-index: 10;
    bottom: 0;
    left: 0;
    padding: 20px 20px 40px 20px
}

.g-search-wrap[data-scrollview] {
    opacity: 0;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.g-search-wrap[data-scrollview] .search-subhead {
    opacity: 0;
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -moz-transition: opacity .5s .3s, -moz-transform .5s .3s, letter-spacing .5s .3s;
    -o-transition: opacity .5s .3s, -o-transform .5s .3s, letter-spacing .5s .3s;
    -webkit-transition: opacity .5s, -webkit-transform .5s, letter-spacing .5s;
    -webkit-transition-delay: .3s, 0.3s, 0.3s;
    transition: opacity .5s .3s, transform .5s .3s, letter-spacing .5s .3s
}

.g-search-wrap[data-scrollview].scroll-view {
    opacity: 1
}

.g-search-wrap[data-scrollview].scroll-view .search-subhead {
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    opacity: 1
}

.g-search-wrap>.container {
    padding-left: 60px;
    padding-right: 60px
}

.g-search-wrap .search-subhead {
    color: #222;
    font-size: 2.0625rem;
    text-align: center;
    display: block;
    margin: 0 auto 20px auto;
    letter-spacing: .2rem
}

.g-search-wrap form {
    padding-right: 135px;
    position: relative;
    font-size: 0;
    max-width: 1140px;
    margin: 0 auto
}

.g-search-wrap .search-btn {
    width: 118px;
    height: 42px;
    background: #ff7f38;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    position: absolute;
    border: none;
    font-size: .9375rem;
    font-weight: 600;
    bottom: 0;
    right: 0;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    -webkit-transition: background .15s;
    transition: background .15s
}

.g-search-wrap .search-btn:hover {
    background: #ff913d
}

.g-search-wrap .search-stitle {
    font-size: 1.25rem;
    font-weight: 600;
    position: relative;
    text-align: center;
    display: block;
    margin: 0 auto 20px auto;
    white-space: nowrap;
    width: calc(100% + 135px);
    top: auto;
    left: auto;
    color: #006768
}

.g-search-wrap .search-input {
    background: #fff;
    color: #444;
    font-weight: 600;
    border-radius: 4px;
    height: 42px;
    width: calc(55% - 10px);
    padding: 0 10px;
    display: inline-block;
    outline: none;
    border: none;
    font-size: 1rem;
    -moz-box-shadow: 0 5px 10px transparent;
    -webkit-box-shadow: 0 5px 10px transparent;
    box-shadow: 0 5px 10px transparent;
    -moz-transition: border .15s, box-shadow .15s;
    -o-transition: border .15s, box-shadow .15s;
    -webkit-transition: border .15s, box-shadow .15s;
    transition: border .15s, box-shadow .15s
}

.g-search-wrap .search-input:focus {
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15) !important;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15) !important
}

.g-search-wrap .search-select {
    width: calc(45% - 10px);
    height: 42px;
    border-radius: 4px;
    padding: 0 50px 0 15px;
    margin-right: 20px;
    display: inline-block;
    font-size: 1rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url("../image/select_bg_search.jpg") right 0 no-repeat;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    outline: none;
    border: none;
    -moz-box-shadow: 0 5px 10px transparent;
    -webkit-box-shadow: 0 5px 10px transparent;
    box-shadow: 0 5px 10px transparent;
    -moz-transition: border .15s, box-shadow .15s;
    -o-transition: border .15s, box-shadow .15s;
    -webkit-transition: border .15s, box-shadow .15s;
    transition: border .15s, box-shadow .15s
}

.g-search-wrap .search-select:focus {
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15) !important;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15) !important
}

.g-search-wrap .search-select::-ms-expand {
    display: none
}

.g-search-wrap.is-fixed {
    position: absolute
}

.index .g-search-wrap form {
    padding-left: 270px
}

.index .g-search-wrap .search-stitle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 250px;
    text-align: left
}

@media (max-width:1199px) {
    .g-search-wrap {
        padding: 20px 20px 30px 20px
    }

    .g-search-wrap>.container {
        padding-left: 30px;
        padding-right: 30px
    }

    .g-search-wrap .search-subhead {
        font-size: 1.375rem;
        margin: 0 auto 15px auto;
        line-height: 1.5
    }

    .g-search-wrap form {
        padding-right: 125px
    }

    .g-search-wrap .search-btn {
        width: 108px
    }

    .g-search-wrap .search-stitle {
        font-size: 1.125rem;
        line-height: 45px;
        letter-spacing: .1rem;
        margin: 0 auto 5px auto
    }

    .index .g-search-wrap form {
        padding-left: 270px
    }

    .index .g-search-wrap .search-stitle {
        width: calc(100% + 130px)
    }

    .g-search-wrap .search-select {
        width: calc(30% - 10px)
    }

    .g-search-wrap .search-input {
        width: calc(70% - 10px)
    }
}

@media (max-width:991px) {
    .g-search-wrap {
        position: relative;
        padding: 25px 15px 25px 15px
    }

    .g-search-wrap>.container {
        padding-left: 20px;
        padding-right: 20px
    }

    .g-search-wrap .search-stitle {
        font-size: 1.0625rem;
        line-height: 1.8;
        display: block;
        letter-spacing: .1rem;
        margin: 0 auto 10px auto
    }

    .index .g-search-wrap form {
        padding-left: 0
    }

    .index .g-search-wrap .search-stitle {
        position: relative;
        top: 0;
        left: auto;
        right: auto;
        text-align: center;
        display: block
    }
}

@media (max-width:767px) {
    .g-search-wrap {
        padding: 0 15px 25px 15px;
        background: rgba(236, 236, 236, 0.95)
    }

    .g-search-wrap>.container {
        padding-left: 0;
        padding-right: 0
    }

    .g-search-wrap .search-input {
        width: 100%
    }

    .g-search-wrap .search-select {
        width: 100%;
        padding: 0 50px 0 15px;
        margin: 0 auto 10px auto
    }

    .g-search-wrap .search-stitle {
        margin: 0 auto 15px auto;
        letter-spacing: .1rem
    }

    .g-search-wrap .search-btn {
        height: 100px
    }

    .index .g-search-wrap .search-stitle {
        width: auto
    }
}

@media (max-width:439px) {
    .g-search-wrap form {
        padding-right: 0
    }

    .g-search-wrap .search-stitle {
        width: 100%
    }

    .g-search-wrap .search-btn {
        width: 100%;
        height: 45px;
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 15px
    }
}

.has-search-top {
    /* position: relative; */
    overflow: hidden
}

#index .has-search-top {
    margin-bottom: 50px
}

.i-slide-wrap {
    /* position: relative; */
    width: 100%;
    line-height: 0;
    /* padding-bottom: 41.92708% */
}

.i-slide {
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

.i-slide:hover .slick-prev,
.i-slide:hover .slick-next {
    opacity: 1
}

.i-slide .in img {
    -moz-animation: ani_slidezoomIn 1s cubic-bezier(0.6, 0.12, 0.94, 0.85) both;
    -webkit-animation: ani_slidezoomIn 1s cubic-bezier(0.6, 0.12, 0.94, 0.85) both;
    animation: ani_slidezoomIn 1s cubic-bezier(0.6, 0.12, 0.94, 0.85) both
}

.i-slide .box .img-mb {
    display: none
}

.i-slide .box .img-lg {
    display: block
}

.i-slide .slick-dots {
    position: absolute;
    bottom: 35px;
    margin: 0 auto;
    padding: 0;
    line-height: 0;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.i-slide .slick-dots>li {
    display: inline-block;
    vertical-align: middle
}

.i-slide .slick-dots>li button {
    outline: none;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 4px;
    border-radius: 25px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ff7f38;
    background-color: transparent;
    font-size: 0;
    line-height: 0;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    -webkit-transition: background .15s;
    transition: background .15s;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.i-slide .slick-dots>li button:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

.i-slide .slick-dots>li.slick-active button {
    background-color: #ff7f38
}

.i-slide .slick-prev,
.i-slide .slick-next {
    position: absolute;
    z-index: 5;
    height: 100%;
    width: 5%;
    min-width: 45px;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    background: none;
    top: 0;
    border: none;
    outline: none;
    opacity: 0;
    -moz-transition: left .3s, right .3s, margin .3s, opacity .5s;
    -o-transition: left .3s, right .3s, margin .3s, opacity .5s;
    -webkit-transition: left .3s, right .3s, margin .3s, opacity .5s;
    transition: left .3s, right .3s, margin .3s, opacity .5s
}

.i-slide .slick-prev:before,
.i-slide .slick-next:before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    border: none;
    top: 45%;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.i-slide .slick-prev {
    left: 0
}

.i-slide .slick-prev:before {
    left: 50%;
    margin-left: 5px;
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc
}

.i-slide .slick-prev:hover:before,
.i-slide .slick-prev:active:before {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff
}

.i-slide .slick-next {
    right: 0
}

.i-slide .slick-next:before {
    right: 50%;
    margin-right: 5px;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc
}

.i-slide .slick-next:hover:before,
.i-slide .slick-next:active:before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@media (max-width:767px) {
    .i-slide-wrap {
        /* padding-bottom: 133.166% */
    }

    .i-slide .box .img-mb {
        display: block
    }

    .i-slide .box .img-lg {
        display: none
    }

    .i-slide .slick-dots {
        bottom: 20px
    }
}

#i-news {
    margin-top: 50px;
    padding-left: 320px;
    position: relative;
    margin-bottom: 15px
}

#i-news .sec-title {
    width: 320px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

#i-news .sec-title .stroke {
    position: absolute;
    z-index: 0;
    top: 15px;
    bottom: 0;
    left: 20px;
    right: 21%;
    border-top: 6px solid #ff7f38;
    border-right: 6px solid #ff7f38;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top
}

#i-news .sec-title .stroke:before {
    content: "";
    height: 6px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ff7f38;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

#i-news .sec-title .stroke:after {
    content: "";
    width: 6px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ff7f38;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

#i-news .sec-title>h2 {
    background: #fff;
    z-index: 1;
    position: absolute;
    top: 50%;
    padding: 15px 5px;
    color: #444;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#i-news .sec-title>h2 .big {
    display: block;
    font-size: 2.0625rem;
    display: block;
    margin: 0 auto 15px auto;
    letter-spacing: .2rem
}

#i-news .sec-title>h2 .small {
    display: block;
    font-size: 1.25rem;
    position: relative;
    font-weight: 600;
    color: #444;
    padding-bottom: 24px
}

#i-news .sec-title>h2 .small:after {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 4px;
    left: 0;
    bottom: 0;
    background: #006768
}

#i-news .sec-title[data-scrollview] .stroke {
    opacity: 0;
    bottom: 100%;
    right: 100%;
    -moz-transition: right .16s linear, bottom .16s linear .17s, opacity .16s;
    -o-transition: right .16s linear, bottom .16s linear .17s, opacity .16s;
    -webkit-transition: right .16s linear, bottom .16s linear, opacity .16s;
    -webkit-transition-delay: 0s, 0.17s, 0s;
    transition: right .16s linear, bottom .16s linear .17s, opacity .16s
}

#i-news .sec-title[data-scrollview] .stroke:before {
    width: 0;
    -moz-transition: width .16s linear .37s;
    -o-transition: width .16s linear .37s;
    -webkit-transition: width .16s linear;
    -webkit-transition-delay: .37s;
    transition: width .16s linear .37s
}

#i-news .sec-title[data-scrollview] .stroke:after {
    height: 0;
    -moz-transition: height .16s linear .57s;
    -o-transition: height .16s linear .57s;
    -webkit-transition: height .16s linear;
    -webkit-transition-delay: .57s;
    transition: height .16s linear .57s
}

#i-news .sec-title[data-scrollview]>h2 {
    max-height: 0;
    -moz-transition: max-height .7s linear .65s;
    -o-transition: max-height .7s linear .65s;
    -webkit-transition: max-height .7s linear;
    -webkit-transition-delay: .65s;
    transition: max-height .7s linear .65s
}

#i-news .sec-title[data-scrollview]>h2 .big {
    opacity: 0;
    -moz-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    -moz-transition: -moz-transform .35s .82s, opacity .35s .82s;
    -o-transition: -o-transform .35s .82s, opacity .35s .82s;
    -webkit-transition: -webkit-transform .35s, opacity .35s;
    -webkit-transition-delay: .82s, 0.82s;
    transition: transform .35s .82s, opacity .35s .82s
}

#i-news .sec-title[data-scrollview]>h2 .small {
    opacity: 0;
    -moz-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
    -moz-transition: -moz-transform .35s .85s, opacity .35s .85s;
    -o-transition: -o-transform .35s .85s, opacity .35s .85s;
    -webkit-transition: -webkit-transform .35s, opacity .35s;
    -webkit-transition-delay: .85s, 0.85s;
    transition: transform .35s .85s, opacity .35s .85s
}

#i-news .sec-title[data-scrollview]>h2 .small:after {
    width: 0;
    -moz-transform: width .35s .87s ease-in-out;
    -ms-transform: width .35s .87s ease-in-out;
    -webkit-transform: width .35s .87s ease-in-out;
    transform: width .35s .87s ease-in-out
}

#i-news .sec-title[data-scrollview].scroll-view .stroke {
    opacity: 1;
    bottom: 0;
    right: 21%
}

#i-news .sec-title[data-scrollview].scroll-view .stroke:before {
    width: 100%
}

#i-news .sec-title[data-scrollview].scroll-view .stroke:after {
    height: 100%
}

#i-news .sec-title[data-scrollview].scroll-view>h2 {
    max-height: 300px
}

#i-news .sec-title[data-scrollview].scroll-view>h2 .big {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#i-news .sec-title[data-scrollview].scroll-view>h2 .small {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#i-news .sec-title[data-scrollview].scroll-view>h2 .small:after {
    width: 22px
}

.i-news-wrap {
    margin: 0 -25px;
    font-size: 0;
    text-align: center
}

.i-news-wrap[data-scrollview] .box {
    opacity: 0;
    -moz-transition: opacity .7s, -moz-transform .7s;
    -o-transition: opacity .7s, -o-transform .7s;
    -webkit-transition: opacity .7s, -webkit-transform .7s;
    transition: opacity .7s, transform .7s;
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px)
}

.i-news-wrap[data-scrollview] .box:nth-child(1) {
    -moz-transition-delay: .65s;
    -o-transition-delay: .65s;
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.i-news-wrap[data-scrollview] .box:nth-child(2) {
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.i-news-wrap[data-scrollview] .box:nth-child(3) {
    -moz-transition-delay: .95s;
    -o-transition-delay: .95s;
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

.i-news-wrap[data-scrollview].scroll-view .box {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.i-news-wrap .box {
    display: inline-block;
    vertical-align: top;
    padding: 0 25px 0 25px;
    width: calc(100% / 3)
}

.i-news-wrap .box>a {
    padding: 10px;
    display: block;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -moz-transition: box-shadow .18s, -moz-transform .18s;
    -o-transition: box-shadow .18s, -o-transform .18s;
    -webkit-transition: box-shadow .18s, -webkit-transform .18s;
    transition: box-shadow .18s, transform .18s;
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px)
}

.i-news-wrap .box>a:hover {
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.i-news-wrap .box .img {
    margin: 0 auto 15px
}

.i-news-wrap .box .title {
    display: block;
    font-size: 1.0625rem;
    padding: 0 5px;
    margin: 0 auto 8px;
    color: #444;
    font-weight: 600;
    text-align: left
}

.i-news-wrap .box .bottom {
    font-size: .875rem;
    padding: 0 5px;
    text-align: left
}

.i-news-wrap .box .bottom .date {
    color: #666;
    display: inline-block;
    vertical-align: top
}

.i-news-wrap .box .bottom .more {
    color: #ff7f38;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 22px
}

.i-news-wrap .box .bottom .more:before {
    content: "";
    width: 1px;
    height: 12px;
    background: #b1b1b1;
    position: absolute;
    top: 6px;
    left: 9px
}

@media (max-width:1599px) {
    #i-news {
        padding-left: 320px
    }
}

@media (max-width:1199px) {
    #i-news {
        margin-top: 30px;
        margin-bottom: 50px;
        padding-left: 0
    }

    #i-news .sec-title {
        width: 100%;
        position: relative;
        left: auto;
        top: 0;
        bottom: auto
    }

    #i-news .sec-title .stroke {
        display: none
    }

    #i-news .sec-title>h2 {
        position: relative;
        background: none;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    #i-news .sec-title>h2 .big {
        font-size: 1.875rem
    }

    #i-news .sec-title>h2 .small {
        font-size: 1.125rem;
        color: #006768
    }

    #i-news .sec-title[data-scrollview]>h2 {
        max-height: none;
        text-align: center
    }

    #i-news .sec-title[data-scrollview]>h2 .small:after {
        left: 50%;
        width: 50px;
        height: 3px;
        margin-left: -25px
    }
}

@media (max-width:991px) {
    .i-news-wrap {
        margin: 0 -5px
    }

    .i-news-wrap .box {
        margin: 0 auto;
        padding: 0 5px
    }

    .i-news-wrap .box>a {
        padding: 5px
    }
}

@media (max-width:767px) {
    #i-news .sec-title>h2 .big {
        font-size: 1.625rem;
        font-weight: 600
    }

    #i-news .sec-title>h2 .small {
        font-size: 1rem
    }

    #i-news .sec-title[data-scrollview]>h2 {
        -moz-transition-delay: .28s;
        -o-transition-delay: .28s;
        -webkit-transition-delay: .28s;
        transition-delay: .28s
    }

    #i-news .sec-title[data-scrollview]>h2 .big {
        -moz-transition-delay: .38s;
        -o-transition-delay: .38s;
        -webkit-transition-delay: .38s;
        transition-delay: .38s
    }

    #i-news .sec-title[data-scrollview]>h2 .small {
        -moz-transition-delay: .42s;
        -o-transition-delay: .42s;
        -webkit-transition-delay: .42s;
        transition-delay: .42s
    }

    #i-news .sec-title[data-scrollview]>h2 .small:after {
        -moz-transition-delay: .45s;
        -o-transition-delay: .45s;
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }

    .i-news-wrap {
        margin: 0 auto;
        padding: 0 15px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
    }

    .i-news-wrap .box {
        padding: 0;
        margin: 0;
        display: block;
        width: 100%;
        border-top: 1px solid #ddd
    }

    .i-news-wrap .box:first-child {
        border-top: none
    }

    .i-news-wrap .box>a {
        min-height: 92px;
        padding: 10px 10px 10px 120px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .i-news-wrap .box>a:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .i-news-wrap .box>a:hover .title {
        color: #006768
    }

    .i-news-wrap .box>a:hover .img {
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }

    .i-news-wrap .box>a:after {
        content: "";
        width: 100%;
        height: 0;
        display: table;
        clear: both
    }

    .i-news-wrap .box .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 120px;
        max-width: 120px;
        padding: 12px 10px 12px 0;
        margin: 0;
        -moz-transition: -moz-transform .25s;
        -o-transition: -o-transform .25s;
        -webkit-transition: -webkit-transform .25s;
        transition: transform .25s;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .i-news-wrap .box .title {
        -moz-transition: color .25s;
        -o-transition: color .25s;
        -webkit-transition: color .25s;
        transition: color .25s;
        line-height: 1.2
    }

    .i-news-wrap[data-scrollview] {
        opacity: 0;
        -moz-transform: translate(0, 30px);
        -ms-transform: translate(0, 30px);
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
        -moz-transition: opacity .55s, -moz-transform .55s;
        -o-transition: opacity .55s, -o-transform .55s;
        -webkit-transition: opacity .55s, -webkit-transform .55s;
        transition: opacity .55s, transform .55s
    }

    .i-news-wrap[data-scrollview].scroll-view {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media (max-width:499px) {
    .i-news-wrap .box .bottom {
        padding: 0
    }

    .i-news-wrap .box .bottom .date {
        display: block
    }

    .i-news-wrap .box .bottom .more {
        display: block;
        padding-left: 0
    }

    .i-news-wrap .box .bottom .more:before {
        display: none
    }
}

#i-brand {
    background: #f2f2f2;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

#i-brand.scroll-view {
    opacity: 1
}

.i-brand-slide .box {
    padding: 35px 40px;
    position: relative
}

.i-brand-slide .box:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 46px;
    background: #ccc;
    left: 0;
    top: 50%;
    margin-top: -23px
}

.i-brand-slide .box a {
    display: block;
    width: 100%;
    padding-bottom: 57.14%;
    position: relative;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -moz-transition: -moz-transform .25s, box-shadow .25s;
    -o-transition: -o-transform .25s, box-shadow .25s;
    -webkit-transition: -webkit-transform .25s, box-shadow .25s;
    transition: transform .25s, box-shadow .25s
}

.i-brand-slide .box a:hover {
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15)
}

.i-brand-slide .box a img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.i-brand-slide .hide-line .box:after {
    display: none
}

.i-brand-slide .slick-prev,
.i-brand-slide .slick-next {
    position: absolute;
    z-index: 5;
    height: 32px;
    width: 32px;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    background: none;
    top: 50%;
    margin-top: -16px;
    border: none;
    outline: none;
    -moz-transition: left .3s, right .3s, margin .3s;
    -o-transition: left .3s, right .3s, margin .3s;
    -webkit-transition: left .3s, right .3s, margin .3s;
    transition: left .3s, right .3s, margin .3s
}

.i-brand-slide .slick-prev:before,
.i-brand-slide .slick-next:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    border: none;
    top: 50%;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.i-brand-slide .slick-prev {
    left: -5px
}

.i-brand-slide .slick-prev:before {
    left: 50%;
    margin-left: 5px;
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc
}

.i-brand-slide .slick-prev:hover:before,
.i-brand-slide .slick-prev:active:before {
    border-left: 2px solid #999;
    border-top: 2px solid #999
}

.i-brand-slide .slick-next {
    right: -5px
}

.i-brand-slide .slick-next:before {
    right: 50%;
    margin-right: 5px;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc
}

.i-brand-slide .slick-next:hover:before,
.i-brand-slide .slick-next:active:before {
    border-right: 2px solid #999;
    border-bottom: 2px solid #999
}

@media (max-width:1499px) {
    #i-brand {
        padding: 0 20px
    }

    .i-brand-slide .slick-prev {
        left: 0
    }

    .i-brand-slide .slick-next {
        right: 0
    }
}

@media (max-width:991px) {
    #i-brand {
        padding: 0
    }

    .i-brand-slide .box {
        padding: 5px
    }
}

.p-ban {
    overflow: hidden;
    position: relative
}

.p-ban:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 21.35417%
}

.p-ban .img {
    width: 100%;
    height: 120.83117%;
    position: absolute;
    z-index: 0;
    bottom: 0;
    opacity: 0;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.p-ban .img img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: none;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.p-ban .text {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 0;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-ban .text>h2 {
    font-size: 3.125rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    opacity: 0;
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -moz-transition: -moz-transform .6s ease-in-out .25s, opacity .6s .25s;
    -o-transition: -o-transform .6s ease-in-out .25s, opacity .6s .25s;
    -webkit-transition: -webkit-transform .6s ease-in-out, opacity .6s;
    -webkit-transition-delay: .25s, 0.25s;
    transition: transform .6s ease-in-out .25s, opacity .6s .25s
}

.p-ban .text>h2 .en {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 auto;
    letter-spacing: 0;
    font-family: "Poppins", Sans-serif;
    -moz-transition: letter-spacing 1s .85s;
    -o-transition: letter-spacing 1s .85s;
    -webkit-transition: letter-spacing 1s;
    -webkit-transition-delay: .85s;
    transition: letter-spacing 1s .85s
}

.p-ban .text>h2 .zh {
    display: block;
    font-size: 1.5625rem;
    margin: 15px auto 0 auto;
    font-weight: 600;
    -moz-transition: letter-spacing 1s .85s;
    -o-transition: letter-spacing 1s .85s;
    -webkit-transition: letter-spacing 1s;
    -webkit-transition-delay: .85s;
    transition: letter-spacing 1s .85s
}

.p-ban .text>h2 .subtit {
    display: block;
    font-size: 1.125rem;
    margin: 20px auto 0 auto;
    font-weight: normal;
    -moz-transition: letter-spacing 1s .85s;
    -o-transition: letter-spacing 1s .85s;
    -webkit-transition: letter-spacing 1s;
    -webkit-transition-delay: .85s;
    transition: letter-spacing 1s .85s
}

.p-ban .deco {
    width: 58px;
    height: 140px;
    display: inline-block;
    position: relative;
    margin-top: 25px;
    display: none
}

.p-ban .deco:before {
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    top: 25px;
    left: 50%;
    bottom: 0;
    background: #fff;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -moz-transition: -moz-transform .55s .53s;
    -o-transition: -o-transform .55s .53s;
    -webkit-transition: -webkit-transform .55s;
    -webkit-transition-delay: .53s;
    transition: transform .55s .53s
}

.p-ban .deco:after {
    content: "";
    width: 5px;
    display: block;
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -2px;
    height: 16px;
    background: #fff;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -moz-transition: -moz-transform .35s .25s;
    -o-transition: -o-transform .35s .25s;
    -webkit-transition: -webkit-transform .35s;
    -webkit-transition-delay: .25s;
    transition: transform .35s .25s
}

.p-ban .deco .circle {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg)
}

.p-ban .deco .circle svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-ban .deco .circle svg circle {
    stroke-dashoffset: 150;
    opacity: 0;
    -moz-transition: opacity .35s linear, stroke-dashoffset .45s linear;
    -o-transition: opacity .35s linear, stroke-dashoffset .45s linear;
    -webkit-transition: opacity .35s linear, stroke-dashoffset .45s linear;
    transition: opacity .35s linear, stroke-dashoffset .45s linear
}

.p-ban.product-p-ban:before {
    padding-bottom: 33.85417%
}

.p-ban.product-p-ban .img {
    height: 113.17692%
}

.p-ban.scroll-view .img {
    opacity: 1
}

.p-ban.scroll-view .text>h2 {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.p-ban.scroll-view .text>h2 .en {
    letter-spacing: .1rem
}

.p-ban.scroll-view .text>h2 .subtit,
.p-ban.scroll-view .text>h2 .zh {
    letter-spacing: .05rem
}

.p-ban.scroll-view .deco:before {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.p-ban.scroll-view .deco:after {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.p-ban.scroll-view .deco .circle svg circle {
    opacity: 1;
    stroke-dashoffset: 0
}

@media (max-width:1199px) {
    .p-ban:before {
        padding-bottom: 33%
    }

    .p-ban .text>h2 {
        font-size: 1.875rem
    }

    .p-ban .text>h2 .subtit {
        font-size: 1rem
    }

    .p-ban.product-p-ban .deco {
        width: 42px;
        height: 80px;
        margin-top: 10px
    }

    .p-ban.product-p-ban .deco:before {
        top: 15px
    }

    .p-ban.product-p-ban .deco:after {
        top: 15px;
        height: 13px
    }
}

@media (max-width:839px) {
    .p-ban .text>h2 {
        font-size: 1.625rem
    }

    .p-ban .text>h2 .zh {
        font-size: 1.25rem;
        margin-top: 5px
    }

    .p-ban .text>h2 .subtit {
        margin-top: 15px;
        font-size: .875rem
    }

    .p-ban .text .deco {
        width: 42px;
        height: 80px;
        margin-top: 10px
    }

    .p-ban .text .deco:before {
        top: 15px
    }

    .p-ban .text .deco:after {
        top: 15px;
        height: 13px
    }
}

@media (max-width:639px) {
    .p-ban .text {
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .p-ban .text .deco {
        display: none
    }
}

.mainwrap {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

@media (max-width:991px) {
    .mainwrap {
        padding-top: 35px
    }

    #commit.mainwrap,
    #recruit.mainwrap,
    #warranty.mainwrap,
    #about.mainwrap {
        padding-top: 0
    }
}

.g-breadcrumb {
    padding: 25px 0;
    margin: 0 auto 50px auto;
    line-height: 1.2;
    text-align: right;
    opacity: 1;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.g-breadcrumb.scroll-view {
    opacity: 1
}

.g-breadcrumb ul {
    white-space: nowrap;
    overflow: hidden
}

.g-breadcrumb ul li {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    color: #666;
    padding-left: 30px;
    font-size: .875rem
}

.g-breadcrumb ul li:before {
    content: "";
    width: 12px;
    height: 1px;
    display: inline-block;
    position: absolute;
    background: #aaa;
    left: 5px;
    top: 7px;
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.g-breadcrumb ul li:first-child {
    padding-left: 0
}

.g-breadcrumb ul li:first-child:before {
    display: none
}

.g-breadcrumb ul li a {
    color: inherit;
    display: block;
    color: #666
}

.g-breadcrumb ul li a:hover {
    color: #222
}

.g-breadcrumb ul li.home a {
    color: #ff7f38
}

.g-breadcrumb ul li.home a:hover {
    color: #ff913d
}

.g-breadcrumb ul li:last-child {
    color: #006768
}

#commit .g-breadcrumb {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0
}

#commit .g-breadcrumb ul li {
    color: #b7ece9
}

#commit .g-breadcrumb ul li:before {
    background: #b7ece9
}

#commit .g-breadcrumb ul li a {
    color: #b7ece9
}

#commit .g-breadcrumb ul li a:hover {
    color: #fff
}

#commit .g-breadcrumb ul li.home a {
    color: #b7ece9
}

#commit .g-breadcrumb ul li.home a:hover {
    color: #fff
}

#commit .g-breadcrumb ul li:last-child {
    color: #fff
}

@media (max-width:1199px) {
    .g-breadcrumb {
        margin: 0 auto 35px auto
    }
}

@media (max-width:991px) {
    .g-breadcrumb {
        display: none !important;
        padding: 12px 0;
        margin: 0 auto 25px auto;
        background: #eaeaea
    }

    .g-breadcrumb ul li {
        padding-left: 15px
    }

    .g-breadcrumb ul li:before {
        left: 3px
    }

    .g-breadcrumb ul li:first-child {
        padding-left: 0
    }

    .g-breadcrumb ul li:first-child:before {
        display: none
    }

    .g-breadcrumb ul li.mb-hide {
        font-size: 0;
        display: inline-block;
        vertical-align: bottom
    }

    .g-breadcrumb ul li.mb-hide a {
        height: .875rem;
        display: inline
    }

    .g-breadcrumb ul li.mb-hide:after {
        content: "...";
        font-size: .875rem;
        display: inline-block
    }

    #commit .g-breadcrumb {
        background: none
    }
}

@media (max-width:767px) {
    .g-breadcrumb ul li {
        display: inline;
        font-size: 10px
    }

    .g-breadcrumb ul li a {
        display: inline
    }

    #recruit .g-breadcrumb,
    #warranty .g-breadcrumb {
        margin: 0 auto
    }
}

@media (max-width:499px) {
    .g-breadcrumb ul li.mb-hide-xs {
        font-size: 0;
        display: inline-block;
        vertical-align: bottom
    }

    .g-breadcrumb ul li.mb-hide-xs a {
        height: .875rem;
        display: inline
    }

    .g-breadcrumb ul li.mb-hide-xs:after {
        content: "...";
        font-size: .875rem;
        display: inline-block
    }
}

.info-sysmsg {
    text-align: center;
    margin: 40px auto;
    max-width: 650px;
    font-size: 1.125rem;
    color: #666
}

.info-sysmsg .pic {
    position: relative;
    display: block;
    margin: 0 auto 20px auto;
    max-width: 200px
}

.info-sysmsg p {
    font-size: inherit
}

.info-sysmsg .btn-wrap {
    font-size: 1rem
}

.info-sysmsg .subhead {
    display: block;
    line-height: 1.2;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 auto 20px auto;
    text-transform: uppercase
}

#warranty>.container {
    max-width: 1430px
}

.award-list {
    margin: 0 -24px 50px -24px;
    font-size: 0
}

.award-list .box {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 20%;
    padding: 0 24px;
    margin: 0 auto 40px auto;
    opacity: 0;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.award-list .box.scroll-view {
    opacity: 1
}

.award-list .box .inner {
    cursor: pointer;
    display: block;
    position: relative
}

.award-list .box .inner .album {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.award-list .box .inner .album a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.award-list .box .inner .album a:first-child {
    z-index: 999
}

.award-list .box .inner .title {
    font-size: 1rem;
    font-weight: 600;
    color: #444;
    display: block;
    text-align: center;
    margin: 10px auto;
    -moz-transition: color .15s;
    -o-transition: color .15s;
    -webkit-transition: color .15s;
    transition: color .15s
}

.award-list .box .inner .img {
    line-height: 0;
    z-index: 1;
    width: 100%;
    padding-bottom: 144.2307%;
    position: relative;
    border: 1px solid #ddd;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -moz-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
    overflow: hidden
}

.award-list .box .inner .img:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #ff7f38;
    opacity: 0;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.award-list .box .inner .img .icon {
    position: absolute;
    z-index: 2;
    width: 55px;
    height: 55px;
    bottom: 0;
    right: 0;
    border-radius: 100% 0 0 0;
    background: #ff7f38;
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -moz-transition: opacity .25s, -moz-transform .2s;
    -o-transition: opacity .25s, -o-transform .2s;
    -webkit-transition: opacity .25s, -webkit-transform .2s;
    transition: opacity .25s, transform .2s
}

.award-list .box .inner .img .icon:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 60%;
    left: 60%;
    width: 24px;
    height: 24px;
    background: url(../image/icon_awardplus.png) no-repeat 0 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.award-list .box .inner .img img {
    position: absolute;
    z-index: 1;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.award-list .box .inner:hover .img {
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15)
}

.award-list .box .inner:hover .img:before {
    opacity: 1
}

.award-list .box .inner:hover .img .icon {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.award-list .box .inner:hover .title {
    color: #006768
}

@media (max-width:1199px) {
    .award-list {
        margin: 0 -15px 40px -15px
    }

    .award-list .box {
        width: 25%;
        padding: 0 15px
    }
}

@media (max-width:991px) {
    .award-list .box {
        width: calc(100% / 3);
        padding: 0 10px;
        margin: 0 auto 30px auto
    }
}

@media (max-width:499px) {
    .award-list {
        margin: 0 -10px 40px -10px
    }

    .award-list .box {
        width: 50%;
        padding: 0 10px;
        margin: 0 auto 20px auto
    }
}

.news-list {
    font-size: 0;
    margin: 0 -50px 30px -50px
}

.news-list .box {
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: top;
    padding: 0 50px;
    margin-bottom: 85px;
    text-align: left;
    font-size: 0
}

.news-list .box a {
    display: block;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background: #fff;
    -moz-box-shadow: 0 0 10px transparent;
    -webkit-box-shadow: 0 0 10px transparent;
    box-shadow: 0 0 10px transparent;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: box-shadow .3s, -moz-transform .3s;
    -o-transition: box-shadow .3s, -o-transform .3s;
    -webkit-transition: box-shadow .3s, -webkit-transform .3s;
    transition: box-shadow .3s, transform .3s
}

.news-list .box a:hover {
    -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.news-list .box a:hover .more {
    background: #006768
}

.news-list .box .img {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 61.6279%;
    overflow: hidden
}

.news-list .box .img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.news-list .box .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    height: 100%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.news-list .box .text {
    font-size: .9375rem;
    padding: 45px 25px 40px 25px;
    position: relative
}

.news-list .box .more {
    border-radius: 50px;
    background: #ff7f38;
    color: #fff;
    width: 150px;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -75px;
    margin-top: -25px;
    font-size: .875rem;
    -moz-transition: background .35s, -moz-transform .35s .2s, opacity .35s .2s;
    -o-transition: background .35s, -o-transform .35s .2s, opacity .35s .2s;
    -webkit-transition: background .35s, -webkit-transform .35s, opacity .35s;
    -webkit-transition-delay: 0s, 0.2s, 0.2s;
    transition: background .35s, transform .35s .2s, opacity .35s .2s
}

.news-list .box .more:before,
.news-list .box .more:after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    top: 50%;
    background: #fff
}

.news-list .box .more:before {
    left: 0
}

.news-list .box .more:after {
    right: 0
}

.news-list .box .title {
    position: relative;
    color: #444;
    font-weight: 600;
    margin: 0 auto 10px auto;
    padding: 0;
    font-size: 1.0625rem
}

.news-list .box .date {
    display: block;
    font-style: normal;
    margin: 12px 0 0 0;
    color: #666;
    font-size: .875rem
}

.news-list .box .desc {
    margin: 10px 0 0 0;
    color: #555;
    display: block;
    position: relative;
    padding-right: .5em;
    margin-right: -.5em;
    max-height: 3.375em;
    overflow: hidden
}

.news-list .box .desc:before {
    content: "...";
    line-height: 1;
    position: absolute;
    right: 0;
    bottom: .25em
}

.news-list .box .desc:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1.5em;
    margin-top: .5em;
    background: #fff
}

.news-list .box[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.news-list .box[data-scrollview] .more {
    -moz-transform: scale(1, 0) rotateX(90deg);
    -ms-transform: scale(1, 0) rotateX(90deg);
    -webkit-transform: scale(1, 0) rotateX(90deg);
    transform: scale(1, 0) rotateX(90deg);
    opacity: 0
}

.news-list .box[data-scrollview] .title:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -moz-transform-origin: left 50%;
    -ms-transform-origin: left 50%;
    -webkit-transform-origin: left 50%;
    transform-origin: left 50%;
    -moz-transition: width .5s .3s;
    -o-transition: width .5s .3s;
    -webkit-transition: width .5s;
    -webkit-transition-delay: .3s;
    transition: width .5s .3s
}

.news-list .box[data-scrollview] .date {
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: -moz-transform .5s .35s, opacity .5s .35s;
    -o-transition: -o-transform .5s .35s, opacity .5s .35s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -webkit-transition-delay: .35s, 0.35s;
    transition: transform .5s .35s, opacity .5s .35s
}

.news-list .box[data-scrollview] .desc {
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: -moz-transform .5s .38s, opacity .5s .38s;
    -o-transition: -o-transform .5s .38s, opacity .5s .38s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -webkit-transition-delay: .38s, 0.38s;
    transition: transform .5s .38s, opacity .5s .38s
}

.news-list .box[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.news-list .box[data-scrollview].scroll-view .more {
    -moz-transform: scale(1, 1) rotateX(0);
    -ms-transform: scale(1, 1) rotateX(0);
    -webkit-transform: scale(1, 1) rotateX(0);
    transform: scale(1, 1) rotateX(0);
    opacity: 1
}

.news-list .box[data-scrollview].scroll-view .title:before {
    width: 0
}

.news-list .box[data-scrollview].scroll-view .date,
.news-list .box[data-scrollview].scroll-view .desc {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width:1199px) {
    .news-list {
        margin: 0 -20px
    }

    .news-list .box {
        padding: 0 20px;
        margin-bottom: 35px
    }

    .news-list .box .text {
        padding: 45px 20px 40px 20px
    }

    .news-list .box .text .more {
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
        margin-left: -60px;
        margin-top: -17px
    }

    .news-list .box .text .more:before,
    .news-list .box .text .more:after {
        display: none
    }
}

@media (max-width:991px) {
    .news-list .box {
        width: calc(100% / 2)
    }

    .news-list .box .text {
        padding: 35px 15px 20px 15px
    }
}

@media (max-width:767px) {
    .news-list {
        margin: 0 -15px
    }

    .news-list .box {
        padding: 0 15px
    }

    .news-list .box .title {
        font-size: 1.125rem
    }
}

@media (max-width:499px) {
    .news-list {
        margin: 0 auto
    }

    .news-list .box {
        width: 100%;
        padding: 0
    }

    .news-list .box .text {
        padding: 35px 20px 20px 20px
    }
}

#news-view .date {
    font-style: normal;
    font-size: .875rem;
    color: #ff7f38;
    text-align: center;
    margin: 0 auto 20px auto;
    display: block;
    opacity: 0;
    -moz-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
    -moz-transition: -moz-transform .6s, opacity .6s;
    -o-transition: -o-transform .6s, opacity .6s;
    -webkit-transition: -webkit-transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s
}

#news-view .date.scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#news-view .title {
    font-size: 1.5625rem;
    color: #444;
    margin: 20px auto;
    padding: 0 0 25px 0;
    text-align: center;
    position: relative;
    opacity: 0;
    -moz-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
    -moz-transition: -moz-transform .6s .2s, opacity .6s .2s;
    -o-transition: -o-transform .6s .2s, opacity .6s .2s;
    -webkit-transition: -webkit-transform .6s, opacity .6s;
    -webkit-transition-delay: .2s, 0.2s;
    transition: transform .6s .2s, opacity .6s .2s
}

#news-view .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    display: block;
    background: #ddd;
    z-index: 0;
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -moz-transition: -moz-transform .7s .4s;
    -o-transition: -o-transform .7s .4s;
    -webkit-transition: -webkit-transform .7s;
    -webkit-transition-delay: .4s;
    transition: transform .7s .4s
}

#news-view .title:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    height: 7px;
    width: 38px;
    margin-left: -19px;
    display: block;
    background: #006768;
    z-index: 1;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -moz-transition: -moz-transform .4s .6s;
    -o-transition: -o-transform .4s .6s;
    -webkit-transition: -webkit-transform .4s;
    -webkit-transition-delay: .6s;
    transition: transform .4s .6s
}

#news-view .title.scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#news-view .title.scroll-view:after,
#news-view .title.scroll-view:before {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.news-view-content {
    padding: 50px 105px;
    display: block;
    position: relative;
    margin: 0 auto;
    opacity: 0;
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -moz-transition: -moz-transform .8s .65s, opacity .8s linear .65s;
    -o-transition: -o-transform .8s .65s, opacity .8s linear .65s;
    -webkit-transition: -webkit-transform .8s, opacity .8s linear;
    -webkit-transition-delay: .65s, 0.65s;
    transition: transform .8s .65s, opacity .8s linear .65s
}

.news-view-content:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    background: white;
    background: -moz-linear-gradient(360deg, rgba(255, 255, 255, 0) 0, white 35%, white 65%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(255, 255, 255, 0) 0, white 35%, white 65%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0, #fff 35%, #fff 65%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    z-index: 2;
    -moz-transition: height 1s linear .65s, opacity 1s linear .65s;
    -o-transition: height 1s linear .65s, opacity 1s linear .65s;
    -webkit-transition: height 1s linear, opacity 1s linear;
    -webkit-transition-delay: .65s, 0.65s;
    transition: height 1s linear .65s, opacity 1s linear .65s
}

.news-view-content.scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.news-view-content.scroll-view:before {
    opacity: 0;
    height: 0
}

.news-view-bottom {
    border-top: 1px solid #ddd;
    padding: 40px 0;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    -moz-transition: -moz-transform .6s, opacity .6s;
    -o-transition: -o-transform .6s, opacity .6s;
    -webkit-transition: -webkit-transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s
}

.news-view-bottom.scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width:991px) {
    #news-view article {
        margin-top: 0
    }

    .news-view-content {
        padding: 30px 50px
    }
}

@media (max-width:767px) {
    #news-view .date {
        margin: 0 auto 10px auto
    }

    #news-view .title {
        font-size: 1.25rem;
        margin: 10px auto
    }

    .news-view-content {
        padding: 20px 0
    }
}

#product-index {
    padding-bottom: 80px
}

.product-index-list {
    font-size: 0;
    display: block;
    margin: 0 auto;
    -moz-perspective: 1000;
    -webkit-perspective: 1000;
    perspective: 1000
}

.product-index-list li {
    width: 20%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    opacity: 0;
    word-break: break-all;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px);
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -o-transition: opacity .5s .1s, -o-transform .5s .1s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    -webkit-transition-delay: .1s, 0.1s;
    transition: opacity .5s .1s, transform .5s .1s
}

.product-index-list li.scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.product-index-list li a {
    display: block;
    position: relative;
    padding: 18px;
    background-color: none;
    color: #444;
    font-size: 1.0625rem;
    -moz-transition: background .15s, color .15s;
    -o-transition: background .15s, color .15s;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s
}

.product-index-list li a span {
    display: inline-block;
    padding-left: 24px;
    position: relative
}

.product-index-list li a span:before,
.product-index-list li a span:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 11px;
    width: 8px;
    height: 8px;
    border: none;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-index-list li a span:before {
    left: 0;
    border-top: 1px solid #60aeae;
    border-right: 1px solid #60aeae
}

.product-index-list li a span:after {
    left: 5px;
    border-top: 1px solid #075151;
    border-right: 1px solid #075151
}

.product-index-list li a:hover {
    background-color: #ff7f38;
    color: #fff
}

.product-index-list li a:hover span:before,
.product-index-list li a:hover span:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
}

@media (min-width:1200px) {

    .product-index-list li:nth-child(1),
    .product-index-list li:nth-child(2),
    .product-index-list li:nth-child(3),
    .product-index-list li:nth-child(4),
    .product-index-list li:nth-child(5) {
        border-top: 1px solid #e5e5e5
    }

    .product-index-list li:nth-child(5n+1) {
        border-left: 1px solid #e5e5e5
    }
}

@media (min-width:840px) and (max-width:1199px) {
    .product-index-list li {
        width: 25%
    }

    .product-index-list li:nth-child(1),
    .product-index-list li:nth-child(2),
    .product-index-list li:nth-child(3),
    .product-index-list li:nth-child(4) {
        border-top: 1px solid #e5e5e5
    }

    .product-index-list li:nth-child(4n+1) {
        border-left: 1px solid #e5e5e5
    }
}

@media (max-width:839px) {
    #product-index {
        padding-bottom: 30px
    }

    .product-index-list li a {
        padding: 10px 15px;
        font-size: 1rem
    }

    .product-index-list li a span {
        padding-left: 22px
    }

    .product-index-list li a span:before,
    .product-index-list li a span:after {
        width: 6px;
        height: 6px
    }
}

@media (min-width:640px) and (max-width:839px) {
    .product-index-list li {
        width: calc(100% / 3)
    }

    .product-index-list li:nth-child(1),
    .product-index-list li:nth-child(2),
    .product-index-list li:nth-child(3) {
        border-top: 1px solid #e5e5e5
    }

    .product-index-list li:nth-child(3n+1) {
        border-left: 1px solid #e5e5e5
    }
}

@media (min-width:400px) and (max-width:639px) {
    .product-index-list li {
        width: 50%
    }

    .product-index-list li:nth-child(1),
    .product-index-list li:nth-child(2) {
        border-top: 1px solid #e5e5e5
    }

    .product-index-list li:nth-child(2n+1) {
        border-left: 1px solid #e5e5e5
    }
}

@media (max-width:399px) {
    .product-index-list li {
        width: 100%;
        border-left: 1px solid #e5e5e5
    }

    .product-index-list li:nth-child(1) {
        border-top: 1px solid #e5e5e5
    }
}

.search-target {
    text-align: center;
    font-size: 1.125rem;
    display: block;
    margin: 0 auto 20px auto
}

.search-target strong {
    color: #ff7f38;
    margin: 0 4px
}

/* #product-list {
    padding-bottom: 50px
}

.product-list-content {
    max-width: 1430px;
    padding-left: 240px;
    position: relative
}

.product-list-content.product-search {
    padding-left: 15px
}

.product-list-content .btn-backpindex {
    position: absolute;
    top: 5px;
    left: 15px;
    display: inline-block;
    width: 190px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    padding: 0 20px;
    border-radius: 50px;
    font-size: .9375rem;
    border: 2px solid #006768;
    background: #fff;
    color: #006768;
    -moz-transition: background .15s, color .15s;
    -o-transition: background .15s, color .15s;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s
}

.product-list-content .btn-backpindex span {
    position: relative
}

.product-list-content .btn-backpindex span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 0 5px 0 0;
    background-image: url(../image/icon_title.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.product-list-content .btn-backpindex:hover {
    background: #006768;
    color: #fff
}

.product-list-content .btn-backpindex:hover span:before {
    background-position: 0 100%
}

.product-list {
    /* border: 1px solid #ddd;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 20px auto */
}

.product-list .col-img {
    width: 110px
}

.product-list .col-brand {
    width: calc((100% - 110px)*0.2)
}

.product-list .col-type {
    width: calc((100% - 110px)*0.2)
}

.product-list .col-sn {
    width: calc((100% - 110px)*0.22)
}

.product-list .col-sn2 {
    width: calc((100% - 110px)*0.22)
}

.product-list .col-inquiry {
    width: calc((100% - 110px)*0.16);
    max-width: 180px
}

.product-list .thead {
    border: 1px solid #ddd;
    font-size: 0
}

.product-list .thead .col {
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    padding: 10px 15px;
    font-size: 1rem;
    border: 1px solid #ddd;
    background: #ececec;
    background: -moz-linear-gradient(0, #ececec 0, #f8f8f8 100%);
    background: -webkit-linear-gradient(0, #ececec 0, #f8f8f8 100%);
    background: linear-gradient(0, #ececec 0, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ececec", endColorstr="#f8f8f8", GradientType=1)
}

.product-list .tbody .box {
    font-size: 0;
    border-bottom: 1px solid #ddd;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -webkit-transition: background .25s;
    transition: background .25s
}

.product-list .tbody .box:hover {
    background: #f2f2f2
}

.product-list .tbody .box .col {
    vertical-align: middle;
    text-align: center;
    padding: 15px 20px;
    font-size: .9375rem;
    word-break: break-all;
    border-left: 1px solid #ddd
}

.product-list .tbody .box .col.col-img {
    border-left: none;
    padding: 0 15px
}

.product-list .tbody .box .col.col-img .img {
    width: 100%;
    max-width: 75px;
    display: block;
    padding: 1px;
    margin: 2px auto;
    position: relative;
    border: 1px solid transparent;
    overflow: hidden;
    -moz-transition: border .15s;
    -o-transition: border .15s;
    -webkit-transition: border .15s;
    transition: border .15s
}

.product-list .tbody .box .col.col-img .img:hover {
    border: 1px solid #ddd
}

.product-list .tbody .box .col.col-img .img:hover img {
    -moz-transform: scale(1.02) translate(-50%, -50%);
    -ms-transform: scale(1.02) translate(-50%, -50%);
    -webkit-transform: scale(1.02) translate(-50%, -50%);
    transform: scale(1.02) translate(-50%, -50%)
}

.product-list .tbody .box .col.col-img .img:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.product-list .tbody .box .col.col-img .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -moz-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -moz-transition: -moz-transform .2s;
    -o-transition: -o-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}

.product-list .tbody .box .col.col-type {
    text-align: left;
    color: #ff7f38
}

.product-list .tbody .box .col.col-sn {
    text-align: left
}

.product-list .tbody .box .col .btn-addinquiry {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 50%;
    background: #fff;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    transition: background .3s;
    font-size: 0;
    line-height: 1
}

.product-list .tbody .box .col .btn-addinquiry:before {
    content: "";
    display: inline-block;
    height: 24px;
    width: 24px;
    position: absolute;
    margin-top: -12px;
    margin-left: -12px;
    top: 50%;
    left: 50%;
    background: url(../image/icon_inquiry.png) no-repeat 0 100%;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.product-list .tbody .box .col .btn-addinquiry:hover {
    background: #006768
}

.product-list .tbody .box .col .btn-addinquiry:hover:before {
    background-position: 0 0
}

@media (max-width:1199px) {
    .product-list-content {
        padding-left: 15px
    }

    .product-list-content .btn-backpindex {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto 20px auto;
        display: block
    }
}

@media (max-width:991px) {
    .product-list .thead .col {
        padding: 10px;
        font-size: 1rem
    }

    .product-list .tbody .box .col {
        padding: 10px
    }
}

@media (max-width:767px) {
    .product-list {
        display: block
    }

    .product-list .thead {
        display: none
    }

    .product-list .tbody {
        display: block
    }

    .product-list .tbody .box {
        display: block;
        position: relative;
        min-height: 100px;
        padding: 24px 80px 24px 100px
    }

    .product-list .tbody .box .col {
        border: none
    }

    .product-list .tbody .box .col.col-img {
        display: block;
        width: 100px;
        height: 100px;
        padding: 15px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -55px
    }

    .product-list .tbody .box .col.col-brand,
    .product-list .tbody .box .col.col-type,
    .product-list .tbody .box .col.col-sn,
    .product-list .tbody .box .col.col-sn2 {
        width: auto;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0;
        text-align: left
    }

    .product-list .tbody .box .col.col-brand:before,
    .product-list .tbody .box .col.col-type:before,
    .product-list .tbody .box .col.col-sn:before,
    .product-list .tbody .box .col.col-sn2:before {
        content: attr(data-tit) "：";
        font-weight: 600;
        color: #111
    }

    .product-list .tbody .box .col.col-inquiry {
        position: absolute;
        padding: 0;
        top: 50%;
        margin-top: -20px;
        right: 20px;
        width: 40px;
        height: 40px
    }
}

@media (max-width:639px) {
    .product-list .tbody .box {
        min-height: 75px;
        padding: 15px 32px 15px 75px
    }

    .product-list .tbody .box .col.col-img {
        width: 75px;
        height: 75px;
        margin-top: -37px;
        padding: 5px
    }

    .product-list .tbody .box .col.col-brand,
    .product-list .tbody .box .col.col-type,
    .product-list .tbody .box .col.col-sn,
    .product-list .tbody .box .col.col-sn2 {
        display: block;
        width: 100%;
        font-size: .875rem
    }

    .product-list .tbody .box .col.col-inquiry {
        margin-top: -15px;
        width: 30px;
        height: 30px;
        right: 6px
    }

    .product-list .tbody .box .col.col-inquiry .btn-addinquiry {
        border-radius: 0;
        width: 30px;
        height: 30px;
        background-color: transparent;
        border-radius: 50%
    }

    .product-list .tbody .box .col.col-inquiry .btn-addinquiry:before {
        height: 20px;
        width: 20px;
        margin-top: -10px;
        margin-left: -10px
    }

    .product-list .tbody .box .col.col-inquiry .btn-addinquiry:hover {
        background-color: #006768
    }

    .product-list .tbody .box .col.col-inquiry .btn-del {
        width: 30px;
        height: 30px;
        top: auto;
        border-radius: 0;
        border: none;
        border-radius: 50%;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .product-list .tbody .box .col.col-inquiry .btn-del:before,
    .product-list .tbody .box .col.col-inquiry .btn-del:after {
        width: 15px;
        margin-left: -7px
    }

    .product-list .tbody .box .col.col-inquiry .btn-del:hover {
        background: #006768;
        border: none
    }
}

@media (max-width:399px) {
    .product-list .tbody .box {
        min-height: 60px;
        padding: 15px 35px 15px 60px
    }

    .product-list .tbody .box .col.col-img {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        padding: 0 3px
    }
} */

#product-view .sec1 {
    width: 100%;
    max-width: 1000px;
    position: relative;
    margin: 0 auto 20px auto
}

#product-view .sec1[data-scrollview] .left {
    opacity: 0;
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -moz-transition: -moz-transform .8s, opacity .8s;
    -o-transition: -o-transform .8s, opacity .8s;
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s
}

#product-view .sec1[data-scrollview] .right {
    opacity: 0;
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
    -moz-transition: -moz-transform .8s .2s, opacity .8s .2s;
    -o-transition: -o-transform .8s .2s, opacity .8s .2s;
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    -webkit-transition-delay: .2s, 0.2s;
    transition: transform .8s .2s, opacity .8s .2s
}

#product-view .sec1[data-scrollview].scroll-view .left {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

#product-view .sec1[data-scrollview].scroll-view .right {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#product-view .sec1 .left {
    float: left;
    width: 380px
}

#product-view .sec1 .right {
    float: right;
    width: calc(100% - 380px);
    padding: 0 0 0 80px
}

#product-view .sec1 .right .p-name {
    margin: 30px 0;
    font-size: 1.875rem;
    color: #222;
    font-weight: 600;
    font-family: "Arial", "Microsoft JhengHei UI", "Microsoft JhengHei", "PMingLiU", Sans-serif
}

#product-view .sec1 .right .p-feature {
    margin: 0 0 30px 0
}

#product-view .sec1 .right .p-feature li {
    display: block;
    position: relative;
    padding: 0;
    margin: 5px 0
}

#product-view .sec1 .right .p-feature li span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 30px
}

#product-view .sec1 .right .p-feature li span:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 5px;
    border-radius: 50%;
    border: 3px solid #0a6f70
}

#product-view .sec1 .right .btn-group a {
    margin-left: 5px
}

#product-view .sec1 .right .btn-group a:first-child {
    margin-left: 0
}

#product-view .sec2 {
    border-top: 1px solid #ddd;
    padding: 40px 95px
}

#product-view .sec2[data-scrollview] .secicon-title {
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: -moz-transform .6s, opacity .6s;
    -o-transition: -o-transform .6s, opacity .6s;
    -webkit-transition: -webkit-transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s
}

#product-view .sec2[data-scrollview] .p-spec {
    opacity: 0;
    -moz-transform: translate(0, 25px);
    -ms-transform: translate(0, 25px);
    -webkit-transform: translate(0, 25px);
    transform: translate(0, 25px);
    -moz-transition: -moz-transform .8s .15s, opacity .8s .15s;
    -o-transition: -o-transform .8s .15s, opacity .8s .15s;
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    -webkit-transition-delay: .15s, 0.15s;
    transition: transform .8s .15s, opacity .8s .15s
}

#product-view .sec2[data-scrollview].scroll-view .secicon-title,
#product-view .sec2[data-scrollview].scroll-view .p-spec {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#product-view .sec2 .secicon-title {
    font-size: 1.25rem;
    display: block
}

#product-view .sec2 .secicon-title:before {
    top: 0
}

#product-view .sec2 .p-spec {
    font-size: 0;
    margin: 0 auto 20px auto;
    border: 1px solid #ddd
}

#product-view .sec2 .p-spec li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
    padding: 13px 15px 13px 255px;
    font-size: 1rem;
    border-bottom: 1px solid #dbeded
}

#product-view .sec2 .p-spec li .title {
    width: 225px;
    text-align: center;
    background: #dbeded;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 13px 0
}

@media (min-width:992px) {
    #product-view .sec2 .p-spec li.last-item {
        border-bottom: none
    }
}

@media (max-width:1199px) {
    #product-view .sec1 .right {
        padding-left: 20px
    }

    #product-view .sec2 {
        padding: 30px 20px
    }
}

@media (max-width:991px) {
    #product-view .sec1 .left {
        width: 300px
    }

    #product-view .sec1 .right {
        width: calc(100% - 300px)
    }

    #product-view .sec2 .p-spec li {
        display: block;
        width: 100%;
        padding: 13px 15px 13px 255px
    }

    #product-view .sec2 .p-spec li:last-child {
        border-bottom: none
    }
}

@media (max-width:767px) {
    #product-view .sec1[data-scrollview] .right {
        -moz-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    #product-view .sec1 .left {
        float: none;
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px auto;
        position: relative;
        text-align: center
    }

    #product-view .sec1 .right {
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        text-align: center
    }

    #product-view .sec1 .right .p-name {
        font-size: 1.375rem;
        margin: 20px auto
    }

    #product-view .sec1 .right .p-feature {
        margin-bottom: 20px
    }

    #product-view .sec1 .right .btn-group {
        text-align: center
    }

    #product-view .sec2 {
        padding: 30px 0
    }

    #product-view .sec2 .p-spec li {
        padding: 10px;
        text-align: center
    }

    #product-view .sec2 .p-spec li .title {
        width: auto;
        margin: -10px -10px 10px -10px;
        padding: 10px;
        position: relative;
        bottom: auto;
        top: auto;
        display: block
    }
}

#contact form {
    font-size: 0
}

#contact .sec1 .sec-title {
    font-size: 1.875rem;
    margin: 0 auto 20px auto;
    padding: 0;
    text-align: center
}

#contact .sec1[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -moz-transition: opacity .8s, -moz-transform .8s;
    -o-transition: opacity .8s, -o-transform .8s;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, transform .8s
}

#contact .sec1[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#contact .sec2 {
    position: relative;
    padding-right: 500px;
    margin-top: 65px;
    padding-bottom: 50px
}

#contact .sec2 .sec-title {
    margin: 0 0 20px 0
}

#contact .sec2 .sec-title>h3 {
    font-size: 1.875rem;
    display: inline-block;
    vertical-align: baseline
}

#contact .sec2 .sec-title .msg-welcome {
    font-size: 1rem;
    display: block;
    vertical-align: baseline
}

#contact .sec2 .left-form {
    position: relative
}

#contact .sec2 .left-form[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -moz-transition: opacity .8s .2s, -moz-transform .8s .2s;
    -o-transition: opacity .8s .2s, -o-transform .8s .2s;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    -webkit-transition-delay: .2s, 0.2s;
    transition: opacity .8s .2s, transform .8s .2s
}

#contact .sec2 .left-form[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#contact .sec2 .right-info {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 450px;
    background: #f3f7f7;
    padding: 50px 35px;
    text-align: center
}

#contact .sec2 .right-info[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
    -moz-transition: opacity .8s .25s, -moz-transform .8s .25s;
    -o-transition: opacity .8s .25s, -o-transform .8s .25s;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    -webkit-transition-delay: .25s, 0.25s;
    transition: opacity .8s .25s, transform .8s .25s
}

#contact .sec2 .right-info[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

#contact .sec2 .right-info:before {
    content: "";
    display: block;
    margin: 0 auto 20px auto;
    width: 140px;
    height: 54px;
    background: url(../image/logo.png) no-repeat 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

#contact .sec2 .right-info strong {
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem
}

#contact .sec2 .right-info strong:before,
#contact .sec2 .right-info strong:after {
    content: "";
    width: 60px;
    height: 1px;
    background: #76afb7;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px
}

#contact .sec2 .right-info strong:before {
    margin-right: 10px
}

#contact .sec2 .right-info strong:after {
    margin-left: 5px
}

#contact .sec2 .right-info ul li {
    display: block;
    text-align: left;
    padding: 20px 10px;
    border-top: 1px solid #eee
}

#contact .sec2 .right-info ul li span {
    font-weight: 600
}

#contact .sec2 .right-info ul li:first-child {
    border-top: none
}

#contact .sec2 .right-info ul li a {
    color: #0a6f70
}

#contact .sec2 .right-info ul li a:hover {
    color: #ff7f38;
    text-decoration: underline
}

.btn-extend-inquiry {
    display: none;
    z-index: 3;
    position: relative;
    width: 220px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
    font-size: .9375rem;
    border-radius: 50px;
    color: #666;
    border: 2px solid #999;
    background: #fff;
    -moz-transition: background .15s, color .15s, border .15s;
    -o-transition: background .15s, color .15s, border .15s;
    -webkit-transition: background .15s, color .15s, border .15s;
    transition: background .15s, color .15s, border .15s
}

.btn-extend-inquiry:hover,
.btn-extend-inquiry:active {
    background: #006768;
    border: 2px solid #006768;
    color: #fff
}

.btn-extend-inquiry:link {
    color: #666
}

.btn-extend-inquiry:link:hover,
.btn-extend-inquiry:link:active {
    color: #fff
}

.btn-extend-inquiry.is-show {
    display: block;
    margin: -20px auto 0 auto
}

.btn-extend-inquiry.is-open {
    display: block;
    margin: 15px auto 0 auto
}

.contact-inquiry-wrap {
    display: block;
    width: 100%;
    max-height: none;
    position: relative;
    overflow: hidden
}

.contact-inquiry-wrap .contact-inquiry {
    z-index: 0
}

.contact-inquiry-wrap.is-close {
    max-height: 400px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    -moz-transition: max-height .5s;
    -o-transition: max-height .5s;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
}

.contact-inquiry-wrap.is-close:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 2;
    height: 150px;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    background: -moz-linear-gradient(0, white 35%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0, white 35%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0, #fff 35%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    -moz-transition: height .8s;
    -o-transition: height .8s;
    -webkit-transition: height .8s;
    transition: height .8s
}

.contact-inquiry-wrap.is-open {
    max-height: none
}

.contact-inquiry-wrap.is-open:after {
    height: 0
}

.contact-inquiry {
    border: 1px solid #ddd;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 20px auto;
    display: block
}

.contact-inquiry .box {
    display: block;
    position: relative;
    font-size: 0;
    border-top: 1px solid #ddd;
    padding: 25px 105px 25px 110px;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    transition: background .3s
}

.contact-inquiry .box:first-child {
    border-top: none
}

.contact-inquiry .box:nth-child(even) {
    background: #f3f7f7
}

.contact-inquiry .box:nth-child(even):hover {
    background: #E6EEEE
}

.contact-inquiry .box:nth-child(odd) {
    background: #fff
}

.contact-inquiry .box:nth-child(odd):hover {
    background: #fcfcfc
}

.contact-inquiry .col {
    display: inline-block;
    border: none;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font-size: .9375rem;
    word-break: break-all
}

.contact-inquiry .col.col-img {
    width: 110px;
    padding: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.contact-inquiry .col.col-img .img {
    width: 100%;
    max-width: 75px;
    display: block;
    padding: 1px;
    margin: 2px auto;
    position: relative;
    border: 1px solid transparent;
    overflow: hidden;
    -moz-transition: border .15s;
    -o-transition: border .15s;
    -webkit-transition: border .15s;
    transition: border .15s
}

.contact-inquiry .col.col-img .img:hover {
    border: 1px solid #ddd
}

.contact-inquiry .col.col-img .img:hover img {
    -moz-transform: scale(1.02) translate(-50%, -50%);
    -ms-transform: scale(1.02) translate(-50%, -50%);
    -webkit-transform: scale(1.02) translate(-50%, -50%);
    transform: scale(1.02) translate(-50%, -50%)
}

.contact-inquiry .col.col-img .img:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.contact-inquiry .col.col-img .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -moz-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -moz-transition: -moz-transform .2s;
    -o-transition: -o-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}

.contact-inquiry .col.col-del {
    height: 100%;
    width: 105px;
    position: absolute;
    top: 0;
    right: 0
}

.contact-inquiry .col.col-del .btn-del {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact-inquiry .col-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    display: block \9;
    width: 100%
}

.contact-inquiry .col-list li {
    flex: 1 1 25%;
    width: 25% \9;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 22px;
    font-size: 1rem
}

.contact-inquiry .col-list li span {
    display: inline-block
}

.contact-inquiry .col-list li span:before {
    content: attr(data-tit);
    font-weight: 600
}

@media (max-width:1199px) {
    #contact .sec2 {
        padding-right: 430px
    }

    #contact .sec2 .right-info {
        max-width: 400px;
        padding: 55px 20px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .contact-inquiry .col-list li span {
        vertical-align: top
    }

    .contact-inquiry .col-list li span:before {
        display: block
    }
}

@media (max-width:991px) {
    #contact .sec1 .sec-title {
        font-size: 1.625rem;
        margin: 0 auto 15px auto
    }

    #contact .sec2 {
        padding-right: 0;
        margin-top: 50px;
        padding-bottom: 20px
    }

    #contact .sec2 .sec-title {
        margin: 0 0 15px 0;
        text-align: center
    }

    #contact .sec2 .sec-title>h3 {
        font-size: 1.625rem
    }

    #contact .sec2 .left-form {
        margin-bottom: 30px
    }

    #contact .sec2 .right-info {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        max-width: none;
        padding: 40px 20px
    }

    #contact .sec2 .right-info:before {
        margin: 0 auto 10px auto
    }

    #contact .sec2 .right-info ul li {
        padding: 12px 0;
        text-align: center
    }

    .contact-inquiry .col {
        padding: 20px 15px
    }

    .contact-inquiry .col.col-list:before {
        display: block
    }

    .contact-inquiry .col-list li {
        padding: 0 15px;
        width: 50% \9;
        flex: 1 1 50%
    }
}

@media (max-width:767px) {
    #contact .sec1 .sec-title {
        font-size: 1.375rem
    }

    #contact .sec2 .sec-title>h3 {
        font-size: 1.375rem
    }

    #contact .sec2 .sec-title .msg-welcome {
        font-size: .875rem
    }

    .contact-inquiry .box {
        display: block;
        position: relative;
        padding: 20px 20px 20px 85px;
        min-height: 85px
    }

    .contact-inquiry .col {
        display: inline-block;
        padding: 2px 0
    }

    .contact-inquiry .col.col-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 85px;
        padding: 5px;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .contact-inquiry .col.col-del {
        position: absolute;
        height: 30px;
        width: 30px;
        padding: 0;
        top: 0;
        right: 0
    }

    .contact-inquiry .col.col-del .btn-del {
        width: 30px;
        height: 30px;
        top: auto;
        border-radius: 0;
        border: none;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .contact-inquiry .col.col-del .btn-del:before,
    .contact-inquiry .col.col-del .btn-del:after {
        width: 15px;
        margin-left: -7px
    }

    .contact-inquiry .col.col-del .btn-del:hover {
        background: #006768;
        border: none
    }
}

@media (max-width:639px) {
    .contact-inquiry .box {
        padding: 10px 30px 10px 85px
    }

    .contact-inquiry .col-list {
        display: block
    }

    .contact-inquiry .col-list li {
        display: block;
        width: 100%;
        padding: 0;
        font-size: .875rem
    }

    .contact-inquiry .col-list li span:before {
        display: inline
    }
}

@media (max-width:499px) {
    #contact .sec2 .right-info ul li {
        text-align: left
    }
}

@media (max-width:399px) {
    .contact-inquiry .box {
        padding: 10px 30px 10px 60px;
        min-height: 60px
    }

    .contact-inquiry .col.col-img {
        width: 60px;
        padding: 10px 3px
    }

    .contact-inquiry .col.col-del {
        top: 3px;
        right: 3px
    }
}

.sitemap-bg {
    background: #0d1520
}

.sitemap-bg .p-ban {
    overflow: visible
}

.sitemap-bg .p-ban:after {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 1500px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    display: block;
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sitemap-bg .p-ban .img {
    bottom: -70.73%;
    height: 170.731%
}

.sitemap-bg .g-breadcrumb ul li:not(.home) a {
    color: #aaa
}

.sitemap-bg .g-breadcrumb ul li:not(.home) a:hover {
    color: #ddd
}

#sitemap .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
#sitemap .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: .3
}

#sitemap .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
#sitemap .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
#sitemap .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.1)
}

.sitemap-product-wrap {
    max-height: 250px;
    overflow-y: auto
}

.sitemap-list {
    display: block;
    font-size: 0;
    margin: 0 -25px 60px -25px;
    text-align: center
}

.sitemap-list .box {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    width: calc((100% / 4) - 1px);
    padding: 0 15px;
    margin-bottom: 30px;
    opacity: 0;
    -moz-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -webkit-transform: translate(0, 20%);
    transform: translate(0, 20%);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.sitemap-list .box.shown {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.sitemap-list .title {
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.5625rem;
    text-align: center;
    padding: 10px 15px 50px 15px
}

.sitemap-list .title a {
    color: inherit
}

.sitemap-list .title a:hover {
    color: #35ccce
}

.sitemap-list .title:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 1px;
    height: 26px;
    background: #aaa;
    left: 50%;
    bottom: 10px
}

.sitemap-list .title.nolist {
    padding: 10px 15px
}

.sitemap-list .title.nolist:before {
    display: none
}

.sitemap-list .title span {
    display: block;
    position: relative;
    z-index: 1
}

.sitemap-list .title:link {
    color: #fff
}

.sitemap-list .title:link:hover {
    color: #2b9899
}

.sitemap-list .list {
    list-style: none;
    margin: 0 auto 40px auto;
    padding: 0
}

.sitemap-list .list li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    color: #aaa
}

.sitemap-list .list li a {
    display: block;
    padding: 10px 15px;
    margin: 0;
    position: relative;
    text-align: center;
    font-size: 1rem;
    color: #aaa
}

.sitemap-list .list li a:hover {
    color: #ff7f38
}

@media (max-width:1199px) {
    .sitemap-list {
        margin: 0 -15px 50px -15px
    }
}

@media (max-width:991px) {
    .sitemap-list {
        margin: 0 -15px 30px -15px
    }

    .sitemap-list .list {
        margin-bottom: 20px
    }

    .sitemap-list .title {
        font-size: 1.25rem;
        padding: 10px 10px 40px 10px
    }

    .sitemap-list .title:before {
        height: 19px
    }
}

@media (max-width:767px) {
    .sitemap-bg .p-ban {
        overflow: hidden
    }

    .sitemap-list .box {
        width: 50%
    }
}

@media (max-width:499px) {
    .sitemap-list {
        margin: 0 auto 20px auto
    }

    .sitemap-list .box {
        display: block;
        width: 100%;
        padding: 0
    }

    .sitemap-list .title {
        font-size: 1.125rem;
        border: 1px solid rgba(255, 255, 255, 0.25);
        padding: 8px 15px;
        margin-bottom: 15px;
        -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2)
    }

    .sitemap-list .title:before {
        display: none
    }
}

.theme-news-p {
    margin: 0 auto 30px auto;
    padding: 0;
    font-size: .9375rem;
    max-width: 1000px;
    text-align: center
}

.theme-news-left-pic-right-text {
    display: table;
    width: 100%;
    margin: 0 auto 30px auto;
    font-size: .9375rem
}

.theme-news-left {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40%;
    padding-right: 40px
}

.theme-news-right {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 60%
}

.theme-news-list-stit {
    display: block;
    font-weight: 600;
    font-size: 1.125rem
}

.theme-news-list-desc {
    display: block;
    margin: 0 auto 30px auto
}

.theme-news-h4 {
    display: block;
    margin: 15px auto 30px auto;
    padding: 0;
    font-weight: 600;
    text-align: center;
    font-size: 1.125rem
}

.theme-news-strong {
    display: block;
    font-weight: normal;
    font-size: 1.125rem;
    margin: 0 auto 30px auto;
    text-align: center
}

@media (max-width:1199px) {
    .theme-news-left-pic-right-text {
        display: block
    }

    .theme-news-left {
        display: block;
        margin: 0 auto 20px auto;
        width: 100%;
        padding-right: 0
    }

    .theme-news-right {
        display: block;
        margin: 0 auto;
        width: 100%
    }
}

@media (max-width:991px) {
    .theme-news-p {
        margin: 0 auto 20px auto
    }

    .theme-news-left-pic-right-text {
        margin: 0 auto 30px auto
    }
}

@media (max-width:767px) {
    .theme-news-p {
        text-align: left
    }
}

.theme-commit-icon {
    display: inline-block;
    width: 210px;
    height: 190px
}

.theme-commit-icon img {
    max-width: 100%
}

.theme-commit-title {
    font-size: 2.1875rem;
    font-weight: 600;
    display: block;
    margin: 0 auto 20px auto;
    padding: 0
}

.theme-commit-p {
    font-size: 1rem;
    margin: 0 auto 20px auto
}

.theme-commit-container {
    width: 100%;
    max-width: 1530px;
    position: relative;
    margin: 0 auto;
    padding: 0 15px
}

.theme-commit-container:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.theme-commit-sec1 {
    position: relative;
    z-index: 1;
    padding-top: 95px;
    padding-bottom: 30px;
    color: #fff
}

.theme-commit-sec1-left {
    /* float: left;
    width: 40%;
    text-align: center */
    
}

.theme-commit-sec1-right {
    float: right;
    width: 60%;
    position: relative;
    padding-left: 270px;
    /* padding-top: 80px; */
    padding-right: 110px
}

.theme-commit-sec1-right .theme-commit-icon {
    position: absolute;
    top: 50%;
    margin-top: -65px;
    left: 0
}

.theme-commit-sec1-img {
    width: 100%;
    /* margin-bottom: -40% */
}

.theme-commit-sec2 {
    position: relative;
    z-index: 0;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #fff
}

.theme-commit-sec2 .theme-commit-container {
    padding-left: 70px;
    padding-right: 70px
}

.theme-commit-sec2-left {
    float: left;
    width: 60%;
    position: relative;
    padding-left: 270px;
    padding-top: 80px;
    padding-right: 30px
}

.theme-commit-sec2-left .theme-commit-icon {
    position: absolute;
    top: 50%;
    margin-top: -65px;
    left: 0
}

.theme-commit-sec2-right {
    float: right;
    width: 40%;
    text-align: center
}

.theme-commit-sec3 {
    position: relative;
    z-index: 0;
    padding-top: 140px;
    padding-bottom: 140px;
    color: #fff
}

.theme-commit-sec3-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: block;
    text-align: center
}

.theme-commit-sec3-box {
    padding: 0 40px;
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 1rem
}

.theme-commit-sec3-box .theme-commit-icon {
    margin-bottom: 25px
}

.theme-commit-sec3-box:before {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3)
}

.theme-commit-sec3-box:first-child:before {
    display: none
}

.theme-commit-sec1[data-scrollview] .theme-commit-sec1-left {
    opacity: 0;
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -webkit-transform: translate(20%, 0);
    transform: translate(20%, 0);
    -moz-transition: opacity .5s .3s, -moz-transform .5s .3s;
    -o-transition: opacity .5s .3s, -o-transform .5s .3s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    -webkit-transition-delay: .3s, 0.3s;
    transition: opacity .5s .3s, transform .5s .3s
}

.theme-commit-sec1[data-scrollview] .theme-commit-sec1-right {
    opacity: 0;
    -moz-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
    -moz-transition: opacity .5s .4s, -moz-transform .5s .4s;
    -o-transition: opacity .5s .4s, -o-transform .5s .4s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    -webkit-transition-delay: .4s, 0.4s;
    transition: opacity .5s .4s, transform .5s .4s
}

.theme-commit-sec1[data-scrollview].scroll-view .theme-commit-sec1-left,
.theme-commit-sec1[data-scrollview].scroll-view .theme-commit-sec1-right {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-commit-sec2[data-scrollview] .theme-commit-sec2-left {
    opacity: 0;
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -webkit-transform: translate(20%, 0);
    transform: translate(20%, 0);
    -moz-transition: opacity .5s .4s, -moz-transform .5s .4s;
    -o-transition: opacity .5s .4s, -o-transform .5s .4s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    -webkit-transition-delay: .4s, 0.4s;
    transition: opacity .5s .4s, transform .5s .4s
}

.theme-commit-sec2[data-scrollview] .theme-commit-sec2-right {
    opacity: 0;
    -moz-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
    -moz-transition: opacity .5s .3s, -moz-transform .5s .3s;
    -o-transition: opacity .5s .3s, -o-transform .5s .3s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    -webkit-transition-delay: .3s, 0.3s;
    transition: opacity .5s .3s, transform .5s .3s
}

.theme-commit-sec2[data-scrollview].scroll-view .theme-commit-sec2-left,
.theme-commit-sec2[data-scrollview].scroll-view .theme-commit-sec2-right {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-commit-sec3[data-scrollview] .theme-commit-sec3-box {
    opacity: 0;
    -moz-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -webkit-transform: translate(0, 20%);
    transform: translate(0, 20%);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.theme-commit-sec3[data-scrollview] .theme-commit-sec3-box:nth-child(1) {
    -moz-transition-delay: .65s;
    -o-transition-delay: .65s;
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.theme-commit-sec3[data-scrollview] .theme-commit-sec3-box:nth-child(2) {
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.theme-commit-sec3[data-scrollview] .theme-commit-sec3-box:nth-child(3) {
    -moz-transition-delay: .95s;
    -o-transition-delay: .95s;
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

.theme-commit-sec3[data-scrollview] .theme-commit-sec3-box:nth-child(4) {
    -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.theme-commit-sec3[data-scrollview] .theme-commit-sec3-box:nth-child(5) {
    -moz-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.theme-commit-sec3[data-scrollview].scroll-view .theme-commit-sec3-box {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width:1399px) {
    .theme-commit-title {
        font-size: 1.875rem
    }

    .theme-commit-sec1 {
        padding-bottom: 60px
    }

    .theme-commit-sec1-right {
        padding-left: 240px;
        padding-top: 60px;
        padding-right: 30px
    }

    .theme-commit-sec2-left {
        padding-left: 240px;
        padding-top: 60px
    }

    .theme-commit-sec2 .theme-commit-container {
        padding-left: 30px;
        padding-right: 30px
    }

    .theme-commit-sec1-img {
        margin-bottom: -50%
    }

    .theme-commit-sec3 {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (max-width:1199px) {
    .theme-commit-sec1-right {
        padding-top: 30px;
        padding-left: 220px
    }

    .theme-commit-sec1-right .theme-commit-icon {
        margin-top: -85px
    }

    .theme-commit-sec2-left {
        padding-top: 30px;
        padding-left: 220px
    }

    .theme-commit-sec2-left .theme-commit-icon {
        margin-top: -85px
    }

    .theme-commit-icon {
        width: 190px;
        height: 171px
    }

    .theme-commit-title {
        font-size: 1.625rem
    }
}

@media (max-width:991px) {
    .theme-commit-title {
        font-size: 1.375rem
    }

    .theme-commit-sec1-right {
        padding-top: 0;
        padding-right: 0
    }

    .theme-commit-sec2-left {
        padding-top: 0;
        padding-right: 0
    }

    .theme-commit-sec3 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .theme-commit-sec3-box {
        padding: 0 25px
    }
}

@media (max-width:839px) {
    .theme-commit-icon {
        width: 130px;
        height: 117px
    }

    .theme-commit-sec1 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .theme-commit-sec2 {
        padding-top: 60px;
        padding-bottom: 50px
    }

    .theme-commit-sec1-right {
        padding-left: 150px
    }

    .theme-commit-sec1-right .theme-commit-icon {
        top: 0;
        margin-top: -20px
    }

    .theme-commit-sec2-left {
        padding-left: 150px
    }

    .theme-commit-sec2-left .theme-commit-icon {
        top: 0;
        margin-top: -20px
    }
}

@media (max-width:767px) {
    .theme-commit-sec1 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .theme-commit-sec1-left,
    .theme-commit-sec2-left {
        float: none;
        width: 100%;
        margin: 0 auto
    }

    .theme-commit-sec1-right,
    .theme-commit-sec2-right {
        float: none;
        width: 100%;
        margin: 20px auto 0 auto
    }

    .theme-commit-sec1-img {
        margin: 0 auto;
        max-width: 400px;
        display: inline-block
    }

    .theme-commit-sec2 .theme-commit-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .theme-commit-sec3-box {
        padding: 25px 0;
        width: auto;
        display: block;
        position: relative;
        padding-left: 150px;
        text-align: left
    }

    .theme-commit-sec3-box .theme-commit-icon {
        position: absolute;
        top: 15px;
        left: 0;
        margin-bottom: 0
    }

    .theme-commit-sec3-box:before {
        width: auto;
        height: 1px;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto
    }

    .theme-commit-sec3-box:first-child:before {
        display: none
    }

    .theme-commit-sec3 {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (max-width:499px) {
    .theme-commit-title {
        font-size: 1.25rem
    }

    .theme-commit-icon {
        width: 70px;
        height: 63px;
        margin-left: -5px
    }

    .theme-commit-title {
        padding-left: 70px
    }

    .theme-commit-sec1-right {
        padding-left: 0
    }

    .theme-commit-sec1-right .theme-commit-icon {
        margin-top: -23px
    }

    .theme-commit-sec2-left {
        padding-left: 0
    }

    .theme-commit-sec2-left .theme-commit-icon {
        margin-top: -23px
    }

    .theme-commit-sec3-box {
        padding: 40px 0 10px 0;
        padding-left: 0
    }

    .theme-commit-sec3-box .theme-commit-icon {
        margin-top: 2px
    }
}

.theme-warranty-wrap {
    background: #f9f9f9;
    padding: 50px 65px;
    display: block;
    margin: 0 auto 55px auto
}

.theme-warranty-title {
    color: #0a6f70;
    font-weight: normal;
    font-size: 1.875rem;
    display: block;
    margin: 0 0 15px 0;
    padding: 0
}

.theme-warranty-hr {
    display: block;
    height: 1px;
    width: 100%;
    margin: 35px auto;
    padding: 0;
    background: #ddd
}

.theme-warranty-p {
    font-size: 1rem;
    color: #444
}

.theme-warranty-romanlist {
    margin: 0;
    padding: 0;
    list-style: upper-roman
}

.theme-warranty-romanlist li {
    display: list-item;
    position: relative;
    word-break: break-all;
    list-style-position: outside;
    color: #666;
    margin: 0 0 0 36px;
    padding: 0 0 0 10px
}

.theme-warranty-romanlist li:before {
    width: 35px;
    text-align: center
}

.theme-warranty-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.theme-warranty-list li {
    color: #666;
    word-break: break-all
}

.theme-warranty-wrap[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -moz-transition: -moz-transform .8s .05s, opacity .8s linear .05s;
    -o-transition: -o-transform .8s .05s, opacity .8s linear .05s;
    -webkit-transition: -webkit-transform .8s, opacity .8s linear;
    -webkit-transition-delay: .05s, 0.05s;
    transition: transform .8s .05s, opacity .8s linear .05s
}

.theme-warranty-wrap[data-scrollview]:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    background: white;
    background: -moz-linear-gradient(360deg, rgba(255, 255, 255, 0) 0, white 35%, white 65%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(255, 255, 255, 0) 0, white 35%, white 65%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0, #fff 35%, #fff 65%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    z-index: 2;
    -moz-transition: height 1s linear .05s, opacity 1s linear .05s;
    -o-transition: height 1s linear .05s, opacity 1s linear .05s;
    -webkit-transition: height 1s linear, opacity 1s linear;
    -webkit-transition-delay: .05s, 0.05s;
    transition: height 1s linear .05s, opacity 1s linear .05s
}

.theme-warranty-wrap[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-warranty-wrap[data-scrollview].scroll-view:before {
    opacity: 0;
    height: 0
}

@media (max-width:991px) {
    .theme-warranty-wrap {
        padding: 30px 35px;
        margin: 0 auto 15px auto
    }

    .theme-warranty-title {
        font-size: 1.375rem
    }
}

@media (max-width:767px) {
    .theme-warranty-wrap {
        padding: 30px 15px;
        margin: 0 -15px
    }

    .theme-warranty-title {
        font-size: 1.25rem
    }

    .theme-warranty-hr {
        margin: 25px auto
    }
}

.theme-pview-p {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: .875rem
}

.theme-pview-p[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.theme-pview-p[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width:767px) {
    .theme-pview-p {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

.theme-recruit-wrap {
    padding: 0;
    margin: 0 auto 40px auto
}

.theme-recruit-p {
    text-align: center;
    margin: 0 auto 30px auto;
    font-size: 1rem
}

.theme-recruit-p span {
    display: inline
}

.theme-recruit-stit {
    font-size: 1.875rem;
    display: block;
    margin: 0 auto 30px auto;
    padding: 0;
    text-align: center
}

.theme-recruit-left-pic-right-text {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    font-size: .9375rem
}

.theme-recruit-left-pic-right-text:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.theme-recruit-left-pic-right-text .theme-recruit-text-wrap {
    float: right
}

.theme-recruit-left-pic-right-text .theme-recruit-img-wrap {
    left: 0
}

.theme-recruit-left-text-right-pic {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    font-size: .9375rem
}

.theme-recruit-left-text-right-pic:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.theme-recruit-left-text-right-pic .theme-recruit-text-wrap {
    float: left
}

.theme-recruit-left-text-right-pic .theme-recruit-img-wrap {
    right: 0
}

.theme-recruit-text-wrap {
    text-align: left;
    width: 50%;
    padding: 85px 60px;
    background: #f6f6f6
}

.theme-recruit-img-wrap {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0
}

.theme-recruit-img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.theme-recruit-img img {
    max-width: none;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.theme-recruit-list {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.theme-recruit-list li {
    display: block;
    position: relative;
    padding-left: 25px;
    margin: 0 0 15px 0;
    font-size: 1rem
}

.theme-recruit-list li:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    top: 7px;
    left: 3px;
    border: 3px solid #ff7f38;
    border-radius: 50px
}

.theme-recruit-list li strong {
    display: inline-block;
    font-weight: 600
}

.theme-recruit-link {
    display: block;
    width: 100%;
    max-width: 196px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    padding: 0 20px;
    margin: 40px auto;
    border-radius: 50px;
    font-size: .9375rem;
    border: 2px solid #0a6f70;
    background: #0a6f70;
    color: #fff;
    -moz-transition: background .15s, color .15s;
    -o-transition: background .15s, color .15s;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s
}

.theme-recruit-link img {
    max-width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px
}

.theme-recruit-link:link {
    color: #fff
}

.theme-recruit-link:hover {
    background: #0A6060;
    color: #fff
}

.theme-recruit-p[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.theme-recruit-p[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-recruit-link[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -moz-transition: -moz-transform .8s .25s, opacity .8s .25s;
    -o-transition: -o-transform .8s .25s, opacity .8s .25s;
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    -webkit-transition-delay: .25s, 0.25s;
    transition: transform .8s .25s, opacity .8s .25s
}

.theme-recruit-link[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-recruit-stit[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    letter-spacing: 3px;
    -moz-transition: -moz-transform .8s .15s, opacity .8s .15s, letter-spacing .8s .15s;
    -o-transition: -o-transform .8s .15s, opacity .8s .15s, letter-spacing .8s .15s;
    -webkit-transition: -webkit-transform .8s, opacity .8s, letter-spacing .8s;
    -webkit-transition-delay: .15s, 0.15s, 0.15s;
    transition: transform .8s .15s, opacity .8s .15s, letter-spacing .8s .15s
}

.theme-recruit-stit[data-scrollview].scroll-view {
    opacity: 1;
    letter-spacing: 0;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-img-wrap {
    opacity: 0;
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -moz-transition: -moz-transform .8s, opacity .8s;
    -o-transition: -o-transform .8s, opacity .8s;
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s
}

.theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-text-wrap {
    opacity: 0;
    -moz-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
    -moz-transition: -moz-transform .8s .15s, opacity .8s .15s;
    -o-transition: -o-transform .8s .15s, opacity .8s .15s;
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    -webkit-transition-delay: .15s, 0.15s;
    transition: transform .8s .15s, opacity .8s .15s
}

.theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-list li {
    opacity: 0;
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-list li:nth-child(1) {
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-list li:nth-child(2) {
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-list li:nth-child(3) {
    -moz-transition-delay: .45s;
    -o-transition-delay: .45s;
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-list li:nth-child(4) {
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-list li:nth-child(5) {
    -moz-transition-delay: .75s;
    -o-transition-delay: .75s;
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.theme-recruit-left-pic-right-text[data-scrollview].scroll-view .theme-recruit-img-wrap {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-recruit-left-pic-right-text[data-scrollview].scroll-view .theme-recruit-text-wrap {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-recruit-left-pic-right-text[data-scrollview].scroll-view .theme-recruit-list li {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-img-wrap {
    opacity: 0;
    -moz-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
    -moz-transition: -moz-transform .8s, opacity .8s;
    -o-transition: -o-transform .8s, opacity .8s;
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s
}

.theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-text-wrap {
    opacity: 0;
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -moz-transition: -moz-transform .8s .15s, opacity .8s .15s;
    -o-transition: -o-transform .8s .15s, opacity .8s .15s;
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    -webkit-transition-delay: .15s, 0.15s;
    transition: transform .8s .15s, opacity .8s .15s
}

.theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-list li {
    opacity: 0;
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-list li:nth-child(1) {
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-list li:nth-child(2) {
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-list li:nth-child(3) {
    -moz-transition-delay: .45s;
    -o-transition-delay: .45s;
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-list li:nth-child(4) {
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-list li:nth-child(5) {
    -moz-transition-delay: .75s;
    -o-transition-delay: .75s;
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.theme-recruit-left-text-right-pic[data-scrollview].scroll-view .theme-recruit-img-wrap {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-recruit-left-text-right-pic[data-scrollview].scroll-view .theme-recruit-text-wrap {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-recruit-left-text-right-pic[data-scrollview].scroll-view .theme-recruit-list li {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width:1499px) {
    .theme-recruit-text-wrap {
        padding: 60px 50px
    }
}

@media (max-width:991px) {
    .theme-recruit-wrap {
        padding: 30px 0;
        margin-bottom: 25px
    }

    .theme-recruit-link {
        margin: 50px auto
    }

    .theme-recruit-stit {
        font-size: 1.625rem
    }

    .theme-recruit-text-wrap {
        padding: 40px 30px
    }

    .theme-recruit-link {
        margin: 40px auto
    }
}

@media (max-width:839px) {
    .theme-recruit-left-pic-right-text {
        display: block;
        margin-bottom: 20px
    }

    .theme-recruit-left-pic-right-text .theme-recruit-text-wrap {
        float: none
    }

    .theme-recruit-left-text-right-pic {
        margin-bottom: 20px;
        display: block
    }

    .theme-recruit-left-text-right-pic .theme-recruit-text-wrap {
        float: none
    }

    .theme-recruit-text-wrap {
        display: block;
        width: 100%;
        max-width: 710px;
        margin: 0 auto
    }

    .theme-recruit-img-wrap {
        position: relative;
        display: block;
        width: 100%;
        max-width: 710px;
        margin: 0 auto
    }

    .theme-recruit-img {
        position: relative
    }

    .theme-recruit-img img {
        position: relative;
        top: auto;
        left: auto;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-img-wrap,
    .theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-img-wrap {
        opacity: 0;
        -moz-transform: translate(0, 30px);
        -ms-transform: translate(0, 30px);
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
        -moz-transition: -moz-transform .8s, opacity .8s;
        -o-transition: -o-transform .8s, opacity .8s;
        -webkit-transition: -webkit-transform .8s, opacity .8s;
        transition: transform .8s, opacity .8s
    }

    .theme-recruit-left-text-right-pic[data-scrollview] .theme-recruit-text-wrap,
    .theme-recruit-left-pic-right-text[data-scrollview] .theme-recruit-text-wrap {
        opacity: 0;
        -moz-transform: translate(30px, 0);
        -ms-transform: translate(30px, 0);
        -webkit-transform: translate(30px, 0);
        transform: translate(30px, 0)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .theme-recruit-p span {
        display: block
    }
}

@media (max-width:767px) {
    .theme-recruit-stit {
        font-size: 1.375rem;
        margin: 0 auto 20px auto
    }

    .theme-recruit-text-wrap {
        padding: 30px 15px
    }

    .theme-recruit-link {
        margin: 20px auto
    }
}

@media (min-width:768px) and (max-width:1399px) {
    .theme-recruit-img img {
        width: auto;
        height: 100%
    }
}

.theme-about-sec1 {
    position: relative;
    z-index: 1
}

.theme-about-sec1-container {
    max-width: 1530px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

.theme-about-sec1-left {
    /* width: 50%;
    float: left;
    padding: 0 30px 0 50px;
    font-size: 0;
    text-align: right */
}

.theme-about-sec1-img-wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 560px;
    /* margin: -30px 0 -100px 100px; */
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-about-sec1-img-wrap1 {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 30px);
    margin: 0 15px;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-about-sec1-img-wrap2 {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 30px);
    margin: 0 15px;
    -moz-transform: translate(0, 28%);
    -ms-transform: translate(0, 28%);
    -webkit-transform: translate(0, 28%);
    transform: translate(0, 28%)
}

.theme-about-sec1-right {
    width: 50%;
    /* float: right;
    padding: 0 0 70px 0 */
}

.theme-about-sec1-subtit {
    display: block;
    font-size: 1.5625rem;
    color: #006768;
    margin: 0 0 10px 5px;
    letter-spacing: .2rem
}

.theme-about-sec1-sectitle {
    color: #006768;
    display: block;
    padding: 0;
    margin: 0 auto 20px;
    font-size: 2.1875rem;
    letter-spacing: .2rem;
    font-weight: 600;
    line-height: 1.4285
}

.theme-about-sec1-sectitle>span {
    display: block;
    margin-bottom: 5px
}

.theme-about-sec1-sectitle>span span {
    display: inline-block
}

.theme-about-sec1-p {
    display: block;
    font-size: 1.0625rem;
    color: #444
}

.theme-about-sec1-brands {
    text-align: left;
    font-size: 0;
    margin: 20px -20px
}

.theme-about-sec1-brand {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    padding: 0 20px;
    text-align: center
}

.theme-about-sec2 {
    background: #f6f6f6;
    position: relative;
    z-index: 0
}

.theme-about-sec2-container {
    padding-top: 115px;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    /* background: url(../image/map_bg.png) no-repeat center center; */
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto
}

.theme-about-sec2-sectitle {
    font-size: 2.1875rem;
    text-align: center;
    font-weight: 600;
    color: #444;
    margin: 0 auto 70px auto
}

.theme-about-sec2-desc {
    font-size: 22px;
    color: black;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 60px auto
}

.theme-about-sec2-countwrap {
    display: block;
    font-size: 0;
    max-width: 900px;
    margin: 60px auto 120px auto;
    text-align: center
}

.theme-about-sec2-countbox {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 25%;
    padding: 0 3%
}

.theme-about-sec2-countbox:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.theme-about-sec2-countinner {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.theme-about-sec2-countrun {
    display: block;
    font-weight: 800;
    font-size: 2.25rem;
    color: #006768;
    line-height: 1;
    margin: 0 auto 10px
}

.theme-about-sec2-countstit {
    display: block;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #000
}

.theme-about-sec1-left[data-scrollview] {
    opacity: 0;
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -moz-transition: opacity .65s .2s, -moz-transform .65s .2s;
    -o-transition: opacity .65s .2s, -o-transform .65s .2s;
    -webkit-transition: opacity .65s, -webkit-transform .65s;
    -webkit-transition-delay: .2s, 0.2s;
    transition: opacity .65s .2s, transform .65s .2s
}

.theme-about-sec1-left[data-scrollview].scroll-view {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-subtit {
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-p {
    opacity: 0;
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -moz-transition: opacity .8s .5s, -moz-transform .8s .5s;
    -o-transition: opacity .8s .5s, -o-transform .8s .5s;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    -webkit-transition-delay: .5s, 0.5s;
    transition: opacity .8s .5s, transform .8s .5s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-brands {
    opacity: 0;
    -moz-transform: translate(0, 25px);
    -ms-transform: translate(0, 25px);
    -webkit-transform: translate(0, 25px);
    transform: translate(0, 25px);
    -moz-transition: opacity .8s .55s, -moz-transform .8s .55s;
    -o-transition: opacity .8s .55s, -o-transform .8s .55s;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    -webkit-transition-delay: .55s, 0.55s;
    transition: opacity .8s .55s, transform .8s .55s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span {
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(1) {
    -moz-transition-delay: .18s;
    -o-transition-delay: .18s;
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(2) {
    -moz-transition-delay: .26s;
    -o-transition-delay: .26s;
    -webkit-transition-delay: .26s;
    transition-delay: .26s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(3) {
    -moz-transition-delay: .34s;
    -o-transition-delay: .34s;
    -webkit-transition-delay: .34s;
    transition-delay: .34s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(4) {
    -moz-transition-delay: .42s;
    -o-transition-delay: .42s;
    -webkit-transition-delay: .42s;
    transition-delay: .42s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(5) {
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(6) {
    -moz-transition-delay: .58s;
    -o-transition-delay: .58s;
    -webkit-transition-delay: .58s;
    transition-delay: .58s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(7) {
    -moz-transition-delay: .66s;
    -o-transition-delay: .66s;
    -webkit-transition-delay: .66s;
    transition-delay: .66s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(8) {
    -moz-transition-delay: .74s;
    -o-transition-delay: .74s;
    -webkit-transition-delay: .74s;
    transition-delay: .74s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(1) span:nth-child(9) {
    -moz-transition-delay: .82s;
    -o-transition-delay: .82s;
    -webkit-transition-delay: .82s;
    transition-delay: .82s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span {
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(1) {
    -moz-transition-delay: .28s;
    -o-transition-delay: .28s;
    -webkit-transition-delay: .28s;
    transition-delay: .28s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(2) {
    -moz-transition-delay: .36s;
    -o-transition-delay: .36s;
    -webkit-transition-delay: .36s;
    transition-delay: .36s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(3) {
    -moz-transition-delay: .44s;
    -o-transition-delay: .44s;
    -webkit-transition-delay: .44s;
    transition-delay: .44s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(4) {
    -moz-transition-delay: .52s;
    -o-transition-delay: .52s;
    -webkit-transition-delay: .52s;
    transition-delay: .52s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(5) {
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(6) {
    -moz-transition-delay: .68s;
    -o-transition-delay: .68s;
    -webkit-transition-delay: .68s;
    transition-delay: .68s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(7) {
    -moz-transition-delay: .76s;
    -o-transition-delay: .76s;
    -webkit-transition-delay: .76s;
    transition-delay: .76s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(8) {
    -moz-transition-delay: .84s;
    -o-transition-delay: .84s;
    -webkit-transition-delay: .84s;
    transition-delay: .84s
}

.theme-about-sec1-right[data-scrollview] .theme-about-sec1-sectitle>span:nth-child(2) span:nth-child(9) {
    -moz-transition-delay: .92s;
    -o-transition-delay: .92s;
    -webkit-transition-delay: .92s;
    transition-delay: .92s
}

.theme-about-sec1-right[data-scrollview].scroll-view .theme-about-sec1-subtit {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-about-sec1-right[data-scrollview].scroll-view .theme-about-sec1-p,
.theme-about-sec1-right[data-scrollview].scroll-view .theme-about-sec1-brands {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-about-sec1-right[data-scrollview].scroll-view .theme-about-sec1-sectitle>span:nth-child(1) span,
.theme-about-sec1-right[data-scrollview].scroll-view .theme-about-sec1-sectitle>span:nth-child(2) span {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-about-sec2[data-scrollview]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100%;
    opacity: 1;
    background: white;
    background: -moz-linear-gradient(360deg, rgba(255, 255, 255, 0) 0, white 35%, white 65%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(255, 255, 255, 0) 0, white 35%, white 65%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0, #fff 35%, #fff 65%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    z-index: 2;
    -moz-transition: bottom .8s linear, opacity .8s linear;
    -o-transition: bottom .8s linear, opacity .8s linear;
    -webkit-transition: bottom .8s linear, opacity .8s linear;
    transition: bottom .8s linear, opacity .8s linear
}

.theme-about-sec2[data-scrollview] .theme-about-sec2-sectitle {
    opacity: 0;
    -moz-transform: transalte(0, 30px);
    -ms-transform: transalte(0, 30px);
    -webkit-transform: transalte(0, 30px);
    transform: transalte(0, 30px);
    -moz-transition: opacity .7s 1.2s, -moz-transform .7s 1.2s;
    -o-transition: opacity .7s 1.2s, -o-transform .7s 1.2s;
    -webkit-transition: opacity .7s, -webkit-transform .7s;
    -webkit-transition-delay: 1.2s, 1.2s;
    transition: opacity .7s 1.2s, transform .7s 1.2s
}

.theme-about-sec2[data-scrollview] .theme-about-sec2-desc {
    opacity: 0;
    -moz-transform: transalte(0, 20px);
    -ms-transform: transalte(0, 20px);
    -webkit-transform: transalte(0, 20px);
    transform: transalte(0, 20px);
    -moz-transition: opacity .7s 1.25s, -moz-transform .7s 1.25s;
    -o-transition: opacity .7s 1.25s, -o-transform .7s 1.25s;
    -webkit-transition: opacity .7s, -webkit-transform .7s;
    -webkit-transition-delay: 1.25s, 1.25s;
    transition: opacity .7s 1.25s, transform .7s 1.25s
}

.theme-about-sec2[data-scrollview].scroll-view:before {
    bottom: 0;
    opacity: 0
}

.theme-about-sec2[data-scrollview].scroll-view .theme-about-sec2-sectitle,
.theme-about-sec2[data-scrollview].scroll-view .theme-about-sec2-desc {
    opacity: 1;
    -moz-transform: transalte(0, 0);
    -ms-transform: transalte(0, 0);
    -webkit-transform: transalte(0, 0);
    transform: transalte(0, 0)
}

.theme-about-sec2-countwrap[data-scrolleff] {
    opacity: 0;
    -moz-transition: opacity .5s .1s;
    -o-transition: opacity .5s .1s;
    -webkit-transition: opacity .5s;
    -webkit-transition-delay: .1s;
    transition: opacity .5s .1s
}

.theme-about-sec2-countwrap[data-scrolleff] .theme-about-sec2-countbox {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.theme-about-sec2-countwrap[data-scrolleff] .theme-about-sec2-countbox.shown {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.theme-about-sec2-countwrap[data-scrolleff] .theme-about-sec2-countbox.shown .theme-about-sec2-countrun,
.theme-about-sec2-countwrap[data-scrolleff] .theme-about-sec2-countbox.shown .theme-about-sec2-countstit {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-about-sec2-countwrap[data-scrolleff] .theme-about-sec2-countrun {
    opacity: 0;
    -moz-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.theme-about-sec2-countwrap[data-scrolleff] .theme-about-sec2-countstit {
    opacity: 0;
    -moz-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
    -moz-transition: -moz-transform .5s .15s, opacity .5s .15s;
    -o-transition: -o-transform .5s .15s, opacity .5s .15s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -webkit-transition-delay: .15s, 0.15s;
    transition: transform .5s .15s, opacity .5s .15s
}

.theme-about-sec2-countwrap[data-scrolleff].scroll-view {
    opacity: 1
}

@media (max-width:1199px) {
    .theme-about-sec1-img-wrap {
        margin: -30px -30px -100px -30px
    }

    .theme-about-sec1-img-wrap1 {
        width: calc(50% - 20px);
        margin: 0 10px
    }

    .theme-about-sec1-img-wrap2 {
        width: calc(50% - 20px);
        margin: 0 10px
    }

    .theme-about-sec1-subtit {
        font-size: 1.375rem
    }

    .theme-about-sec1-sectitle {
        font-size: 1.875rem;
        margin-bottom: 35px
    }
}

@media (max-width:991px) {
    .theme-about-sec1-left {
        width: 100%;
        max-width: 650px;
        margin: 20px auto 40px auto;
        float: none;
        text-align: center
    }

    .theme-about-sec1-img-wrap {
        margin: 0 0 -35px 0
    }

    .theme-about-sec1-img-wrap1 {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .theme-about-sec1-img-wrap2 {
        -moz-transform: translate(0, 20%);
        -ms-transform: translate(0, 20%);
        -webkit-transform: translate(0, 20%);
        transform: translate(0, 20%)
    }

    .theme-about-sec1-right {
        width: 100%;
        max-width: 650px;
        margin: 0 auto 40px auto;
        padding: 0;
        float: none
    }

    .theme-about-sec1-subtit {
        font-size: 1.0625rem
    }

    .theme-about-sec1-sectitle {
        font-size: 1.625rem;
        margin-bottom: 20px
    }

    .theme-about-sec1-p {
        font-size: 1rem
    }

    .theme-about-sec1-brands {
        margin-left: auto
    }

    .theme-about-sec1-container {
        padding-top: 50px;
        padding-bottom: 30px
    }

    .theme-about-sec2-sectitle {
        font-size: 1.625rem;
        margin-bottom: 20px
    }

    .theme-about-sec2-desc {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .theme-about-sec1-left {
        width: 100%;
        max-width: 650px;
        padding: 0;
        margin: 20px auto 0 auto;
        float: none
    }

    .theme-about-sec1-img-wrap1 {
        -moz-transform: translate(0, -24%);
        -ms-transform: translate(0, -24%);
        -webkit-transform: translate(0, -24%);
        transform: translate(0, -24%)
    }

    .theme-about-sec1-img-wrap2 {
        -moz-transform: translate(0, 6%);
        -ms-transform: translate(0, 6%);
        -webkit-transform: translate(0, 6%);
        transform: translate(0, 6%)
    }

    .theme-about-sec1-subtit {
        font-size: 1rem
    }

    .theme-about-sec1-sectitle {
        font-size: 1.375rem
    }

    .theme-about-sec2:before {
        display: none
    }

    .theme-about-sec2-countwrap {
        max-width: 500px;
        padding-top: 35px;
        padding-bottom: 35px;
        margin: 0 auto
    }

    .theme-about-sec2-countbox {
        width: 50%;
        margin-bottom: 20px
    }

    .theme-about-sec2-sectitle {
        font-size: 1.375rem
    }
}

@media (max-width:499px) {
    .theme-about-sec1-brand {
        width: 50%;
        margin-bottom: 10px
    }
}

@media (max-width:399px) {
    .theme-about-sec2-countwrap {
        padding: 0 15px;
        padding-bottom: 0;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
        background-position: center top
    }

    .theme-about-sec2-countbox {
        width: 100%;
        display: block;
        padding: 0;
        background: none !important
    }

    .theme-about-sec2-countbox:before {
        display: none
    }

    .theme-about-sec2-countinner {
        border: 3px solid #2db4b5;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50px;
        padding: 10px 15px 6px 15px;
        position: relative;
        margin: 0 auto;
        top: auto;
        left: auto;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .theme-about-sec2-countrun {
        font-size: 1.875rem;
        display: inline-block;
        vertical-align: middle
    }

    .theme-about-sec2-countstit {
        font-size: .9375rem;
        display: inline-block;
        vertical-align: middle
    }
}

.theme-iabout {
    margin-top: 30px;
    margin-bottom: 50px
}

.theme-iabout-left {
    width: 50%;
    float: left;
    padding-top: 75px;
    padding-left: 20px;
    padding-right: 50px
}

.theme-iabout-subtit {
    display: block;
    font-size: 1.5625rem;
    color: #006768;
    margin: 0 0 10px 5px;
    letter-spacing: .2rem
}

.theme-iabout-sectitle {
    color: #006768;
    display: block;
    padding: 0;
    margin: 0 auto 20px;
    font-size: 2.1875rem;
    font-weight: 600;
    line-height: 1.4285
}

.theme-iabout-sectitle>span {
    display: block;
    margin-bottom: 5px
}

.theme-iabout-left p {
    display: block;
    font-size: 1.0625rem;
    color: #444
}

.theme-iabout-left[data-scrollview] .theme-iabout-subtit {
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.theme-iabout-left[data-scrollview] p {
    opacity: 0;
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -moz-transition: opacity .8s .5s, -moz-transform .8s .5s;
    -o-transition: opacity .8s .5s, -o-transform .8s .5s;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    -webkit-transition-delay: .5s, 0.5s;
    transition: opacity .8s .5s, transform .8s .5s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span {
    display: inline-block;
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(1) {
    -moz-transition-delay: .18s;
    -o-transition-delay: .18s;
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(2) {
    -moz-transition-delay: .26s;
    -o-transition-delay: .26s;
    -webkit-transition-delay: .26s;
    transition-delay: .26s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(3) {
    -moz-transition-delay: .34s;
    -o-transition-delay: .34s;
    -webkit-transition-delay: .34s;
    transition-delay: .34s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(4) {
    -moz-transition-delay: .42s;
    -o-transition-delay: .42s;
    -webkit-transition-delay: .42s;
    transition-delay: .42s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(5) {
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(6) {
    -moz-transition-delay: .58s;
    -o-transition-delay: .58s;
    -webkit-transition-delay: .58s;
    transition-delay: .58s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(7) {
    -moz-transition-delay: .66s;
    -o-transition-delay: .66s;
    -webkit-transition-delay: .66s;
    transition-delay: .66s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(8) {
    -moz-transition-delay: .74s;
    -o-transition-delay: .74s;
    -webkit-transition-delay: .74s;
    transition-delay: .74s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(1) span:nth-child(9) {
    -moz-transition-delay: .82s;
    -o-transition-delay: .82s;
    -webkit-transition-delay: .82s;
    transition-delay: .82s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span {
    display: inline-block;
    opacity: 0;
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
    -moz-transition: opacity .5s, -moz-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(1) {
    -moz-transition-delay: .28s;
    -o-transition-delay: .28s;
    -webkit-transition-delay: .28s;
    transition-delay: .28s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(2) {
    -moz-transition-delay: .36s;
    -o-transition-delay: .36s;
    -webkit-transition-delay: .36s;
    transition-delay: .36s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(3) {
    -moz-transition-delay: .44s;
    -o-transition-delay: .44s;
    -webkit-transition-delay: .44s;
    transition-delay: .44s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(4) {
    -moz-transition-delay: .52s;
    -o-transition-delay: .52s;
    -webkit-transition-delay: .52s;
    transition-delay: .52s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(5) {
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(6) {
    -moz-transition-delay: .68s;
    -o-transition-delay: .68s;
    -webkit-transition-delay: .68s;
    transition-delay: .68s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(7) {
    -moz-transition-delay: .76s;
    -o-transition-delay: .76s;
    -webkit-transition-delay: .76s;
    transition-delay: .76s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(8) {
    -moz-transition-delay: .84s;
    -o-transition-delay: .84s;
    -webkit-transition-delay: .84s;
    transition-delay: .84s
}

.theme-iabout-left[data-scrollview] .theme-iabout-sectitle>span:nth-child(2) span:nth-child(9) {
    -moz-transition-delay: .92s;
    -o-transition-delay: .92s;
    -webkit-transition-delay: .92s;
    transition-delay: .92s
}

.theme-iabout-left[data-scrollview].scroll-view .theme-iabout-subtit {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-iabout-left[data-scrollview].scroll-view p {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-iabout-left[data-scrollview].scroll-view .theme-iabout-sectitle>span span {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-iabout-right {
    width: 50%;
    float: right
}

.theme-iabout-count-wrap {
    background: url(../image/map_bg.png) no-repeat center center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    display: block;
    font-size: 0;
    margin: 0 auto;
    padding-top: 140px;
    padding-bottom: 120px;
    text-align: center
}

.theme-iabout-count-wrap .box {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 25%;
    padding: 0 20px
}

.theme-iabout-count-wrap .box:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.theme-iabout-count-wrap .box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.theme-iabout-count-wrap .box .inner {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.theme-iabout-count-wrap .box .num-run {
    display: block;
    font-weight: 800;
    font-size: 2.25rem;
    color: #006768;
    line-height: 1;
    margin: 0 auto 10px
}

.theme-iabout-count-wrap .box .stit {
    display: block;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #000
}

.theme-iabout-right[data-scrollview] .theme-iabout-count-wrap {
    opacity: 0;
    -moz-transition: opacity .5s .1s;
    -o-transition: opacity .5s .1s;
    -webkit-transition: opacity .5s;
    -webkit-transition-delay: .1s;
    transition: opacity .5s .1s
}

.theme-iabout-right[data-scrollview] .theme-iabout-count-wrap .box {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.theme-iabout-right[data-scrollview] .theme-iabout-count-wrap .box .num-run {
    opacity: 0;
    -moz-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.theme-iabout-right[data-scrollview] .theme-iabout-count-wrap .box .stit {
    opacity: 0;
    -moz-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
    -moz-transition: -moz-transform .5s .15s, opacity .5s .15s;
    -o-transition: -o-transform .5s .15s, opacity .5s .15s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -webkit-transition-delay: .15s, 0.15s;
    transition: transform .5s .15s, opacity .5s .15s
}

.theme-iabout-right[data-scrollview] .theme-iabout-count-wrap .box.shown {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.theme-iabout-right[data-scrollview] .theme-iabout-count-wrap .box.shown .num-run,
.theme-iabout-right[data-scrollview] .theme-iabout-count-wrap .box.shown .stit {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.theme-iabout-right[data-scrollview].scroll-view .theme-iabout-count-wrap {
    opacity: 1
}

@media (min-width:1200px) and (max-width:1499px) {
    .theme-iabout-left {
        padding-top: 35px
    }

    .theme-iabout-count-wrap .box {
        padding: 0 15px
    }

    .theme-iabout-count-wrap .box .num-run {
        font-size: 1.875rem
    }

    .theme-iabout-count-wrap .box .stit {
        font-size: .9375rem
    }
}

@media (max-width:1199px) {
    .theme-iabout-left {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        float: none;
        width: 100%;
        text-align: center
    }

    .theme-iabout-subtit {
        font-size: 1.375rem
    }

    .theme-iabout-sectitle {
        font-size: 1.875rem;
        margin-bottom: 35px
    }

    .theme-iabout-right {
        float: none;
        width: 100%;
        max-width: 800px;
        margin: 0 auto
    }

    .theme-iabout-count-wrap {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (max-width:991px) {
    .theme-iabout {
        margin-bottom: 30px
    }

    .theme-iabout-subtit {
        font-size: 1.0625rem
    }

    .theme-iabout-sectitle {
        font-size: 1.625rem
    }

    .theme-iabout-count-wrap .box {
        padding: 0 15px
    }
}

@media (max-width:767px) {
    .theme-iabout-subtit {
        font-size: 1rem
    }

    .theme-iabout-sectitle {
        font-size: 1.375rem
    }

    .theme-iabout-count-wrap {
        max-width: 500px;
        padding-top: 50px;
        padding-bottom: 50px;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        -webkit-background-size: 100% auto;
        background-size: 100% auto
    }

    .theme-iabout-count-wrap .box {
        width: 50%;
        margin-bottom: 20px
    }
}

@media (max-width:399px) {
    .theme-iabout-right {
        width: auto;
        margin: 30px -15px 0 -15px
    }

    .theme-iabout-count-wrap {
        padding: 0 15px;
        padding-bottom: 0;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
        background-position: center top
    }

    .theme-iabout-count-wrap .box {
        width: 100%;
        display: block;
        padding: 0;
        background: none !important
    }

    .theme-iabout-count-wrap .box:before {
        display: none
    }

    .theme-iabout-count-wrap .box svg {
        display: none
    }

    .theme-iabout-count-wrap .box .inner {
        border: 3px solid #2db4b5;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50px;
        padding: 10px 15px 6px 15px;
        position: relative;
        margin: 0 auto;
        top: auto;
        left: auto;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .theme-iabout-count-wrap .box .num-run {
        font-size: 1.875rem;
        display: inline-block;
        vertical-align: middle
    }

    .theme-iabout-count-wrap .box .stit {
        font-size: .9375rem;
        display: inline-block;
        vertical-align: middle
    }
}

.mCS-mcus-iqlist.mCSB_scrollTools {
    width: 10px
}

.mCS-mcus-iqlist.mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    background-color: #d0d0d0
}

.mCS-mcus-iqlist.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    background: #139091
}

.mCS-mcus-iqlist.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-mcus-iqlist.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-mcus-iqlist.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-mcus-iqlist.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 6px
}

.mCS-mcus-iqlist.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-mcus-iqlist.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-mcus-iqlist.mCSB_scrollTools .mCSB_buttonUp,
.mCS-mcus-iqlist.mCSB_scrollTools .mCSB_buttonDown,
.mCS-mcus-iqlist.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-mcus-iqlist.mCSB_scrollTools .mCSB_buttonRight {
    display: none
}

.mCSB_outside+.mCS-mcus-iqlist.mCSB_scrollTools {
    right: -20px
}

@media (max-width:767px) {
    .mCSB_outside+.mCS-mcus-iqlist.mCSB_scrollTools {
        right: -20px
    }
}

.page-load-status {
    display: none;
    padding: 30px 0;
    text-align: center;
    color: #0a6f70
}

.infinite-scroll-last,
.infinite-scroll-error {
    font-size: .9375rem;
    font-weight: 600;
    display: block;
    text-align: center;
    width: 200px;
    text-align: center;
    margin: 0 auto
}

.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 2.2em;
    height: 5em;
    margin: 50px auto 30px auto
}

.loader-ellips.no-more {
    height: 1em
}

.loader-ellips:not(.no-more):before {
    content: 'MORE';
    font-size: .9375rem;
    font-weight: 600;
    display: block;
    text-align: center;
    color: #0a6f70;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.loader-ellips__dot {
    display: block;
    width: 3px;
    height: 1.75em;
    border-radius: 15px;
    background: #0a6f70;
    position: absolute;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: reveal;
    animation-timing-function: ease-in-out
}

.loader-ellips__dot.short {
    animation-iteration-count: 1;
    animation-timing-function: ease
}

.loader-ellips__dot:nth-child(1) {
    left: 0
}

.loader-ellips__dot:nth-child(2) {
    left: .5em;
    top: .375em
}

.loader-ellips__dot:nth-child(3) {
    left: 1em;
    height: 3.875em;
    top: -1.5em
}

.loader-ellips__dot:nth-child(4) {
    left: 1.5em;
    top: .375em
}

.loader-ellips__dot:nth-child(5) {
    left: 2em
}

.loader-ellips__dot.short:nth-child(1),
.loader-ellips__dot.short:nth-child(2),
.loader-ellips__dot.short:nth-child(3),
.loader-ellips__dot.short:nth-child(4),
.loader-ellips__dot.short:nth-child(5) {
    height: .5em;
    top: 0
}

@keyframes reveal {
    0 {
        opacity: 0;
        transform: translateY(20px) scale(1, 1)
    }

    60% {
        opacity: 1;
        transform: translateY(0) scale(1, 1)
    }

    100% {
        transform: translateY(20px) scale(1, 0.001)
    }
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(5) {
    animation-delay: .2s
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(4) {
    animation-delay: .15s
}

.loader-ellips__dot:nth-child(3) {
    animation-delay: .1s
}

/*