body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

textarea,

p,

blockquote,

th,

td,

em,

sup,

label {

    margin: 0;

    padding: 0;

}

@font-face {

    font-family: 'webfont';

    src: url('http://at.alicdn.com/t/9fooeparw3sj1yvi.eot');

    /* IE9*/

    src: url('http://at.alicdn.com/t/9fooeparw3sj1yvi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ , /* chrome、firefox */ url('http://at.alicdn.com/t/9fooeparw3sj1yvi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../../at.alicdn.com/t/9fooeparw3sj1yvi.svg#NotoSansHans-DemiLight') format('svg');

    /* iOS 4.1- */

}

html,

body {

    width: 100%!important;

    min-width: 1220px!important;

    max-width: 1920px!important;

    margin: -1px auto 0!important;

    font-family: 'webfont', "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Source Han Sans CN Regular", Arial, "Helvetica", "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "STXihei", "华文细黑", 'sans-serif';

    font-size: 16px;

    border-top: 1px solid transparent;

    position: relative;

}

html > div,

body > div {

    overflow: hidden;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

fieldset,

img {

    border: 0;

}

address,

caption,

cite,

code,

dfn,

em,

strong,

th,

var {

    font-style: normal;

    font-weight: normal;

}

ol,

ul {

    list-style: none;

}

caption,

th {

    text-align: left;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 100%;

}

q:before,

q:after {

    content: '';

}

a {

    text-decoration: none;

}

input {

    outline: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

i {

    font-style: normal;

}

.home{



}

.home #header {

    background: transparent;

}

body > div {

    max-width: 1920px;

    margin: 0 auto;

}

#header {

    width: 100%;

    min-width: 1220px;

    max-width: 1920px;

    margin: 0 auto;

    padding-top: 10px;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 101;

    /*background: #1b1d1f;*/

    opacity: 0.9;

    overflow: visible;

    right: 0;

}

#header .headerContent {

    width: 1200px;

    margin: 0 auto;

}

#header .shielding {

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 10;

    background: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav {

    position: relative;

   margin-left: 165px;
   display: flex;

    z-index: 20;

}

#header #nav .logo {

    margin-right: 80px;

    display: block;

    float: left;

    -webkit-background-size: contain;

    -moz-background-size: contain;

    -o-background-size: contain;

    background-size: contain;

}

#header #nav .stairNav {

    display: inline-block;

    /*float: right;*/
    flex:1;
    display: flex;
    justify-content: space-between;

}

#header #nav .stairNav > li {

    height: 48px;

    margin-right: 92px;

    text-align: center;

    line-height: 38px;

    float: left;

}

#header #nav .stairNav > li > a {

    font-size: 16px;

    color: black;

    display: block;

}

#header #nav .stairNav >.liLast{

    position: absolute;

    /* float: right; */

    right: 0;

}

#header #nav .stairNav >.liLast >a>img{

    margin-right: 16px;

}

#header #nav .stairNav > li:hover > a {

    color: #3888ff;

}

#header #nav .stairNav > li:hover .subNav {

    display: inline-block;

}

#header #nav .stairNav > li:hover .subNav li {

    -webkit-animation: detailsNavList 1s 0.3s forwards;

    -moz-animation: detailsNavList 1s 0.3s forwards;

    -o-animation: detailsNavList 1s 0.3s forwards;

    animation: detailsNavList 1s 0.3s forwards;

}

#header #nav .stairNav > li:hover .subNav li:nth-of-type(2) {

    -webkit-animation-delay: .4s;

    -moz-animation-delay: .4s;

    -o-animation-delay: .4s;

    animation-delay: .4s;

}

#header #nav .stairNav > li:hover .subNav li:nth-of-type(3) {

    -webkit-animation-delay: .5s;

    -moz-animation-delay: .5s;

    -o-animation-delay: .5s;

    animation-delay: .5s;

}

#header #nav .stairNav > li:hover .subNav li:nth-of-type(4) {

    -webkit-animation-delay: .6s;

    -moz-animation-delay: .6s;

    -o-animation-delay: .6s;

    animation-delay: .6s;

}

#header #nav .stairNav > li:hover .subNav li:nth-of-type(5) {

    -webkit-animation-delay: .7s;

    -moz-animation-delay: .7s;

    -o-animation-delay: .7s;

    animation-delay: .7s;

}

#header #nav .stairNav > li:hover .subNav li:nth-of-type(6) {

    -webkit-animation-delay: .8s;

    -moz-animation-delay: .8s;

    -o-animation-delay: .8s;

    animation-delay: .8s;

}

#header #nav .stairNav > li:hover .subNav li:nth-of-type(7) {

    -webkit-animation-delay: .9s;

    -moz-animation-delay: .9s;

    -o-animation-delay: .9s;

    animation-delay: .9s;

}

#header #nav .stairNav > li:hover .subNav li:nth-of-type(8) {

    -webkit-animation-delay: 1s;

    -moz-animation-delay: 1s;

    -o-animation-delay: 1s;

    animation-delay: 1s;

}

#header #nav .stairNav .product:hover .subNav {

    height: 113px;

    display: inline-block;

    -webkit-transition: height .3s;

    -o-transition: height .3s;

    -moz-transition: height .3s;

    transition: height .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .stairNav .action {

    cursor: pointer;

    float: right;

    margin-right: 16px;

    width: auto;

}

#header #nav .stairNav .action span {

    width: 20px;

    height: 19px;

    margin: 9px 20px 0 0;

    background: url("../img/search.html") no-repeat center;

    background-position: 0 0;

    display: block;

    float: left;

}

#header #nav .stairNav .action .searchIcon:hover {

    background-position: 0 -19px;

}

#header #nav .stairNav .action .regionDiv {

    display: inline-block;

    float: left;

    position: relative;

    padding-bottom: 9px;

}

#header #nav .stairNav .action .regionDiv .loginMenu {

    right: 25px;

}

#header #nav .stairNav .action .regionDiv .region {

    width: 20px;

    height: 20px;

    background: url("../img/region.html") no-repeat center;

    background-position: 0 -40px;

    margin: 9px 0 0 18px;

}

#header #nav .stairNav .action .regionDiv .regionP {

    display: inline-block;

    float: left;

    margin: 0 13px 0 8px;

    color: #FFFFFF;

}

#header #nav .stairNav .action .regionDiv:hover .region {

    background-position: 0 0;

}

#header #nav .stairNav .action .regionDiv:hover .regionP {

    color: #1eaaf1;

}

#header #nav .stairNav .action .regionDiv:hover .loginMenu {

    opacity: 1;

    height: 73px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .stairNav .action .regionDiv:hover .loginMenu b {

    -webkit-transition: all .2s .3s;

    -o-transition: all .2s .3s;

    -moz-transition: all .2s .3s;

    transition: all .2s .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    display: block;

    opacity: 1;

}

#header #nav .stairNav .action .regionDiv:hover .loginMenu li {

    -webkit-transition: all .2s 0.5s;

    -o-transition: all .2s 0.5s;

    -moz-transition: all .2s 0.5s;

    transition: all .2s 0.5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    opacity: 1;

    display: block;

}

#header #nav .stairNav .action .users {

    width: 20px;

    height: 20px;

    padding: 0;

    background: none;

    margin: 0 0 0 20px;

    padding-top: 9px;

    padding-bottom: 18px;

    position: relative;

}

#header #nav .stairNav .action .users img {

    width: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    display: block;

}

