/*
Theme Name : Joyetech
Author: Ilogix infotech
Description: This is the custome theme of Joyetech
Version: 1.0
Template: joyetech
*/

@charset "UTF-8";
@font-face {
    font-family: "iconfont";
    src: url("iconfont.eot?t=1537956705778");
    /* IE9*/
    src: url("iconfont.eot?t=1537956705778#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("iconfont.ttf?t=1537956705778") format("truetype"), url("iconfont.svg?t=1537956705778#iconfont") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: "Myriad Pro";
    src: url("/fonts/MyriadPro-Regular.otf");
}

a:focus {
    outline: none !important;
    outline-offset: 0px !important;
}

a:focus,
a:hover {
    text-decoration: none !important;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fanhuidingbu:before {
    content: "\e609";
}

.icon-arrow-right:before {
    content: "\e646";
}

.icon-arrow-down:before {
    content: "\e648";
}

.icon-weibo:before {
    content: "\e7e4";
}

.icon-jingdong:before {
    content: "\e812";
}

.icon-iconfonticontrianglecopy:before {
    content: "\e631";
}

.icon-sousuo:before {
    content: "\e686";
}

.icon-1diqiu:before {
    content: "\e643";
}

.icon-dizhi:before {
    content: "\e62e";
}

.icon-weixin:before {
    content: "\e660";
}

.icon-youxiang:before {
    content: "\e667";
}

.icon-jiantou9:before {
    content: "\e60b";
}

.icon-tianmao:before {
    content: "\e67e";
}

.icon-facebook:before {
    content: "\e61a";
}

.icon-retrun-top:before {
    content: "\e63d";
}

.icon-tianmao1:before {
    content: "\e627";
}

.icon-xinxi:before {
    content: "\e61c";
}

.icon-liuyan:before {
    content: "\e669";
}

.icon-sousuo1:before {
    content: "\e61b";
}

.icon-xialajiantou:before {
    content: "\e630";
}

.icon-dianhua1:before {
    content: "\e619";
}

.icon-erweima:before {
    content: "\e601";
}

.icon-guanbi:before {
    content: "\e849";
}

.icon-top:before {
    content: "\e69a";
}

.icon-fanhui1:before {
    content: "\e64d";
}

.icon-user:before {
    content: "\e600";
}

.icon-QQ:before {
    content: "\e7ee";
}

.icon-diqiu:before {
    content: "\e60d";
}

.icon-daohang:before {
    content: "\e603";
}

.icon-mimaicon:before {
    content: "\e60c";
}

.icon-fanhui:before {
    content: "\e624";
}

@font-face {
    /*字体包*/
    font-family: 'LucidaGrandeRegular';
    src: url("/wp-content/themes/joyetech/fonts/lucida_grande.ttf");
}

@font-face {
    /*字体包*/
    font-family: 'MyanmarMN';
    src: url("/fonts/MyanmarMN.ttc"), url(/fonts/MyanmarMN.woff2.ttf);
}

@font-face {
    /*字体包*/
    font-family: 'gothamlight';
    src: url("/fonts/GothamLight.eot"), url(/fonts/GothamLight.ttf), url(/fonts/GothamLight.woff);
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    color: #333;
    font-family: 'Montserrat', "Myriad Pro", "Arial" !important;
    overflow-x: hidden;
}

.title-bold {
    font-family: 'Montserrat', "Myriad Pro", "Arial";
    font-weight: bold;
}

input,
textarea,
button,
select {
    color: #333;
    font-family: 'Montserrat', "Myriad Pro", "Arial" !important;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

header {
    position: fixed;
    z-index: 1002;
    height: 60px;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding-left: 31px;
    padding-right: 31px;
    text-align: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #fff;
    font-family: 'LucidaGrandeRegular', "Myriad Pro", "Arial" !important;
    top: 10vw;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

header.scroll10 {
    /*top: 0;*/
}

@media only all and (max-width: 1440px) {
    /* header {
    height: 70px;
  } */
}

@media only all and (max-width: 768px) {
    header {
        height: 60px;
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

header.active {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media only all and (max-width: 768px) {
    header.active {
        background-color: #fff;
    }
}

header.active .nav-parent nav>ul>li>a {
    color: #fff;
}

@media only all and (max-width: 768px) {
    header.active .nav-parent nav>ul>li>a {
        color: #fff;
    }
}

header.index {
    z-index: 100000;
}

header .logo {
    display: inline-block;
    width: 140px;
    position: absolute;
    top: 15px;
    left: 0px;
    z-index: 1;
}

@media only all and (max-width: 1440px) {
    header .logo {
        top: 12px;
    }
}

@media only all and (max-width: 768px) {
    header .logo {
        width: 120px;
        left: 10px;
    }
}

header .logo.active img.logo1 {
    opacity: 1;
}

@media only all and (max-width: 768px) {
    header .logo.active img.logo1 {
        opacity: 0;
    }
}

header .logo.active img.logo2 {
    opacity: 0;
}

@media only all and (max-width: 768px) {
    header .logo.active img.logo2 {
        opacity: 1;
    }
}

header .logo img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

header .logo img.logo1 {
    opacity: 0;
}

header .logo h1 {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    text-indent: -9999em;
    font-size: 12px;
    z-index: -999;
    opacity: 0;
}

@media only all and (max-width: 768px) {
    header .nav-parent {
        position: fixed;
        width: 70%;
        height: 100vh;
        right: -70%;
        top: 0px;
        background-color: #232323;
        z-index: 2;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    header .nav-parent.active {
        right: 0;
    }
}

@media only all and (max-width: 414px) {
    header .nav-parent {
        width: 80%;
        right: -80%;
    }
}

header .nav-parent nav {
    margin-top: 17px;
    position: relative;
    float: left;
}

header .nav-parent .icon-shop {
    margin-top: 15px;
    margin-right: 30px;
    background: url(/wp-content/themes/joyetech/images/shop.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
    display: inline-block;
}

header.active .nav-parent .icon-shop {
    background: url(/wp-content/themes/joyetech/images/shop-w.svg);
}

.joye-con .right.activesss+.nav-parent .icon-shop {
    display: none;
}

@media only all and (max-width: 1440px) {
    header .nav-parent nav {
        margin-top: 18px;
    }
    header .nav-parent .icon-shop {
        margin-top: 18px;
        margin-right: 25px;
    }
}

@media only all and (max-width: 768px) {
    header .nav-parent nav {
        margin-top: 100px;
    }
}

header .nav-parent nav #cloud {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px;
    background-color: #004ea1;
    display: none;
}

header .nav-parent nav>ul>li {
    display: inline-block;
    margin-right: 61px;
    position: relative;
}

@media only all and (max-width: 1440px) {
    header .nav-parent nav>ul>li {
        margin-right: 40px;
    }
}

@media only all and (max-width: 1024px) {
    header .nav-parent nav>ul>li {
        margin-right: 20px;
    }
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li {
        width: 100%;
        margin-right: 0;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media only all and (max-width: 414px) {
    header .nav-parent nav>ul>li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

header .nav-parent nav>ul>li:hover>a {
    color: #004ea1;
}

header .nav-parent nav>ul>li:hover>a:before {
    width: 100%;
}

header .nav-parent nav>ul>li:hover>a>ul {
    opacity: 1;
    visibility: visible;
}

header .nav-parent nav>ul>li.nav-menu-parent>a {
    color: #004ea1;
}

header .nav-parent nav>ul>li.nav-menu-parent>a:before {
    width: 100%;
}

header .nav-parent nav>ul>li>a {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.txt-shop {
    display: none;
}

@media only all and (max-width: 1024px) {
    header .nav-parent nav>ul>li>a {
        font-size: 13px;
    }
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li>a {
        font-size: 30px;
        color: #fff;
    }
    .txt-shop {
        display: block;
        font-size: 30px;
        color: #fff;
    }
    header .nav-parent .icon-shop {
        background: none!important;
        display: inline;
    }
}

@media only all and (max-width: 414px) {
    header .nav-parent nav>ul>li>a,
    .txt-shop {
        font-size: 16px;
    }
}

header .nav-parent nav>ul>li>a:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background-color: #004ea1;
    width: 0%;
    height: 2px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li>a:before {
        display: none;
    }
}

header .nav-parent nav>ul>li>a:last-child {
    margin-right: 0;
}

header .nav-parent nav>ul>li>ul {
    position: absolute;
    top: 43px;
    width: 160px;
    left: 50%;
    background-color: #fff;
    padding: 18px 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 16px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    -o-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

@media only all and (max-width: 1440px) {
    header .nav-parent nav>ul>li>ul {
        top: 42px;
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    header .nav-parent nav>ul>li>ul {
        font-size: 12px;
    }
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li>ul {
        margin-left: 0;
        left: auto;
        right: -70%;
        top: 0;
        position: fixed;
        width: 70%;
        height: 100%;
        background-color: #232323;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        margin-top: 100px;
        height: calc(100% - 100px);
        z-index: 2;
        padding: 0;
        transition: all 0.6s;
        font-size: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    header .nav-parent nav>ul>li>ul.active {
        right: 0;
    }
}

@media only all and (max-width: 414px) {
    header .nav-parent nav>ul>li>ul {
        right: -80%;
        width: 80%;
    }
}

header .nav-parent nav>ul>li>ul:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 27px;
    background-color: transparent;
    top: -27px;
    left: 0px;
}

header .nav-parent nav>ul>li>ul>li {
    position: relative;
    text-align: left;
    padding-left: 15px;
}

header .nav-parent nav>ul>li>ul>li a {
    position: relative;
    display: inline-block;
    line-height: 2.4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li>ul>li>a {
        width: 80%;
        color: #fff;
        padding-left: 40px;
        font-size: 14px;
    }
}

header .nav-parent nav>ul>li>ul>li .arrow {
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #004ea1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    display: none;
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li>ul>li>.arrow {
        width: 20%;
        position: static;
        right: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;
    }
}

header .nav-parent nav>ul>li>ul>li:hover>a {
    color: #004ea1;
}

header .nav-parent nav>ul>li>ul>li>a:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background-color: #004ea1;
    width: 0%;
    height: 2px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .nav-parent nav>ul>li>ul>li:hover>a:before {
    width: 100%;
}

header .nav-parent nav>ul>li>ul>li:hover>.arrow {
    opacity: 1;
}

header .nav-parent nav>ul>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
}

header .nav-parent nav>ul>li>ul>li.menu-item-type-taxonomy.current-menu-item>a,
header .nav-parent nav>ul>li>ul>li.menu-item-type-taxonomy.current-menu-parent>a,
header .nav-parent nav>ul>li>ul>li.menu-item-type-post_type.current-menu-item>a,
header .nav-parent nav>ul>li>ul>li.menu-item-type-custom.current-menu-item>a {
    color: #004ea1 !important;
}

header .nav-parent nav>ul>li>ul>li.menu-item-type-taxonomy.current-menu-item>.arrow,
header .nav-parent nav>ul>li>ul>li.menu-item-type-taxonomy.current-menu-parent>.arrow,
header .nav-parent nav>ul>li>ul>li.menu-item-type-post_type.current-menu-item>.arrow,
header .nav-parent nav>ul>li>ul>li.menu-item-type-custom.current-menu-item>.arrow {
    opacity: 1;
    color: #004ea1;
}

header .nav-parent nav>ul>li>ul>li>ul {
    background-color: #fff;
    position: absolute;
    left: 200px;
    top: 0;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li>ul>li>ul {
        margin-left: 0;
        left: auto;
        right: -100%;
        top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #232323;
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        height: 100%;
        z-index: 3;
        padding: 0;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    header .nav-parent nav>ul>li>ul>li>ul.active {
        right: 0;
    }
}

header .nav-parent nav>ul>li>ul>li>ul>li {
    position: relative;
    text-align: left;
}

header .nav-parent nav>ul>li>ul>li>ul>li a {
    width: 100%;
    display: inline-block;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 30px;
    color: #333;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li>ul>li>ul>li a {
        width: 80%;
        padding-left: 40px;
        font-size: 14px;
        color: #fff;
    }
}

header .nav-parent nav>ul>li>ul>li>ul>li .arrow {
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 23px;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #004ea1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}

@media only all and (max-width: 768px) {
    header .nav-parent nav>ul>li>ul>li>ul>li>.arrow {
        width: 20%;
        position: static;
        right: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;
    }
}

header .nav-parent nav>ul>li>ul>li>ul>li:hover>a {
    color: #004ea1;
}

header .nav-parent nav>ul>li>ul>li>ul>li:hover>.arrow {
    opacity: 1;
}

header .nav-parent nav>ul>li>ul>li>ul>li.active>a {
    color: #004ea1;
}

header .nav-parent nav>ul>li>ul>li>ul>li.active>.arrow {
    opacity: 1;
}

header .nav-parent nav>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

header .nav-parent .icon-guanbi {
    display: none;
}

@media only all and (max-width: 768px) {
    header .nav-parent .icon-guanbi {
        cursor: pointer;
        display: inline-block;
        color: #fff;
        font-size: 36px;
        position: absolute;
        right: 32px;
        top: 40px;
    }
}

@media only all and (max-width: 414px) {
    header .nav-parent .icon-guanbi {
        font-size: 22px;
        right: 30px;
        top: 30px;
    }
}

header .nav-parent .icon-fanhui {
    display: none;
}

@media only all and (max-width: 768px) {
    header .nav-parent .icon-fanhui {
        cursor: pointer;
        color: #fff;
        font-size: 36px;
        position: absolute;
        left: 32px;
        top: 40px;
    }
}

@media only all and (max-width: 414px) {
    header .nav-parent .icon-fanhui {
        font-size: 22px;
        left: 30px;
        top: 30px;
    }
}

header .right {
    display: inline-block;
    margin-top: 10px;
    position: relative;
    margin-left: 0px;
    width: 50px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 0;
}

@media only all and (max-width: 1440px) {
    header .right {
        margin-top: 10px;
    }
}

@media only all and (max-width: 768px) {
    header .right {
        display: none;
    }
}

header .select1 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    padding-right: 35px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0) url(/wp-content/themes/joyetech/img/commonImg/select-down2.png) no-repeat 85% center;
    background-size: 16px 11px;
    border: none;
    color: #333;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    display: none;
}

@media only all and (max-width: 1440px) {
    header .select1 {
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    header .select1 {
        font-size: 12px;
    }
}

header .select1 option {
    color: #333;
    background-color: #fff;
}

header .right input {
    height: 40px;
    width: 70%;
    background-color: rgba(0, 0, 0, 0);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    font-size: 16px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
    header .right input {
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    header .right input {
        font-size: 12px;
    }
}

header .right input::-webkit-input-placeholder {
    color: #000;
}

header .right input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
}

header .right input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000;
}

header .right input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
}

header .right .search {
    position: absolute;
    width: 25px;
    height: 40px;
    top: 0px;
    right: 0px;
    cursor: pointer;
    background-color: transparent;
}

header .right.activesss .search {
    right: 20px;
}

header .right .search i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 16px;
    color: #000;
}

header .right .search i.search1 {
    opacity: 0;
    color: #fff;
}

header .right.active .search i.search1 {
    opacity: 1;
}

header .right.active .search i.search2 {
    opacity: 0;
}

header .right.active input {
    color: #fff;
}

header .right.active input::-webkit-input-placeholder {
    color: #fff;
}

header .right.active input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

header .right.active input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

header .right.active input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

header .right.activesss {
    width: 34%;
}

header .right.activesss input {
    background-color: rgba(0, 0, 0, 0.1);
}

header .right.activesss .select1 {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.1);
    color: #333;
    background: rgba(0, 0, 0, 0.1) url(/wp-content/themes/joyetech/img/commonImg/select-down1.png) no-repeat 85% center;
    display: inline-block;
}

header .right.active .select1 {
    color: #fff;
}

header .right.active .select1 {
    background: rgba(0, 0, 0, 0.1) url(/wp-content/themes/joyetech/img/commonImg/select-down2.png) no-repeat 85% center;
}

header .phone_nav_switch {
    height: 60px;
    line-height: 60px;
    color: #000;
    width: 40px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 0;
    display: none;
}

@media only all and (max-width: 768px) {
    header .phone_nav_switch {
        display: block;
    }
}

header .shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    display: none;
}

.phone-nav {
    position: fixed;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    display: table;
    width: 100%;
    height: 100%;
    display: none;
}

.phone-nav.active {
    z-index: 100;
}

@media only all and (max-width: 414px) {
    .phone-nav {
        top: 80px;
    }
}

.phone-nav .shadow {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    display: none;
}

.phone-nav .inner {
    position: relative;
    z-index: -1;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    max-height: 100%;
    opacity: 0;
}

.phone-nav .inner.active {
    opacity: 1;
    z-index: 2;
}

.phone-nav .inner .item .one {
    font-size: 26px;
    line-height: 1;
    color: #1D1D1D;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.phone-nav .inner .item .one.active {
    color: #06397f;
}

@media only all and (max-width: 414px) {
    .phone-nav .inner .item .one {
        font-size: 18px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.phone-nav .inner .item .one_con {
    display: none;
    margin-bottom: 5px;
}

.phone-nav .inner .item .one_con .two {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #1D1D1D;
}

.phone-nav .inner .item .one_con .two.active {
    color: #06397f;
}

.other-parent .other {
    width: 1400px;
    margin: 0 auto;
    margin-bottom: 78px;
    font-size: 0;
}

@media only all and (max-width: 1440px) {
    .other-parent .other {
        width: 1200px;
        margin-bottom: 50px;
    }
}

@media only all and (max-width: 1280px) {
    .other-parent .other {
        width: 1000px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other {
        width: 770px;
    }
}

@media only all and (max-width: 768px) {
    .other-parent .other {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.other-parent .other .item {
    width: 33.3%;
    height: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 2px solid #ccc;
    display: inline-block;
    vertical-align: top;
    padding-top: 67px;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item {
        height: 250px;
        padding-top: 54px;
    }
}

@media only all and (max-width: 640px) {
    .other-parent .other .item {
        width: 100%;
        border: none;
        border-bottom: 2px solid #ccc;
        padding-top: 30px;
        padding-bottom: 30px;
        height: auto;
    }
}

.other-parent .other .item:nth-child(1) {
    width: 30%;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item:nth-child(1) {
        width: 28%;
    }
}

@media only all and (max-width: 640px) {
    .other-parent .other .item:nth-child(1) {
        width: 100%;
    }
}

.other-parent .other .item:nth-child(2) {
    width: 40%;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item:nth-child(2) {
        width: 42%;
    }
}

@media only all and (max-width: 640px) {
    .other-parent .other .item:nth-child(2) {
        width: 100%;
    }
}

.other-parent .other .item:nth-child(3) {
    width: 30%;
}

@media only all and (max-width: 640px) {
    .other-parent .other .item:nth-child(3) {
        width: 100%;
    }
}

.other-parent .other .item:last-child {
    border-right: none;
}

@media only all and (max-width: 414px) {
    .other-parent .other .item.item1 {
        border-top: 2px solid #ccc;
    }
}

.other-parent .other .item.item1 .one {
    font-size: 40px;
    line-height: 1;
    color: #333;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item1 .one {
        font-size: 30px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item1 .one {
        font-size: 20px;
    }
}

.other-parent .other .item.item1 .img {
    margin-top: 22px;
    width: 71px;
}

.other-parent .other .item.item2 {
    padding-left: 4%;
    padding-right: 4%;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item2 {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item2 {
        padding-left: 2%;
        padding-right: 2%;
    }
}

.other-parent .other .item.item2 .one {
    font-size: 40px;
    line-height: 1;
    color: #333;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item2 .one {
        font-size: 30px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item2 .one {
        font-size: 20px;
    }
}

.other-parent .other .item.item2 .two {
    margin-top: 42px;
    width: 100%;
    position: relative;
}

.other-parent .other .item.item2 .two input {
    width: 100%;
    height: 58px;
    font-size: 16px;
    color: #333;
    -webkit-border-radius: 29px;
    border-radius: 29px;
    background-color: #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 39px;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item2 .two input {
        height: 45px;
        font-size: 14px;
        -webkit-border-radius: 22.5px;
        border-radius: 22.5px;
        padding-left: 20px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item2 .two input {
        font-size: 12px;
    }
}

.other-parent .other .item.item2 .two input input::-webkit-input-placeholder {
    color: #333;
}

.other-parent .other .item.item2 .two input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}

.other-parent .other .item.item2 .two input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
}

.other-parent .other .item.item2 .two input input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333;
}

.other-parent .other .item.item2 .two button {
    width: 100px;
    height: 58px;
    -webkit-border-radius: 29px;
    border-radius: 29px;
    background-color: #004ea1;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    font-size: 16px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item2 .two button {
        height: 45px;
        font-size: 14px;
        -webkit-border-radius: 22.5px;
        border-radius: 22.5px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item2 .two button {
        font-size: 12px;
    }
}

.other-parent .other .item.item2 .two button:hover {
    opacity: 0.9;
}

.other-parent .other .item.item3 {
    padding-left: 4%;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item3 {
        padding-left: 3%;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item3 {
        padding-left: 2%;
        padding-right: 2%;
    }
}

.other-parent .other .item.item3 .one {
    font-size: 40px;
    line-height: 1;
    color: #333;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item3 .one {
        font-size: 30px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item3 .one {
        font-size: 20px;
    }
}

.other-parent .other .item.item3 .two {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-top: 12px;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item3 .two {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item3 .two {
        font-size: 12px;
        line-height: 20px;
    }
}

.other-parent .other .item.item3 .download {
    width: 250px;
    background-color: #004ea1;
    display: inline-block;
    -webkit-border-radius: 29px;
    border-radius: 29px;
    margin-top: 23px;
    text-align: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item3 .download {
        width: 200px;
        -webkit-border-radius: 22.5px;
        border-radius: 22.5px;
        margin-top: 17px;
    }
}

.other-parent .other .item.item3 .download .text {
    display: inline-block;
    height: 58px;
    line-height: 58px;
    color: #fff;
    font-size: 16px;
    margin-right: 120px;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item3 .download .text {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        margin-right: 60px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item3 .download .text {
        font-size: 12px;
    }
}

.other-parent .other .item.item3 .download i {
    display: inline-block;
    height: 58px;
    line-height: 58px;
    color: #fff;
    font-size: 16px;
}

@media only all and (max-width: 1440px) {
    .other-parent .other .item.item3 .download i {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    .other-parent .other .item.item3 .download i {
        font-size: 12px;
    }
}

.other-parent .other .item.item3 .download:hover {
    opacity: 0.9;
}

.two-search {
    border-top: 1px solid #ccc;
    padding-top: 4vw;
    padding-bottom: 3vw;
}

@media only all and (max-width: 768px) {
    .two-search {
        border-top: none;
    }
}

.two-search .two-search-con,
.b-link .b-link-con {
    width: 1400px;
    margin: 0 auto;
    font-size: 0;
}

@media only all and (max-width: 1440px) {
    .two-search .two-search-con,
    .b-link .b-link-con {
        width: 1200px;
    }
}

@media only all and (max-width: 1280px) {
    .two-search .two-search-con,
    .b-link .b-link-con {
        width: 1000px;
    }
}

@media only all and (max-width: 1024px) {
    .two-search .two-search-con,
    .b-link .b-link-con {
        width: 770px;
    }
}

@media only all and (max-width: 768px) {
    .two-search .two-search-con,
    .b-link .b-link-con {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.two-search .item {
    height: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-top: 74px;
    text-align: center;
    padding-left: 90px;
    padding-right: 90px;
}

@media only all and (max-width: 1440px) {
    .two-search .item {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only all and (max-width: 1280px) {
    .two-search .item {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only all and (max-width: 1024px) {
    .two-search .item {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only all and (max-width: 768px) {
    .two-search .item {
        height: auto;
        border-top: 1px solid #cdcdcd;
        padding-top: 20px;
    }
}

.two-search .item:nth-child(1) {
    border-right: 2px solid #ccc;
}

@media only all and (max-width: 768px) {
    .two-search .item:nth-child(1) {
        border-right: none;
    }
}

.two-search .item .one {
    font-size: 40px;
    line-height: 1;
    color: #333;
}

@media only all and (max-width: 1024px) {
    .two-search .item .one {
        font-size: 20px;
    }
}

@media only all and (max-width: 414px) {
    .two-search .item .one {
        font-size: 12px;
    }
}

.two-search .item .two {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-top: 12px;
}

@media only all and (max-width: 1024px) {
    .two-search .item .two {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only all and (max-width: 768px) {
    .two-search .item .two {
        height: 66px;
    }
}

@media only all and (max-width: 414px) {
    .two-search .item .two {
        font-size: 12px;
        line-height: 20px;
        height: 100px;
    }
}

.two-search .item .download,
.link-btn {
    margin-top: 23px;
    width: auto;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    position: relative;
    display: inline-block;
    color: #333;
    overflow: hidden;
    background-color: #004ea1;
    -webkit-border-radius: 29px;
    border-radius: 29px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

@media only all and (max-width: 414px) {
    .two-search .item .download {
        width: 100%;
    }
}

.two-search .item .download:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}

.two-search .item .download .more-con,
.link-btn .more-con {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 100%;
}

.two-search .item .download .more-con .up-s,
.link-btn .more-con .up-s {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.two-search .item .download .more-con .down-s,
.link-btn .more-con .down-s {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    display: inline-block;
    vertical-align: middle;
    transition: all 0.4s ease-in-out;
}

.two-search .item .download:hover .up-s,
.link-btn:hover .up-s {
    opacity: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.two-search .item .download:hover .down-s,
.link-btn:hover .down-s {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
}

.two-search .item .download .text,
.link-btn .text {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
}

@media only all and (max-width: 1440px) {
    .two-search .item .download .text,
    .link-btn .text {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        margin-right: 18px;
    }
}

@media only all and (max-width: 1024px) {
    .two-search .item .download .text,
    .link-btn .text {
        font-size: 12px;
    }
}

@media only all and (max-width: 414px) {
    .two-search .item .download .text,
    .link-btn .text {
        margin-right: 15px;
    }
}

.two-search .item .download i,
.link-btn i {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
}

@media only all and (max-width: 1440px) {
    .two-search .item .download i,
    .link-btn i {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    .two-search .item .download i,
    .link-btn i {
        font-size: 12px;
    }
}

footer {
    position: relative;
}

footer .back-top {
    display: none;
    width: 45px;
    height: 45px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #3333336b;
    border-radius: 50%;
}

footer .back-top img {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    width: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

footer .back-top img.img2 {
    opacity: 0;
}

footer .back-top:hover {
    background-color: #ffffff42;
}

footer .back-top:hover img.img1 {
    opacity: 0;
}

footer .back-top:hover img.img2 {
    opacity: 1;
}

@media only all and (max-width: 1650px) {
    footer .back-top {
        right: 20px;
    }
}

@media only all and (max-width: 1440px) {
    footer .back-top {
        width: 50px;
        height: 50px;
    }
}

@media only all and (max-width: 768px) {
    footer .back-top {
        display: none;
    }
}

footer .back-top:hover {
    opacity: 0.9;
}

footer .top {
    background-color: #232323;
}

footer .top .top1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1%;
    padding-bottom: 1%;
}

@media only all and (max-width: 768px) {
    footer .top .top1 {
        border-bottom: none;
        padding-bottom: 0;
    }
}

footer .top .top1 .top1-con {
    width: 1400px;
    margin: 0 auto;
}

@media only all and (max-width: 1440px) {
    footer .top .top1 .top1-con {
        width: 1200px;
    }
}

@media only all and (max-width: 1280px) {
    footer .top .top1 .top1-con {
        width: 1000px;
    }
}

@media only all and (max-width: 1024px) {
    footer .top .top1 .top1-con {
        width: 770px;
    }
}

@media only all and (max-width: 768px) {
    footer .top .top1 .top1-con {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }
}

footer .top .top1 .top1-con .left {
    width: 380px;
    display: inline-block;
}

@media only all and (max-width: 1024px) {
    footer .top .top1 .top1-con .left {
        width: 300px;
    }
}

@media only all and (max-width: 768px) {
    footer .top .top1 .top1-con .left {
        float: none;
        display: none;
    }
}

footer .top .top1 .top1-con .left .img {
    width: 270px;
    margin-top: 10px;
}

footer .top .top2 .right {
    font-size: 0;
}

@media only all and (max-width: 768px) {
    footer .top .top2 .right {
        float: none;
    }
}

footer .top .top2 .right .item {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 8px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden;
}

@media only all and (max-width: 414px) {
    footer .top .top2 .right .item {
        width: 35px;
        height: 35px;
    }
}

footer .top .top2 .right .item:last-child {
    margin-right: 0;
}

footer .top .top2 .right .item .img {
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

footer .top .top2 .right .item:hover {
    opacity: 0.9;
}

footer .top .top2 .right .item:hover .img {
    -moz-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
}

@media only all and (max-width: 414px) {
    footer .top .top2 .right .item:hover .img {
        -moz-transform: translateY(-35px);
        -webkit-transform: translateY(-35px);
        -o-transform: translateY(-35px);
        transform: translateY(-35px);
    }
}

footer .top .top2 {
    width: 1400px;
    margin: 0 auto;
    padding-top: 2%;
    padding-bottom: 1%;
}

@media only all and (max-width: 1440px) {
    footer .top .top2 {
        width: 1200px;
    }
}

@media only all and (max-width: 1280px) {
    footer .top .top2 {
        width: 1000px;
    }
}

@media only all and (max-width: 1024px) {
    footer .top .top2 {
        width: 770px;
    }
}

@media only all and (max-width: 768px) {
    footer .top .top2 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }
}

footer .top .top2 .left {
    font-size: 0;
    width: 54.3%;
    font-family: 'LucidaGrandeRegular', "Myriad Pro", "Arial" !important;
}

@media only all and (max-width: 768px) {
    footer .top .top2 .left {
        width: 100%;
        float: none;
    }
}

footer .top .top2 .left .item {
    width: 190px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

@media only all and (max-width: 768px) {
    footer .top .top2 .left .item {
        width: 100%;
        margin-bottom: 15px;
    }
}

footer .top .top2 .left .item>li {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2%;
}

@media only all and (max-width: 768px) {
    footer .top .top2 .left .item>li {
        width: 100%;
    }
}

footer .top .top2 .left .item>li>a {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

@media only all and (max-width: 1440px) {
    footer .top .top2 .left .item>li>a {
        font-size: 16px;
    }
}

@media only all and (max-width: 768px) {
    footer .top .top2 .left .item>li>a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 10px;
    }
    footer .top .top2 .left .item>li>ul>li>a {
        padding-left: 30px;
    }
    footer .top .top2 .right .fu {
        padding-bottom: 20px;
    }
    footer .top .top2 .right .copyright {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

footer .top .top2 .left .item>li>a span {
    display: inline-block;
    margin-right: 20px;
    width: 10px;
}

footer .top .top2 .left .item .one span {
    display: none;
}

@media only all and (max-width: 768px) {
    footer .top .top2 .left .item .one span {
        display: inline-block;
        margin-right: 20px;
        width: 10px;
    }
}

@media only all and (max-width: 768px) {
    footer .top .top2 .left .item .two {
        display: none;
    }
}

footer .top .top2 .left .item .two .list {
    display: block;
    padding-right: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
    footer .top .top2 .left .item .two .list {
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    footer .top .top2 .left .item .two .list {
        font-size: 12px;
    }
}

footer .top .top2 .left .item .two .list:hover {
    color: #fff;
}

@media only all and (max-width: 768px) {
    footer .top .top2 .left .item>li>ul {
        display: none;
    }
}

footer .top .top2 .left .item>li>ul>li>a {
    display: block;
    padding-right: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

footer .top .top2 .left .item>li>ul>li>a:hover {
    color: #fff;
}

@media only all and (max-width: 1440px) {
    footer .top .top2 .left .item>li>ul>li>a {
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    footer .top .top2 .left .item>li>ul>li>a {
        font-size: 12px;
    }
}

footer .top .top2 .right {
    width: 21%;
}

@media only all and (max-width: 1440px) {
    footer .top .top2 .right {
        width: 30%;
    }
}

@media only all and (max-width: 768px) {
    footer .top .top2 .right {
        float: none;
        width: 100%;
    }
}

footer .top .top2 .right .one {
    font-family: 'LucidaGrandeRegular', "Myriad Pro", "Arial" !important;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5px;
    color: #fff;
}

@media only all and (max-width: 1440px) {
    footer .top .top2 .right .one {
        font-size: 16px;
    }
}

footer .top .top2 .right .two {
    margin-top: 0;
    width: 100%;
    position: relative;
}

@media only all and (max-width: 768px) {
    footer .top .top2 .right .two {
        width: 50%;
    }
}

@media only all and (max-width: 414px) {
    footer .top .top2 .right .two {
        width: 100%;
    }
}

footer .top .top2 .right .two input {
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #666;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@media only all and (max-width: 1440px) {
    footer .top .top2 .right .two input {
        height: 30px;
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    footer .top .top2 .right .two input {
        font-size: 12px;
    }
}

footer .top .top2 .right .two input input::-webkit-input-placeholder {
    color: #666;
}

footer .top .top2 .right .two input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
}

footer .top .top2 .right .two input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
}

footer .top .top2 .right .two input input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #666;
}

footer .top .top2 .right .fu {
    padding-bottom: 35px;
}

footer .top .top2 .right .two button {
    width: 100px;
    height: 30px;
    background-color: #004ea1;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    font-size: 14px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}

@media only all and (max-width: 1440px) {
    footer .top .top2 .right .two button {
        height: 30px;
        font-size: 14px;
    }
}

@media only all and (max-width: 1024px) {
    footer .top .top2 .right .two button {
        font-size: 12px;
    }
}

footer .top .top2 .right .two button:hover {
    opacity: 0.9;
}

footer .top .top2 .right .copyright {
    margin-top: 10px;
}

footer .top .top2 .right .copyright .text {
    font-size: 14px;
    line-height: 1.1;
    color: #666;
}

footer .top .top2 .right .copyright .anthor {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

@media only all and (max-width: 1440px) {
    footer .top .top2 .right .copyright .anthor {
        font-size: 12px;
    }
}

footer .top .top2 .right .copyright .anthor a {
    color: #666;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

footer .top .top2 .right .copyright .anthor a:hover {
    color: #fff;
}

footer .bottom {
    background-color: #2c2c2c;
    padding-top: 1%;
    padding-bottom: 1%;
}

footer .bottom .bottom-con {
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.2;
    text-align: justify;
    color: #666;
}

.age {
    position: fixed;
    z-index: 1020;
    display: none;
}

.age .shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}

.age .age-con {
    position: fixed;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.age .age-con .img {
    width: 46px;
}

@media only all and (max-width: 1440px) {
    .age .age-con .img {
        width: 30px;
    }
}

@media only all and (max-width: 414px) {
    .age .age-con .img {
        width: 20px;
    }
}

.age .age-con .text1 {
    font-size: 60px;
    line-height: 1;
    color: #333;
}

@media only all and (max-width: 1440px) {
    .age .age-con .text1 {
        font-size: 36px;
    }
}

@media only all and (max-width: 414px) {
    .age .age-con .text1 {
        font-size: 20px;
    }
}

.age .age-con .text1 span {
    font-size: 80px;
    display: block;
}

@media only all and (max-width: 1440px) {
    .age .age-con .text1 span {
        font-size: 50px;
    }
}

@media only all and (max-width: 414px) {
    .age .age-con .text1 span {
        font-size: 30px;
    }
}

.age .age-con .two-btn {
    display: inline-block;
    margin-top: 73px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
    font-size: 0;
}

@media only all and (max-width: 1440px) {
    .age .age-con .two-btn {
        margin-top: 40px;
        padding-bottom: 40px;
    }
}

@media only all and (max-width: 414px) {
    .age .age-con .two-btn {
        width: 100%;
    }
}

.age .age-con .two-btn .item {
    width: 240px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #004ea1;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
    .age .age-con .two-btn .item {
        width: 170px;
        height: 40px;
        line-height: 40px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        font-size: 14px;
    }
}

@media only all and (max-width: 414px) {
    .age .age-con .two-btn .item {
        width: 130px;
        font-size: 12px;
    }
}

.age .age-con .two-btn .item:hover {
    opacity: 0.9;
}

.age .age-con .two-btn .item2 {
    margin-right: 0;
    background-color: #2e2e2e;
}

.age .age-con .text2 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
}

@media only all and (max-width: 1440px) {
    .age .age-con .text2 {
        font-size: 14px;
        line-height: 22px;
        margin-top: 20px;
    }
}

.age .age-con .text3 {
    font-size: 14px;
    line-height: 24px;
}

@media only all and (max-width: 1440px) {
    .age .age-con .text3 {
        font-size: 12px;
        line-height: 22px;
    }
}

.age-ie {
    position: fixed;
    z-index: 1020;
    display: none;
}

.age-ie .shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}

.age-ie .age-con {
    position: fixed;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.age-ie .age-con .img {
    width: 46px;
}

@media only all and (max-width: 1440px) {
    .age-ie .age-con .img {
        width: 30px;
    }
}

@media only all and (max-width: 414px) {
    .age-ie .age-con .img {
        width: 20px;
    }
}

.age-ie .age-con .text1 {
    font-size: 60px;
    line-height: 1;
    color: #333;
}

@media only all and (max-width: 1440px) {
    .age-ie .age-con .text1 {
        font-size: 36px;
    }
}

@media only all and (max-width: 414px) {
    .age-ie .age-con .text1 {
        font-size: 20px;
    }
}

.age-ie .age-con .text1 span {
    font-size: 80px;
    display: block;
}

@media only all and (max-width: 1440px) {
    .age-ie .age-con .text1 span {
        font-size: 50px;
    }
}

@media only all and (max-width: 414px) {
    .age-ie .age-con .text1 span {
        font-size: 30px;
    }
}

.age-ie .age-con .two-btn {
    display: inline-block;
    margin-top: 73px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
    font-size: 0;
}

@media only all and (max-width: 1440px) {
    .age-ie .age-con .two-btn {
        margin-top: 40px;
        padding-bottom: 40px;
    }
}

@media only all and (max-width: 414px) {
    .age-ie .age-con .two-btn {
        width: 100%;
    }
}

.age-ie .age-con .two-btn .item {
    width: 240px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #004ea1;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
    .age-ie .age-con .two-btn .item {
        width: 170px;
        height: 40px;
        line-height: 40px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        font-size: 14px;
    }
}

@media only all and (max-width: 414px) {
    .age-ie .age-con .two-btn .item {
        width: 130px;
        font-size: 12px;
    }
}

.age-ie .age-con .two-btn .item:hover {
    opacity: 0.9;
}

.age-ie .age-con .two-btn .item2 {
    margin-right: 0;
    background-color: #2e2e2e;
}

.age-ie .age-con .text2 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
}

@media only all and (max-width: 1440px) {
    .age-ie .age-con .text2 {
        font-size: 14px;
        line-height: 22px;
        margin-top: 20px;
    }
}

.age-ie .age-con .text3 {
    font-size: 14px;
    line-height: 24px;
}

@media only all and (max-width: 1440px) {
    .age-ie .age-con .text3 {
        font-size: 12px;
        line-height: 22px;
    }
}

.hint {
    background-color: #000;
    padding: 0px 10px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 10vw;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    z-index: 99;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.hint .text {
    font-size: 1.8vw;
    line-height: 2.2vw;
    padding: 2.5vw 0 0 0;
    color: #fff;
    font-family: 'LucidaGrandeRegular', "Myriad Pro", "Arial" !important;
}

.hint.active {
    top: 0px;
}

.hint.scroll30 {
    /*top: -30px;*/
}

@media only all and (max-width: 768px) {
    .hint {
        position: static;
        height: auto;
    }
    .hint .text {
        font-size: 4vw;
        line-height: 1.2;
    }
}

.loading {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
}

.loading .cons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 0 5%;
}

.loading .cons .img {
    margin-bottom: 20px;
    width: 202px;
}

.loading .cons .line {
    height: 1px;
    width: 100%;
    background: #fff;
    position: relative;
    font-size: 0;
}

.loading .cons .line .left {
    height: 1px;
    background: #999;
    display: inline-block;
    animation: widths 3s linear infinite;
    -moz-animation: widths 3s linear infinite;
    -webkit-animation: widths 3s linear infinite;
    -o-animation: widths 3s linear infinite;
}

.loading .cons .line .right {
    height: 1px;
    background: #999;
    display: inline-block;
    animation: widths 3s linear infinite;
    animation: widths 3s linear infinite;
    -moz-animation: widths 3s linear infinite;
    -webkit-animation: widths 3s linear infinite;
    -o-animation: widths 3s linear infinite;
}


/*animation: widths 10s linear infinite;*/

@-webkit-keyframes widths {
    0% {
        width: 0;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 0%;
    }
}

@-moz-keyframes widths {
    0% {
        width: 0;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 0%;
    }
}

@-o-keyframes widths {
    0% {
        width: 0;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 0%;
    }
}

@keyframes widths {
    0% {
        width: 0;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 0%;
    }
}

.overturn {
    -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
    -moz-transform: rotate(180deg) translate3d(0, 0, 0);
    transform: rotate(180deg) translate3d(0, 0, 0);
    text-align: left !important;
    padding-right: 0 !important;
    padding-left: 10px !important;
}

.up22 {
    -webkit-animation-name: upss;
    -moz-animation-name: upss;
    -o-animation-name: upss;
    animation-name: upss;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
}

@-webkit-keyframes upss {
    0% {
        -o-transform: translateY(100px);
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes upss {
    0% {
        -o-transform: translateY(100px);
        -moz-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes upss {
    0% {
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes upss {
    0% {
        -o-transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    -moz-animation-name: fadeInDown2;
    -o-animation-name: fadeInDown2;
    animation-name: fadeInDown2;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -o-transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -o-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -o-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -o-transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

.tada2 {
    animation-name: tada2;
    animation-duration: 2s;
}

@keyframes tada2 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(1) rotate(-3deg);
        -ms-transform: scale(1) rotate(-3deg);
        transform: scale(1) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1) rotate(3deg);
        -ms-transform: scale(1) rotate(3deg);
        transform: scale(1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1) rotate(-3deg);
        -ms-transform: scale(1) rotate(-3deg);
        transform: scale(1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.flipInY2 {
    animation-name: flipInY2;
    animation-duration: 3s;
}

@-webkit-keyframes flipInY2 {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
}

@-webkit-keyframes widthLeft {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes widthLeft {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-o-keyframes widthLeft {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes widthLeft {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.widthLeft {
    -webkit-animation-name: widthLeft;
    -moz-animation-name: widthLeft;
    -o-animation-name: widthLeft;
    animation-name: widthLeft;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@-webkit-keyframes widthRight {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes widthRight {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-o-keyframes widthRight {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes widthRight {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.widthRight {
    -webkit-animation-name: widthRight;
    -moz-animation-name: widthRight;
    -o-animation-name: widthRight;
    animation-name: widthRight;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes zhuan {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes zhuan {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes zhuan {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes zhuan {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes bgarc2 {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(6);
        transform: scale(6);
        opacity: 0;
    }
}

@-moz-keyframes bgarc2 {
    0% {
        -moz-transform: scale(2);
        transform: scale(2);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(6);
        transform: scale(6);
        opacity: 0;
    }
}

@-o-keyframes bgarc2 {
    0% {
        -o-transform: scale(2);
        transform: scale(2);
        opacity: 1;
    }
    100% {
        -o-transform: scale(6);
        transform: scale(6);
        opacity: 0;
    }
}

@keyframes bgarc2 {
    0% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(6);
        -moz-transform: scale(6);
        -o-transform: scale(6);
        transform: scale(6);
        opacity: 0;
    }
}

@-webkit-keyframes breathe {
    0%,
    100% {
        -webkit-transform: translate(0, -20px) scale(1);
        transform: translate(0, -20px) scale(1);
        opacity: 1;
    }
    25% {
        -webkit-transform: translate(0, 10px) scale(1.1);
        transform: translate(0, 10px) scale(1.1);
    }
    50% {
        -webkit-transform: translate(10px, 0px) scale(1.3);
        transform: translate(10px, 0px) scale(1.3);
        opacity: 0.2;
    }
    75% {
        -webkit-transform: translate(-10px, 0) scale(1.1);
        transform: translate(-10px, 0) scale(1.1);
    }
}

@-moz-keyframes breathe {
    0%,
    100% {
        -moz-transform: translate(0, -20px) scale(1);
        transform: translate(0, -20px) scale(1);
        opacity: 1;
    }
    25% {
        -moz-transform: translate(0, 10px) scale(1.1);
        transform: translate(0, 10px) scale(1.1);
    }
    50% {
        -moz-transform: translate(10px, 0px) scale(1.3);
        transform: translate(10px, 0px) scale(1.3);
        opacity: 0.2;
    }
    75% {
        -moz-transform: translate(-10px, 0) scale(1.1);
        transform: translate(-10px, 0) scale(1.1);
    }
}

@-o-keyframes breathe {
    0%,
    100% {
        -o-transform: translate(0, -20px) scale(1);
        transform: translate(0, -20px) scale(1);
        opacity: 1;
    }
    25% {
        -o-transform: translate(0, 10px) scale(1.1);
        transform: translate(0, 10px) scale(1.1);
    }
    50% {
        -o-transform: translate(10px, 0px) scale(1.3);
        transform: translate(10px, 0px) scale(1.3);
        opacity: 0.2;
    }
    75% {
        -o-transform: translate(-10px, 0) scale(1.1);
        transform: translate(-10px, 0) scale(1.1);
    }
}

@keyframes breathe {
    0%,
    100% {
        -webkit-transform: translate(0, -20px) scale(1);
        -moz-transform: translate(0, -20px) scale(1);
        -o-transform: translate(0, -20px) scale(1);
        transform: translate(0, -20px) scale(1);
        opacity: 1;
    }
    25% {
        -webkit-transform: translate(0, 10px) scale(1.1);
        -moz-transform: translate(0, 10px) scale(1.1);
        -o-transform: translate(0, 10px) scale(1.1);
        transform: translate(0, 10px) scale(1.1);
    }
    50% {
        -webkit-transform: translate(10px, 0px) scale(1.3);
        -moz-transform: translate(10px, 0px) scale(1.3);
        -o-transform: translate(10px, 0px) scale(1.3);
        transform: translate(10px, 0px) scale(1.3);
        opacity: 0.2;
    }
    75% {
        -webkit-transform: translate(-10px, 0) scale(1.1);
        -moz-transform: translate(-10px, 0) scale(1.1);
        -o-transform: translate(-10px, 0) scale(1.1);
        transform: translate(-10px, 0) scale(1.1);
    }
}

@-webkit-keyframes breathe11 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    50% {
        -webkit-transform: translate(60px, 0px) scale(1.5);
        transform: translate(60px, 0px) scale(1.5);
    }
    75% {
        -webkit-transform: translate(-60px, 0px) scale(1.5);
        transform: translate(-60px, 0px) scale(1.5);
    }
    100% {
        -webkit-transform: translate(0px, 0px) scale(1);
        transform: translate(0px, 0px) scale(1);
    }
}

@-moz-keyframes breathe11 {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -moz-transform: scale(1.5);
        transform: scale(1.5);
    }
    50% {
        -moz-transform: translate(60px, 0px) scale(1.5);
        transform: translate(60px, 0px) scale(1.5);
    }
    75% {
        -moz-transform: translate(-60px, 0px) scale(1.5);
        transform: translate(-60px, 0px) scale(1.5);
    }
    100% {
        -moz-transform: translate(0px, 0px) scale(1);
        transform: translate(0px, 0px) scale(1);
    }
}

@-o-keyframes breathe11 {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    50% {
        -o-transform: translate(60px, 0px) scale(1.5);
        transform: translate(60px, 0px) scale(1.5);
    }
    75% {
        -o-transform: translate(-60px, 0px) scale(1.5);
        transform: translate(-60px, 0px) scale(1.5);
    }
    100% {
        -o-transform: translate(0px, 0px) scale(1);
        transform: translate(0px, 0px) scale(1);
    }
}

@keyframes breathe11 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    50% {
        -webkit-transform: translate(60px, 0px) scale(1.5);
        -moz-transform: translate(60px, 0px) scale(1.5);
        -o-transform: translate(60px, 0px) scale(1.5);
        transform: translate(60px, 0px) scale(1.5);
    }
    75% {
        -webkit-transform: translate(-60px, 0px) scale(1.5);
        -moz-transform: translate(-60px, 0px) scale(1.5);
        -o-transform: translate(-60px, 0px) scale(1.5);
        transform: translate(-60px, 0px) scale(1.5);
    }
    100% {
        -webkit-transform: translate(0px, 0px) scale(1);
        -moz-transform: translate(0px, 0px) scale(1);
        -o-transform: translate(0px, 0px) scale(1);
        transform: translate(0px, 0px) scale(1);
    }
}

@-webkit-keyframes opacity {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes opacity {
    0% {
        -moz-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-o-keyframes opacity {
    0% {
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes opacity {
    0% {
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.opacity {
    -webkit-animation: opacity 1.5s 1 linear;
    -moz-animation: opacity 1.5s 1 linear;
    -o-animation: opacity 1.5s 1 linear;
    animation: opacity 1.5s 1 linear;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.breathe11 {
    -webkit-animation: breathe11 10s infinite linear;
    -moz-animation: breathe11 10s infinite linear;
    -o-animation: breathe11 10s infinite linear;
    animation: breathe11 10s infinite linear;
}

.imgmove-right {
    -webkit-animation: imgmove-right 7s linear infinite;
    -moz-animation: imgmove-right 7s linear infinite;
    -o-animation: imgmove-right 7s linear infinite;
    animation: imgmove-right 7s linear infinite;
}

@-webkit-keyframes imgmove-right {
    0% {
        -webkit-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
    25% {
        -webkit-transform: scale(1.5) translate(15%, 0%);
        transform: scale(1.5) translate(15%, 0%);
    }
    50% {
        -webkit-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
    75% {
        -webkit-transform: scale(1.5) translate(-15%, 0%);
        transform: scale(1.5) translate(-15%, 0%);
    }
    100% {
        -webkit-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
}

@-moz-keyframes imgmove-right {
    0% {
        -moz-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
    25% {
        -moz-transform: scale(1.5) translate(15%, 0%);
        transform: scale(1.5) translate(15%, 0%);
    }
    50% {
        -moz-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
    75% {
        -moz-transform: scale(1.5) translate(-15%, 0%);
        transform: scale(1.5) translate(-15%, 0%);
    }
    100% {
        -moz-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
}

@-o-keyframes imgmove-right {
    0% {
        -o-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
    25% {
        -o-transform: scale(1.5) translate(15%, 0%);
        transform: scale(1.5) translate(15%, 0%);
    }
    50% {
        -o-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
    75% {
        -o-transform: scale(1.5) translate(-15%, 0%);
        transform: scale(1.5) translate(-15%, 0%);
    }
    100% {
        -o-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
}

@keyframes imgmove-right {
    0% {
        -webkit-transform: scale(1.5) translate(0%, 0%);
        -moz-transform: scale(1.5) translate(0%, 0%);
        -o-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
    25% {
        -webkit-transform: scale(1.5) translate(15%, 0%);
        -moz-transform: scale(1.5) translate(15%, 0%);
        -o-transform: scale(1.5) translate(15%, 0%);
        transform: scale(1.5) translate(15%, 0%);
    }
    50% {
        -webkit-transform: scale(1.5) translate(0%, 0%);
        -moz-transform: scale(1.5) translate(0%, 0%);
        -o-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
    75% {
        -webkit-transform: scale(1.5) translate(-15%, 0%);
        -moz-transform: scale(1.5) translate(-15%, 0%);
        -o-transform: scale(1.5) translate(-15%, 0%);
        transform: scale(1.5) translate(-15%, 0%);
    }
    100% {
        -webkit-transform: scale(1.5) translate(0%, 0%);
        -moz-transform: scale(1.5) translate(0%, 0%);
        -o-transform: scale(1.5) translate(0%, 0%);
        transform: scale(1.5) translate(0%, 0%);
    }
}

@-webkit-keyframes waveMove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -560px;
    }
}

@-moz-keyframes waveMove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -560px;
    }
}

@-o-keyframes waveMove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -560px;
    }
}

@keyframes waveMove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -560px;
    }
}

@-webkit-keyframes circleProgressLoad_right {
    0% {
        border-top: 6px solid #fff;
        border-right: 6px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    50% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    100% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

@-webkit-keyframes circleProgressLoad_left {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    100% {
        -webkit-transform: rotate(225deg);
    }
}

@-webkit-keyframes water-right {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
        -webkit-transform: translateX(25%) translateZ(0) scaleY(0.85);
        transform: translateX(25%) translateZ(0) scaleY(0.85);
    }
    100% {
        -webkit-transform: translateX(50%) translateZ(0) scaleY(1);
        transform: translateX(50%) translateZ(0) scaleY(1);
    }
}

@-moz-keyframes water-right {
    0% {
        -moz-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
        -moz-transform: translateX(25%) translateZ(0) scaleY(0.85);
        transform: translateX(25%) translateZ(0) scaleY(0.85);
    }
    100% {
        -moz-transform: translateX(50%) translateZ(0) scaleY(1);
        transform: translateX(50%) translateZ(0) scaleY(1);
    }
}

@-o-keyframes water-right {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
        transform: translateX(25%) translateZ(0) scaleY(0.85);
    }
    100% {
        transform: translateX(50%) translateZ(0) scaleY(1);
    }
}

@keyframes water-right {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        -moz-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
        -webkit-transform: translateX(25%) translateZ(0) scaleY(0.85);
        -moz-transform: translateX(25%) translateZ(0) scaleY(0.85);
        transform: translateX(25%) translateZ(0) scaleY(0.85);
    }
    100% {
        -webkit-transform: translateX(50%) translateZ(0) scaleY(1);
        -moz-transform: translateX(50%) translateZ(0) scaleY(1);
        transform: translateX(50%) translateZ(0) scaleY(1);
    }
}

@-webkit-keyframes entername {
    0% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

@-moz-keyframes entername {
    0% {
        -moz-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    50% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -moz-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

@-o-keyframes entername {
    0% {
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    50% {
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

@keyframes entername {
    0% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    50% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

.left-line,
.right-line,
.middle-line {
    position: absolute;
    width: 2px;
    height: 120px;
    background-color: #004ea1;
    top: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.middle-line {
    width: 4px;
    left: 50%;
    margin-left: -2px;
}

@media only all and (max-width: 1440px) {
    .left-line,
    .right-line,
    .middle-line {
        height: 70px;
    }
}

@media only all and (max-width: 1024px) {
    .left-line,
    .right-line,
    .middle-line {
        height: 50px;
    }
}

.leftline {
    -webkit-animation-name: leftline;
    animation-name: leftline;
}

.rightline {
    -webkit-animation-name: rightline;
    animation-name: rightline;
}

.middleline {
    animation-fill-mode: forwards;
    -webkit-animation-name: middleline;
    animation-name: middleline;
}

@keyframes leftline {
    0% {
        opacity: 0;
        left: 0;
    }
    30% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
        left: 50%;
    }
    70% {
        opacity: 0.1;
    }
    100% {
        opacity: 0;
        left: 100%;
    }
}

@keyframes rightline {
    0% {
        opacity: 0;
        right: 0;
    }
    30% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
        right: 50%;
    }
    70% {
        opacity: 0.1;
    }
    100% {
        opacity: 0;
        right: 100%;
    }
}

@keyframes middleline {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.b-link {
    border-top: 1px solid #ccc;
    margin-top: 5%;
}

.b-link .link-item {
    padding: 5% 0;
    text-align: center;
    cursor: auto;
}

.b-link .link-item img {
    margin: 0 auto 10% auto;
    max-width: 100px;
}

.b-link .link-item p {
    font-size: 18px;
    line-height: 1.2;
    color: #9b9b9b;
}

.b-link .link-item:first-child:hover img {
    content: url(/images/b-link01-h.png?v=1);
}

.b-link .link-item:nth-child(2):hover img {
    content: url(/images/b-link02-h.png);
}

.b-link .link-item:nth-child(3):hover img {
    content: url(/images/b-link03-h.png?v=1);
}

.b-link .link-item:nth-child(4):hover img {
    content: url(/images/b-link04-h.png);
}

.b-link .link-item:hover p {
    color: #004ea1;
}

@media (max-width: 767px) {
    .b-link {
        padding-top: 5%;
    }
    .b-link .link-item img {
        max-width: 60px;
    }
    .b-link .link-item p {
        font-size: 14px;
    }
}

.joye-con {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1440px) {
    .joye-con {
        width: 1200px
    }
}

@media (max-width: 1280px) {
    .joye-con {
        width: 1000px
    }
}

@media (max-width: 1024px) {
    .joye-con {
        width: 770px
    }
}

@media (max-width: 768px) {
    .joye-con {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}