/* CSS Document */
html {
    font-size: 62.5%;
    height: 100%
}

body {
    margin: 0 auto;
    font-family: HelveticaLTStd-Light, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    height: 100%;
    background: #fff;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow-x: hidden
}

img {
    border: none;
}

ul li {
    list-style-type: none;
}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333;
}

img {
    display: block;
}

a {
    text-decoration: none;
    color: #333;
    outline: none;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
}

h1, h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #333;
}

.clear {
    clear: both;
}

.maln {
    margin-left: auto !important
}

input, textarea, select {
    font-family: HelveticaLTStd-Light, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color: #999999;
    border: none;
    outline: none;
}

.fl {
    float: left;
}

.fr1 {
    float: right;
}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

::selection {
    color: #fff;
    background: #ffcc00;
}

* {
    margin: 0px;
    padding: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #333;
    opacity: 1
}

:-o-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
    opacity: 1
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
    opacity: 1
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #333;
    opacity: 1
}

.sousuo input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999999;
    opacity: 1
}

.sousuo input:-o-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999999;
    opacity: 1
}

.sousuo input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999999;
    opacity: 1
}

.sousuo input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999999;
    opacity: 1
}


@media screen and (min-width: 1220px) {
    .zong {
        width: 1200px;
        margin: auto;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .zong {
        width: 980px;
        margin: auto;
    }
}

@media screen and (max-width: 999px) {
    .zong {
        width: 95%;
        margin: auto;
    }
}


@media screen and (min-width: 1380px) {
    .zong1 {
        width: 1360px;
        margin: auto;
    }
}

@media screen and (max-width: 1379px) {
    .zong1 {
        width: 1200px;
        margin: auto;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .zong1 {
        width: 980px;
        margin: auto;
    }
}

@media screen and (max-width: 999px) {
    .zong1 {
        width: 95%;
        margin: auto;
    }
}

.at-resp-share-element .at4-share-count-container {
    text-decoration: none;
    float: right;
    padding-right: 15px;
    line-height: 25px !important;
}

.at-resp-share-element .at-icon {
    width: 24px !important;
    height: 24px !important;
}

.at-style-responsive .at-share-btn {
    padding: 0 !important;
    border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px !important;
    height: 24px !important;
}

.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
    margin-right: 3px !important;
}

.at-resp-share-element .at-icon {
    width: 24px !important;
    height: 24px !important;
}

.at-style-responsive .at-share-btn {
    padding: 0 !important;
    border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px !important;
    height: 24px !important;
}

.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
    margin-right: 3px !important;
}


/*  head  */
.head {
}

.head .zong1 {
    position: relative;
    z-index: 1px;
}

.het {
    padding: 16px 0;
}

.shejiao {
    float: right;
    margin-right: 10px;
}

.shejiao a {
    display: block;
    float: left;
    line-height: 28px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 2px;
}

.htag {
    float: left;
    color: #666666;
    line-height: 28px;
    max-width: 50%;
    font-size: 16px;
    font-size: 1.6rem;
}

.htag a, .htag span {
    color: #666666;
}

/*  sousuo  */
.sousuo {
    float: right;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 9999;
    margin-top: 43px;
    margin-right: 10px;
}

.sousuo form {
    width: 236px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 37px;
    background: #fff;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 18px;
    color: #2f3135;
    transition: 0.5s;
    z-index: 99999
}

.sou {
    width: 180px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    background: none
}

.suo {
    width: 28px;
    height: 28px;
    float: right;
    background: none;
    position: relative;
    z-index: 9999999;
    border-radius: 18px;
    cursor: pointer;
}

.sou1 {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    color: #333333;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px !important;
    cursor: pointer;
    z-index: 99990
}

.sou2 {
    display: block;
    width: 32px;
    line-height: 32px;
    border-radius: 16px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
}

.sou2 i {
    margin-right: 7px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}

.sousuof form {
    height: 30px;
    border: 1px solid #2e427a;
}

.yvn {
    float: right;
    position: relative;
    z-index: 9999;
    margin-top: 46px;
}

.yvzhonga {
    display: inline-block;
    vertical-align: middle;
    background: url(../image/yvzhong.png) no-repeat right center;
    padding-right: 30px;
    line-height: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
    padding-left: 3px;
    cursor: pointer;
    z-index: 99999
}

.yvul {
    min-width: 100%;
    max-width: 200px;
    position: absolute;
    top: 36px;
    right: 0px;
    background: #fff;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    display: none;
}

.yvul a {
    display: block;
    padding: 5px 5px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    color: #333;
    border-radius: 3px;
    min-width: 100px;
}

.yvn > i {
    display: inline-block;
    vertical-align: middle;
}

.yvul a {
    position: relative;
}

.yvul a i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.hexin {
    float: left;
}

.hexin p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 30px;
    margin-right: 10px;
    font-family: Arial, Helvetica, sans-serif
}

.hexin a {
    color: #fff;
}

.hexin i {
    padding-right: 15px;
}

.het a:hover {
    color: #ffcc00;
}

.yvul a:hover {
    background: #ffcc00;
}

.head > .zong {
    position: relative;
    z-index: 99;
}

.logo {
    display: block;
    float: left;
    font-size: 0px;
    width: 220px;
}

.logo img {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

.daoz {
    float: right;
    width: 840px;
    width: auto\9 \0;
    margin-top: 39px;
    margin-right: 5px;
    position: relative;
}

.daohang {
    text-align: center;
    display: -webkit-flex;
    　display: -moz-flex;
    　display: flex;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    display: -ms-flexbox;
    display: block\9 \0;
}

.daohang > li {
    float: left;
    position: relative;
    z-index: 999;
    　-ms-flex: 1;
    　-webkit-flex: 1;
    flex: 1;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    margin-left: 20 px\9 \0;
    text-align: center;
    padding: 0px;
}

.daohang > li > a {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 36px;
    position: relative;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    position: relative;
    padding-bottom: 10px;
}

.daohang > li:hover > a {
    color: #333333;
}

.dangqiandao > a {
    color: #333333 !important;
}

.yijiw {
    padding-top: 5px;
    background: #ffffff;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    width: 202px;
    top: -9999px;
    left: 0px;
    text-align: left;
    border-radius: 10px;
    box-shadow: 0px 4px 6px 0px rgba(32, 23, 10, 0.24);
}

.yiji {
    background: #ffffff;
}

.yiji li {
    position: relative;
    transition: 0.5s;
    padding: 5px;
}

.yiji li a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 0px;
    padding: 3px 10px;
}

.yiji li:hover {
}

.yiji li:hover > a {
    background: #ffcc00;
}

.erji {
    position: absolute;
    width: 202px;
    background: #ffffff;
    top: -9999px;
    left: 100%;
    box-shadow: 0px 4px 6px 0px rgba(32, 23, 10, 0.24);
}

.sanji {
    position: absolute;
    width: 202px;
    background: #ffffff;
    top: -9999px;
    left: 100%;
    box-shadow: 0px 4px 6px 0px rgba(32, 23, 10, 0.24);
}

.daohang > li:hover .yijiw {
    top: 45px;
}

.daohang > li:hover .yiji > li > a {
    line-height: 24px;
}

.yiji > li:hover .erji {
    top: 0px;
}

.yiji > li:hover .erji > li > a {
    line-height: 24px;
}

.erji > li:hover .sanji {
    top: 0px;
}

.erji > li:hover .sanji > li > a {
    line-height: 24px;
}

.matn {
    margin-top: auto !important;
}


.xnav {
    display: none
}

/*  banner  */
.slideshow {
    position: relative;
    z-index: 1
}

.slideshow .wp {
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    margin-top: -166.5px;
}

.slideshow .wp img {
    max-width: 100%;
    max-height: 80%;
}

.slideshow .item a img {
    width: 100%;
    -webkit-transition: all 6s ease-out;
    -o-transition: all 6s ease-out;
    -moz-transition: all 6s ease-out;
    transition: all 6s ease-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.slideshow .item.slick-active img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.slick-dots {
    position: absolute;
    right: 12%;
    bottom: 15px;
    text-align: center;
    padding-top: 75px;
}

.slick-dots:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 69px;
    background: #fff;
    left: 50%;
    margin-left: -1px;
    top: 0px;
}

.slick-dots li {
    display: block;
}

.slick-dots li button {
    cursor: pointer;
    font-size: 16px;
    border: none;
    outline: none;
    margin: 4px 0;
    line-height: 20px;
    background: none;
    color: #fff;
    transition: 0.5s;
}

.slick-dots li.slick-active button {
    color: #ffcc00;
}

.slick-prev, .slick-next {
    width: 43px;
    height: 43px;
    top: 50%;
    margin-top: -21px;
    border: 0px;
    font-size: 0px;
    cursor: pointer;
    transition: 0.5s;
    display: none !important
}

.slick-prev {
    position: absolute;
    left: 70px;
    z-index: 999;
}

.slick-next {
    position: absolute;
    right: 70px;
    z-index: 999;
}

.slick-prev:hover {
}

.slick-next:hover {
}

.slideshow .item.slick-active.item_one img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.slideshow .item.slick-active.item_one.on img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl]
.slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@media screen and (max-width: 1360px) {
    .daoz {

        width: 800px;
        width: auto \9 \0;

    }
}