#header #nav .stairNav .action .users:hover .loginMenu {

    opacity: 1;

    height: 73px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .stairNav .action .users:hover .loginMenu b {

    -webkit-transition: all .2s .3s;

    -o-transition: all .2s .3s;

    -moz-transition: all .2s .3s;

    transition: all .2s .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    display: block;

    opacity: 1;

}

#header #nav .stairNav .action .users:hover .loginMenu li {

    -webkit-transition: all .2s 0.5s;

    -o-transition: all .2s 0.5s;

    -moz-transition: all .2s 0.5s;

    transition: all .2s 0.5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    opacity: 1;

    display: block;

}

#header #nav .stairNav .action .headerCar {

    float: left;

    margin: 0 0 0 20px;

    padding-top: 9px;

    padding-bottom: 18px;

    position: relative;

}

#header #nav .stairNav .action .headerCar .headerCarList b {

    opacity: 1;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .stairNav .action .headerCar .headerCarList .carMenu {

    opacity: 1;

    height: auto;

    border: 1px solid #e9e9e9;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .stairNav .action .headerCar .headerCarList .carMenu ul {

    display: block;

}

#header #nav .stairNav .action .headerCar .headerCarList .carMenu .bottom {

    display: block;

}

#header #nav .stairNav .action .headerCar:hover .car {

    background-position: 0 -22px;

}

#header #nav .stairNav .action .headerCar b {

    position: absolute;

    top: 38px;

    right: 30px;

    width: 14px;

    height: 14px;

    background: #fff;

    border-right: 1px solid #e9e9e9;

    border-top: 1px solid #e9e9e9;

    -webkit-transform: rotate(315deg);

    -moz-transform: rotate(315deg);

    -ms-transform: rotate(315deg);

    -o-transform: rotate(315deg);

    transform: rotate(315deg);

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    z-index: 2000;

    opacity: 0;

}

#header #nav .stairNav .action .headerCar span {

    margin: 0;

}

#header #nav .stairNav .action .headerCar .car {

    width: 21px;

    height: 22px;

    background: url("../images/common/buyCar.html") no-repeat;

}

#header #nav .stairNav .action .headerCar .headerNum {

    background: #969696;

    -webkit-transition: background 0.2s linear;

    -o-transition: background 0.2s linear;

    -moz-transition: background 0.2s linear;

    transition: background 0.2s linear;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#a4a4a4), to(#909090));

    background-image: -webkit-linear-gradient(#a4a4a4, #909090);

    background-image: -moz- oldlinear-gradient(#a4a4a4, #909090);

    background-image: -o-linear-gradient(#a4a4a4, #909090);

    background-image: linear-gradient(#a4a4a4, #909090);

    /*box-shadow: inset 0 0 1px #838383, 0 1px 2px #838383;*/

    font-style: normal;

    display: inline-block;

    width: 20px;

    height: 20px;

    line-height: 20px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    color: #fff;

    font-size: 12px;

    text-align: center;

    margin: 2px 0 0 5px;

}

#header #nav .stairNav .action .headerCar .headerNum.countNumber {

    background: #d32d26;

    -webkit-transition: background 0.2s linear;

    -o-transition: background 0.2s linear;

    -moz-transition: background 0.2s linear;

    transition: background 0.2s linear;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

}

#header #nav .stairNav .action .headerCar:hover b {

    opacity: 1;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .stairNav .action .headerCar:hover .carMenu {

    opacity: 1;

    height: auto;

    border: 1px solid #e9e9e9;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .stairNav .action .headerCar:hover .carMenu ul {

    display: block;

}

#header #nav .stairNav .action .headerCar:hover .carMenu .bottom {

    display: block;

}

#header #nav .stairNav .action .userIconDiv {

    display: inline-block;

    margin: 9px 0 0 20px;

    padding-bottom: 20px;

}

#header #nav .stairNav .action .userIconDiv span {

    margin: 0;

}

#header #nav .stairNav .action .userIconDiv .users {

    padding-top: 0;

}

#header #nav .stairNav .action .userIconDiv:hover .userIcon {

    background: url("../img/user.html") no-repeat center;

    background-position: 0 -20px;

    cursor: pointer;

}

#header #nav .stairNav .action .userIconDiv:hover .userIcon .loginMenu {

    opacity: 1;

    height: 73px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .stairNav .action .userIconDiv:hover .userIcon .loginMenu b {

    -webkit-transition: all .2s .3s;

    -o-transition: all .2s .3s;

    -moz-transition: all .2s .3s;

    transition: all .2s .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    display: block;

    opacity: 1;

}

#header #nav .stairNav .action .userIconDiv:hover .userIcon .loginMenu li {

    -webkit-transition: all .2s 0.5s;

    -o-transition: all .2s 0.5s;

    -moz-transition: all .2s 0.5s;

    transition: all .2s 0.5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    opacity: 1;

    display: block;

}

#header #nav .stairNav .action .userIcon {

    width: 27px;

    height: 20px;

    padding: 0;

    background: url("../img/user.html") no-repeat center;

    background-position: 0 0;

    position: relative;

}

#header #nav .stairNav .action i {

    width: 1px;

    height: 20px;

    margin-top: 9px;

    background: #fff;

    display: block;

    float: left;

}

#header #nav .stairNav.closeSearch {

    -webkit-animation: navOpen 0.5s forwards;

    -moz-animation: navOpen 0.5s forwards;

    -o-animation: navOpen 0.5s forwards;

    animation: navOpen 0.5s forwards;

}

#header #nav .stairNav.openSearch {

    -webkit-animation: navClose 0.5s forwards;

    -moz-animation: navClose 0.5s forwards;

    -o-animation: navClose 0.5s forwards;

    animation: navClose 0.5s forwards;

}

#header #nav .subNav {

    width: 100%;

    height: 0;

    display: none;

    padding-top: 5px;

    z-index: 20;

    text-align: center;

    position: absolute;

    left: -66px;

    top: 47px;

    overflow: hidden;

    -webkit-transition: height .3s .1s;

    -o-transition: height .3s .1s;

    -moz-transition: height .3s .1s;

    transition: height .3s .1s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .subNav li {

    width: 120px;

    text-align: center;

    display: inline-block;

    opacity: 0;

    -webkit-transform: translateX(70px);

    -moz-transform: translateX(70px);

    -ms-transform: translateX(70px);

    -o-transform: translateX(70px);

    transform: translateX(70px);

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    position: relative;

}

#header #nav .subNav li b {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    background: #fff;

    z-index: 10;

    -webkit-transition: opacity 0.2s ease-in-out;

    -o-transition: opacity 0.2s ease-in-out;

    -moz-transition: opacity 0.2s ease-in-out;

    transition: opacity 0.2s ease-in-out;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .subNav li:hover b {

    display: none;

}

#header #nav .subNav li span {

    display: block;

    text-align: center;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

    color: #999999;

}

#header #nav .subNav li div {

    width: 120px;

    height: 85px;

    text-align: center;

}

#header #nav .subNav li img {

    height: 85px;

    display: inline-block;

    overflow: hidden;

}

#header #nav .subNav li .img {

    height: 85px;

    -webkit-background-size: contain;

    -moz-background-size: contain;

    -o-background-size: contain;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center bottom;

}

#header #nav .subNav li .alphaminiImg {

    background-image: url('../img/imgSmall.png');

    background-image: -webkit-image-set(url('../img/imgSmall.png') 1x, url('../img/imgSmall.png') 2x);

}

#header #nav .subNav li .eBotImg {

    background-image: url('../img/imgSmall.png');

    background-image: -webkit-image-set(url('../img/imgSmall.png') 1x, url('../img/imgSmall.png') 2x);

}

