body {
    margin: 0;
    background-color: #f5f5f5;
    color: #666;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', \5b8b\4f53, sans-serif;
    font-family: "PingFangSC", "helvetica neue", "hiragino sans gb", "arial", "microsoft yahei ui", "microsoft yahei", "simsun", "sans-serif" !important;
}

dl,
dd,
p,
form {
    margin: 0;
}

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

em,
i {
    font-style: normal;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #666;
    text-decoration: none !important;
    outline: none;
}

a:hover {
    color: #999;
    text-decoration: none !important;
}

img {
    border: 0;
    vertical-align: top;
}

button {
    border: transparent;
    margin: 0;
    padding: 0;
}

input,
select,
button,
textarea {
    outline: 0;
}

input[type=submit] {
    border: none;
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.fr:before,
.fr:after,
.fl:before,
.fl:after {
    content: '';
    display: block;
    clear: both;
}

/* PC端显示样式 */
@media (min-width: 768px) {
    .pc-wrap {
        display: block !important;
    }

    .conbox {
        width: 1200px;
        margin: 0 auto;
    }

    .header {
        width: 100%;
        height: 695px;
        background: url(images/banner.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .company-header {
        width: 100%;
        height: 578px;
        background: url(images/combanner.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .company-header .map {
        width: 100%;
        clear: both;
        padding-top: 460px;
        font-size: 14px;
        color: #fff;
    }

    .company-header .map img {
        margin-right: 5px;
    }

    .product-header {
        width: 100%;
        height: 578px;
        background: url(images/probanner.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .product-header .map {
        width: 100%;
        clear: both;
        padding-top: 460px;
        font-size: 14px;
        color: #fff;
    }

    .product-header .map img {
        margin-right: 5px;
    }

    .partner-header {
        width: 100%;
        height: 578px;
        background: url(images/parnerbanner.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .partner-header .map {
        width: 100%;
        clear: both;
        padding-top: 460px;
        font-size: 14px;
        color: #fff;
    }

    .partner-header .map img {
        margin-right: 5px;
    }

    .join-header {
        width: 100%;
        height: 578px;
        background: url(images/joinbanner.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .join-header .map {
        width: 100%;
        clear: both;
        padding-top: 460px;
        font-size: 14px;
        color: #fff;
    }

    .join-header .map img {
        margin-right: 5px;
    }

    .relationship-header {
        width: 100%;
        height: 578px;
        background: url(images/shipbanner.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .relationship-header .map {
        width: 100%;
        clear: both;
        padding-top: 460px;
        font-size: 14px;
        color: #fff;
    }

    .relationship-header .map img {
        margin-right: 5px;
    }

    .header-top {
        width: 100%;
    }

    .header-top .logo {
        float: left;
        display: inline-block;
    }

    .header-top .logo img {
        width: 200px;
        height: 50px;
        margin-top: 15px;
    }

    .header-banner {
        width: 100%;
        text-align: center;
        color: #fff;
        padding-top: 230px;
    }

    .header-banner .big-tit {
        font-size: 50px;
    }

    .header-banner .samll-tit {
        font-size: 14px;
        letter-spacing: 20px;
        color: #eee;
        margin: 20px auto;
        display: inline-block;
        width: 100%;
        clear: both;
    }

    .header-banner .ask {
        padding: 8px 20px;
        border: 1px solid #fff;
        border-radius: 5px;
        display: inline-block;
        font-size: 16px;
        color: #fff;
        margin-top: 50px;
    }

    .header-banner .ask img {
        float: left;
        display: inline-block;
        margin-top: 3px;
        margin-right: 5px;
    }

    .ui-header-nav dl dd ul {
        display: none;
        transition: all .3s ease;
        background-color: rgba(0, 32, 75, 0.6);
        transform: translateY(-4%);
        position: absolute;
        width: 121px;
        top: 87px;
        left: 0;
        padding: 0 0;
    }

    .ui-header-nav {
        float: right;
        justify-content: flex-start;
        margin-right: 30px;
        height: 80px;
    }

    .ui-header-nav dl dd h3 a {
        font-weight: normal;
        color: #fff;
        font-size: 16px;
    }

    .ui-header-nav dl dd {
        color: #fff;
        display: block;
        padding: 11px 22px;
        box-sizing: border-box;
        border-bottom: 2px solid transparent;
        font-size: 14px;
        font-weight: normal;
        position: relative;
        text-align: center;
        float: left;
    }

    .ui-header-nav dl dd ul li {
        height: 40px;
        line-height: 40px;
        background: #3d4d61;
    }

    .ui-header-nav dl dd ul li:hover {
        height: 40px;
        line-height: 40px;
        background: #262f3d;
    }

    .ui-header-nav dl .on {
        border-bottom: 2px solid transparent;
        border-color: #f2c730;
        -webkit-tap-highlight-color: transparent;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        color: #f2c730;
    }

    .ui-header-nav dl .on h3 a {
        color: #f2c730;
    }

    .ui-header-nav dl h3 a span img {
        display: inline-block;
        margin-left: 5px;
    }

    .ui-header-nav dl dd ul li a {
        color: #fff;
        font-size: 14px;
    }

    .ui-header-nav dl dd ul li a:hover {
        color: #f2c730;
    }

    .footer {
        width: 100%;
        height: 280px;
        background: url(images/footerbg.png) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .footer .footer-top {
        width: 100%;
        padding-top: 40px;
        clear: both;
    }

    .footer .footer-top .footer-left {
        float: left;
        display: inline-block;
        margin-right: 85px;
    }

    .footer .footer-top .footer-left .link {
        margin-top: 40px;
    }

    .footer .footer-top .footer-middle {
        float: left;
        display: inline-block;
    }

    .footer .footer-top .footer-middle .title {
        font-size: 16px;
        color: #fff;
        padding-bottom: 20px;
    }

    .footer .footer-top .footer-middle p {
        font-size: 14px;
        color: #abaeb3;
        line-height: 25px;
        margin: 0 !important;
    }

    .footer .footer-bottom {
        width: 100%;
        clear: both;
        text-align: center;
        font-size: 16px;
        color: #abaeb3;
        padding-top: 55px;
    }

    .index-about {
        width: 100%;
        height: 993px;
        background: url(images/aboutbg.png) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .index-about .about-tit {
        width: 100%;
        clear: both;
        padding-top: 60px;
        text-align: center;
    }

    .index-about .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .index-about .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .index-about .about-tit .englishname {
        font-size: 14px;
        color: #222;
    }

    .index-about .about-content {
        font-size: 14px;
        color: #808080;
        line-height: 50px;
        text-align: center;
        margin-top: 30px;
    }

    .index-about .about-list {
        width: 1200px;
        height: 530px;
        margin-top: 35px;
        background: url(images/index-pro.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .index-about .about-list ul {
        width: 100%;
    }

    .index-about .about-list ul li {
        width: 300px;
        float: left;
        display: inline-block;
    }

    .index-about .about-list ul li a.bottom {
        text-align: center;
        margin-top: 300px;
        display: block;
        text-align: center;
        position: relative;
    }

    .index-about .about-list ul li a.bottom p.title {
        font-size: 24px;
        color: #222;
    }

    .index-about .about-list ul li a.bottom p.title1 {
        font-size: 24px;
        color: #fff;
    }

    .index-about .about-list ul li a.bottom p.line {
        width: 25px;
        height: 4px;
        background: #878d95;
        display: inline-block;
        margin-bottom: 20px;
    }

    .index-about .about-list ul li a.bottom p.line1 {
        width: 25px;
        height: 4px;
        background: #f9e397;
        display: inline-block;
        margin-bottom: 20px;
    }

    .index-about .about-list ul li a.bottom p.con {
        font-size: 16px;
        color: #808080;
        line-height: 40px;
    }

    .index-about .about-list ul li a.bottom p.con1 {
        font-size: 16px;
        color: #fff;
        line-height: 40px;
    }

    .index-about .about-list ul li a.bottom .pop-tips {
        width: 1200px;
        position: absolute;
        top: -300px;
        height: 266px;
        background: #262f3d;
        font-size: 14px;
        color: #fff;
        text-align: left;
        z-index: 100;
    }

    .index-about .about-list ul li a.bottom .pop-tips.listtwo {
        position: absolute;
        top: -300px;
        left: -600px;
    }

    .index-about .about-list ul li a.bottom .pop-tips .pop-con {
        width: 94%;
        margin: 20px 3%;
    }

    .index-about .about-list ul li a.bottom .pop-tips .pop-con p.subtit {
        font-size: 18px;
        color: #f2c62e;
        line-height: 40px;
        padding-bottom: 5px;
    }

    .index-about .about-list ul li a.bottom .pop-tips .pop-con p {
        font-size: 14px;
        line-height: 30px;
    }

    .index-about .about-list ul li a.bottom:hover {
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .index-about .about-list ul li a.top {
        text-align: center;
        margin-top: 50px;
        display: block;
        text-align: center;
        position: relative;
    }

    .index-about .about-list ul li a.top p.title {
        font-size: 24px;
        color: #222;
    }

    .index-about .about-list ul li a.top p.title1 {
        font-size: 24px;
        color: #fff;
    }

    .index-about .about-list ul li a.top p.line {
        width: 25px;
        height: 4px;
        background: #878d95;
        display: inline-block;
        margin-bottom: 20px;
    }

    .index-about .about-list ul li a.top p.line1 {
        width: 25px;
        height: 4px;
        background: #f2c62e;
        display: inline-block;
        margin-bottom: 20px;
    }

    .index-about .about-list ul li a.top p.con {
        font-size: 16px;
        color: #808080;
        line-height: 40px;
    }

    .index-about .about-list ul li a.top p.con1 {
        font-size: 16px;
        color: #fff;
        line-height: 40px;
    }

    .index-about .about-list ul li a.top .pop-tips {
        width: 1200px;
        position: absolute;
        top: 215px;
        left: -300px;
        height: 266px;
        background: #262f3d;
        font-size: 14px;
        color: #f2c62e;
        text-align: left;
        z-index: 100;
    }

    .index-about .about-list ul li a.top .pop-tips.listtwo {
        position: absolute;
        top: 215px;
        left: -900px;
    }

    .index-about .about-list ul li a.top .pop-tips .pop-con {
        width: 94%;
        margin: 20px 3%;
    }

    .index-about .about-list ul li a.top .pop-tips .pop-con p.subtit {
        font-size: 18px;
        color: #f2c62e;
        line-height: 40px;
        padding-bottom: 5px;
    }

    .index-about .about-list ul li a.top .pop-tips .pop-con p {
        font-size: 14px;
        line-height: 30px;
        color: #fff;
    }

    .index-about .about-list ul li a.top:hover {
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .index-product {
        width: 100%;
        height: 584px;
        background: url(images/productbg.png) no-repeat;
        background-size: 100%;
    }

    .index-product .product-tit {
        width: 100%;
        clear: both;
        padding-top: 60px;
        text-align: center;
    }

    .index-product .product-tit .chinaname {
        font-size: 30px;
        color: #fff;
    }

    .index-product .product-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .index-product .product-tit .englishname {
        font-size: 14px;
        color: #fff;
    }

    .index-product .product-con {
        width: 100%;
        margin-top: 30px;
    }

    .index-product .product-con ul {
        width: 100%;
    }

    .index-product .product-con ul li {
        width: 33.3%;
        text-align: center;
        float: left;
        display: inline-block;
    }

    .index-product .product-con ul li dl {
        width: 80%;
        margin: 20px 10%;
    }

    .index-product .product-con ul li dl dt img {
        width: 50px;
        margin: 0px auto 40px;
    }

    .index-product .product-con ul li dl .name {
        font-size: 24px;
        color: #fff;
    }

    .index-product .product-con ul li dl .line {
        width: 15px;
        height: 3px;
        background: #fff;
        display: inline-block;
    }

    .index-product .product-con ul li dl .descript {
        font-size: 14px;
        color: #999999;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .index-parner {
        width: 100%;
        height: 515px;
        background: url(images/parnerbg.png) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .index-parner .parner-tit {
        width: 100%;
        clear: both;
        padding-top: 60px;
        text-align: center;
    }

    .index-parner .parner-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .index-parner .parner-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .index-parner .parner-tit .englishname {
        font-size: 14px;
        color: #222;
    }

    .index-parner .parner-con {
        width: 100%;
    }

    .index-parner .parner-con ul {
        width: 100%;
    }

    .index-parner .parner-con ul li {
        width: 220px;
        margin: 15px 10px;
        float: left;
        display: inline-block;
        text-align: center;
        font-size: 16px;
        color: #666666;
        line-height: 30px;
    }

    .index-parner .parner-con ul li p {
        padding-top: 10px;
    }

    .company-about {
        width: 100%;
        height: 538px;
        background: url(images/cobg01.png) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .company-about .about-tit {
        width: 100%;
        clear: both;
        padding-top: 30px;
        text-align: center;
    }

    .company-about .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .company-about .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .company-about .about-tit .englishname {
        font-size: 14px;
        color: #222;
    }

    .company-about .about-content {
        font-size: 15px;
        color: #808080;
        line-height: 45px;
        text-align: center;
        margin-top: 10px;
    }

    .company-about .about-content .title {
        font-size: 22px;
        color: #333b48;
    }

    .company-about .comask {
        text-align: center;
        font-size: 16px;
        color: #262f3d;
        padding: 10px 20px;
        background: #f2c62e;
        display: inline-block;
        border: 2px solid #fff;
        border-radius: 5px;
        margin: 15px 532.5px;
        box-shadow: #ccc 10px 10px 30px 5px;
    }

    .company-about .comask img {
        margin-top: 3px;
        margin-right: 5px;
    }

    .company-culture {
        width: 100%;
        height: 658px;
        background: url(images/cobg02.jpg) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .company-culture .about-tit {
        width: 100%;
        clear: both;
        padding-top: 60px;
        text-align: center;
    }

    .company-culture .about-tit .chinaname {
        font-size: 30px;
        color: #FFF;
    }

    .company-culture .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .company-culture .about-tit .englishname {
        font-size: 14px;
        color: #fff;
    }

    .company-culture .culture-con {
        width: 1000px;
        margin: 0 100px;
    }

    .company-culture .culture-con .culture-left a {
        width: 410px;
        height: 410px;
        float: left;
        display: inline-block;
        border-radius: 206px;
        border: 1px solid #fff;
        text-align: center;
    }

    .company-culture .culture-con .culture-left a dl {
        width: 80%;
        margin: 50px 10%;
        color: #fff;
    }

    .company-culture .culture-con .culture-left a dl .img {
        width: 81px;
        height: 93px;
        background: url(../images/com01.png) center center no-repeat;
        margin: 0 auto;
    }

    .company-culture .culture-con .culture-left a dl .china {
        font-size: 36px;
        padding: 20px 0 0;
    }

    .company-culture .culture-con .culture-left a dl .line {
        width: 15px;
        height: 5px;
        background: #fff;
        display: inline-block;
        margin-top: 10px;
    }

    .company-culture .culture-con .culture-left a dl .english {
        font-size: 22px;
    }

    .company-culture .culture-con .culture-left a:hover {
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background: #e1ba32;
        border: 1px solid #e1ba32;
    }

    .company-culture .culture-con .culture-left a:hover dl {
        color: #262f3d !important;
    }

    .company-culture .culture-con .culture-left a:hover dl .img {
        width: 81px;
        height: 93px;
        background: url(../images/com011.png) center center no-repeat;
        margin: 0 auto;
    }

    .company-culture .culture-con .culture-left a:hover dl .line {
        width: 15px;
        height: 5px;
        background: #262f3d;
        display: inline-block;
        margin-top: 10px;
    }

    .company-culture .culture-con .culture-middle {
        float: left;
        display: inline-block;
        width: 178px;
        text-align: center;
        margin-top: 200px;
    }

    .company-culture .culture-con .culture-right a {
        width: 410px;
        height: 410px;
        float: left;
        display: inline-block;
        border-radius: 206px;
        border: 1px solid #fff;
        text-align: center;
    }

    .company-culture .culture-con .culture-right a dl {
        width: 80%;
        margin: 50px 10%;
        color: #fff;
    }

    .company-culture .culture-con .culture-right a dl .img {
        width: 102px;
        height: 93px;
        background: url(../images/com021.png) center center no-repeat;
        margin: 0 auto;
    }

    .company-culture .culture-con .culture-right a dl .china {
        font-size: 36px;
        padding: 20px 0 0;
    }

    .company-culture .culture-con .culture-right a dl .line {
        width: 15px;
        height: 5px;
        background: #fff;
        display: inline-block;
        margin-top: 10px;
    }

    .company-culture .culture-con .culture-right a dl .english {
        font-size: 22px;
    }

    .company-culture .culture-con .culture-right a:hover {
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background: #e1ba32;
        border: 1px solid #e1ba32;
    }

    .company-culture .culture-con .culture-right a:hover dl {
        color: #262f3d !important;
    }

    .company-culture .culture-con .culture-right a:hover dl .img {
        width: 102px;
        height: 93px;
        background: url(../images/com02.png) center center no-repeat;
        margin: 0 auto;
    }

    .company-culture .culture-con .culture-right a:hover dl .line {
        width: 15px;
        height: 5px;
        background: #262f3d;
        display: inline-block;
        margin-top: 10px;
    }

    .company-value {
        width: 100%;
        height: 758px;
        background: url(images/cobg03.png) no-repeat;
    }

    .company-value .about-tit {
        width: 100%;
        clear: both;
        padding-top: 50px;
        text-align: center;
    }

    .company-value .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .company-value .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .company-value .about-tit .englishname {
        font-size: 14px;
        color: #222;
    }

    .company-value .about-list {
        width: 1200px;
        height: 530px;
        margin-top: 35px;
        background: url(images/index-pro.jpg) no-repeat;
        background-size: 100%;
    }

    .company-value .about-list ul {
        width: 100%;
    }

    .company-value .about-list ul li {
        width: 300px;
        float: left;
        display: inline-block;
    }

    .company-value .about-list ul li a.bottom {
        text-align: center;
        margin-top: 300px;
        display: block;
        text-align: center;
        position: relative;
    }

    .company-value .about-list ul li a.bottom p.title {
        font-size: 24px;
        color: #222;
    }

    .company-value .about-list ul li a.bottom p.title1 {
        font-size: 24px;
        color: #fff;
    }

    .company-value .about-list ul li a.bottom p.line {
        width: 25px;
        height: 4px;
        background: #878d95;
        display: inline-block;
        margin-bottom: 20px;
    }

    .company-value .about-list ul li a.bottom p.line1 {
        width: 25px;
        height: 4px;
        background: #f9e397;
        display: inline-block;
        margin-bottom: 20px;
    }

    .company-value .about-list ul li a.bottom p.con {
        font-size: 16px;
        color: #808080;
        line-height: 40px;
    }

    .company-value .about-list ul li a.bottom p.con1 {
        font-size: 16px;
        color: #fff;
        line-height: 40px;
    }

    .company-value .about-list ul li a.bottom .pop-tips {
        width: 1200px;
        position: absolute;
        top: -300px;
        height: 266px;
        background: #262f3d;
        font-size: 14px;
        color: #fff;
        text-align: left;
        z-index: 100;
    }

    .company-value .about-list ul li a.bottom .pop-tips.listtwo {
        position: absolute;
        top: -300px;
        left: -600px;
    }

    .company-value .about-list ul li a.bottom .pop-tips .pop-con {
        width: 94%;
        margin: 20px 3%;
    }

    .company-value .about-list ul li a.bottom .pop-tips .pop-con p.subtit {
        font-size: 18px;
        color: #f2c62e;
        line-height: 40px;
        padding-bottom: 5px;
    }

    .company-value .about-list ul li a.bottom .pop-tips .pop-con p {
        font-size: 14px;
        line-height: 30px;
    }

    .company-value .about-list ul li a.bottom:hover {
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .company-value .about-list ul li a.top {
        text-align: center;
        margin-top: 50px;
        display: block;
        text-align: center;
        position: relative;
    }

    .company-value .about-list ul li a.top p.title {
        font-size: 24px;
        color: #222;
    }

    .company-value .about-list ul li a.top p.title1 {
        font-size: 24px;
        color: #fff;
    }

    .company-value .about-list ul li a.top p.line {
        width: 25px;
        height: 4px;
        background: #878d95;
        display: inline-block;
        margin-bottom: 20px;
    }

    .company-value .about-list ul li a.top p.line1 {
        width: 25px;
        height: 4px;
        background: #f2c62e;
        display: inline-block;
        margin-bottom: 20px;
    }

    .company-value .about-list ul li a.top p.con {
        font-size: 16px;
        color: #808080;
        line-height: 40px;
    }

    .company-value .about-list ul li a.top p.con1 {
        font-size: 16px;
        color: #fff;
        line-height: 40px;
    }

    .company-value .about-list ul li a.top .pop-tips {
        width: 1200px;
        position: absolute;
        top: 215px;
        left: -300px;
        height: 266px;
        background: #262f3d;
        font-size: 14px;
        color: #fff;
        text-align: left;
        z-index: 100;
    }

    .company-value .about-list ul li a.top .pop-tips.listtwo {
        position: absolute;
        top: 215px;
        left: -900px;
    }

    .company-value .about-list ul li a.top .pop-tips .pop-con {
        width: 94%;
        margin: 20px 3%;
    }

    .company-value .about-list ul li a.top .pop-tips .pop-con p.subtit {
        font-size: 18px;
        color: #f2c62e;
        line-height: 40px;
        padding-bottom: 5px;
    }

    .company-value .about-list ul li a.top .pop-tips .pop-con p {
        font-size: 14px;
        line-height: 30px;
        color: #fff;
    }

    .company-value .about-list ul li a.top:hover {
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .product-about {
        width: 100%;
        height: 918px;
        background: url(images/prolistbg.png) no-repeat;
        background-size: 100%;
    }

    .product-about .about-tit {
        width: 100%;
        clear: both;
        padding-top: 50px;
        text-align: center;
    }

    .product-about .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .product-about .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .product-about .about-tit .englishname {
        font-size: 14px;
        color: #222;
    }

    .product-about .product-list {
        width: 100%;
        margin: 20px auto;
    }

    .product-about .product-list ul {
        width: 100%;
    }

    .product-about .product-list ul li {
        width: 378px;
        height: 680px;
        float: left;
        display: inline-block;
        background: url(images/probg.png) no-repeat;
        margin: 0 11px;
        background-size: 100%;
    }

    .product-about .product-list ul li .list-top {
        width: 90%;
        margin: 30px 5%;
        text-align: center;
        font-size: 24px;
        color: #222;
    }

    .product-about .product-list ul li .list-top .name {
        padding-top: 15px;
    }

    .product-about .product-list ul li .list-bottom {
        width: 80%;
        margin: 30px 10%;
    }

    .product-about .product-list ul li .list-bottom p.subtit {
        font-size: 20px;
        color: #f2c62e;
        padding: 10px 0;
    }

    .product-about .product-list ul li .list-bottom p.con {
        font-size: 14px;
        color: #262f3d;
        line-height: 30px;
    }

    .partner-about {
        width: 100%;
        height: 854px;
        background: #fff;
    }

    .partner-about .about-tit {
        width: 100%;
        clear: both;
        padding-top: 50px;
        text-align: center;
    }

    .partner-about .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .partner-about .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .partner-about .about-tit .englishname {
        font-size: 14px;
        color: #222;
    }

    .partner-about .parner-con {
        width: 100%;
    }

    .partner-about .parner-con ul {
        width: 100%;
    }

    .partner-about .parner-con ul li {
        width: 220px;
        margin: 15px 10px;
        float: left;
        display: inline-block;
        text-align: center;
        font-size: 16px;
        color: #666666;
        line-height: 30px;
    }

    .partner-about .parner-con ul li p {
        padding-top: 10px;
    }

    .join-about {
        width: 100%;
        background: #fff;
        padding: 0px 0 50px;
    }

    .join-about .about-tit {
        width: 100%;
        clear: both;
        padding-top: 50px;
        text-align: center;
    }

    .join-about .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .join-about .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .join-about .about-tit .englishname {
        font-size: 16px;
        color: #222;
    }

    .join-about .join-list {
        width: 1200px;
        position: relative;
        margin-top: 20px;
    }

    .join-about .join-list .piclist {
        height: 323px;
        overflow: hidden;
        zoom: 1;
    }

    .join-about .join-list .piclist li {
        width: 284px;
        float: left;
        display: inline-block;
        margin: 0 8px;
    }

    .join-about .join-list .piclist li a {
        width: 284px;
        height: 323px;
        display: inline-block;
        overflow: hidden;
    }

    .join-about .join-list .piclist li a:hover {
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .join-about .join-list .piclist li a:hover .before {
        text-align: center;
        width: 90%;
        margin: 10px 5%;
    }

    .join-about .join-list .piclist li a:hover .before img {
        margin: 30px auto 10px;
    }

    .join-about .join-list .piclist li .before {
        text-align: center;
        width: 90%;
        margin: 30px 5% 20px;
    }

    .join-about .join-list .piclist li .before img {
        margin: 65px auto 10px;
    }

    .join-about .join-list .piclist li .before .name {
        font-size: 20px;
        color: #fff;
    }

    .join-about .join-list .piclist li .before .line {
        width: 30px;
        height: 1px;
        background: #fff;
        display: inline-block;
    }

    .join-about .join-list .piclist li .after {
        text-align: center;
        width: 90%;
        margin: 5px 5%;
    }

    .join-about .join-list .piclist li .after .con {
        font-size: 14px;
        color: #fff;
        line-height: 30px;
        text-align: left;
    }

    .join-about .join-list .piclist li.list1 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg01.png) no-repeat;
    }

    .join-about .join-list .piclist li.list2 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg02.png) no-repeat;
    }

    .join-about .join-list .piclist li.list3 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg03.png) no-repeat;
    }

    .join-about .join-list .piclist li.list4 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg04.png) no-repeat;
    }

    .join-about .join-list .piclist li.list5 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg05.png) no-repeat;
    }

    .join-about .join-list .piclist li.list6 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg06.png) no-repeat;
    }

    .join-about .join-list .piclist li.list7 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg07.png) no-repeat;
    }

    .join-about .join-list .piclist li.list8 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg08.png) no-repeat;
    }

    .join-about .join-list .piclist li.list9 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg09.png) no-repeat;
    }

    .join-about .join-list .piclist li.list10 {
        width: 284px;
        height: 323px;
        background: url(images/joinbg10.png) no-repeat;
    }

    .join-about .pageBtn .prev {
        position: absolute;
        top: 144px;
        cursor: pointer;
        text-indent: -999em;
        overflow: hidden;
        left: -20px;
        width: 14px;
        height: 23px;
        background: url(../images/leftarrow.png) no-repeat;
    }

    .join-about .pageBtn .next {
        position: absolute;
        top: 144px;
        cursor: pointer;
        text-indent: -999em;
        overflow: hidden;
        right: -20px;
        width: 14px;
        height: 23px;
        background: url(../images/rightarrow.png) no-repeat;
    }

    .join-about .pageBtn .list {
        overflow: hidden;
        zoom: 1;
        margin: 20px 0 0 551px;
    }

    .join-about .pageBtn .list li {
        border: 1px solid #ccc;
        border-radius: 7.5px;
        float: left;
        display: inline;
        width: 15px;
        height: 15px;
        cursor: pointer;
        margin-left: 10px;
        line-height: 10000px;
        overflow: hidden;
    }

    .join-about .pageBtn .list li.on {
        background: #f2c62e;
    }

    .join-post {
        width: 100%;
        background: #fff;
        padding: 20px 0;
    }

    .join-post .about-tit {
        width: 100%;
        clear: both;
        padding-top: 0px;
        text-align: center;
    }

    .join-post .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .join-post .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .join-post .about-tit .englishname {
        font-size: 16px;
        color: #222;
    }

    .join-post .post-list {
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .join-post .post-list ul {
        width: 105%;
    }

    .join-post .post-list ul li {
        width: 380px;
        height: 280px;
        float: left;
        display: inline-block;
        margin: 20px 30px 0 0;
    }

    .join-post .post-list ul li a.more {
        width: 378px;
        height: 274px;
        border: 1px solid #eee;
        display: inline-block;
        padding: 20px 0;
        border-radius: 10px 10px 4px 4px;
        box-shadow: 0px 5px 1px #bdc0c4;
    }

    .join-post .post-list ul li a.more p {
        width: 320px;
        margin: 0 20px !important;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .join-post .post-list ul li a.more .jobname {
        font-size: 20px;
        color: #333;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .join-post .post-list ul li a.more .job-info {
        font-size: 12px;
        color: #999999;
    }

    .join-post .post-list ul li a.more .job-info span {
        margin-right: 30px;
        float: left;
        padding-bottom: 10px;
    }

    .join-post .post-list ul li a.more .job-info span img {
        float: left;
        margin-right: 3px;
        margin-top: 3px;
    }

    .join-post .post-list ul li a.more .job-requirements {
        margin: 10px 0 10px;
        display: inline-block;
        font-size: 12px;
        color: #666;
        line-height: 25px;
    }

    .join-post .post-list ul li a.more .job-detil {
        width: 320px;
        margin: 0 20px 0 15px;
        clear: both;
    }

    .join-post .post-list ul li a.more:hover {
        box-shadow: 0px 5px 1px #f2c62e;
        border: 1px solid #f2c62e;
    }

    .join-post .post-list .page {
        width: 100%;
        text-align: center;
        padding: 30px 0 20px;
        display: inline-block;
    }

    .join-post .post-list .page a {
        width: 40px;
        height: 40px;
        text-align: center;
        border: 1px solid #aaa;
        display: inline-block;
        border-radius: 20px;
        line-height: 38px;
        font-size: 14px;
    }

    .join-post .post-list .page a:hover,
    .join-post .post-list .page a.on {
        color: #fff;
        background: #e78f21;
        border: 1px solid #e78f21;
    }

    .join-detil {
        width: 100%;
        background: #fff;
        padding: 20px 0;
    }

    .join-detil .about-tit {
        width: 100%;
        clear: both;
        padding-top: 30px;
        text-align: center;
    }

    .join-detil .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .join-detil .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .join-detil .about-tit .englishname {
        font-size: 16px;
        color: #222;
    }

    .join-detil .detil-con {
        width: 100%;
        padding-top: 20px;
    }

    .join-detil .detil-con .detil-top {
        width: 1200px;
        border-bottom: 1px solid #eee;
        display: inline-block;
    }

    .join-detil .detil-con .detil-top .title {
        font-size: 20px;
        color: #333;
        font-weight: bold;
        float: left;
        display: inline-block;
        line-height: 40px;
    }

    .join-detil .detil-con .detil-top .job {
        float: right;
        display: inline-block;
        line-height: 40px;
        padding-bottom: 10px;
    }

    .join-detil .detil-con .detil-top .job span {
        float: left;
        margin-right: 30px;
        font-size: 12px;
        color: #999;
    }

    .join-detil .detil-con .detil-top .job span img {
        margin-right: 5px;
        margin-top: 13px;
    }

    .join-detil .detil-con .detil-middle {
        width: 1200px;
        border-bottom: 1px solid #eee;
        display: inline-block;
        padding: 20px 0;
    }

    .join-detil .detil-con .detil-middle p {
        line-height: 30px;
        font-size: 14px;
        color: #666;
    }

    .join-detil .detil-con .detil-middle p .yewllow {
        color: #f2c62e;
        font-size: 16px;
    }

    .join-detil .detil-con .detil-bottom {
        width: 1200px;
        display: inline-block;
        padding: 20px 0;
    }

    .join-detil .detil-con .detil-bottom a {
        width: 150px;
        height: 40px;
        background: #f2c62e;
        font-size: 16px;
        color: #262f3d;
        text-align: center;
        display: inline-block;
        border-radius: 5px;
        line-height: 40px;
    }

    .join-detil .detil-con .detil-bottom a:hover {
        color: #fff;
    }

    .relationship-about {
        width: 100%;
        background: #fff;
        padding: 20px 0 50px;
    }

    .relationship-about .about-tit {
        width: 100%;
        clear: both;
        padding-top: 30px;
        text-align: center;
    }

    .relationship-about .about-tit .chinaname {
        font-size: 30px;
        color: #222222;
    }

    .relationship-about .about-tit .line {
        width: 20px;
        height: 5px;
        background: #f2c62e;
        display: inline-block;
    }

    .relationship-about .about-tit .englishname {
        font-size: 14px;
        color: #222;
    }

    .relationship-about .relationship-map {
        width: 1200px;
        height: 594px;
        background: url(images/mapsize.png) no-repeat;
        box-shadow: 0 0 5px #aaa;
        margin-top: 20px;
    }

    .relationship-about .relationship-map a {
        width: 1200px;
        height: 594px;
        display: inline-block;
    }

    .relationship-about .relationship-map .map-infomation {
        width: 589px;
        height: 233px;
        background: url(images/posion.png) no-repeat;
        color: #fff;
        margin-top: 100px;
        margin-left: 427px;
        display: inline-block;
    }

    .relationship-about .relationship-map .map-infomation p.tit {
        width: 90%;
        margin: 20px 5%;
        font-size: 18px;
        color: #f2c62e;
    }

    .relationship-about .relationship-map .map-infomation p.listp {
        width: 90%;
        margin: 6px 5%;
        font-size: 14px;
        color: #fff;
    }

    .relationship-about .relationship-map .map-infomation p.listp img {
        margin-right: 5px;
    }
}

/* 手机WAP端显示样式 */
@media (max-width: 767px) {
    .wap {
        display: block !important;
        width: 100%;
        max-width: 7.5rem;

    }

    .wap-top {
        width: 100%;
        clear: both;
        height: 0.7rem;
    }

    .wap-top .logo {
        float: left;
        margin-left: 0.2rem;
    }

    .wap-top .logo img {
        width: 1.58rem;
        height: 0.23rem;
        margin-top: 0.2rem;
    }

    .wap-top .linkmenu {
        float: right;
        margin-right: 0.2rem
    }

    .wap-top .linkmenu img {
        width: 0.22rem;
        height: 0.15rem;
        margin-top: 0.2rem;
    }

    .map {
        margin: 0 0.2rem;
        font-size: 0.14rem;
        color: #fff;
        margin-top: 3.65rem;
    }

    .map img {
        width: 0.11rem;
        height: 0.16rem;
        margin-right: 0.05rem;
        float: left;
        display: inline-block;
        margin-top: 0.02rem;
    }

    .wap-footer {
        width: 100%;
        height: 2.8rem;
        overflow: hidden;
        background: #262f3d url(images/wfooterbg.jpg)no-repeat;
        background-size: 100%;
        margin-top: -1.5rem;
    }

    .wap-footer .footer-con {
        margin: 0.1rem 0.4rem 0;
        color: #abaeb3;
    }

    .wap-footer .footer-con .contop {
        margin: 0.2rem 0 0.2rem;
        display: inline-block;
    }

    .wap-footer .footer-con .contop p.title {
        font-size: 0.16rem;
    }

    .wap-footer .footer-con .contop p {
        margin: 0 0 0.01rem !important;
        font-size: 0.14rem;
    }

    .wap-footer .footer-con .conbottom {
        padding-top: 0.25rem;
    }

    .header-banner {
        width: 100%;
        height: 4.74rem;
        background: url(images/wapbanner1.jpg) no-repeat;
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .header-banner .big-tit {
        text-align: center;
        font-size: 0.3rem;
        color: #fff;
        margin-top: 1rem;
    }

    .header-banner .samll-tit {
        font-size: 0.14rem;
        color: #fff;
        text-align: center;
        margin-top: 0.2rem;
        letter-spacing: 0.02rem;
    }

    .header-banner .ask {
        width: 1.7rem;
        line-height: 0.52rem;
        border: 1px solid #fff;
        border-radius: 0.1rem;
        display: inline-block;
        font-size: 0.15rem;
        color: #fff;
        margin-top: 0.3rem;
        margin-left: 2.5rem;
    }

    .header-banner .ask img {
        float: left;
        display: inline-block;
        width: 0.22rem;
        height: 0.2rem;
        margin-left: 0.3rem;
        margin-top: 0.18rem;
        margin-right: 0.05rem;
    }

    .menu_list {
        position: absolute;
        top: 0.65rem;
        width: 100%;
        background: #fff;
        display: none;
    }

    .menu_list .nav-list {
        width: 100%;
    }

    .menu_list .nav-list li a {
        width: 100%;
        font-size: 0.24rem !important;
        color: #333 !important;
    }

    .dropdown-menu1 {
        width: 100%;
        display: none;
    }

    .dropdown-menu1 li {
        padding-left: 0.8rem;
        line-height: 0.5rem;
    }

    .dropdown-menu1 li a {
        font-size: 0.22rem !important;
        color: #999 !important;
    }

    .dropdown-menu1 li a:hover {
        color: #f2c62e !important;
    }

    .wap-about {
        width: 100%;
        height: 100%;
        background: #fff url(images/windexbg01.jpg)no-repeat;
        background-size: 100%;
    }

    .wap-about .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wap-about .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wap-about .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wap-about .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wap-aboutcon {
        margin: 0.2rem 0.4rem;
        text-align: center;
        font-size: 0.14rem;
        color: #999;
        line-height: 0.4rem;
    }

    .wap-aboutlist {
        margin: 0 0.4rem;
        position: relative;
    }

    .wap-aboutlist .piclist {
        overflow: hidden;
        zoom: 1;
        width: 100%;
    }

    .wap-aboutlist .piclist li {
        width: 100%;
        float: left;
        display: inline-block;
    }

    .wap-aboutlist .piclist li.libg01 {
        width: 100%;
        height: 5.28rem;
        background: url(images/wbg01.jpg)no-repeat;
        background-size: 100%;
    }

    .wap-aboutlist .piclist li.libg02 {
        width: 100%;
        height: 5.28rem;
        background: url(images/wbg02.jpg)no-repeat;
        background-size: 100%;
    }

    .wap-aboutlist .piclist li .list-first {
        position: relative;
        top: 2rem;
        width: 50%;
        float: left;
        display: inline-block;
        text-align: center;
    }

    .wap-aboutlist .piclist li .list-first a .title {
        color: #fff;
        font-size: 0.24rem;
        padding-top: 0.5rem;
    }

    .wap-aboutlist .piclist li .list-first a .line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f9e397;
        display: inline-block;
        margin: 0.05rem 0;
    }

    .wap-aboutlist .piclist li .list-first a .con {
        font-size: 0.16rem;
        color: #fff;
    }

    .wap-aboutlist .piclist li .list-first .show-message {
        position: absolute;
        top: -2rem;
        left: 0rem;
        background: #28303e;
        width: 6.7rem;
        height: 2.3rem;
        display: inline-block;
        color: #fff;
        z-index: 1000;
    }

    .wap-aboutlist .piclist li .list-two .show-message {
        position: absolute;
        top: 2.1rem;
        left: -2.8rem;
        background: #28303e;
        width: 6.7rem;
        height: 2.3rem;
        display: block;
        color: #fff;
        z-index: 1000;
    }

    .wap-aboutlist .piclist li .list-three .show-message {
        position: absolute;
        top: -2rem;
        left: 0rem;
        background: #28303e;
        width: 6.7rem;
        height: 2.3rem;
        display: block;
        color: #fff;
        z-index: 1000;
    }

    .wap-aboutlist .piclist li .list-four .show-message {
        position: absolute;
        top: 2.1rem;
        left: -2.8rem;
        background: #28303e;
        width: 6.7rem;
        height: 2.3rem;
        display: block;
        color: #fff;
        z-index: 1000;
    }

    .wap-aboutlist .piclist li .show-message .pop-con {
        padding: 0.1rem 0;
    }

    .wap-aboutlist .piclist li .show-message p {
        width: 80%;
        font-size: 0.12rem;
        color: #fff;
        text-align: left;
        margin: 0 0 0.05rem 0.15rem !important;
    }

    .wap-aboutlist .piclist li .show-message p.subtit {
        font-size: 0.16rem;
        color: #f2c62e;
        text-align: left;
    }

    .wap-aboutlist .piclist li .list-two {
        position: relative;
        top: 0.1rem;
        width: 50%;
        float: left;
        display: inline-block;
        text-align: center;
    }

    .wap-aboutlist .piclist li .list-two a .title {
        color: #333;
        font-size: 0.24rem;
        padding-top: 0.3rem;
    }

    .wap-aboutlist .piclist li .list-two a .line {
        width: 0.3rem;
        height: 0.05rem;
        background: #8e8c82;
        display: inline-block;
        margin: 0.05rem 0;
    }

    .wap-aboutlist .piclist li .list-two a .con {
        font-size: 0.16rem;
        color: #666;
    }

    .wap-aboutlist .piclist li .list-three {
        position: relative;
        top: 2rem;
        width: 50%;
        float: left;
        display: inline-block;
        text-align: center;
    }

    .wap-aboutlist .piclist li .list-three a .title {
        color: #333;
        font-size: 0.24rem;
        padding-top: 0.5rem;
    }

    .wap-aboutlist .piclist li .list-three a .line {
        width: 0.3rem;
        height: 0.05rem;
        background: #8e8c82;
        display: inline-block;
        margin: 0.05rem 0;
    }

    .wap-aboutlist .piclist li .list-three a .con {
        font-size: 0.16rem;
        color: #666;
    }

    .wap-aboutlist .piclist li .list-four {
        position: relative;
        top: 0rem;
        width: 50%;
        float: left;
        display: inline-block;
        text-align: center;
    }

    .wap-aboutlist .piclist li .list-four a .title {
        color: #fff;
        font-size: 0.24rem;
        padding-top: 0.3rem;
    }

    .wap-aboutlist .piclist li .list-four a .line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f9e397;
        display: inline-block;
        margin: 0.05rem 0;
    }

    .wap-aboutlist .piclist li .list-four a .con {
        font-size: 0.16rem;
        color: #fff;
    }

    .wap-aboutlist .pageBtn {
        width: 100%;
        text-align: center;
        margin-top: -30px;
    }

    .wap-aboutlist .pageBtn ul {
        width: 30%;
        margin: 0 auto;
    }

    .wap-aboutlist .pageBtn ul li {
        width: 0.2rem;
        height: 0.2rem;
        border: 1px solid #aaa;
        border-radius: 0.1rem;
        display: inline-block
    }

    .wap-aboutlist .pageBtn ul li.on {
        background: #f2c62e;
        border: 1px solid #f2c62e;
    }

    .wap-product {
        width: 100%;
        height: 5.8rem;
        background: #fff url(images/windexbg02.jpg)no-repeat;
        background-size: 100%;
    }

    .wap-product .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wap-product .wap-big {
        font-size: 0.3rem;
        color: #FFF;
    }

    .wap-product .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wap-product .wap-samll {
        font-size: 0.14rem;
        color: #FFF;
    }

    .wap-product .product-list {
        margin: 0.3rem 0.4rem;
        text-align: center;
        position: relative;
    }

    .wap-product .product-list .hd {
        position: absolute;
        top: 2.7rem;
        left: 43%;
    }

    .wap-product .product-list .hd ul li {
        width: 0.2rem;
        height: 0.2rem;
        border: 1px solid #aaa;
        border-radius: 0.1rem;
        display: inline-block;
        margin-right: 0.03rem;
    }

    .wap-product .product-list .hd ul li.on {
        background: #f2c62e;
        border: 1px solid #f2c62e;
    }

    .wap-product .product-list .bd .prev {
        position: absolute;
        top: 1rem;
        left: 0;
        display: block;
        z-index: 9;
        overflow: hidden;
    }

    .wap-product .product-list .bd .next {
        position: absolute;
        top: 1rem;
        right: 0;
        display: block;
        z-index: 9;
        overflow: hidden;
    }

    .wap-product .product-list .bd ul {
        width: 100%;
    }

    .wap-product .product-list .bd ul dl dt img {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: 0.3rem;
    }

    .wap-product .product-list .bd ul dl dd.title {
        font-size: 0.24rem;
        color: #fff;
        font-weight: bold;
    }

    .wap-product .product-list .bd ul dl dd.line {
        width: 0.3rem;
        height: 0.05rem;
        background: #fff;
        display: inline-block;
        clear: both;
    }

    .wap-product .product-list .bd ul dl a.more {
        width: 100%;
        clear: both;
        margin-top: 0.3rem;
        display: inline-block;
    }

    .wap-product .product-list .bd ul dl a.more img {
        width: 0.34rem;
        height: 0.34rem;
    }

    .wap-parner {
        width: 100%;
        height: 7.9rem;
        background: url(images/windexbg03.jpg)no-repeat;
        background-size: 100%;
        margin-top: -1rem;
    }

    .wap-parner .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wap-parner .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wap-parner .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wap-parner .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wap-parner .parner-list {
        margin: 0.2rem 0.4rem;
        overflow: hidden;
    }

    .wap-parner .parner-list ul {
        width: 102%;
    }

    .wap-parner .parner-list ul li p {
        margin: 0 0 0.1rem !important;
    }

    .wap-parner .parner-list ul li {
        width: 30%;
        float: left;
        display: inline-block;
        text-align: center;
        margin-right: 0.13rem;
    }

    .wap-parner .parner-list ul li img {
        width: 1.7rem;
        height: auto;
    }

    .wap-parner .parner-list ul li p {
        font-size: 0.16rem;
        color: #666 !important;
    }

    .wcompany-banner {
        width: 100%;
        height: 4.74rem;
        background: url(images/wapbanner2.jpg) no-repeat;
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .wcompany-about {
        width: 100%;
        height: 6.91rem;
        background: url(images/wapabout.jpg)no-repeat;
        background-size: 100%;
    }

    .wcompany-about .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wcompany-about .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wcompany-about .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wcompany-about .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wcompany-about .wcompany-con {
        margin: 0 0.4rem;
        font-size: 0.14rem;
        color: #808080;
        text-align: center;
    }

    .wcompany-about .wcompany-con p {
        line-height: 0.3rem;
    }

    .wcompany-about .wcompany-con p.title {
        font-size: 0.22rem;
        color: #333b48;
        padding: 0.05rem 0 !important;
    }

    .wcompany-about .comask {
        text-align: center;
        font-size: 0.16rem;
        color: #262f3d;
        padding: 0.1rem 0.2rem;
        background: #f2c62e;
        display: inline-block;
        border: 2px solid #fff;
        border-radius: 5px;
        margin: 0.3rem auto;
        box-shadow: #ccc 10px 10px 30px 5px;
    }

    .wcompany-about .comask img {
        width: 0.22rem;
        height: 0.2rem;
        margin-right: 0.05rem;
    }


    .wap-culture {
        width: 100%;
        height: 6.58rem;
        background: url(images/wapculture.jpg)no-repeat;
        background-size: 100%;
        margin-top: -1rem;
    }

    .wap-culture .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wap-culture .wap-big {
        font-size: 0.3rem;
        color: #FFF;
    }

    .wap-culture .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wap-culture .wap-samll {
        font-size: 0.14rem;
        color: #FFF;
    }

    .wap-culture .culture-list {
        margin: 0 0.4rem;
    }

    .wap-culture .culture-list {
        margin: 0.3rem 0.4rem;
        text-align: center;
        position: relative;
    }

    .wap-culture .culture-list .culture-hd {
        position: absolute;
        top: 3.4rem;
        left: 45%;
    }

    .wap-culture .culture-list .culture-hd ul li {
        width: 0.2rem;
        height: 0.2rem;
        border-radius: 0.1rem;
        display: inline-block;
        margin-right: 0.03rem;
        background: #fff;
    }

    .wap-culture .culture-list .culture-hd ul li.on {
        background: #f2c62e;
    }

    .wap-culture .culture-list .culture-bd ul {
        width: 100%;
    }

    .wap-culture .culture-list .culture-bd ul li a {
        color: #fff;
        width: 3rem;
        height: 3rem;
        border: 1px solid #fff;
        border-radius: 1.5rem;
        display: inline-block;
    }

    .wap-culture .culture-list .culture-bd ul li a:hover {
        background: #f2c62e;
    }

    .wap-culture .culture-list .culture-bd ul dl {
        text-align: center;
    }

    .wap-culture .culture-list .culture-bd ul dl dt.img01 {
        width: 0.81rem;
        height: 0.93rem;
        background: url(../images/com01.png)no-repeat;
        background-size: 100%;
        margin-left: 1.1rem;
        margin-top: 0.3rem;
    }

    .wap-culture .culture-list .culture-bd ul li a:hover dl dt.img01 {
        width: 0.81rem;
        height: 0.93rem;
        background: url(../images/com011.png)no-repeat;
        background-size: 100%;
        margin-left: 1.1rem;
        margin-top: 0.3rem
    }

    .wap-culture .culture-list .culture-bd ul dl dt.img02 {
        width: 0.81rem;
        height: 0.93rem;
        background: url(../images/com021.png)no-repeat;
        background-size: 100%;
        margin-left: 1.1rem;
        margin-top: 0.3rem;
    }

    .wap-culture .culture-list .culture-bd ul li a:hover dl dt.img02 {
        width: 0.81rem;
        height: 0.93rem;
        background: url(../images/com02.png)no-repeat;
        background-size: 100%;
        margin-left: 1.1rem;
        margin-top: 0.3rem
    }

    .wap-culture .culture-list .culture-bd ul dl dd.tit {
        font-size: 0.36rem;
        color: #fff;
        font-weight: bold;
    }

    .wap-culture .culture-list .culture-bd ul dl dd.pline {
        width: 0.3rem;
        height: 0.05rem;
        background: #fff;
        display: inline-block;
        clear: both;
    }

    .wjoin-banner {
        width: 100%;
        height: 4.74rem;
        background: url(images/wapbanner3.jpg) no-repeat;
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .wjoin-about {
        margin: 0 0.15rem;
        height: 6rem;
    }

    .wjoin-about .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wjoin-about .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wjoin-about .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wjoin-about .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wjoin-about .job-list {
        text-align: center;
        position: relative;
        top: 0.3rem;
    }

    .wjoin-about .job-list .job-hd {
        position: absolute;
        top: 3.6rem;
        left: 35%;
    }

    .wjoin-about .job-list .job-hd ul li {
        width: 0.2rem;
        height: 0.2rem;
        border: 1px solid #aaa;
        border-radius: 0.1rem;
        display: inline-block;
        margin-right: 0.03rem;
    }

    .wjoin-about .job-list .job-hd ul li.on {
        background: #f2c62e;
        border: 1px solid #f2c62e;
    }

    .wjoin-about .job-list .job-bd .prev {
        position: absolute;
        top: 1.5rem;
        left: -0.12rem;
        display: block;
        z-index: 9;
        overflow: hidden;
    }

    .wjoin-about .job-list .job-bd .next {
        position: absolute;
        top: 1.5rem;
        right: -0.05rem;
        display: block;
        z-index: 9;
        overflow: hidden;
    }

    .wjoin-about .job-list .job-bd .prev img,
    .wjoin-about .job-list .job-bd .next img {
        width: 0.14rem;
        height: 0.23rem;
    }

    .wjoin-about .job-list .job-bd ul {
        width: 100%;
    }

    .wjoin-about .job-list ul li {
        width: 2.84rem;
        float: left;
        display: inline-block;
        margin: 0 0.08rem;
    }

    .wjoin-about .job-list ul li a {
        width: 2.84rem;
        height: 3.23rem;
        display: inline-block;
        overflow: hidden;
    }

    .wjoin-about .job-list ul li a:hover {
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .wjoin-about .job-list ul li a:hover .before {
        text-align: center;
        width: 90%;
        margin: 0.1rem 5%;
    }

    .wjoin-about .job-list ul li a:hover .before img {
        margin: 0.3rem auto 0.1rem;
    }

    .wjoin-about .job-list ul li .before {
        text-align: center;
        width: 90%;
        margin: 0.3rem 5% 0.2rem;
    }

    .wjoin-about .job-list ul li .before img {
        margin: 0.65rem auto 0.1rem;
    }

    .wjoin-about .job-list ul li .before .name {
        font-size: 0.2rem;
        color: #fff;
    }

    .wjoin-about .job-list ul li .before .line {
        width: 0.3rem;
        height: 0.02rem;
        background: #fff;
        display: inline-block;
    }

    .wjoin-about .job-list ul li .after {
        text-align: center;
        width: 90%;
        margin: 5px 5%;
    }

    .wjoin-about .job-list ul li .after .con {
        font-size: 14px;
        color: #fff;
        line-height: 0.3rem;
        text-align: left;
    }

    .wjoin-about .job-list ul li.list1 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg01.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list2 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg02.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list3 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg03.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list4 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg04.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list5 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg05.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list6 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg06.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list7 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg07.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list8 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg08.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list9 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg09.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list10 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg10.png) no-repeat;
    }

    .wjoin-about .job-list ul li.list11 {
        width: 2.84rem;
        height: 3.23rem;
        background: url(images/joinbg11.png) no-repeat;
    }


    .wjoin-about .job-list .pageBtn .prev {
        position: absolute;
        top: 144px;
        cursor: pointer;
        text-indent: -999em;
        overflow: hidden;
        left: -20px;
        width: 14px;
        height: 23px;
        background: url(../images/leftarrow.png) no-repeat;
    }

    .wjoin-about .job-list .pageBtn .next {
        position: absolute;
        top: 144px;
        cursor: pointer;
        text-indent: -999em;
        overflow: hidden;
        right: -20px;
        width: 14px;
        height: 23px;
        background: url(../images/rightarrow.png) no-repeat;
    }

    .wjoin-about .job-list .pageBtn .list {
        overflow: hidden;
        zoom: 1;
        margin: 20px 0 0 551px;
    }

    .wjoin-about .job-list.join-about .pageBtn .list li {
        border: 1px solid #ccc;
        border-radius: 7.5px;
        float: left;
        display: inline;
        width: 15px;
        height: 15px;
        cursor: pointer;
        margin-left: 10px;
        line-height: 10000px;
        overflow: hidden;
    }

    .wjoin-about .job-list .pageBtn .list li.on {
        background: #f2c62e;
    }

    .wap-job {
        width: 100%;
        height: 13rem;
    }

    .wap-job .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wap-job .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wap-job .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wap-job .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wap-job .wap-post {
        width: 90%;
        margin: 0 5%;
        overflow: hidden;
        margin-bottom: 0.2rem;
    }

    .wap-job .wap-post ul {
        width: 105%;
    }

    .wap-job .wap-post ul li {
        width: 2.8rem;
        height: 2.8rem;
        float: left;
        display: inline-block;
        margin: 0.2rem 0.1rem 0 0;
    }

    .wap-job .wap-post ul li a.more {
        width: 2.78rem;
        height: 2.74rem;
        border: 1px solid #eee;
        display: inline-block;
        padding: 0.2rem 0;
        border-radius: 10px 10px 4px 4px;
        box-shadow: 0px 5px 1px #bdc0c4;
    }

    .wap-job .wap-post ul li a.more p {
        width: 2.6rem;
        margin: 0 0.1rem !important;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wap-job .wap-post ul li a.more .jobname {
        font-size: 0.2rem;
        color: #333;
        font-weight: bold;
        padding-bottom: 0.1rem;
    }

    .wap-job .wap-post ul li a.more .job-info {
        font-size: 0.12rem;
        color: #999999;
    }

    .wap-job .wap-post ul li a.more .job-info span {
        margin-right: 0.3rem;
        float: left;
        padding-bottom: 0.1rem;
    }

    .wap-job .wap-post ul li a.more .job-info span img {
        float: left;
        margin-right: 0.03rem;
        margin-top: 0.03rem;
    }

    .wap-job .wap-post ul li a.more .job-requirements {
        margin: 0.05rem 0;
        display: inline-block;
        font-size: 0.14rem;
        color: #666;
        line-height: 0.25rem;
        height: 0.75rem;
        overflow: hidden;
    }

    .wap-job .wap-post ul li a.more .job-detil {
        width: 2.6rem;
        margin: 0 0.1rem 0 0.05rem;
        clear: both;
    }

    .wap-job .wap-post ul li a.more .job-detil img {
        width: 0.66rem;
        height: 0.45rem;
    }

    .wap-job .wap-post ul li a.more:hover {
        box-shadow: 0px 5px 1px #f2c62e;
        border: 1px solid #f2c62e;
    }

    .wap-job .wap-post .page {
        width: 100%;
        text-align: center;
        padding: 0.3rem 0 0.2rem;
        display: inline-block;
    }

    .wap-job .wap-post .page a {
        width: 0.4rem;
        height: 0.4rem;
        text-align: center;
        border: 1px solid #aaa;
        display: inline-block;
        border-radius: 0.2rem;
        line-height: 0.38rem;
        font-size: 0.14rem;
        color: #666;
    }

    .wap-job .wap-post .page a:hover,
    .wap-job .wap-post .page a.on {
        color: #fff;
        background: #e78f21;
        border: 1px solid #e78f21;
    }


    .wjoinus-about {
        width: 100%;
        height: 12rem;
    }

    .wjoinus-about .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wjoinus-about .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wjoinus-about .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wjoinus-about .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wjoinus-about .detil-con {
        width: 100%;
    }

    .wjoinus-about .detil-con .detil-top {
        border-bottom: 1px solid #eee;
        display: inline-block;
    }

    .wjoinus-about .detil-con .detil-top .title {
        font-size: 0.2rem;
        color: #333;
        font-weight: bold;
        float: left;
        display: inline-block;
        line-height: 0.4rem;
        text-align: left;
    }

    .wjoinus-about .detil-con .detil-top .job {
        display: inline-block;
        line-height: 0.4rem;
        padding-bottom: 0.1rem;
        margin-left: 0.3rem;
    }

    .wjoinus-about .detil-con .detil-top .job span {
        float: left;
        margin-right: 0.3rem;
        font-size: 0.12rem;
        color: #999;
    }

    .wjoinus-about .detil-con .detil-top .job span img {
        margin-right: 0.05rem;
        margin-top: 0.03rem;
    }

    .wjoinus-about .detil-con .detil-middle {
        width: 90%;
        margin: 0 5%;
        border-bottom: 1px solid #eee;
        display: inline-block;
        padding: 0.2rem 0;
    }

    .wjoinus-about .detil-con .detil-middle p {
        line-height: 0.4rem;
        font-size: 0.14rem;
        color: #666;
    }

    .wjoinus-about .detil-con .detil-middle p .yewllow {
        color: #f2c62e;
        font-size: 0.16rem;
    }

    .wjoinus-about .detil-con .detil-bottom {
        width: 90%;
        margin: 0 5%;
        display: inline-block;
        padding: 0.2rem 0;
    }

    .wjoinus-about .detil-con .detil-bottom a {
        width: 1.5rem;
        height: 0.4rem;
        background: #f2c62e;
        font-size: 0.16rem;
        color: #262f3d;
        text-align: center;
        display: inline-block;
        border-radius: 5px;
        line-height: 0.44rem;
    }

    .wjoinus-about .detil-con .detil-bottom a:hover {
        color: #fff;
    }


    .wapparner-banner {
        width: 100%;
        height: 4.74rem;
        background: url(images/wapbanner4.jpg) no-repeat;
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .wpartner .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wpartner .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wpartner .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wpartner .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wpartner .partner-list {
        margin: 0.2rem 0.4rem;
    }

    .wpartner .partner-list ul {
        width: 102%;
    }

    .wpartner .partner-list ul li p {
        margin: 0 0 0.1rem !important;
    }

    .wpartner .partner-list ul li {
        width: 30%;
        float: left;
        display: inline-block;
        text-align: center;
        margin-right: 0.13rem;
        height: 1.4rem;
    }

    .wpartner .partner-list ul li img {
        width: 1.7rem;
        height: auto;
    }

    .wpartner .partner-list ul li p {
        font-size: 0.16rem;
        color: #666 !important;
    }

    .wrelationship-banner {
        width: 100%;
        height: 4.74rem;
        background: url(images/wapbanner5.jpg) no-repeat;
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .wrelationship .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wrelationship .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wrelationship .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wrelationship .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wrelationship .wrelationship-map {
        width: 100%;
        height: 5.94rem;
        background: url(images/wapmap.jpg) no-repeat;
        box-shadow: 0 0 5px #aaa;
        margin-top: 0.5rem;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .wrelationship .wrelationship-map a {
        width: 100%;
        height: 5.94rem;
        display: inline-block;
    }

    .wrelationship .wrelationship-map .map-infomation {
        width: 100%;
        height: 2.4rem;
        background: url(images/posion.png) no-repeat;
        color: #fff;
        margin-top: 1.2rem;
        margin-left: 0.55rem;
        display: inline-block;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .wrelationship .wrelationship-map .map-infomation p.tit {
        width: 90%;
        margin: 0.2rem 5%;
        font-size: 0.18rem;
        color: #f2c62e !important;
    }

    .wrelationship .wrelationship-map .map-infomation p.listp {
        width: 90%;
        margin: 0.06rem 5%;
        font-size: 0.12rem;
        color: #fff;
    }

    .wrelationship .wrelationship-map .map-infomation p.listp img {
        margin-right: 5px;
        width: 0.15rem;
        height: 0.15rem;
    }


    .wproduct-banner {
        width: 100%;
        height: 4.74rem;
        background: url(images/wapbanner6.jpg) no-repeat;
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }

    .wappage-product {
        width: 100%;
        height: 11rem;
    }

    .wappage-product .title {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        padding-top: 0.3rem;
    }

    .wappage-product .wap-big {
        font-size: 0.3rem;
        color: #222;
    }

    .wappage-product .wap-line {
        width: 0.3rem;
        height: 0.05rem;
        background: #f2c62e;
        display: inline-block;
    }

    .wappage-product .wap-samll {
        font-size: 0.14rem;
        color: #222;
    }

    .wappage-product .product-list {
        margin: 0.3rem 0.4rem;
        position: relative;
    }

    .wappage-product .product-list .hd {
        position: absolute;
        top: 7rem;
        left: 43%;
    }

    .wappage-product .product-list .hd ul li {
        width: 0.2rem;
        height: 0.2rem;
        border: 1px solid #aaa;
        border-radius: 0.1rem;
        display: inline-block;
        margin-right: 0.03rem;
    }

    .wappage-product .product-list .hd ul li.on {
        background: #f2c62e;
        border: 1px solid #f2c62e;
    }

    .wappage-product .product-list .bd .prev {
        position: absolute;
        top: 3rem;
        left: 0;
        display: block;
        z-index: 9;
        overflow: hidden;
    }

    .wappage-product .product-list .bd .next {
        position: absolute;
        top: 3rem;
        right: 0;
        display: block;
        z-index: 9;
        overflow: hidden;
    }

    .wappage-product .product-list .bd ul {
        width: 100%;
    }

    .wappage-product .product-list .bd ul li {
        width: 3.78rem;
        height: 6.8rem;
        float: left;
        display: inline-block;
        background: url(images/probg.png) no-repeat;
        margin: 0 0.9rem 0.8rem 0;
        background-size: 100%;
    }

    .wappage-product .product-list .bd ul li .list-top {
        width: 90%;
        margin: 0.3rem 5%;
        text-align: center;
        font-size: 0.24rem;
        color: #222;
        display: inline-block;
    }

    .wappage-product .product-list .bd ul li .list-top img {
        width: 0.5rem;
        height: 0.5rem;
    }

    .wappage-product .product-list .bd ul li .list-top .name {
        padding-top: 0.15rem;
    }
}

.wappage-product .product-list .bd ul li .list-bottom {
    width: 80%;
    margin: 0.3rem 10%;
}

.wappage-product .product-list .bd ul li .list-bottom p.subtit {
    font-size: 0.2rem;
    color: #f2c62e;
    padding: 0.1rem 0;
}

.wappage-product .product-list .bd ul li .list-bottom p.con {
    font-size: 0.14rem;
    color: #262f3d;
    line-height: 0.3rem;
}
}