@media screen and (max-width: 1219px) {
    .daoz {
        width: 600px;
        width: auto\9 \0
    }

    .daohang > li > a {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .sousuo {
        float: right;
        width: 20px;
        height: 20px;
        position: relative;
        z-index: 9999;
        margin-top: 43px;
        margin-right: 10px;
    }

    /*.logo img {*/
    /*    margin-top: 20px*/
    /*}*/
}

@media screen and (min-width: 1000px) {
    .carousel, .nav, .clear3 {
        display: none
    }
}

@media screen and (max-width: 999px) {
    .head .zong {
        padding-bottom: 0px;
    }

    .het {
        padding: 0px;
    }

    .daoz, .yijiw, .yiji2, .htag, .hexin, .shejiao, .sousuo {
        display: none
    }

    .yvn {
        position: absolute;
        right: 30px;
        top: 15px;
        margin-top: 0px;
        border-color: #333;
    }

    .clear3 {
        clear: both;
    }

    .yvzhonga {
        border-color: #333;
        color: #333;
        padding-left: 5px;
        line-height: 24px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .yvzhonga:before {
        display: none
    }

    .yvul a {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .slick-dots {
        right: 5%;
        bottom: 10px;
        padding-top: 0px;
    }

    .slick-dots:before {
        display: none
    }

    .slick-dots li button {
        font-size: 14px;
        margin: 2px 0;
    }

    .ynav {
        display: none
    }

    .xnav {
        display: block
    }

    .nav {
        position: fixed;
        width: 35px;
        height: 25px;
        background: #fff;
        right: 2.5%;
        top: 15px;
        cursor: pointer;
        border-radius: 5px;
        z-index: 999999999
    }

    .nav span {
        display: block;
        width: 20px;
        height: 2px;
        background: #ffcc00;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        top: 50%;
        transition: 0.5s;
        z-index: 99999991
    }

    .nav .nav1 {
        margin-top: -1px;
    }

    .nav .nav2 {
        margin-top: -8px;
    }

    .nav .nav3 {
        margin-top: 6px;
    }

    .nav:hover .nav1 {
        width: 25px;
    }

    .navh .nav1 {
        transform: rotate(45deg)
    }

    .navh .nav2 {
        transform: rotate(-45deg);
        width: 10px;
        margin-left: -1px;
        margin-top: -5px;
    }

    .navh .nav3 {
        transform: rotate(-45deg);
        width: 9px;
        margin-top: 3px;
        margin-left: -8px;
    }

    .navh:hover .nav2 {
        margin-top: -8px;
        margin-left: 7px;
    }

    .navh:hover .nav3 {
        margin-top: 5px;
        margin-left: -12px;
    }

    .smdaohang {
        position: fixed;
        width: 300px;
        height: 0px;
        overflow: auto;
        top: 0px;
        right: 0px;
        background: #000;
        background: rgba(0, 0, 0, 0.8);
        z-index: 9999999;
        transition: 0.5s;
        text-align: center;
    }

    .smdaohangh {
        right: 0px;
        top: 0px;
        height: 100%;
    }

    .topnav {
        margin: auto;
        margin-top: 30px;
        padding: 20px;
    }

    ul.topnav li {
        text-align: left;
        position: relative;
    }

    ul.topnav li a {
        padding: 5px;
        padding-left: 0px;
        color: #fff;
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        padding-right: 50px;
    }

    ul.topnav ul {
        display: none;
    }

    ul.topnav ul li {
        clear: both;
    }

    ul.topnav ul li a {
        padding-left: 20px;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal;
        outline: 0;
    }

    ul.topnav ul li a:hover {
    }

    ul.topnav ul ul li a {
        padding-left: 40px;
    }

    ul.topnav ul ul ul li a {
        padding-left: 60px;
    }

    ul.topnav span {
        display: block;
        position: absolute;
        right: 0px;
        top: 7px;
        width: 20px;
        height: 20px;
        background: #fff;
        background: rgba(255, 255, 255, 0.6);
        cursor: pointer;
        border-radius: 50%;
        transition: 0.5s;
    }

    ul.topnav span:before {
        content: "";
        width: 6px;
        height: 2px;
        background: #333;
        position: absolute;
        left: 50%;
        margin-left: -3px;
        top: 50%;
        margin-top: 0px;
        transform: rotate(45deg);
        transform-origin: right center
    }

    ul.topnav span:after {
        content: "";
        width: 6px;
        height: 2px;
        background: #333;
        position: absolute;
        left: 50%;
        margin-left: -3px;
        top: 50%;
        margin-top: -1px;
        transform: rotate(-45deg);
        transform-origin: right center;
        transition: 0.5s;
    }

    ul.topnav span.yizi {
        transform: rotate(90deg)
    }

    .smdaohang form {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 240px;
        height: 26px;
        border: 1px solid #fff;
        position: relative;
        background: #fff;
        border-radius: 13px;
    }

    .smdaohang form .iptc {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        background-color: #fff;
        width: 80%;
        height: 24px;
        line-height: 24px;
        display: block;
        float: left;
        border-radius: 10px;
    }

    .smdaohang form .ipsc {
        width: 20%;
        height: 26px;
        line-height: 26px;
        display: block;
        float: right;
        background: transparent;
        position: relative;
        z-index: 99;
    }

    .smdaohang form i {
        position: absolute;
        right: 10px;
        top: 5px;
    }
}

@media screen and (max-width: 767px) {
    .slick-prev {
        background-size: cover;
        left: 10px;
    }

    .slick-next {
        background-size: cover;
        right: 10px;
    }

    .slick-prev, .slick-next {
        width: 30px;
        height: 30px;
        border: 0px;
        font-size: 0px;
        cursor: pointer;
        transition: 0.5s;
        background-size: 100% auto !important;
    }
}

/*  main1  */
.main1 {
    background: url(../image/m1bei.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 74px;
    padding-bottom: 34px;
}

.main1 .zong:after {
    content: "";
    clear: both;
    display: block;
}

.m1biao {
    display: block;
    width: 44%;
    float: left;
    text-align: center;
    font-family: HelveticaLTStd-Bold, Arial, Helvetica, sans-serif;
    font-size: 52px;
    font-size: 1.8rem;
    line-height: 46px;
}

.m1n {
    width: 50%;
    float: right;
    position: relative;
}

.m1n i {
    display: block;
    color: #fff;
    font-size: 70px;
    position: absolute;
    left: 0px;
    top: 4px;
}

.m1xin {
    padding-left: 103px;
    margin-top: 10px;
}

.m1xin span {
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 24px;
}

.m1xin p {
    color: #ffffff;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    font-family: HelveticaLTStd-Bold, Arial, Helvetica, sans-serif;
}

.m1xin p a {
    display: block;
    color: #fff;
}

.m1biao:hover {
    color: #fff;
}

.m1xin p a:hover {
    color: #ffcc00;
}

@media screen and (max-width: 999px) {
    .main1 {
        background: #000;
        padding-top: 20px;
    }

    .m1biao {
        width: 100%;
        float: none;
        color: #fff;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 40px;
        text-align: left;
    }

    .m1n {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .m1n i {
        font-size: 40px;
    }

    .m1xin {
        padding-left: 60px;
        margin-top: 10px;
    }

    .m1xin p {
        font-size: 20px;
        font-size: 2rem;
        line-height: 24px;
    }
}

@media screen and (max-width: 767px) {
    .m1biao {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 30px;
    }

    .m1xin span {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .m1xin p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
    }
}

/*  main2  */
.main2 {
    padding-top: 68px;
    padding-bottom: 44px;
}

.m2biao {
    display: block;
    text-align: center;
    font-family: HelveticaLTStd-Bold, Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    position: relative;
    padding-bottom: 14px;
}

.m2biao:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #333333;
    bottom: 0px;
    left: 50%;
    margin-left: -25px;
}

.m2pz a {
    display: block;
    max-width: 637px;
    margin: auto;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    color: #666666;
    text-align: center;
    margin-top: 21px;
}

#outer {
    margin-top: 32px;
}

#tab {
    overflow: hidden;
    zoom: 1;
    position: relative;
    text-align: center;
    font-size: 0px;
}

#tab li {
    display: inline-block;
    vertical-align: middle;
    *float: left;
    cursor: pointer;
    transition: 0.5s;
    text-align: center;
    padding: 0 8px;
    position: relative;
}

#tab li:before {
    content: "/";
    position: absolute;
    top: 0px;
    left: -2px;
    line-height: 24px;
    color: #666666;
}

#tab li a {
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    color: #666666;
    line-height: 24px;
    position: relative;
    overflow: hidden;
}

#tab li:hover a {
    color: #ffcc00;
}

#tab li.current a {
    color: #ffcc00;
}

#content {
}

#content .tabul {
    display: none;
    padding-top: 35px;
}

#tab li:first-child:before {
    display: none
}

.m2lie {
    width: 22.33%;
    float: left;
    margin-left: 2.5%;
    margin-bottom: 24px;
}

.m2tu {
    display: block;
    position: relative;
    overflow: hidden;
}

.m2tun {
    display: block;
    overflow: hidden;
}

.m2tun img {
    width: 100%;
    max-width: 500px;
}

.m2zi {
    padding: 10px 20px;
    text-align: center;
}

.m2a {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    margin-top: 8px;
    color: #000000;
    font-family: HelveticaLTStd-Bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.m2p a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    color: #666666;
    height: 56px;
    overflow: hidden;
    margin-top: 10px;
}

.m2lie:hover {
    top: 0px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.m2lie:hover a {
    color: #ffcc00;
}

.m2biao:hover, .m2pz a:hover {
    color: #ffcc00;
}

@media screen and (max-width: 1219px) {
    #tab li {
        padding: 0 10px;
    }

    #tab li a {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 999px) {
    .main2 {
        padding-bottom: 29px;
        padding-top: 10px;
    }

    .m2biao {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 35px;
        padding-bottom: 10px;
    }

    .m2pz a {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 15px;
    }

    #outer {
        margin-top: 20px;
    }

    #content .tabul {
        padding-top: 10px;
    }

    #tab li {
        padding: 0px;
        width: 20%;
        margin: 5px 0%;
        text-align: left;
        height: 50px;
        line-height: 50px;
        background: #fff;
        text-align: center;
    }

    #tab li a {
        padding-bottom: 5px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 22px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 5px;
    }

    #tab li:before {
        display: none
    }

    #tab li a:before {
        display: none
    }

    #tab li:hover {
        background: #ffcc00;
        color: #333
    }

    #tab li.current {
        background: #ffcc00;
        color: #333
    }

    #tab li:hover a {
        color: #333
    }

    #tab li.current a {
        color: #333
    }

    .m2lie {
        width: 31.33%;
        margin: 15px 1% !important;
    }

    .m2zi {
        padding: 10px 5px;
    }

    .m2a {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 0px;
    }

    .m2p a {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 5px;
        line-height: 22px;
        height: 44px;
    }
}

@media screen and (max-width: 499px) {
    .m2biao {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .m2pz a {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 10px;
    }

    #tab li {
        width: 31.33%;
    }

    .m2lie {
        width: 48%;
        margin: 15px 1% !important;
    }

    .m2a {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .m2p a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/*  main3  */
.main3 {
}

.main3:after {
    content: "";
    clear: both;
    display: block;
}

.m3tu {
    width: 50%;
    float: left;
}

.m3tu img {
    width: 100%;
    max-width: 960px;
}

.m3zi {
    width: 50%;
    float: right;
}

.m3zin {
    width: 550px;
    margin-left: 49px;
}

.m3a {
    display: block;
    font-family: HelveticaLTStd-Bold;
    font-size: 36px;
    font-size: 2.6rem;
    line-height: 46px;
    margin-top: 86px;
}

.m3p {
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    max-height: 180px;
    overflow: hidden;
    margin-top: 38px;
}

.m3p p {
    color: #666666;
}

.m3p p a {
    display: block;
    color: #666666;
}

.m3mor {
    display: inline-block;
    background: #000000;
    min-width: 169px;
    line-height: 45px;
    padding: 0 5px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 57px;
}

.m3zin a:hover {
    color: #ffcc00;
}

.m3zin .m3mor:hover {
    background: #ffcc00;
    color: #333;
}

@media screen and (max-width: 1699px) {
    .m3a {
        margin-top: 26px;
    }
}

@media screen and (max-width: 1499px) {
    .m3a {
        margin-top: 0px;
    }

    .m3p {
        margin-top: 30px;
    }

    .m3mor {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1219px) {
    .m3zin {
        width: 470px;
        margin-left: 20px;
    }

    .m3a {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
    }

    .m3p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        max-height: 144px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 999px) {
    .m3mor {
        display: none
    }

    .m3zin {
        width: 95%;
        margin-left: 2.5%;
    }

    .m3a {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 30px;
    }
}

@media screen and (max-width: 767px) {
    .m3tu, .m3zi {
        width: 100%;
        float: none;
    }

    .m3tu {
        margin-top: 20px;
    }
}

/*  main4  */
.main4 {
    padding-top: 75px;
}

.main4:after {
    content: "";
    clear: both;
    display: block;
}

.m4l {
    width: 50%;
    float: left;
}

.m4r {
    width: 36.75%;
    float: right;
    margin-right: 42px;
    margin-top: 45px;
}

.m4biao {
    font-family: HelveticaLTStd-Bold;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 45px;
}

.m4pz a {
    display: block;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    margin-top: 34px;
}

.m4n {
    padding-top: 25px;
}

.m4n:after {
    content: "";
    clear: both;
    display: block;
}

.m4lie {
    width: 45%;
    margin-top: 35px;
}

.m4lie i {
    color: #ffcc00;
    display: block;
    font-size: 40px;
    line-height: 40px;
}

.m4a {
    display: block;
    font-family: HelveticaLTStd-Bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.m4p a {
    display: block;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    margin-top: 4px;
    height: 84px;
    overflow: hidden;
}

.m4tu {
    display: block;
    position: relative;
}

.m4tu img {
    max-width: 100%;
    margin: auto;
}

.m4tu:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -36px;
    margin-left: 42px;
    background: #ffcc00;
    z-index: -1
}

.main4 a:hover {
    color: #ffcc00;
}

@media screen and (max-width: 1219px) {
    .m4n {
        padding-top: 0px;
    }
}

@media screen and (max-width: 999px) {
    .main4 {
        padding-top: 30px;
    }

    .m4l {
        width: 50%;
        float: left;
    }

    .m4r {
        width: 48%;
        float: right;
        margin-right: 0px;
        margin-top: 0px;
    }

    .m4tu:before {
        display: none
    }

    .m4biao {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 45px;
    }

    .m4pz a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 10px;
    }

    .m4lie {
        width: 45%;
        margin-top: 20px;
    }

    .m4lie i {
        font-size: 30px;
        line-height: 30px;
    }

    .m4a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        margin-top: 5px;
    }

    .m4p a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 4px;
        height: 72px;
    }
}