#header #nav .subNav li .QrobotAlphaImg {

    background-image: url('../img/imgSmall.png');

    background-image: -webkit-image-set(url('../img/imgSmall.png') 1x, url('../img/imgSmall.png') 2x);

}

#header #nav .subNav li .Alpha2Img {

    background-image: url('../img/imgSmall.png');

    background-image: -webkit-image-set(url('../img/imgSmall.png') 1x, url('../img/imgSmall.png') 2x);

}

#header #nav .subNav li .Alpha1proImg {

    background-image: url('../img/imgSmall.png');

    background-image: -webkit-image-set(url('../img/imgSmall.png') 1x, url('../img/imgSmall.png') 2x);

}



/* --- */

html[lang="cn"] #header #nav .subNav li .ExplorerKitImg {

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/EV5-KJ30010A.png');

    background-image: -webkit-image-set(url("../img/EV5-KJ30010A.png") 1x, url("../img/EV5-KJ30010A.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .ExplorerKitImg {

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/EV5-KJ30010A.png');

    background-image: -webkit-image-set(url("../img/EV5-KJ30010A.png") 1x, url("../img/EV5-KJ30010A.png") 2x); */

}

/* --- */

#header #nav .subNav li .TankBotKitImg {

    background-image: url('../img/EV5-KJ30011.png');

    background-image: -webkit-image-set(url("../img/EV5-KJ30011.png") 1x, url("../img/EV5-KJ30011.png") 2x);

}



#header #nav .subNav li .KJ13BImg {

    background-image: url('../img/30013B_nav.jpg');

    background-image: -webkit-image-set(url("../img/30013B_nav.jpg") 1x, url("../img/30013B_nav.jpg") 2x);

}

#header #nav .subNav li .EV6_RCU_NAV {

    background-image: url('../img/ev6_rcu_nav.jpg');

    background-image: -webkit-image-set(url("../img/ev6_rcu_nav.jpg") 1x, url("../img/ev6_rcu_nav.jpg") 2x);

}





/* --- */

html[lang="cn"] #header #nav .subNav li .InventorKitImg {

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/EP1-KJ30020.png');

    background-image: -webkit-image-set(url("../img/EP1-KJ30020.png") 1x, url("../img/EP1-KJ30020.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .InventorKitImg {

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/EP1-KJ30020.png');

    background-image: -webkit-image-set(url("../img/EP1-KJ30020.png") 1x, url("../img/EP1-KJ30020.png") 2x); */

}

/* --- */



/* --- */

html[lang="cn"] #header #nav .subNav li .karbotKitImg {

    /* background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x); */

    background-image: url('../img/KIDO-KJ30030.png');

    background-image: -webkit-image-set(url("../img/KIDO-KJ30030.png") 1x, url("../img/KIDO-KJ30030.png") 2x);

}

html[lang="en"] #header #nav .subNav li .karbotKitImg {

    /* background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x); */

    background-image: url('../img/KIDO-KJ30030.png');

    background-image: -webkit-image-set(url("../img/KIDO-KJ30030.png") 1x, url("../img/KIDO-KJ30030.png") 2x);

}

/* --- */



/* --- */

html[lang="cn"] #header #nav .subNav li .preImg1{

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/ST-KJ35010.png');

    background-image: -webkit-image-set(url("../img/ST-KJ35010.png") 1x, url("../img/ST-KJ35010.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .preImg1{

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/ST-KJ35010.png');

    background-image: -webkit-image-set(url("../img/ST-KJ35010.png") 1x, url("../img/ST-KJ35010.png") 2x); */

}

/* ---- */





html[lang="cn"] #header #nav .subNav li .preImg2{

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/SE1-KJ35030.png');

    background-image: -webkit-image-set(url("../img/SE1-KJ35030.png") 1x, url("../img/SE1-KJ35030.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .preImg2{

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/SE1-KJ35030.png');

    background-image: -webkit-image-set(url("../img/SE1-KJ35030.png") 1x, url("../img/SE1-KJ35030.png") 2x); */

}





html[lang="cn"] #header #nav .subNav li .preImg3{

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/SE2-KJ35031.png');

    background-image: -webkit-image-set(url("../img/SE2-KJ35031.png") 1x, url("../img/SE2-KJ35031.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .preImg3{

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/SE2-KJ35031.png');

    background-image: -webkit-image-set(url("../img/SE2-KJ35031.png") 1x, url("../img/SE2-KJ35031.png") 2x); */

}





html[lang="cn"] #header #nav .subNav li .preImg4{

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/SE3-KJ35020.png');

    background-image: -webkit-image-set(url("../img/SE3-KJ35020.png") 1x, url("../img/SE3-KJ35020.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .preImg4{

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/SE3-KJ35020.png');

    background-image: -webkit-image-set(url("../img/SE3-KJ35020.png") 1x, url("../img/SE3-KJ35020.png") 2x); */

}

#header #nav .subNav li .Cruzr1SImg {

    background-image: url('../img/Cruzr1S.html');

}



html[lang="cn"] #header #nav .subNav li .miniKitImg {

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/KSI-KJ30095.png');

    background-image: -webkit-image-set(url("../img/KSI-KJ30095.png") 1x, url("../img/KSI-KJ30095.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .miniKitImg {

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/KSI-KJ30095.png');

    background-image: -webkit-image-set(url("../img/KSI-KJ30095.png") 1x, url("../img/KSI-KJ30095.png") 2x); */

}

#header #nav .subNav li .CruzrImg {

    background-image: url('../img/CruzrSmall.html');

    background-image: -webkit-image-set(url("../img/CruzrSmall.html") 1x, url("../img/Cruzr.html") 2x);

}

#header #nav .subNav li .Cruzr1CImg {

    background-image: url('../img/Cruzr1CSmall.html');

    background-image: -webkit-image-set(url("../img/Cruzr1CSmall.html") 1x, url("../img/Cruzr1C.html") 2x);

}

html[lang="cn"] #header #nav .subNav li .engineeringCarKitImg {

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/KP1-KJ30092.png');

    background-image: -webkit-image-set(url("../img/KP1-KJ30092.png") 1x, url("../img/KP1-KJ30092.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .engineeringCarKitImg {

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/KP1-KJ30092.png');

    background-image: -webkit-image-set(url("../img/KP1-KJ30092.png") 1x, url("../img/KP1-KJ30092.png") 2x); */

}

html[lang="cn"] #header #nav .subNav li .kp3 {

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/KP2-KJ30093.png');

    background-image: -webkit-image-set(url("../img/KP2-KJ30093.png") 1x, url("../img/KP2-KJ30093.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .kp3 {

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/KP2-KJ30093.png');

    background-image: -webkit-image-set(url("../img/KP2-KJ30093.png") 1x, url("../img/KP2-KJ30093.png") 2x); */

}

html[lang="cn"] #header #nav .subNav li .kp4 {

    background-image: url('../img/maintained_cn.jpg');

    background-image: -webkit-image-set(url("../img/maintained_cn.jpg") 1x, url("../img/maintained_cn.jpg") 2x);

    /* background-image: url('../img/KP3-KJ30094.png');

    background-image: -webkit-image-set(url("../img/KP3-KJ30094.png") 1x, url("../img/KP3-KJ30094.png") 2x); */

}

html[lang="en"] #header #nav .subNav li .kp4 {

    background-image: url('../img/maintained_en.jpg');

    background-image: -webkit-image-set(url("../img/maintained_en.jpg") 1x, url("../img/maintained_en.jpg") 2x);

    /* background-image: url('../img/KP3-KJ30094.png');

    background-image: -webkit-image-set(url("../img/KP3-KJ30094.png") 1x, url("../img/KP3-KJ30094.png") 2x); */

}

#header #nav .subNav li .more {

    display: inline-block;

    text-align: center;

    overflow: hidden;

}

#header #nav .subNav li .more i {

    color: #1b1d1f;

    line-height: 100px;

    font-size: 40px;

}

#header #nav .subNavOn li b {

    opacity: 0.5;

    -webkit-transition: height .3s .1s;

    -o-transition: height .3s .1s;

    -moz-transition: height .3s .1s;

    transition: height .3s .1s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .loginMenu {

    position: absolute;

    width: 100px;

    height: 0;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    top: 44px;

    right: -15px;

    z-index: 20;

    opacity: 0;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    background: #fff;

    border: 1px solid #e9e9e9;

}

#header #nav .loginMenu li {

    display: none;

    -webkit-transition: all .2s .5s;

    -o-transition: all .2s .5s;

    -moz-transition: all .2s .5s;

    transition: all .2s .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    opacity: 0;

}

#header #nav .loginMenu li a {

    color: #1b1d1f;

    font-size: 12px;

    line-height: 36px;

    display: block;

}

#header #nav .loginMenu li:hover a {

    color: #006cb8;

}

#header #nav .loginMenu b {

    position: absolute;

    top: -8px;

    left: 70px;

    width: 14px;

    height: 14px;

    background: #fff;

    border-right: 1px solid #e9e9e9;

    border-top: 1px solid #e9e9e9;

    -webkit-transform: rotate(315deg);

    -moz-transform: rotate(315deg);

    -ms-transform: rotate(315deg);

    -o-transform: rotate(315deg);

    transform: rotate(315deg);

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    z-index: 2;

}

#header #nav .search {

    width: 0;

    height: 42px;

    position: absolute;

    left: 1220px;

    opacity: 0;

    top: 0;

    border: 1px solid #e9e9e9;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    background: #fff;

    overflow: hidden;

}

#header #nav .search span {

    width: 20px;

    height: 19px;

    margin: 10px 16px;

    display: block;

    float: left;

    background: url("../img/search.html") no-repeat center;

    background-position: 0 -38px;

    cursor: pointer;

}

#header #nav .search span:hover {

    background-position: 0 -19px;

}

#header #nav .search input {

    width: 0px;

    height: 26px;

    line-height: 26px;

    margin-top: 9px;

    padding-left: 5px;

    border: 0;

    border-left: 1px solid #999;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    outline: none;

}

#header #nav .search i {

    width: 0;

    height: 30px;

    margin: 6px;

    text-align: center;

    line-height: 30px;

    font-size: 30px;

    font-weight: 500;

    color: #1b1d1f;

    display: block;

    float: right;

    cursor: pointer;

}

#header #nav .search ul {

    position: absolute;

    top: 0;

    left: 0;

    background: #fff;

    width: 100%;

    top: 43px;

    padding: 20px 0px;

    -webkit-box-shadow: 0 5px 30px 0 #eee;

    -moz-box-shadow: 0 5px 30px 0 #eee;

    box-shadow: 0 5px 30px 0 #eee;

    display: none;

}

#header #nav .search ul li {

    margin: 0 57px;

    font-size: 14px;

    height: 30px;

}

#header #nav .search ul li a {

    color: #1b1d1f;

    line-height: 30px;

    display: block;

}

#header #nav .search ul li:hover {

    background-color: #f7f8f9;

}

#header #nav .search.active {

    -webkit-animation: openSearch 0.5s ease-out forwards;

    -moz-animation: openSearch 0.5s ease-out forwards;

    -o-animation: openSearch 0.5s ease-out forwards;

    animation: openSearch 0.5s ease-out forwards;

}

#header #nav .search.active input {

    -webkit-animation: inputEnter 0.3s 0.2s forwards;

    -moz-animation: inputEnter 0.3s 0.2s forwards;

    -o-animation: inputEnter 0.3s 0.2s forwards;

    animation: inputEnter 0.3s 0.2s forwards;

}

#header #nav .search.active i {

    -webkit-animation: searchIEnter 0.1s 0.4s forwards;

    -moz-animation: searchIEnter 0.1s 0.4s forwards;

    -o-animation: searchIEnter 0.1s 0.4s forwards;

    animation: searchIEnter 0.1s 0.4s forwards;

}

#header #nav .search.quit {

    -webkit-animation: closeSearch 0.5s ease-out forwards;

    -moz-animation: closeSearch 0.5s ease-out forwards;

    -o-animation: closeSearch 0.5s ease-out forwards;

    animation: closeSearch 0.5s ease-out forwards;

}

#header #nav .search.quit input {

    -webkit-animation: inputOut 0.3s forwards;

    -moz-animation: inputOut 0.3s forwards;

    -o-animation: inputOut 0.3s forwards;

    animation: inputOut 0.3s forwards;

}

#header #nav .search.quit i {

    -webkit-animation: searchIOut 0.1s 0.4s forwards;

    -moz-animation: searchIOut 0.1s 0.4s forwards;

    -o-animation: searchIOut 0.1s 0.4s forwards;

    animation: searchIOut 0.1s 0.4s forwards;

}

#header #nav .carMenu {

    width: 480px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

    position: absolute;

    overflow: hidden;

    right: -15px;

    top: 45px;

    z-index: 20;

    background: #fff;

    opacity: 0;

    height: 0;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .carMenu ul {

    overflow: auto;

    max-height: 460px;

    -webkit-border-top-left-radius: 8px;

    -moz-border-radius-topleft: 8px;

    border-top-left-radius: 8px;

    -webkit-border-top-right-radius: 8px;

    -moz-border-radius-topright: 8px;

    border-top-right-radius: 8px;

    display: none;

}

#header #nav .carMenu li {

    min-height: 140px;

    border-bottom: 1px solid #f5f5f5;

    cursor: default;

    overflow: hidden;

}

#header #nav .carMenu li .img {

    width: 100px;

    height: 100px;

    float: left;

    overflow: hidden;

    border: 1px solid #f5f5f5;

    margin: 24px 0 0 24px;

}

#header #nav .carMenu li .img img {

    width: 100%;

}

#header #nav .carMenu li .msg {

    width: 300px;

    float: right;

    margin: 24px 0 0 24px;

    text-align: left;

    position: relative;

}

#header #nav .carMenu li .msg a {

    font-size: 16px;

    color: #1b1d1f;

    display: block;

    line-height: 20px;

}

#header #nav .carMenu li .msg a:hover {

    color: #1eaaf1;

}

#header #nav .carMenu li .msg p {

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    font-size: 14px;

    line-height: 20px;

    color: #b5b5b5;

    margin-top: 10px;

}

#header #nav .carMenu li .msg .price {

    font-size: 16px;

    color: #1eaaf1;

    display: inline-block;

    margin-top: 24px;

}

#header #nav .carMenu li .msg .num {

    display: inline-block;

    color: #b5b5b5;

    margin-top: 14px;

    margin-left: 10px;

    font-size: 12px;

    line-height: 20px;

}

#header #nav .carMenu li .msg .delete {

    position: absolute;

    width: 20px;

    height: 20px;

    right: 10px;

    top: 55px;

    opacity: 0;

    cursor: pointer;

    background: url(../images/car/close.html) no-repeat center;

}

#header #nav .carMenu li:hover {

    background: #fdfdfd;

}

#header #nav .carMenu li:hover .delete {

    opacity: 1;

}

#header #nav .carMenu .bottom {

    height: 90px;

    background: #f5f5f5;

    text-align: left;

    overflow: hidden;

    padding-left: 24px;

    position: relative;

    cursor: default;

    display: none;

}