@media screen and (max-width: 767px) {
    .m4l {
        width: 100%;
        float: none;
    }

    .m4r {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .m4biao {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 30px;
    }

    .m4pz a, .m4p a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/*  main5  */
.main5 {
    padding-top: 65px;
    padding-bottom: 101px;
}

@media screen and (max-width: 999px) {
    .main5 {
        padding-top: 35px;
        padding-bottom: 30px;
    }
}

/*  foot  */
.foot {
    background: #000000;
    padding-top: 79px;
    padding-bottom: 6px;
    border-top: 10px solid #ffcc00;
}

.fo1 {
    width: 320px;
    float: left;
}

.fo2 {
    width: 160px;
    float: left;
    margin-left: 100px;
}

.fo3 {
    width: 315px;
    float: left;
    margin-left: 111px;
}

.fo4 {
    width: 160px;
    float: right;
}

.foot a:hover {
    color: #ffcc00
}

.fobiao {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    color: #fff;
    font-family: HelveticaLTStd-Bold;
    position: relative;
}

.flogo {
    display: block;
    width: 209px;
}

.flogo img {
    width: 100%;
    max-width: 209px;
}

.shejiao2 {
    margin-top: 10px;
}

.shejiao2:after {
    content: "";
    clear: both;
    display: block;
}

.shejiao2 a {
    display: block;
    float: left;
    margin-left: 15px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 11px;
}

.she1 {
    margin-left: auto !important
}

.fop {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    color: #fff;
    margin-top: 25px;
}

.fop a {
    color: #fff;
    display: inline-block;
}

.fonav {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    margin-top: 38px;
}

.fonav > a {
    display: block;
    color: #fff;
}

.fonav p, .fonav span {
    color: #fff;
}

.fonav p a {
    color: #fff;
}

.foot2 {
    border-top: 1px solid #252525;
    padding-bottom: 40px;
    margin-top: 30px;
}

.fotag {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    color: #fff;
    margin-top: 20px;
}

.fotag span, .fotag a {
    color: #fff;
}

.youlian {
    line-height: 24px;
    padding-top: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
}

.youlian span, .youlian a {
    color: #fff
}

.foot a:hover, .youlian a:hover {
    color: #ffcc00;
}


@keyframes top {
    0% {
        line-height: 60px;
    }
    100% {
        line-height: 30px;
    }
}

.top {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin: auto;
    background: #ffcc00;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    position: fixed;
    right: 20px;
    bottom: -100px;
    color: #333;
    font-size: 20px !important;
    text-align: center;
    line-height: 46px;
    transition: 0.9s;
    z-index: 999;
    -webkit-animation-name: top;
    animation-name: top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.bottom {
    bottom: 80px;
}

@media screen and (max-width: 1219px) {
    .fobiao {
        font-size: 20px;
        font-size: 2rem;
    }

    .fo1 {
        width: 300px;
        float: left;
    }

    .fo2 {
        width: 160px;
        float: left;
        margin-left: 30px;
    }

    .fo3 {
        width: 280px;
        float: left;
        margin-left: 31px;
    }

    .fo4 {
        width: 160px;
        float: right;
    }

    .foxin .int3 {
        min-width: 220px;
    }
}

@media screen and (max-width: 999px) {
    .foot {
        padding-top: 40px;
        padding-bottom: 17px;
    }

    .flogo {
        width: 150px;
        margin-bottom: 20px;
    }

    .fo2 {
        width: 48%;
        float: right;
        margin-left: 0px;
    }

    .fo3 {
        width: 48%;
        float: left;
        margin-left: 0px;
        margin-top: 30px
    }

    .fo4 {
        width: 48%;
        float: right;
        position: relative;
        height: auto;
        margin-top: 30px
    }

    .fo4 .int1 {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .fo4 .int2 {
        float: none;
        margin-top: 10px;
    }

    .clear2 {
        clear: both;
    }
}

@media screen and (max-width: 767px) {
    .foot {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .youlian {
        display: none
    }

    .shejiao2 {
        margin-top: 0px;
    }

    .foot2 {
        padding-bottom: 70px;
    }

    .fo4, .fo2, .fo3 {
        display: none
    }

    .fo1 {
        width: 100%;
        float: none;
    }

    .top {
        width: 30px;
        border-radius: 0px;
        right: 10px;
        bottom: 38px;
    }

    .fop {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 10px;
    }

    .fotag {
        margin-top: 15px;
    }
}

/****************  tankuang  ****************/
.pfbd {
    position: fixed;
    *position: absolute;
    left: 10px;
    bottom: 0px;
    z-index: 9999999;
    width: 196px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.pfbd-hd {
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    cursor: pointer;
    background-color: #ffcc00;
}

.pfbd-hd span {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.pfbd-hd i {
    color: #333;
    margin-right: 8px;
    font-size: 14px;
    font-size: 1.4rem;
}

.pfbd-hd img {
    vertical-align: middle;
    margin-top: -4px;
}

.pfbd-bd {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #d4d4d4;
    border-top: 0;
    height: 0px;
    transition: 0.5s;
    overflow: hidden;
}

.pfbd-form {
    padding-top: 8px;
}

.pfbd-form-text {
    margin-bottom: 9px;
    padding-left: 8px;
    padding-right: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.pfbd-form-btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    background-color: #ffcc00;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.5s;
}

.pfbd-form-btn:hover {
    border-radius: 15px;
}

.pfbd-form-img {
    margin-bottom: 9px;
    display: block;
    float: right;
}

.pfbd-form-text-1 {
    background-color: white;
}

.pfbd-form-text-2 {
    background-color: white;
}

.pfbd-form-text-3 {
    height: 69px;
    line-height: 98px / 3;
    background-color: white;
}

.pfbd-form-text-4 {
    margin-bottom: 10px;
    padding-left: 8px;
    background-color: white;
    float: left;
}

.pfhe {
    height: 330px;
    padding-bottom: 13px;
}

.dibuyanzed {
    max-height: 40px;
}

@media screen and (max-width: 767px) {
    .pfbd {
        display: none
    }
}

/*************************************  product  ************************************/
.fenbanner {
    background: #333333;
}

.fenbanner1 {
}

.fenbanner .zong {
    position: relative;
}

.fenbannern {
}

.fenbiao {
    display: block;
    color: #ffffff;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
}

.mianbao {
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    padding: 8px 0;
}

.mianbao a {
    color: #fff;
}

.mianbao a:hover {
    color: #ffcc00
}

.comian {
    color: #ffcc00 !important;
}

.prmain {
    padding-top: 45px;
    padding-bottom: 88px;
}

.prmain:after {
    content: "";
    clear: both;
    display: block;
}

.prl {
    width: 25.8%;
    float: left;
}

.prr {
    width: 70%;
    float: right;
}

.j-nextshow {
    position: relative;
}

.proslide_menubtn {
    display: none;
    width: 23px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 12px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 9999;
}

.proslide_menubtn span {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 3px;
    background-color: #ffcc00;
}

.prbiao {
    display: block;
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center;
    line-height: 36px;
    padding: 5px 0;
    text-transform: uppercase;
    font-family: HelveticaLTStd-Bold;
    border-top: 5px solid #ffcc00;
}

.pryiji {
    background-color: #ffffff;
}

.pryiji > li {
    margin-bottom: 7px;
}

.pryiji > li > a {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    padding: 12px 15px;
    background: #eeeeee;
    position: relative
}

.pryiji > li > a span {
    transition: 0.5s;
}

.pryiji > li > a:hover {
    background: #333333;
    color: #fff;
}

.pryiji > li > a:hover span {
    color: #fff;
}

.pryiji > li > a span {
    position: relative;
}

.prerji {
    background: #f9f9f9;
    padding-left: 16px;
}

.prerji > li > a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    padding: 3px 0;
    position: relative;
    padding-left: 36px;
}

.prerji > li > a:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background: #666666;
    left: 0px;
    top: 50%;
    margin-top: -1px;
}

.prerji > li > a:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background: #666666;
    left: 0px;
    top: 50%;
    margin-top: -1px;
    transform: rotate(90deg)
}

.prsanji {
    margin-left: 53px;
}

.prsanji > li > a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #757575;
    line-height: 24px;
}

.prerji a:hover {
    color: #ffcc00
}

.prerji a:hover:before, .prerji a:hover:after {
    background: #ffcc00
}

a.prbiao:hover {
    color: #333;
}

.dangpryi > a {
    background: #333 !important;
    color: #ff !important;
}

.dangpryi > a span {
    color: #fff !important;
}

.dangpryi > a i {
    transform: rotate(180deg) !important;
    color: #fff !important
}

.dangprer > a {
    color: #ffcc00 !important;
}

.dangprer > a:before, .dangprer > a:after {
    background: #ffcc00 !important
}

.prlc {
    margin-top: 92px;
}

.prlcn {
    padding: 5px;
    margin: 0 15px;
    margin-top: 24px;
    border: solid 1px #d2d2d2;
}

.prlclie {
    margin: 10px 0;
}

.prlclie p a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
}

.prlclie span {
    display: block;
    color: #666666;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
}

.prlclie p a:hover {
    color: #ffcc00;
}

.prlb {
    margin-top: 68px;
}

.prlbn {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    background: #eeeeee;
    padding: 10px;
    margin-top: 5px;
}

.prlbn:after {
    content: "";
    clear: both;
    display: block;
}

.prlbn a {
    display: inline-block;
    position: relative;
}

.prlbn a:hover {
    color: #ffcc00;
}

.prt {
}

.prtbiao {
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    font-family: HelveticaLTStd-Bold;
}

.prtp {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #666666;
    margin-top: 15px;
}

.prtp p {
    color: #666666;
}

.prlie {
    position: relative;
    width: 29.75%;
    float: left;
    margin-left: 2%;
    /* margin-top: 18px; */
    margin-bottom: 8px;
}

.prtu {
    position: relative;
    overflow: hidden;
    display: block;
    overflow: hidden;
}

.prtu img {
    width: 100%;
    max-width: 400px;
    transition: 0.5s;
}

.przi {
    text-align: center;
    transition: 0.5s;
    padding: 0 10px;
    padding-bottom: 14px;
}

.pra {
    display: block;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 16px;
    font-family: HelveticaLTStd-Bold;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.prp a {
    display: block;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    margin-top: 5px;
    height: 56px;
    overflow: hidden;
}

.prlie input {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.prmor {
    text-align: center;
    margin-top: 15px;
}

.prmor a {
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #666666;
    color: #333;
    min-width: 125px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 6px;
}

.prlie:hover {
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.prlie:hover .prtu img {
    transform: scale(1.1, 1.1)
}

.prlie:hover a {
    color: #ffcc00;
}

.prlie:hover .prmor a {
    background: #ffcc00;
    border-color: #ffcc00;
    color: #333
}

.fenye {
    padding-top: 57px;
    text-align: center;
}

.pagination {
    display: inline-block;
    *float: left;
}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}


.pagination a{
    display: inline-block;
    *float: left;
    width: 48px;
    border: 1px solid #e5e5e5;
    text-align: center;
    line-height: 28px;
    background: #fff;
    margin-right: 9px;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
}

.pagination a:hover {
    border: 1px solid #ffcc00;
    background: #ffcc00;
    color: #333;
}

.sx {
}

.pagination a.page-num-current {
    border: 1px solid #ffcc00 !important;
    background: #ffcc00 !important;
    color: #333 !important;
}

.fuxuan {
    padding-right: 23px;
    display: inline-block;
    *float: right;
    margin-bottom: 10px;
    margin-left: 5px;
}

.fuxuan input {
    min-width: 148px;
    line-height: 30px;
    padding: 0 5px;
    margin-bottom: 10px;
    background: #ffcc00;
    color: #333;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid #ffcc00;
    color: #333;
}

.fuxuan input:hover {
    background: #fff;
    border: 1px solid #ffcc00;
    color: #ffcc00;
}


.add-form {
    display: inline-block;
    *float: right;
    margin-bottom: 10px;
    margin-left: 5px;
}

.add-form button {
    min-width: 148px;
    border: none;
    line-height: 30px;
    padding: 0 5px;
    background: #ffcc00;
    color: #333;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid #ffcc00;
    color: #333;
}

.add-form button:hover {
    background: #fff;
    border: 1px solid #ffcc00;
    color: #ffcc00;
}

@media screen and (max-width: 1219px) {
    .prl {
        width: 24%;
        float: left;
    }

    .prr {
        width: 74%;
        float: right;
    }
}

@media screen and (max-width: 999px) {

    .fenbiao {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
    }

    .mianbao {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 5px;
    }

    .fenbannern {
        width: 100%;
    }

    .prbiao {
        font-size: 20px;
        font-size: 2rem;
    }

    .prl {
        width: 30%;
        float: left;
    }

    .prr {
        width: 67%;
        float: right;
    }

    .prmain {
        padding-top: 31px;
        padding-bottom: 39px;
    }

    .pryiji > li > a, .prlczi, .pra {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .prlbn a {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .prlb {
        margin-top: 27px;
    }

    .prt {
    }

    .prtbiao {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
    }

    .prtp {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 15px;
    }

    .prlie {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .przi {
        padding: 0 5px;
        padding-bottom: 10px;
    }

    .pra {
        margin-top: 5px;
    }

    .prmor {
        margin-top: 10px;
    }

    .prmor a {
        font-size: 14px;
        font-size: 1.4rem;
        min-width: 100px;
        line-height: 30px;
    }

    .prmor input {
        position: absolute;
        left: 5px;
        top: 5px;
    }

    .fenye {
        padding-top: 30px;
    }

    .prp a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        margin-top: 5px;
        height: 44px;
    }
}

@media screen and (max-width: 767px) {
    .fenbiao {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
    }

    .prbiao {
        font-size: 18px;
        font-size: 1.8rem;
        text-align: left;
    }

    .prl {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .prr {
        width: 100%;
        float: none;
    }

    .proslide_menubtn {
        display: block;
    }

    .pryiji {
        display: none
    }

    .prlb, .prlc {
        margin-top: 30px;
    }

    .prlclie p a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }

    .prlclie span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 28px;
    }
}

@media screen and (max-width: 539px) {
    .prlie, .prlclie {
        width: 48%;
        margin-left: 1% !important;
        margin-right: 1%;
        margin-bottom: 10px;
    }
}

/********************************************  product2  ***********************************************/
.zoomPad {
    position: relative;
    float: left;
    z-index: 99;
    cursor: crosshair;
}

.zoomPreload {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: white;
    padding: 8px;
    text-align: center;
    background-image: url(../image/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    z-index: 110;
    width: 90px;
    height: 43px;
    position: absolute;
    top: 0px;
    left: 0px;
    *width: 100px;
    *height: 49px;
}

.zoomPup {
    overflow: hidden;
    background-color: #FFF;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 120;
    position: absolute;
    border: 1px solid #CCC;
    z-index: 101;
    cursor: crosshair;
}

.zoomOverlay {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #FFF;
    z-index: 5000;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 101;
}

.zoomWindow {
    position: absolute;
    left: 110%;
    top: 40px;
    background: #FFF;
    z-index: 6000;
    height: auto;
    z-index: 10000;
    z-index: 110;
}

.zoomWrapper {
    position: relative;
    border: 1px solid #999;
    z-index: 110;
}

.zoomWrapperTitle {
    display: block;
    background: #999;
    color: #FFF;
    height: 18px;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 120;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.zoomWrapperImage {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 110;
}

.zoomWrapperImage img {
    border: 0px;
    display: block;
    position: absolute;
    z-index: 101;
}

.zoomIframe {
    z-index: -1;
    filter: alpha(opacity=0);
    -moz-opacity: 0.80;
    opacity: 0.80;
    position: absolute;
    display: block;
}

.m-prob1 .prob-pic {
    width: 395px;
    float: left;
}

.m-prob1 .prob-pic-big {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.m-prob1 .prob-pic-big-img {
    display: block;
    line-height: 0;
    font-size: 0;
}

.m-prob1 .prob-pic-big-img .zoomPad {
    float: none;
    z-index: 8;
}

.m-prob1 .zoomWrapperImage img {
    max-width: 1200px;
}

.m-prob1 .prob-pic-small {
    position: relative;
    margin-top: 50px;
    overflow: hidden;
}

.m-prob1 .prob-pic-btn {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    line-height: 40px;
    color: #000000;
    background: #fff;
    background: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    z-index: 1
}

.m-prob1 .prob-pic-btn.prev {
    left: 0;
}

.m-prob1 .prob-pic-btn.next {
    right: 0;
}

.m-prob1 .prob-pic-btn:hover {
    color: #ffcc00;
    background: #333;
}

.m-prob1 .prob-pic-list {
    overflow: hidden;
}

.m-prob1 .prob-pic-list ul {
    width: 1000%;
    overflow: hidden;
}

.m-prob1 .prob-pic-list ul li {
    position: relative;
    float: left;
    margin-right: 0.46%;
    width: 2.16%;
}

.m-prob1 .prob-pic-item .item-pic {
    display: block;
    overflow: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.m-prob1 .prob-pic-item .item-pic img {
    display: block;
    width: 100%;
}

.m-prob1 .prob-pic-item .item-video {
    position: relative;
    padding-bottom: 100%;

    display: block;
    text-align: center;
}

.m-prob1 .prob-pic-item .item-video .shipinkuan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


.m-prob1 .prob-pic-item .item-video img {
    max-width: 100% !important;
    max-height: 100% !important;
    display: block;
}

.prob-pic .prob-pic-item .item-pic.active, .prob-pic .prob-pic-item .item-video.active {
    border-color: #ffcc00;
}

.prob-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    z-index: 8;
    display: none;
}

.prob-video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.prob-video.show {
    display: block;
}


.jia2 {
    display: none
}

.jianjie {
    padding-top: 18px;
    width: 397px;
    float: right;
}

.jianjie h1, .jianjie h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
    font-family: HelveticaLTStd-Bold;
}

.jiann {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    color: #555555;
    margin-top: 30px;
    max-height: 112px;
    overflow: hidden;
}

.jiann p, .jiann span, .jiann li, .jiann strong {
    color: #555555;
}

.jiann a {
    color: #ffcc00;
}

.share {
    margin-top: 40px;
    text-align: center;
    background: url(../image/sebei.jpg) repeat-x center;
}

.sharen {
    display: inline-block;
    background: #fff;
    padding: 0 20px;
}

.share1 {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    vertical-align: middle;
    color: #555555;
}

.share2 {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}

.inno {
    margin-top: 13px;
    font-size: 0px;
}

.inno:after {
    content: "";
    clear: both;
    display: block;
}

.inno a {
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
    line-height: 39px;
    border: solid 1px #999999;
    color: #333;
    padding: 0 5px;
    text-align: center;
    margin-top: 14px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 18px;
}

.inno a:hover {
    background: #ffcc00;
    color: #333;
    border-color: #ffcc00;
}

.inno .prpdf {
    margin-right: 0px;
    min-width: 0px;
    border: none;
    background: none !important;
}

.chanxbiao {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    font-size: 30px;
    font-size: 3rem;
    color: #333;
    line-height: 39px;
    font-family: HelveticaLTStd-Bold;
    padding-bottom: 23px;
}

.chanxbiao:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d2d2d2;
    left: 0px;
    bottom: 1px;
}

.chanxbiao:after {
    content: "";
    width: 68px;
    height: 3px;
    background: #ffcc00;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.chanxiang {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    padding-top: 27px;
}

.chanxiang p, .chanxiang em, .chanxiang strong {
}

.chanxiang a {
    color: #ffcc00;
}

.chanxiang img {
    max-width: 100%;
    display: inline-block
}

.table {
    width: 100%;
    overflow: auto;
}

.table table {
    width: 100%;
    border-collapse: collapse;
    line-height: 24px;
}

.table table tr td {
    padding: 5px;
    border: 1px solid #eaeaea;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
}

.prtag2 {
    margin-top: 27px;
    padding-top: 13px;
}

.prtag2:after {
    content: "";
    clear: both;
    display: block;
}

.prtag2 span {
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
}

.prtag2 a {
    line-height: 30px;
    color: #666666;
    font-size: 14px;
    font-size: 1.4rem;
}

.prtag2 a:hover {
    color: #fff;
    background: #ffcc00;
    border-color: #ffcc00;
}

.homain {
    padding-bottom: 53px;
}

.img-scroll3 {
    position: relative;
    z-index: 9;
    margin-top: 35px;
}

.img-scroll3 .prev, .img-scroll3 .next {
    position: absolute;
    display: block;
    color: #999999;
    line-height: 30px;
    border-radius: 50%;
    font-size: 22px;
    z-index: 99;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    top: -75px;
}

.img-scroll3 .prev {
    right: 73px;
    cursor: pointer;
}

.img-scroll3 .next {
    right: 0px;
    cursor: pointer;
}

.img-scroll3 .prev:hover, .img-scroll3 .next:hover {
    border-color: #ffcc00;
    color: #ffcc00;
}

.img-list3 {
    position: relative;
    overflow: hidden;
    z-index: 90;
}

.img-list3 ul {
    width: 10000%;
}

.img-list3 li {
    float: left;
    display: inline;
    width: 0.3%;
    margin-right: 0.05%;
    position: relative;
}

.hotu {
    display: block;
    border: solid 1px #eeeeee;
}

.hotu img {
    width: 100%;
}

.hozi {
    display: block;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.hozi:hover {
    color: #ffcc00;
}

.chanxbiao:hover a {
    color: #ffcc00
}

.img-list3 li:hover .prtu img {
    transform: scale(1.1, 1.1)
}

.img-list3 li:hover a {
    color: #ffcc00;
}

.img-list3 li:hover .prmor a {
    background: #ffcc00;
    color: #333
}

.img-list3 li .nezi {
    padding: 0px;
    padding-top: 20px;
}


@media screen and (max-width: 1219px) {
    .zoomPad {
        cursor: default !important;
    }

    .zoomPup {
        display: none !important;
    }

    .zoomWindow {
        display: none !important;
    }

    .zoomPreload {
        display: none !important;
    }

    .jianjie {
        width: 300px;
        margin-right: 0px;
        padding-top: 0px;
    }

    .jianjie h1, .jianjie h2 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
    }

    .jiann {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        max-height: 96px;
        margin-top: 15px;
    }

    .inno {
        margin-top: 20px;
    }

    .inno a {
        font-size: 14px;
        font-size: 1.4rem;
        min-width: 95px;
        line-height: 35px;
    }
}

@media screen and (max-width: 999px) {
    .m-propic1 {
        display: none;
    }

    .m-propic2 {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
    }

    .m-propic2 .box-btn {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        display: block;
        width: 17px;
        height: 32px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }

    .m-propic2 .box-btn.prev {
        left: 0;
    }

    .m-propic2 .box-btn.next {
        right: 0;
    }

    .m-propic2 .box-list {
        overflow: hidden;
    }

    .m-propic2 .box-list ul {
        width: 1000%;
    }

    .m-propic2 .list-item {
        float: left;
        margin-left: .1%;
        margin-right: .1%;
        margin-bottom: 0;
        width: 3.13%;
    }

    .m-prob1 .prob-pic {
        width: 100%;
        float: none;
        max-width: 395px;
        margin: auto;
    }

    .m-prob1 .prob-pic img {
        max-width: 100%;
    }

    .jianjie {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .chanxbiao {
        margin-top: 16px;
        line-height: 24px;
        min-width: 180px;
        font-size: 18px;
        font-size: 1.8rem;
        padding-bottom: 10px;
    }

    .inno a {
        min-width: 100px;
        font-size: 14px !important;
        font-size: 1.4rem !important;
        margin-right: 5px;
        float: left;
    }

    .chanxiang {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        padding-top: 17px;
    }

    .table table tr td {
        font-size: 14px;
        font-size: 1.4rem;
        text-align: left;
        color: #333;
    }

    .prtag {
        margin-top: 27px;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .homain {
        padding-bottom: 30px;
    }

    .hozi {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 10px;
    }

    .img-scroll3 .prev, .img-scroll3 .next {
        top: -70px;
        width: 32px;
        line-height: 28px;
        border-width: 2px;
        font-size: 16px;
    }

    .img-scroll3 .prev {
        right: 40px;
        cursor: pointer;
    }

    .img-scroll3 .next {
        right: 0px;
        cursor: pointer;
    }

    .prtag2 a {
        padding: 0 10px;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 6px;
    }

    .prtag2 span {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .jia1 {
        float: none;
        width: 100%;
    }

    .jia1 h1, .jia1 .jiann, .jia1 .inno {
        display: none
    }

    .jia2 {
        display: block
    }

    .m-prob1 .prob-pic-small {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px ) {
    .homain .m1lie {
        width: 48%;
        margin-left: 1% !important;
        margin-right: 1%;
        margin-top: 40px;
    }

    .img-list3 li {
        width: 0.32%;
        margin-right: 0.02%;
        position: relative;
    }
}

@media only screen and (max-width: 500px ) {
    .m-propic2 .list-item {
        float: left;
        margin-left: .1%;
        margin-right: .1%;
        margin-bottom: 0;
        width: 4.8%;
    }

    .img-list3 li {
        width: 0.49%;
        margin-right: 0.02%;
    }
}

@media only screen and (max-width: 350px ) {
    .m-propic2 .list-item {
        float: left;
        margin-left: .1%;
        margin-right: .1%;
        margin-bottom: 0;
        width: 9.8%;
    }
}

/*************************************  news  ************************************/
.nemain {
    padding-top: 7px;
    padding-bottom: 80px;
}

.nemain .fenye {
    text-align: center;
}

.nemain .fenyen {
    display: inline-block;
    float: none;
}

.nen {
}

.nen:after {
    content: "";
    clear: both;
    display: block;
}

.nelie {
    width: 30.66%;
    float: left;
    margin-left: 2.5%;
    position: relative;
    margin-top: 33px;
}

.netu {
    display: block;
    overflow: hidden;
    position: relative;
}

.netu iframe, .netu video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.netu img {
    width: 100%;
    max-width: 380px;
    margin: auto;
    transition: 0.5s;
}

.nezi {
    padding: 22px 20px;
}

.neriqi {
    position: relative;
    height: 48px;
    padding-left: 65px;
}

.neriqi span {
    display: block;
    font-size: 50px;
    font-size: 5rem;
    line-height: 48px;
    position: absolute;
    left: -5px;
    top: 0px;
    font-family: HelveticaLTStd-Bold;
}

.neriqi p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    width: 40px;
}

.nea {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    font-family: HelveticaLTStd-Bold;
    height: 60px;
    overflow: hidden;
    margin-top: 16px;
}

.nep a {
    display: block;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
}

.nemor {
    display: block;
    text-align: left;
    line-height: 24px;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 27px;
}

.nelie:hover {
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.nelie:hover a {
    color: #ffcc00;
}

.nelie:hover .netu img {
    transform: scale(1.1, 1.1)
}

@media screen and (max-width: 999px) {
    .nemain {
        padding-top: 7px;
        padding-bottom: 30px;
    }

    .nelie {
        margin-top: 20px;
    }

    .nezi {
        padding: 0px;
    }

    .neriqi {
        height: 40px;
        padding-left: 35px;
    }

    .neriqi span {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
    }

    .neriqi p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        margin-top: 3px;
    }

    .nea {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        height: 48px;
        margin-top: 5px;
    }

    .nep a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        height: 48px;
        margin-top: 3px;
    }

    .nemor {
        display: none
    }

    .nelie:hover {
        box-shadow: none;
    }
}

@media screen and (max-width: 767px) {
    .nea {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        height: 40px;
    }

    .nep a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        height: 44px;
        margin-top: 3px;
    }

    .nelie {
        width: 48%;
        margin-left: 1% !important;
        margin-right: 1%;
    }
}

/********************************************  news2  ***********************************************/
.nemain2 {
    padding-top: 60px;
    padding-bottom: 80px;
}

.nemain2 h1 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    margin-top: 11px;
    text-align: center;
    font-family: HelveticaLTStd-Bold;
}

.net {
    padding-top: 10px;
    text-align: center;
}

.net .neriqi {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    color: #333;
    margin-top: 17px;
    padding-left: 0px;
}

.nemain2 .share {
    background: none;
    text-align: left;
    margin-top: 10px;
}

.nemain2 .share1 {
    color: #666666;
}

.nexiang {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    margin-top: 7px;
    padding-bottom: 31px;
}

.nexiang a {
    color: #ffcc00;
}

.nexiang p, .nexiang em, .nexiang strong {
    color: #666666;
}

.nexiang img {
    max-width: 100%;
    display: inline-block;
}

.fanpian {
    padding-top: 24px;
    border-top: 2px solid #e5e5e5;
    margin-top: 20px;
}

.fanpian li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #666666;
}

.fanpian li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 10px;
    font-weight: bold;
}

.fanpian li span, .fanpian li a {
    color: #666666
}

.fanpian li a:hover {
    color: #ffcc00;
}

@media screen and (max-width: 999px) {
    .nemain2 {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .nexiang {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        padding-bottom: 20px;
        padding-top: 0px;
    }

    .fanpian {
        padding-top: 10px;
    }

    .fanpian li {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .nemain2 h1 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
    }

    .fanpian li span {
        font-size: 20px;
        margin-right: 10px;
        font-weight: bold;
    }

    .net {
        padding-top: 5px;
    }

    .net .neriqi {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 5px;
    }
}

/********************************************  application  ***********************************************/
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
    100% {
        margin-left: 0
    }
}

@keyframes bounceFromRight {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
    100% {
        margin-left: 0
    }
}

@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
    100% {
        margin-left: 0
    }
}

@keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
    100% {
        margin-left: 0
    }
}

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

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

.appmain {
    padding-top: 23px;
    padding-bottom: 100px;
}

.applie {
    width: 30.9%;
    float: left;
    margin-left: 3.65%;
    position: relative;
    margin-top: 49px;
    border: solid 1px #e7e7e7;
}

.apptu {
    display: block;
    overflow: hidden;
}

.apptu img {
    width: 100%;
    max-width: 400px;
    transition: 0.5s;
}

.appzi {
    padding: 18px 20px;
    transition: 0.5s;
}

.appa {
    display: block;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 30px;
    font-family: HelveticaLTStd-Bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.appp a {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    color: #666666;
    line-height: 26px;
    margin-top: 5px;
    height: 52px;
    overflow: hidden;
}

.appmor {
    display: block;
    text-align: right;
    color: #666666;
    font-size: 20px !important;
    font-weight: bold;
    margin-top: 60px;
}

.appmain .fenye {
    text-align: center;
}

.appmain .fenyen {
    display: inline-block;
    float: none;
}

.applie:hover {
    box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.applie:hover .apptu img {
    transform: scale(1.1, 1.1)
}

.applie:hover .appzi a {
    color: #ffcc00;
}

@media screen and (max-width: 999px) {
    .appmain {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .appa {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
    }

    .appp a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        max-height: 48px;
    }

    .appzi {
        padding: 10px 5px;
        transition: 0.5s;
    }
}

@media screen and (max-width: 699px) {
    .applie {
        width: 48%;
        margin-left: 1% !important;
        margin-right: 1%;
        margin-top: 15px;
    }

    .appa {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }

    .appp a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/********************************************  download  ***********************************************/
.domain {
    padding-top: 80px;
    padding-bottom: 95px;
}

.dolie {
    position: relative;
    border-bottom: 1px dashed #d1d1d1;
    padding-bottom: 12px;
    margin-bottom: 50px;
}

.don {
    padding-right: 200px;
}

.don > a {
    display: block;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    color: #4d4d4d;
    line-height: 24px;
    padding-left: 36px;
}

.don > a i {
    position: absolute;
    line-height: 24px;
    left: 0px;
    font-size: 24px;
    color: #999999;
}

.don p a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #666666;
    margin-top: 17px;
}

.domor {
    display: inline-block;
    min-width: 152px;
    line-height: 38px;
    padding: 0 5px;
    text-align: center;
    background: #666666;
    border-radius: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    position: absolute;
    right: 0px;
    top: 0px;
}

.don a:hover {
    color: #ffcc00;
}

.domor:hover {
    background: #ffcc00;
    color: #333;
}

.domain .fenye {
    padding-top: 17px;
}

@media screen and (max-width: 699px) {
    .domain {
        padding-top: 20px;
        padding-bottom: 23px;
    }

    .dolie {
        margin-bottom: 30px;
    }

    .domor {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 10px;
        font-size: 12px;
        font-size: 1.2rem;
        min-width: 100px;
    }

    .don {
        padding: 0px;
    }

    .don > a, .don p a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
}

/********************************************  about  ***********************************************/
.abmain {
    padding-top: 70px;
    padding-bottom: 40px;
}

.abbiao {
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    font-family: HelveticaLTStd-Bold;
}

.abn {
    color: #555555;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    margin-top: 20px;
}

.abn p, .abn em, .abn strong {
    color: #555555;
}

.abn img {
    display: inline-block;
    max-width: 100%;
}

.abn a {
    color: #ffcc00;
}

.abn a:hover {
    text-decoration: underline;
}

.comain2 {
    margin-top: 60px;
    max-width: 900px;
    padding-bottom: 40px;
    margin-bottom: 61px;
    border-radius: 5px;
}

.cobiao2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 42px;
    text-align: center;
    font-family: HelveticaLTStd-Bold;
    position: relative;
    padding-bottom: 15px;
}

.ditu {
    padding-top: 1px;
    padding-bottom: 50px;
}

.ditu img {
    max-width: 100%;
}

.xunpan {
    background: #fbfbfb;
    border: 1px solid #e1e1e1;
    border-top: 5px solid #ffcc00;
    margin-top: 32px;
    padding-top: 26px;
    padding-bottom: 51px;
    margin-bottom: 40px;
}

.xunbiao {
    display: block;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 42px;
    text-align: center;
    font-family: HelveticaLTStd-Bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
}

.xunbiao:before {
    content: "";
    width: 119px;
    height: 4px;
    background: #ffcc00;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
}

.xunpan form {
    padding: 0 52px;
    padding-top: 18px;
}

.xunpan .int1 {
    width: 48%;
    float: left;
    height: 48px;
    border: 1px solid #d2d2d2;
    margin-top: 21px;
    padding-left: 10px;
    line-height: 48px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
}

.xunpan .int1:nth-child(even) {
    float: right;
}

.xunpan textarea {
    width: 100%;
    height: 119px;
    border: 1px solid #d2d2d2;
    margin-top: 21px;
    padding-left: 10px;
    line-height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
}

.xunpan .int2 {
    width: 308px;
    height: 48px;
    border: 1px solid #d2d2d2;
    line-height: 48px;
    margin-top: 21px;
    padding-left: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
    margin-right: 60px;
}

.xunpan .yanzheng {
    float: left;
    margin-top: 21px;
    margin-right: 66px;
    cursor: pointer;
    width: 135px;
    height: 48px;
}

.xunpan .int3 {
    width: 524px;
    height: 48px;
    background: #333333;
    padding: 0 5px;
    margin-top: 21px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    cursor: pointer;
    transition: 0.5s;
}

.xunpan .int3:hover {
    background: #ffcc00;
    color: #333;
}

/*.xunpan .int1:nth-child(2n-1){ float:left;}
.xunpan .int1:nth-child(2n){ float:right;}*/

@media screen and (max-width: 1219px) {
    .xunpan .int1 {
        width: 100%;
        float: none;
        clear: both;
    }

    .xunpan .int2 {
        width: 280px;
        margin-right: 10px;
    }

    .xunpan .yanzheng {
        margin-right: 10px;
    }

    .xunpan .int3 {
        width: 434px;
    }
}

@media screen and (max-width: 999px) {
    .abmain {
        padding-top: 30px;
    }

    .abbiao {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 30px;
    }

    .abn {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 15px;
    }

    .comain2 {
        margin-top: 30px;
        padding: 20px 10px;
        margin-bottom: 30px;
    }

    .cobiao2 {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 32px;
        text-align: center;
    }

    .ditu {
        padding-bottom: 27px;
    }

    .xunpan {
        margin-top: 22px;
        padding-top: 20px;
        padding-bottom: 21px;
    }

    .xunpan form {
        padding: 0 12px;
        padding-top: 18px;
    }

    .xunbiao {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
    }

    .xunpan .int1 {
        width: 100%;
        float: none;
    }

    .xunpan textarea {
        width: 100%;
        float: none;
    }

    .xunpan .int2 {
        width: 100%;
        float: none;
        margin-right: 0px;
    }

    .xunpan .yanzheng {
        margin-right: 10px;
    }

    .xunpan .int3 {
        width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .abn {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin-top: 15px;
    }

    .cobiao2 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 32px;
        text-align: center;
    }

    .xunpan .int3 {
        width: 100%;
    }
}


/*  main6  */
.main6 {
    padding-bottom: 75px;
    padding-top: 40px;
}

.main6 .m2a {
    text-align: center;
}

.m6n {
    font-size: 0px;
}

.m6n:after {
    content: "";
    clear: both;
    display: block;
}

.m6lie {
    width: 22.66%;
    display: inline-block;
    vertical-align: top;
    *float: left;
    margin-left: 2.78%;
    margin-top: 25px;
}

.m6tu {
    display: block;
    padding-bottom: 100%;
    position: relative;
}

.m6tu img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.m6zi {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    line-height: 30px;
    margin-top: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.main6 a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 999px) {
    .main6 {
        padding-bottom: 35px;
    }

    .m6zi {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
}

@media screen and (max-width: 669px) {
    .main6 {
        padding-top: 33px;
        padding-bottom: 35px;
    }

    .m6lie {
        width: 48%;
        margin-left: 1% !important;
        margin-right: 1%;
    }

    .m6zi {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        margin-top: 6px;
    }
}

/*  main7  */
.main7 {
    padding-bottom: 50px;
    padding-top: 40px;
}

.main7 .m2a, .main8 .m2a {
    text-align: center;
}

.m7n {
    margin-top: 20px;
}

.m7n:after {
    content: "";
    clear: both;
    display: block;
}

.m7lie {
    background: #fff;
    border: 2px solid #ffcc00;
    border-radius: 70px 0 70px 0;
    padding: 40px 20px;
    padding-bottom: 32px;
    margin-top: 30px;
}

.m7a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    font-weight: bold;
    position: relative;
    color: #333;
}

.m7a a {
    display: block;
    color: #333;
}

.m7a em {
    font-style: normal;
    font-size: 26px;
    font-size: 2.6rem;
    position: absolute;
    left: 0px;
    top: 0px;
}

.m7p {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 32px;
    margin-top: 7px;
}

.m7p p {
    color: #333;
    position: relative;
}

.m7p p a {
    color: #333;
    display: block;
}

.m7p p strong {
    font-style: normal;
    font-size: 26px;
    font-size: 2.6rem;
    position: absolute;
    left: 0px;
    top: -3px;
    color: #333;
}

.m7n a:hover {
    text-decoration: underline;
}


.main8 {
    padding-bottom: 50px;
    padding-top: 40px;
    background: #ffcc00;
}

.m8n {
    padding-top: 50px;
}

.m8n:after {
    content: "";
    clear: both;
    display: block;
}

.main8 a:hover {
}

.m8n .dolie {
    border-color: #333;
}

.m8n a {
    color: #333 !important;
    font-weight: bold;
}

.m8n i {
    color: #333 !important
}

.m8n .domor {
    background: #fff;
}

.m8n a:hover {
    text-decoration: underline;
}

.m8n .domor:hover {
    background: #333;
    color: #fff !important;
    text-decoration: none;
}

.main8 .m2biao:hover {
    color: #fff;
}

@media screen and (max-width: 999px) {
    .main7 {
        padding-bottom: 20px;
    }

    .m7lie {
        padding: 20px;
        margin-top: 20px;
    }

    .m7a {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .m7a em {
        font-size: 20px;
        font-size: 2rem;
    }

    .m7p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
        margin-top: 7px;
    }

    .m7p p {
    }

    .m7p p strong {
        font-size: 20px;
        font-size: 2rem;
    }

    .main8 {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .m8n {
        padding-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .main7 {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .m7lie {
        padding: 20px;
        margin-top: 20px;
    }

    .m7a {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .m7a em {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .m7p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        margin-top: 7px;
    }

    .m7p p {
    }

    .m7p p strong {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.main12 {
}

.main12 .m1tu {
    float: right;
}

.main12 .m1zi {
    float: left;
}

.m1tun {
    position: relative;
}

.m1tun iframe, .m1tun video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}


.attribute {
    font-size: 16px;
    margin-top: 50px;
}

.attribute .box {
    margin-top: 20px;
}

.attribute .name span {
    display: inline-block;
    color: #333;
    transition: 0.5s;
}

.attribute .name {
    line-height: 36px;
    padding: 10px;
    padding-right: 30px;
    background: #eaeaea;
    box-sizing: border-box;
    cursor: pointer;
    color: #333;
    margin-bottom: 5px;
    position: relative;
    transition: 0.5s;
}

.attribute .name i {
    color: #999999;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    transition: 0.5s;
}

.attribute .name.active {
    background: #ffcc00;
}

.attribute .name.active span {
    color: #333;
}

.attribute .name.active i {
    transform: rotate(180deg);
    color: #333;
}

.attribute .item-box {
    box-sizing: border-box; /*max-height: 180px;overflow-y: auto;*/
    display: none;
    cursor: pointer;
}

.attribute .item-box label {
    display: block;
    cursor: pointer;
}

.attribute .item-box > div {
    color: #666f66;
    background: #eaeaea;
    padding: 20px;
    margin-bottom: 5px;
    position: relative;
}

.attribute .item-box p input {
}

.attribute .item-box div span {
    overflow-y: hidden;
    display: inline-block;
    vertical-align: middle;
    max-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #1f1e19;
}

.attribute .check-box-div {
    position: absolute !important;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.attribute .check-box-div .icon {
    font-size: 18px
}

.attribute .item-box.active {
    display: block
}


/********************************************  video  ***********************************************/
.vimain {
    padding-bottom: 90px;
    padding-top: 70px;
}

.vilie {
    position: relative;
    background: #fff;
    border: solid 1px #e5e5e5;
    padding: 28px 40px;
    min-height: 327px;
    margin-top: 30px;
}

.vitu {
    display: block;
    width: 375px;
    position: absolute;
    left: 40px;
    top: 28px;
    cursor: pointer;
}

.vitu img {
    width: 100%;
}

.vitu .shpin {
    position: relative;
    padding-top: 75%;
    overflow: hidden
}

.vitu iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.vizi {
    margin-left: 435px;
    line-height: 271px;
}

.vizin {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.via {
    display: block;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.vip {
    display: block;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #666666;
    max-height: 120px;
    overflow: hidden;
    margin-top: 20px;
}

.vip p {
    color: #666;
}

.tankaung {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9999999999
}

/*.tankaungn{ position:fixed; left:50%; top:0px; transform:translateX(-50%); width:50%; height:100%; overflow:auto;}
.tankaungn2{position:fixed; top:50%; transform:translateY(-50%); left:0px; width:100%; padding-bottom:75%;height: 0; max-height:100%; background:#fff;}*/
.tankaungn2 {
    position: fixed;
    left: 5%;
    top: 5%;
    right: 5%;
    bottom: 5%;
}

.tankaungn2 iframe, .tankaungn2 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.tankaungn2 iframe body {
    margin: 0px !important;
}

.famain {
    padding-top: 70px;
    padding-bottom: 90px;
}

@media screen and (max-width: 999px) {
    .famain {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .vimain {
        padding-bottom: 40px;
        padding-top: 30px;
    }

    .vilie {
        border: none;
        background: none;
        min-height: 109px;
        padding: 0px;
    }

    .vitu {
        left: 0px;
        top: 0px;
        width: 150px;
    }

    .vizi {
        margin-left: 160px;
        line-height: none;
    }

    .vizin {
        display: block;
    }

    .via {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 26px;
    }

    .vip {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        max-height: 72px;
        overflow: hidden;
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .vilie {
        min-height: 87px;
    }

    .vitu {
        width: 120px;
    }

    .vizi {
        margin-left: 130px;
    }

    .via {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
    }

    .vip {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        max-height: 44px;
    }

    .tankaungn2 {
        position: fixed;
        left: 5%;
        top: 15%;
        right: 5%;
        bottom: 15%;
    }
}

/********************************************  certificate  ***********************************************/
.cemain {
    padding-top: 30px;
    padding-bottom: 90px;
    font-size: 0px;
    font-size: 0rem;
}

.cemain .m6lie {
    width: 22.7%;
    display: inline-block;
    vertical-align: top;
    margin-left: 3.066%;
    margin-top: 20px;
}

.m6fu {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: 0.5s;
}

.m6fu i {
    display: block;
    position: absolute;
    color: #ffffff;
    width: 30px;
    line-height: 30px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 24px;
}

.m6lie:hover .m6fu {
    opacity: 1;
}

@media screen and (max-width: 999px) {
    .cemain {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .m6fu {
        display: none
    }

    .cemain .m6lie {
        width: 31.33%;
        margin-left: 1% !important;
        margin-right: 1%;
    }

    .cemain .m6zi {
        color: #333
    }
}

@media screen and (max-width: 767px) {
    .cemain .m6lie {
        width: 31.33%;
    }
}

@media screen and (max-width: 499px) {
    .cemain .m6lie {
        width: 48%;
        margin-top: 20px;
    }
}

/*  product2  */
.prat {
    margin-top: 53px;
}

.atbiao {
    color: #202020;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    text-transform: uppercase;
}

.atn {
    position: relative;
    padding-left: 50px;
    margin-top: 8px;
}

.atsp {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    color: #000000;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
}

.atn label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #999999;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    cursor: pointer;
}

.atn span {
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px
}


/*  news2  */
.net .neriqi {
    height: auto;
    margin: auto;
    margin-right: 5px;
}

.nefor {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.nefor p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    margin: 0 10px;
}

.nefor p strong {
}

.nefor p em {
    color: #999
}

/*  about  */
.attachment {
}

.attachment.xing {
    padding-left: 15px;
    position: relative;
}

.attachment.xing:before {
    content: " * ";
    position: absolute;
    left: 0px;
    top: 12px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
}

.attachment span {
    float: left;
}

.attachment #file-name {
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment .file-group {
    float: none;
    margin: 20px 0 0 0px;
    width: 100%;
    height: 48px;
    position: relative;
    overflow: hidden;
}

.attachment .file-group .file-btn {
    width: 100%;
    height: 100%;
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    transition: 0.5s;
}

.attachment .file-group .file-single {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 111;
}

.attachment .file-group .file {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 111;
}

.attachment .file-name-p {
    height: 34px;
    display: flex;
    align-items: flex-end;
    line-height: 34px
}

.attachment .file-name-p i {
    cursor: pointer;
}

.attachment .file-name-p span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.attachment .file-group:hover .file-btn {
    background-color: #fff;
    color: #333;
}

@media screen and (max-width: 999px) {
    .attachment .file-group {
        width: 100%;
    }
}

.ynav {
    float: right;
    padding-bottom: 10px;
    padding-left: 10px;
    z-index: 99;
    cursor: pointer;
    margin-top: 5px
}

.yvnava {
    width: 32px;
    height: 32px;
    background: #333333;
    position: relative;
}

.ysp1 {
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: -10px;
}

.ysp2 {
    display: block;
    width: 13px;
    height: 2px;
    background: #fff;
    margin: 3px 0;
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: -1px;
}

.ysp3 {
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: 8px;
}

.yyiji {
    position: absolute;
    right: 0px;
    top: 34px;
    width: 200px;
    z-index: 99999;
    border: solid 1px #d9d9d9;
    border-bottom: none;
    background: #fff;
    display: none
}

.yyiji li {
    position: relative;
}

.yyiji li a {
    display: block;
    border-bottom: solid 1px #d9d9d9;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 26px;
    padding: 6px 9px;
}

.yyiji li a:hover {
    background: #333;
    color: #fff;
}

.yerji {
    position: absolute;
    right: 100%;
    top: 0px;
    width: 200px;
    border: solid 1px #d9d9d9;
    border-bottom: none;
    background: #fff;
    display: none
}

.ynav:hover .yyiji {
    display: block;
}

.yyiji li:hover .yerji {
    display: block;
}

.ynav .dangqiandao a {
    background: #333;
    color: #fff !important;
}

@font-face {
    font-family: HelveticaLTStd-Bold;
    src: url('../font/HelveticaLTStdBold.eot');
    src: url('../font/HelveticaLTStdBold.eot') format('embedded-opentype'),
    url('../font/HelveticaLTStdBold.woff2') format('woff2'),
    url('../font/HelveticaLTStdBold.woff') format('woff'),
    url('../font/HelveticaLTStdBold.ttf') format('truetype'),
    url('https://tr.maliochina.com/themes/template/0621/static/fonts/HelveticaLTStdBold.svg') format('svg');
}

@font-face {
    font-family: HelveticaLTStd-Light;
    src: url("../font/HelveticaLTStd-Light.woff2") format("woff2"),
    url("../font/HelveticaLTStd-Light.woff") format("woff"),
    url("../font/HelveticaLTStd-Light.ttf") format("truetype"),
    url("../font/HelveticaLTStd-Light.eot") format("embedded-opentype"),
    url("https://tr.maliochina.com/themes/template/0621/static/fonts/HelveticaLTStd-Light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont1.eot'); /* IE9 */
    src: url('../font/iconfont1.eot') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../font/iconfont1.woff') format('woff'),
    url('../font/iconfont1.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('https://tr.maliochina.com/themes/template/0621/static/fonts/iconfont.svg?t=1599788244007') format('svg'); /* iOS 4.1- */
}

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

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

.icon-edit:before {
    content: "\e611";
}

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

.icon-vk:before {
    content: "\e735";
}

.icon-pinterest:before {
    content: "\e8ab";
}

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

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

.icon-youtube:before {
    content: "\e6d6";
}

.icon-twitter:before {
    content: "\e607";
}

.icon-jia2:before {
    content: "\e608";
}

.icon-bigger:before {
    content: "\e647";
}

.icon-left:before {
    content: "\e72c";
}

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

.icon-up1:before {
    content: "\e72e";
}

.icon-bottom1:before {
    content: "\e72f";
}

.icon-left1:before {
    content: "\e730";
}

.icon-right1:before {
    content: "\e731";
}

.icon-up:before {
    content: "\e73e";
}

.icon-bottom:before {
    content: "\e73f";
}

.icon-instagram:before {
    content: "\e79d";
}

.icon-tumblr:before {
    content: "\e79e";
}

.icon-download:before {
    content: "\e7a0";
}

.icon-download1:before {
    content: "\e7a7";
}

.icon-search4:before {
    content: "\e7b2";
}

.icon-address:before {
    content: "\e7bc";
}

.icon-email:before {
    content: "\e7bd";
}

.icon-contact:before {
    content: "\e7be";
}

.icon-whatsapp:before {
    content: "\e7bf";
}

.icon-fax:before {
    content: "\e7c2";
}

.icon-mobile:before {
    content: "\e7c6";
}

.icon-phone:before {
    content: "\e7c8";
}

.icon-tel:before {
    content: "\e7c7";
}

.icon-phone1:before {
    content: "\e7cb";
}

.icon-skype:before {
    content: "\e7cc";
}

.icon-whatsapp1:before {
    content: "\e7c1";
}

.icon-address1:before {
    content: "\e7c3";
}

.icon-contact1:before {
    content: "\e7c4";
}

.icon-email1:before {
    content: "\e7c5";
}

.icon-skype1:before {
    content: "\e7c9";
}

.icon-fax1:before {
    content: "\e7ca";
}

.icon-qq:before {
    content: "\e7ce";
}

.icon-tel1:before {
    content: "\e7cd";
}

.icon-wechat:before {
    content: "\e7cf";
}

.icon-phone2:before {
    content: "\e7d0";
}

.icon-message:before {
    content: "\e7da";
}

.icon-calendar:before {
    content: "\e7e1";
}

.icon-calendar1:before {
    content: "\e7e3";
}

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

.icon-youbian:before {
    content: "\e60f";
}

.icon-changfangbiaozhunhetong:before {
    content: "\e6b7";
}

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

.icon-zhengshu:before {
    content: "\e63f";
}

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


.img {
    background: url(../image/lang.png) no-repeat;
    background-size: 24px 1664px
}

.no {
    height: 16px;
    width: 24px;
    background-position: 0 0;
}

.ny {
    height: 16px;
    width: 24px;
    background-position: 0 -16px;
}

.pa {
    height: 16px;
    width: 24px;
    background-position: 0 -32px;
}

.my {
    height: 16px;
    width: 24px;
    background-position: 0 -48px;
}

.ne {
    height: 16px;
    width: 24px;
    background-position: 0 -64px;
}

.nl {
    height: 16px;
    width: 24px;
    background-position: 0 -80px;
}

.ro {
    height: 16px;
    width: 24px;
    background-position: 0 -96px;
}

.ru {
    height: 16px;
    width: 24px;
    background-position: 0 -112px;
}

.sd {
    height: 16px;
    width: 24px;
    background-position: 0 -128px;
}

.pl {
    height: 16px;
    width: 24px;
    background-position: 0 -144px;
}

.ps {
    height: 16px;
    width: 24px;
    background-position: 0 -160px;
}

.pt {
    height: 16px;
    width: 24px;
    background-position: 0 -176px;
}

.mt {
    height: 16px;
    width: 24px;
    background-position: 0 -192px;
}

.lt {
    height: 16px;
    width: 24px;
    background-position: 0 -208px;
}

.lv {
    height: 16px;
    width: 24px;
    background-position: 0 -224px;
}

.mg {
    height: 16px;
    width: 24px;
    background-position: 0 -240px;
}

.la {
    height: 16px;
    width: 24px;
    background-position: 0 -256px;
}

.lb {
    height: 16px;
    width: 24px;
    background-position: 0 -272px;
}

.lo {
    height: 16px;
    width: 24px;
    background-position: 0 -288px;
}

.mn {
    height: 16px;
    width: 24px;
    background-position: 0 -304px;
}

.mr {
    height: 16px;
    width: 24px;
    background-position: 0 -320px;
}

.ms {
    height: 16px;
    width: 24px;
    background-position: 0 -336px;
}

.mi {
    height: 16px;
    width: 24px;
    background-position: 0 -352px;
}

.mk {
    height: 16px;
    width: 24px;
    background-position: 0 -368px;
}

.ml {
    height: 16px;
    width: 24px;
    background-position: 0 -384px;
}

.si {
    height: 16px;
    width: 24px;
    background-position: 0 -400px;
}

.tw {
    height: 16px;
    width: 24px;
    background-position: 0 -416px;
}

.uk {
    height: 16px;
    width: 24px;
    background-position: 0 -432px;
}

.ur {
    height: 16px;
    width: 24px;
    background-position: 0 -448px;
}

.th {
    height: 16px;
    width: 24px;
    background-position: 0 -464px;
}

.tl {
    height: 16px;
    width: 24px;
    background-position: 0 -480px;
}

.tr {
    height: 16px;
    width: 24px;
    background-position: 0 -496px;
}

.yi {
    height: 16px;
    width: 24px;
    background-position: 0 -512px;
}

.yo {
    height: 16px;
    width: 24px;
    background-position: 0 -528px;
}

.zu {
    height: 16px;
    width: 24px;
    background-position: 0 -544px;
}

.uz {
    height: 16px;
    width: 24px;
    background-position: 0 -560px;
}

.vi {
    height: 16px;
    width: 24px;
    background-position: 0 -576px;
}

.xh {
    height: 16px;
    width: 24px;
    background-position: 0 -592px;
}

.tg {
    height: 16px;
    width: 24px;
    background-position: 0 -608px;
}

.so {
    height: 16px;
    width: 24px;
    background-position: 0 -624px;
}

.sq {
    height: 16px;
    width: 24px;
    background-position: 0 -640px;
}

.sr {
    height: 16px;
    width: 24px;
    background-position: 0 -656px;
}

.sl {
    height: 16px;
    width: 24px;
    background-position: 0 -672px;
}

.sm {
    height: 16px;
    width: 24px;
    background-position: 0 -688px;
}

.sn {
    height: 16px;
    width: 24px;
    background-position: 0 -704px;
}

.sw {
    height: 16px;
    width: 24px;
    background-position: 0 -720px;
}

.ta {
    height: 16px;
    width: 24px;
    background-position: 0 -736px;
}

.te {
    height: 16px;
    width: 24px;
    background-position: 0 -752px;
}

.st {
    height: 16px;
    width: 24px;
    background-position: 0 -768px;
}

.su {
    height: 16px;
    width: 24px;
    background-position: 0 -784px;
}

.sv {
    height: 16px;
    width: 24px;
    background-position: 0 -800px;
}

.ky {
    height: 16px;
    width: 24px;
    background-position: 0 -816px;
}

.el {
    height: 16px;
    width: 24px;
    background-position: 0 -832px;
}

.en {
    height: 16px;
    width: 24px;
    background-position: 0 -848px;
}

.eo {
    height: 16px;
    width: 24px;
    background-position: 0 -864px;
}

.cy {
    height: 16px;
    width: 24px;
    background-position: 0 -880px;
}

.da {
    height: 16px;
    width: 24px;
    background-position: 0 -896px;
}

.de {
    height: 16px;
    width: 24px;
    background-position: 0 -912px;
}

.fa {
    height: 16px;
    width: 24px;
    background-position: 0 -928px;
}

.fi {
    height: 16px;
    width: 24px;
    background-position: 0 -944px;
}

.fr {
    height: 16px;
    width: 24px;
    background-position: 0 -960px;
}

.es {
    height: 16px;
    width: 24px;
    background-position: 0 -976px;
}

.et {
    height: 16px;
    width: 24px;
    background-position: 0 -992px;
}

.eu {
    height: 16px;
    width: 24px;
    background-position: 0 -1008px;
}

.cs {
    height: 16px;
    width: 24px;
    background-position: 0 -1024px;
}

.az {
    height: 16px;
    width: 24px;
    background-position: 0 -1040px;
}

.be {
    height: 16px;
    width: 24px;
    background-position: 0 -1056px;
}

.bg {
    height: 16px;
    width: 24px;
    background-position: 0 -1072px;
}

.af {
    height: 16px;
    width: 24px;
    background-position: 0 -1088px;
}

.am {
    height: 16px;
    width: 24px;
    background-position: 0 -1104px;
}

.ar {
    height: 16px;
    width: 24px;
    background-position: 0 -1120px;
}

.ceb {
    height: 16px;
    width: 24px;
    background-position: 0 -1136px;
}

.cn {
    height: 16px;
    width: 24px;
    background-position: 0 -1152px;
}

.co {
    height: 16px;
    width: 24px;
    background-position: 0 -1168px;
}

.bn {
    height: 16px;
    width: 24px;
    background-position: 0 -1184px;
}

.bs {
    height: 16px;
    width: 24px;
    background-position: 0 -1200px;
}

.ca {
    height: 16px;
    width: 24px;
    background-position: 0 -1216px;
}

.fy {
    height: 16px;
    width: 24px;
    background-position: 0 -1232px;
}

.is {
    height: 16px;
    width: 24px;
    background-position: 0 -1248px;
}

.it {
    height: 16px;
    width: 24px;
    background-position: 0 -1264px;
}

.ja {
    height: 16px;
    width: 24px;
    background-position: 0 -1280px;
}

.hy {
    height: 16px;
    width: 24px;
    background-position: 0 -1296px;
}

.id {
    height: 16px;
    width: 24px;
    background-position: 0 -1312px;
}

.ig {
    height: 16px;
    width: 24px;
    background-position: 0 -1328px;
}

.km {
    height: 16px;
    width: 24px;
    background-position: 0 -1344px;
}

.kn {
    height: 16px;
    width: 24px;
    background-position: 0 -1360px;
}

.ko {
    height: 16px;
    width: 24px;
    background-position: 0 -1376px;
}

.jv {
    height: 16px;
    width: 24px;
    background-position: 0 -1392px;
}

.ka {
    height: 16px;
    width: 24px;
    background-position: 0 -1408px;
}

.kk {
    height: 16px;
    width: 24px;
    background-position: 0 -1424px;
}

.ku {
    height: 16px;
    width: 24px;
    background-position: 0 -1440px;
}

.gl {
    height: 16px;
    width: 24px;
    background-position: 0 -1456px;
}

.gu {
    height: 16px;
    width: 24px;
    background-position: 0 -1472px;
}

.ha {
    height: 16px;
    width: 24px;
    background-position: 0 -1488px;
}

.hu {
    height: 16px;
    width: 24px;
    background-position: 0 -1504px;
}

.ga {
    height: 16px;
    width: 24px;
    background-position: 0 -1520px;
}

.gd {
    height: 16px;
    width: 24px;
    background-position: 0 -1536px;
}

.hmn {
    height: 16px;
    width: 24px;
    background-position: 0 -1552px;
}

.hr {
    height: 16px;
    width: 24px;
    background-position: 0 -1568px;
}

.ht {
    height: 16px;
    width: 24px;
    background-position: 0 -1584px;
}

.haw {
    height: 16px;
    width: 24px;
    background-position: 0 -1600px;
}

.he {
    height: 16px;
    width: 24px;
    background-position: 0 -1616px;
}

.hi {
    height: 16px;
    width: 24px;
    background-position: 0 -1632px;
}

.sk {
    height: 16px;
    width: 24px;
    background-position: 0 -1648px;
}

.xunpanlb .table {
    margin-top: 30px;
}

.xunpanlb .table .thead {
    font-size: 0;
    letter-spacing: 0;
    border: 1px solid #dcdcdc;
}

.xunpanlb .table .thead p {
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    line-height: 40px;
    width: 33.3333%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

.xunpanlb .table .thead p:nth-child(2) {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

.xunpanlb .table .tbody {
    font-size: 0;
    letter-spacing: 0;
}

.xunpanlb .table .tbody .tread {
    border: 1px solid #dcdcdc;
    border-top: 0;
}

.xunpanlb .table .tbody .tread .td {
    height: 100%;
    text-align: center;
    padding: 10px 10px;
    font-size: 16px;
    line-height: 40px;
    width: 33.3333%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

.xunpanlb .table .tbody .tread .td:nth-child(2) {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

.xunpanlb .table .tbody .td img {
    max-width: 110px;
}

.xunpanlb .table .tbody .td a {
    color: #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.xunpanlb .table .tbody .td a:hover {
    color: #ffcc00;
}

@media screen and (max-width: 520px) {
    .xunpanlb .table {
        border-top: 1px solid #dcdcdc;
    }

    .xunpanlb .table .thead {
        display: none;
    }

    .xunpanlb .table .tbody .td {
        width: 100% !important;
    }

    .xunpanlb .table .tbody .tread .td:nth-child(2) {
        border: 0 !important;
    }
}

.disnone {
    display: none !important;
}

.fenye a.pageEllipsis:hover {
    border: #e4e4e4 solid 1px !important;
    color: #333 !important;
    background-color: #fff !important
}

.vtb {
    display: inline-block;
    vertical-align: top;
}

.ul-vtb {
    display: inline-block;
}

.ul-vtb li {
    color: #fff;
}


.m-kf5 .kf-item span {

    font-family: Arial, Helvetica, sans-serif;
}
.cart-list .cart-item .cart-product{
    font-size: 14px;
}
.cart-list .cart-currency select{
    color: #333 !important;
    font-size: 14px !important;
}
.cart-list input{
    color: #333 !important;
    font-size: 14px !important;
}
.cart-list textarea{
    color: #333 !important;
    font-size: 14px !important;
}
.order-buy-now .order-input input{
    font-size: 14px !important;
    color: #333 !important;
}
.order-buy-now .simulate-select-ul{
    color: #333 !important;
    font-size: 14px !important;
}
.order-buy-now .order-input select{
    color: #333 !important;
    font-size: 14px !important;
}