#header #nav .carMenu .bottom p {

    font-size: 14px;

    color: #b5b5b5;

    margin-top: 20px;

    line-height: 20px;

}

#header #nav .carMenu .bottom .settlement {

    line-height: 20px;

    font-size: 16px;

    margin-top: 10px;

}

#header #nav .carMenu .bottom .settlement div {

    display: inline-block;

    color: #1eaaf1;

}

#header #nav .carMenu .bottom a {

    position: absolute;

    width: 150px;

    height: 50px;

    border: 1px solid #1eaaf1;

    top: 50%;

    margin-top: -25px;

    right: 20px;

    color: #737475;

    line-height: 50px;

    font-size: 16px;

    text-align: center;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    letter-spacing: 2px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header #nav .carMenu .bottom a:hover {

    background: -webkit-linear-gradient(left, #21a2e4, #11c7fc);

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header.drakShow #nav .logo,

#header.scrollShow #nav .logo,

#header.active #nav .logo {

    -webkit-background-size: contain;

    -moz-background-size: contain;

    -o-background-size: contain;

    background-size: contain;

}

#header.drakShow #nav .stairNav > li > a,

#header.scrollShow #nav .stairNav > li > a,

#header.active #nav .stairNav > li > a {

    color: #1b1d1f;

}

#header.drakShow #nav .stairNav li .headerCar .car,

#header.scrollShow #nav .stairNav li .headerCar .car,

#header.active #nav .stairNav li .headerCar .car {

    background-position: 0 -44px;

}

#header.drakShow #nav .stairNav li .userIconDiv .users,

#header.scrollShow #nav .stairNav li .userIconDiv .users,

#header.active #nav .stairNav li .userIconDiv .users {

    margin: 0;

}

#header.drakShow #nav .stairNav li:hover > a,

#header.scrollShow #nav .stairNav li:hover > a,

#header.active #nav .stairNav li:hover > a {

    color: #006cb8;

}

#header.drakShow #nav .stairNav .action span,

#header.scrollShow #nav .stairNav .action span,

#header.active #nav .stairNav .action span {

    background-position: 0 -38px;

}

#header.drakShow #nav .stairNav .action .searchIcon:hover,

#header.scrollShow #nav .stairNav .action .searchIcon:hover,

#header.active #nav .stairNav .action .searchIcon:hover {

    background: url("../img/search.html") no-repeat center;

    background-position: 0 -19px;

}

#header.drakShow #nav .stairNav .action .region,

#header.scrollShow #nav .stairNav .action .region,

#header.active #nav .stairNav .action .region {

    width: 20px;

    height: 20px;

    background: url("../img/region.html") no-repeat center;

    background-position: 0 -20px;

    margin: 9px 0 0 18px;

}

#header.drakShow #nav .stairNav .action .region:hover,

#header.scrollShow #nav .stairNav .action .region:hover,

#header.active #nav .stairNav .action .region:hover {

    background-position: 0 0;

}

#header.drakShow #nav .stairNav .action .region:hover .loginMenu,

#header.scrollShow #nav .stairNav .action .region:hover .loginMenu,

#header.active #nav .stairNav .action .region:hover .loginMenu {

    opacity: 1;

    height: 73px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header.drakShow #nav .stairNav .action .region:hover .loginMenu b,

#header.scrollShow #nav .stairNav .action .region:hover .loginMenu b,

#header.active #nav .stairNav .action .region:hover .loginMenu b {

    -webkit-transition: all .2s .3s;

    -o-transition: all .2s .3s;

    -moz-transition: all .2s .3s;

    transition: all .2s .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    display: block;

    opacity: 1;

}

#header.drakShow #nav .stairNav .action .region:hover .loginMenu li,

#header.scrollShow #nav .stairNav .action .region:hover .loginMenu li,

#header.active #nav .stairNav .action .region:hover .loginMenu li {

    -webkit-transition: all .2s 0.5s;

    -o-transition: all .2s 0.5s;

    -moz-transition: all .2s 0.5s;

    transition: all .2s 0.5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    opacity: 1;

    display: block;

}

#header.drakShow #nav .stairNav .action .regionP,

#header.scrollShow #nav .stairNav .action .regionP,

#header.active #nav .stairNav .action .regionP {

    display: inline-block;

    float: left;

    margin: 0 13px 0 8px;

    color: #1b1d1f;

}

#header.drakShow #nav .stairNav .action .users,

#header.scrollShow #nav .stairNav .action .users,

#header.active #nav .stairNav .action .users {

    width: 20px;

    height: 20px;

    padding: 0;

    background: none;

    margin: 9px 0 0 20px;

    padding-bottom: 18px;

    position: relative;

}

#header.drakShow #nav .stairNav .action .users img,

#header.scrollShow #nav .stairNav .action .users img,

#header.active #nav .stairNav .action .users img {

    width: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    display: block;

}

#header.drakShow #nav .stairNav .action .users:hover .loginMenu,

#header.scrollShow #nav .stairNav .action .users:hover .loginMenu,

#header.active #nav .stairNav .action .users:hover .loginMenu {

    opacity: 1;

    height: 73px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

#header.drakShow #nav .stairNav .action .users:hover .loginMenu b,

#header.scrollShow #nav .stairNav .action .users:hover .loginMenu b,

#header.active #nav .stairNav .action .users:hover .loginMenu b {

    -webkit-transition: all .2s .3s;

    -o-transition: all .2s .3s;

    -moz-transition: all .2s .3s;

    transition: all .2s .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    display: block;

    opacity: 1;

}

#header.drakShow #nav .stairNav .action .users:hover .loginMenu li,

#header.scrollShow #nav .stairNav .action .users:hover .loginMenu li,

#header.active #nav .stairNav .action .users:hover .loginMenu li {

    -webkit-transition: all .2s 0.5s;

    -o-transition: all .2s 0.5s;

    -moz-transition: all .2s 0.5s;

    transition: all .2s 0.5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    opacity: 1;

    display: block;

}

#header.drakShow #nav .stairNav .action .userIconDiv:hover .userIcon,

#header.scrollShow #nav .stairNav .action .userIconDiv:hover .userIcon,

#header.active #nav .stairNav .action .userIconDiv:hover .userIcon {

    background-position: 0 -20px;

}

#header.drakShow #nav .stairNav .action .userIcon,

#header.scrollShow #nav .stairNav .action .userIcon,

#header.active #nav .stairNav .action .userIcon {

    background: url("../img/user.html") no-repeat center;

    background-position: 0 -40px;

}

#header.drakShow #nav .stairNav .action i,

#header.scrollShow #nav .stairNav .action i,

#header.active #nav .stairNav .action i {

    background: #1b1d1f;

}

#header.scrollShow {

    position: fixed;

}

#header.scrollShow .shielding {

    height: 58px;

    border-bottom: 1px solid #e9e9e9;

}

#header.active .shielding {

    height: 180px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.header {

    width: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    margin-bottom: 74px;

}

.header .headerTitle {

    width: 100%;

    height: 40px;

    opacity: 0.98;

    position: absolute;

    top: 0;

    left: 0;

    background: #333;

    z-index: 1;

}

.header .headerTitle .headerTitleContent {

    width: 1220px;

    height: 40px;

    margin: 0 auto;

    overflow: hidden;

    background: #333;

    opacity: 0.98;

}

.header .headerTitle ul {

    float: right;

}

.header .headerTitle li {

    width: 60px;

    height: 37px;

    line-height: 37px;

    text-align: center;

    float: left;

    font-size: 14px;

    margin-right: 10px;

}

.header .headerTitle li a {

    color: #FFFFFF;

}

.header .headerTitle li:hover a {

    color: #1eaaf1;

}

.header .headerTitle .active {

    position: relative;

}

.header .headerTitle .active:after {

    content: "";

    width: 100%;

    position: absolute;

    height: 2px;

    background: #4284f4;

    bottom: 0px;

    left: 0;

    -webkit-animation: banner 1s linear;

    -moz-animation: banner 1s linear;

    -o-animation: banner 1s linear;

    animation: banner 1s linear;

}

.header .headerContent {

    width: 1220px;

    height: 640px;

    margin: 0 auto;

    position: relative;

}

.header .headerContent .img {

    display: block;

}

.header .headerContent .events {

    width: 760px;

    height: 235px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    background: #FFFFFF;

    position: absolute;

    bottom: 18px;

    left: 50%;

    margin-left: -380px;

    z-index: 1;

}

/*.header .headerContent .events:before {*/

    /*position: absolute;*/

    /*content: '';*/

    /*top: -4px;*/

    /*width: 0%;*/

    /*left: 0;*/

    /*height: 4px;*/

    /*background: #4284f4;*/

    /*-webkit-transition: width .5s linear;*/

    /*-o-transition: width .5s linear;*/

    /*-moz-transition: width .5s linear;*/

    /*transition: width .5s linear;*/

/*}*/

.header .headerContent .events .headerNews {

    padding: 26px 76px 20px 76px;

    -webkit-box-shadow: 0 4px 10px 0 rgba(62, 57, 107, 0.28), 0 0 0 transparent;

    -moz-box-shadow: 0 4px 10px 0 rgba(62, 57, 107, 0.28), 0 0 0 transparent;

    box-shadow: 0 4px 10px 0 rgba(62, 57, 107, 0.28), 0 0 0 transparent;

}

.header .headerContent .events .headerNews h6 {

    font-size: 12px;

    font-weight: normal;

    color: #999999;

}

.header .headerContent .events .headerNews h6 span {

    margin-right: 10px;

}

.header .headerContent .events .headerNews h1 {

    font-weight: normal;

    font-size: 26px;

    margin-top: 5px;

    margin-bottom: 5px;

    color: #333333;

}

.header .headerContent .events .headerNews h4 {

    font-size: 12px;

    font-weight: normal;

    color: #666666;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

}

.header .headerContent .active:before {

    width: 100%;

    -webkit-transition: width .5s linear;

    -o-transition: width .5s linear;

    -moz-transition: width .5s linear;

    transition: width .5s linear;

}

.ubtBtn {

    display: inline-block;

    overflow: hidden;

    min-width: 120px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    color: #999999;

    background: transparent;

    -webkit-transition: all .3s linear;

    -o-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    border-radius: 40px;

    border: 1px solid #21a2e4;

    margin-bottom: 10px;

}

.ubtBtn i {

    display: inline-block;

    padding: 0 12px;

}

.ubtBtn:hover {

    -webkit-transition: all .3s linear;

    -o-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-box-shadow: 0 4px 6px 0 rgba(51, 105, 231, 0.4);

    -moz-box-shadow: 0 4px 6px 0 rgba(51, 105, 231, 0.4);

    box-shadow: 0 4px 6px 0 rgba(51, 105, 231, 0.4);

    border-color: transparent;

    border-right: none;

    border-left: none;

    background: -webkit-linear-gradient(left, #21a2e4, #11c7fc);

    color: #fff;

}

.morePartner li {

    width: 203px;

    height: 101px;

    float: left;

    position: relative;

}

.morePartner li span {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 1;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

.morePartner li i {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

.morePartner li:hover:hover span {

    opacity: 0;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

.morePartner li:hover:hover i {

    opacity: 1;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

.morePartner .partner1 span {

    background: url(../images/index/partner0.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner1 i {

    background: url(../images/index/partner8.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner2 span {

    background: url(../images/index/partner1.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner2 i {

    background: url(../images/index/partner9.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner3 span {

    background: url(../images/index/partner2.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner3 i {

    background: url(../images/index/partner10.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner4 span {

    background: url(../images/index/partner3.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner4 i {

    background: url(../images/index/partner11.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner5 span {

    background: url(../images/index/partner4.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner5 i {

    background: url(../images/index/partner12.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner6 span {

    background: url(../images/index/partner5.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner6 i {

    background: url(../images/index/partner13.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner7 span {

    background: url(../images/index/partner6.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner7 i {

    background: url(../images/index/partner14.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner8 span {

    background: url(../images/index/partner7.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.morePartner .partner8 i {

    background: url(../images/index/partner15.html) no-repeat center;

    -webkit-background-size: 203px 101px;

    -moz-background-size: 203px 101px;

    -o-background-size: 203px 101px;

    background-size: 203px 101px;

}

.mainScrollHeader {

    position: fixed!important;

    top: 0!important;

}

#alphaNav {

    position: absolute;

    top: 58px;

    left: 0;

    width: 100%;

    height: 60px;

    z-index: 100;

    overflow: inherit;

    right: 0;

    max-width: 1920px;

    margin: 0 auto;

}

#alphaNav .alphaA {

    width: 1220px;

    margin: 0 auto;

    overflow: hidden;

}

#alphaNav .alphaA .jimu_smallLogo {

    display: none;

    margin: 10px 0 0 46px;

}

#alphaNav .alphaA .alphaMenu {

    float: right;

}

#alphaNav .alphaA a {

    display: block;

    float: left;

    width: 50px;

    height: 30px;

    margin: 15px;

    font-size: 14px;

    text-align: center;

    line-height: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    color: #999;

}

#alphaNav .alphaA a:hover {

    color: #fff;

}

#alphaNav .alphaA a.active {

    color: #fff;

}

#alphaNav .alphaA a.purchase {

    width: 80px;

    margin-right: 0;

    background: #008edb;

    color: #fff;

}

.productHeader {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 11;

    right: 0;

    margin: 0 auto;

    max-width: 1920px;

}

.productHeader .productHeaderContent {

    width: 1220px;

    margin: 0 auto;

    height: 40px;

}

.productHeader .productHeaderContent img {

    margin-top: 9px;

    margin-left: 46px;

}

.productHeader .productHeaderContent ul {

    float: right;

    margin-right: 20px;

}

.productHeader .productHeaderContent li {

    margin: 0 20px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    float: left;

    font-size: 14px;

}

.productHeader .productHeaderContent li a {

    color: #999999;

    width: 100%;

    height: 100%;

    display: block;

}

.productHeader .productHeaderContent li .purchase {

    width: 80px;

    height: 30px;

    background: #008edb;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    color: #FFFFFF;

    line-height: 30px;

    margin: 5px;

}

.productHeader .productHeaderContent li:hover a {

    color: #FFFFFF;

}

.productHeader .productHeaderContent li .active1 {

    color: #FFFFFF;

}

.productHeader .productHeaderContent .active {

    position: relative;

}

.productHeader .productHeaderContent .active:after {

    content: "";

    width: 100%;

    position: absolute;

    height: 2px;

    background: #4284f4;

    bottom: -2px;

    left: 0;

    -webkit-animation: banner 1s linear;

    -moz-animation: banner 1s linear;

    -o-animation: banner 1s linear;

    animation: banner 1s linear;

}

.mainNavActive {

    background: rgba(51, 51, 51, 0.9);

}

#parameter {

    width: 100%;

    overflow: hidden;

    display: none;

    margin-top: 58px;

}

.oPrice {

    font-size: 16px;

    margin-top: 50px;

}

.oPrice span {

    font-size: 16px;

    color: #008edb;

}

.oPrice span i {

    font-size: 36px;

    margin-right: 5px;

}

.oPrice b {

    font-weight: normal;

    text-decoration: line-through;

    margin-left: 10px;

}

.videoMask {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: none;

    z-index: 1001;

}

.videoMask .maskBg {

    width: 100%;

    height: 100%;

    background: #000000;

    opacity: 0.5;

}

.videoMask .videos {

    width: 880px;

    height: 596px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.videoMask .videos .msgs {

    height: 32px;

    padding: 14px 20px;

    background-color: #f5f5f5;

}

.videoMask .videos p {

    width: 100%;

    font-size: 24px;

    line-height: 32px;

    color: #1b1d1f;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.videoMask .videos .videoCenter {

    width: 100%;

    height: 536px;

    overflow: hidden;

    position: relative;

}

.videoMask .videos .videoCenter video {

    width: 100%;

}

.videoMask .videos .videoCenter img {

    width: 100%;

    display: block;

}

.videoMask .videos .videoCenter .play {

    width: 90px;

    height: 90px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background: rgba(0, 0, 0, 0.15);

}

.videoMask .videos .videoCenter .play .plays {

    width: 29px;

    height: 28px;

    background: url("../images/common/play.html") no-repeat;

    background-position: 0 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}

.videoMask .videos .close {

    width: 30px;

    height: 30px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    top: 14px;

    right: 14px;

    background: transparent;

    -webkit-transition: all .2s linear;

    -o-transition: all .2s linear;

    -moz-transition: all .2s linear;

    transition: all .2s linear;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    text-align: center;

}

.videoMask .videos .close i {

    font-size: 24px;

    line-height: 30px;

    color: #1b1d1f;

}

.videoMask .videos .close b {

    width: 20px;

    height: 20px;

    background: url("../images/common/close.html") no-repeat;

    background-position: 0 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}

.videoMask .videos .close:hover {

    background: #e53935;

    -webkit-transition: all .2s linear;

    -o-transition: all .2s linear;

    -moz-transition: all .2s linear;

    transition: all .2s linear;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

.videoMask .videos .close:hover i {

    color: #FFFFFF;

}

.videoMask .videos .close:hover b {

    background-position: 0 -20px;

    z-index: 1;

}

@-webkit-keyframes detailsNavList {

    0% {

        opacity: 0;

        -webkit-transform: translateX(70px);

        transform: translateX(70px);

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

}

@-moz-keyframes detailsNavList {

    0% {

        opacity: 0;

        -moz-transform: translateX(70px);

        transform: translateX(70px);

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

        -moz-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

    100% {

        opacity: 1;

        -moz-transform: translateX(0);

        transform: translateX(0);

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

        -moz-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

}

@-o-keyframes detailsNavList {

    0% {

        opacity: 0;

        -o-transform: translateX(70px);

        transform: translateX(70px);

        backface-visibility: hidden;

        transform-style: preserve-3d;

    }

    100% {

        opacity: 1;

        -o-transform: translateX(0);

        transform: translateX(0);

        backface-visibility: hidden;

        transform-style: preserve-3d;

    }

}

@keyframes detailsNavList {

    0% {

        opacity: 0;

        -webkit-transform: translateX(70px);

        -moz-transform: translateX(70px);

        -o-transform: translateX(70px);

        transform: translateX(70px);

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transform-style: preserve-3d;

        -moz-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0);

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transform-style: preserve-3d;

        -moz-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

}

@-webkit-keyframes shieldingEnter {

    0% {

        height: 0;

    }

    100% {

        height: 183px;

    }

}

@-moz-keyframes shieldingEnter {

    0% {

        height: 0;

    }

    100% {

        height: 183px;

    }

}

@-o-keyframes shieldingEnter {

    0% {

        height: 0;

    }

    100% {

        height: 183px;

    }

}

@keyframes shieldingEnter {

    0% {

        height: 0;

    }

    100% {

        height: 183px;

    }

}

@keyframes detailsNavList {

    0% {

        opacity: 0;

        -webkit-transform: translateX(70px);

        -moz-transform: translateX(70px);

        -o-transform: translateX(70px);

        transform: translateX(70px);

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transform-style: preserve-3d;

        -moz-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0);

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transform-style: preserve-3d;

        -moz-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

}

@keyframes shieldingEnter {

    0% {

        height: 0;

    }

    100% {

        height: 183px;

    }

}

@-webkit-keyframes openSearch {

    0% {

        width: 0;

        left: 890px;

        opacity: 0;

    }

    100% {

        width: 580px;

        left: 310px;

        opacity: 1;

        overflow: inherit;

    }

}

@-moz-keyframes openSearch {

    0% {

        width: 0;

        left: 890px;

        opacity: 0;

    }

    100% {

        width: 580px;

        left: 310px;

        opacity: 1;

        overflow: inherit;

    }

}

@-o-keyframes openSearch {

    0% {

        width: 0;

        left: 890px;

        opacity: 0;

    }

    100% {

        width: 580px;

        left: 310px;

        opacity: 1;

        overflow: inherit;

    }

}

@keyframes openSearch {

    0% {

        width: 0;

        left: 890px;

        opacity: 0;

    }

    100% {

        width: 580px;

        left: 310px;

        opacity: 1;

        overflow: inherit;

    }

}

@-webkit-keyframes closeSearch {

    0% {

        width: 580px;

        left: 310px;

        opacity: 1;

    }

    100% {

        width: 0;

        left: 890px;

        opacity: 0;

        overflow: hidden;

    }

}

@-moz-keyframes closeSearch {

    0% {

        width: 580px;

        left: 310px;

        opacity: 1;

    }

    100% {

        width: 0;

        left: 890px;

        opacity: 0;

        overflow: hidden;

    }

}

@-o-keyframes closeSearch {

    0% {

        width: 580px;

        left: 310px;

        opacity: 1;

    }

    100% {

        width: 0;

        left: 890px;

        opacity: 0;

        overflow: hidden;

    }

}

@keyframes closeSearch {

    0% {

        width: 580px;

        left: 310px;

        opacity: 1;

    }

    100% {

        width: 0;

        left: 890px;

        opacity: 0;

        overflow: hidden;

    }

}

@-webkit-keyframes inputEnter {

    0% {

        width: 0;

    }

    100% {

        width: 460px;

    }

}

@-moz-keyframes inputEnter {

    0% {

        width: 0;

    }

    100% {

        width: 460px;

    }

}

@-o-keyframes inputEnter {

    0% {

        width: 0;

    }

    100% {

        width: 460px;

    }

}

@keyframes inputEnter {

    0% {

        width: 0;

    }

    100% {

        width: 460px;

    }

}

@-webkit-keyframes inputOut {

    0% {

        width: 460px;

    }

    100% {

        width: 0;

    }

}

@-moz-keyframes inputOut {

    0% {

        width: 460px;

    }

    100% {

        width: 0;

    }

}

@-o-keyframes inputOut {

    0% {

        width: 460px;

    }

    100% {

        width: 0;

    }

}

@keyframes inputOut {

    0% {

        width: 460px;

    }

    100% {

        width: 0;

    }

}

@-webkit-keyframes searchIEnter {

    0% {

        width: 0;

    }

    100% {

        width: 30px;

        display: block;

    }

}

@-moz-keyframes searchIEnter {

    0% {

        width: 0;

    }

    100% {

        width: 30px;

        display: block;

    }

}

@-o-keyframes searchIEnter {

    0% {

        width: 0;

    }

    100% {

        width: 30px;

        display: block;

    }

}

@keyframes searchIEnter {

    0% {

        width: 0;

    }

    100% {

        width: 30px;

        display: block;

    }

}

@-webkit-keyframes searchIOut {

    0% {

        width: 30px;

    }

    100% {

        width: 0;

        display: none;

    }

}

@-moz-keyframes searchIOut {

    0% {

        width: 30px;

    }

    100% {

        width: 0;

        display: none;

    }

}

@-o-keyframes searchIOut {

    0% {

        width: 30px;

    }

    100% {

        width: 0;

        display: none;

    }

}

@keyframes searchIOut {

    0% {

        width: 30px;

    }

    100% {

        width: 0;

        display: none;

    }

}

@-webkit-keyframes navClose {

    0% {

        width: auto;

        opacity: 1;

        height: 48px;

        display: block;

    }

    100% {

        width: 0;

        opacity: 0;

        display: none;

        height: 48px;

        overflow: hidden;

    }

}

@-moz-keyframes navClose {

    0% {

        width: auto;

        opacity: 1;

        height: 48px;

        display: block;

    }

    100% {

        width: 0;

        opacity: 0;

        display: none;

        height: 48px;

        overflow: hidden;

    }

}

@-o-keyframes navClose {

    0% {

        width: auto;

        opacity: 1;

        height: 48px;

        display: block;

    }

    100% {

        width: 0;

        opacity: 0;

        display: none;

        height: 48px;

        overflow: hidden;

    }

}

@keyframes navClose {

    0% {

        width: auto;

        opacity: 1;

        height: 48px;

        display: block;

    }

    100% {

        width: 0;

        opacity: 0;

        display: none;

        height: 48px;

        overflow: hidden;

    }

}

@-webkit-keyframes navOpen {

    0% {

        /*width: 0;*/

        opacity: 0;

        height: 48px;

    }

    100% {

        /* width: 1004px;*/

        opacity: 1;

        display: block;

        height: auto;

        overflow: visible;

    }

}

@-moz-keyframes navOpen {

    0% {

        /*width: 0;*/

        opacity: 0;

        height: 48px;

    }

    100% {

        /* width: 1004px;*/

        opacity: 1;

        display: block;

        height: auto;

        overflow: visible;

    }

}

@-o-keyframes navOpen {

    0% {

        /*width: 0;*/

        opacity: 0;

        height: 48px;

    }

    100% {

        /* width: 1004px;*/

        opacity: 1;

        display: block;

        height: auto;

        overflow: visible;

    }

}

@keyframes navOpen {

    0% {

        /*width: 0;*/

        opacity: 0;

        height: 48px;

    }

    100% {

        /* width: 1004px;*/

        opacity: 1;

        display: block;

        height: auto;

        overflow: visible;

    }

}

.tips {

    overflow: hidden;

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 100;

}

.tips .matte {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background: #000;

    opacity: 0.5;

    z-index: 200;

}

.tips .main {

    width: 500px;

    z-index: 250;

    -webkit-box-sizing: 0 10px 16px 0 rgba(62, 57, 107, 0.05), 0 0 0 transparent;

    -moz-box-sizing: 0 10px 16px 0 rgba(62, 57, 107, 0.05), 0 0 0 transparent;

    box-sizing: 0 10px 16px 0 rgba(62, 57, 107, 0.05), 0 0 0 transparent;

    background: #fff;

    text-align: center;

    position: fixed;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

    top: 50%;

    left: 50%;

    margin: -150px 0 0 -250px;

}

.tips .main .title {

    height: 68px;

    line-height: 68px;

    -webkit-border-radius: 8px 8px 0 0;

    -moz-border-radius: 8px 8px 0 0;

    border-radius: 8px 8px 0 0;

    font-size: 24px;

    color: #1b1d1f;

    font-weight: normal;

    border-bottom: 1px solid #ededed;

    position: relative;

}

.tips .main .title .close {

    position: absolute;

    top: 0;

    right: 32px;

    cursor: pointer;

    width: 20px;

    height: 20px;

    display: block;

    color: #737475;

}

.tips .main .title .close i {

    font-size: 36px;

}

.tips .main .msg {

    color: #737475;

    font-size: 16px;

    margin: 60px auto;

}

.tips .main .tipsBtn {

    width: 100%;

    padding-top: 20px;

    height: 60px;

    overflow: hidden;

    text-align: center;

}

.tips .main .tipsBtn span {

    display: inline-block;

    width: 100px;

    height: 40px;

    font-size: 16px;

    line-height: 40px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    cursor: pointer;

}

.tips .main .tipsBtn .secondBtn {

    margin-left: 50px;

}

#kitHistory {

    width: 100%;

    background: #1b1d1f;

    height: 480px;

    overflow: hidden;

    max-width: 1920px;

}

#kitHistory .content {

    width: 1220px;

    margin: 0 auto;

    overflow: hidden;

    height: 100%;

}

#kitHistory .content > div {

    width: 25%;

    float: left;

    position: relative;

    padding: 100px 0;

    text-align: center;

    color: #ffffff;

    line-height: 52px;

}

#kitHistory .content > div .title {

    font-size: 30px;

    margin-top: 20px;

}

#kitHistory .content > div p {

    font-size: 16px;

}

#kitHistory .content > div .bg {

    width: 100%;

    height: 120px;

    margin-top: 24px;

}

#kitHistory .content > div:after {

    position: absolute;

    width: 1px;

    height: 228px;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto 0;

    content: '';

    background: #8d8e8f;

    opacity: 0.2;

}

#kitHistory .content > div.page1 .bg {

    background: url("../images/common/1.html") no-repeat center;

}

#kitHistory .content > div.page2 .bg {

    background: url("../images/common/2.html") no-repeat center;

}

#kitHistory .content > div.page3 .bg {

    background: url("../images/common/3.html") no-repeat center;

}

#kitHistory .content > div.page4 .bg {

    background: url("../images/common/4.html") no-repeat center;

}

#kitHistory .content > div.page4:after {

    display: none;

}

#kitEducation {

    width: 100%;

    height: 650px;

    background: url("../images/common/kitEducation.html") no-repeat center;

}

#go-top {

    position: fixed;

    right: 20px;

    bottom: 100px;

    width: 28px;

    padding: 5px 10px;

    font-size: 14px;

    color: #fff;

    background: rgba(0, 0, 0, 0.5);

    z-index: 9999;

    cursor: pointer;

    display: none;

}

#go-top img {

    display: block;

    width: 28px;

    margin-bottom: -5px;

}

#tip-warning {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 999;

    -webkit-transition: all .5s linear;

    -o-transition: all .5s linear;

    -moz-transition: all .5s linear;

    transition: all .5s linear;

}

#tip-warning .matte {

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.5;

}

#tip-warning .main {

    width: 500px;

    height: 280px;

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -180px;

    margin-left: -250px;

    background: #fff;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

}

#tip-warning .main .title {

    height: 68px;

    line-height: 68px;

    font-size: 24px;

    color: #1b1d1f;

    border-bottom: 1px solid #ededed;

}

#tip-warning .main .msg {

    margin: 40px auto 0 auto;

    padding: 0 30px;

    text-align: center;

    font-size: 16px;

    line-height: 28px;

    color: #737475;

}

#tip-warning .main .btn {

    height: 40px;

    width: 100px;

    position: absolute;

    bottom: 40px;

    left: 50%;

    margin-left: -50px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    background: #21a2e4;

    cursor: pointer;

}