@charset "utf-8";
/* CSS Document */

.container {
    width: 1200px;
    min-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

img {
    max-width: 100%;
}

body {
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
}

.w-350 {
    width: 350px;
}

.w-845 {
    width: 845px;
}

.w-335 {
    width: 335px;
}

.w-480 {
    width: 480px;
}

.w-480 {
    width: 480px;
}

.w-690 {
    width: 690px;
}

.w-674 {
    width: 674px;
}

.w-504 {
    width: 504px;
}

.w-793 {
    width: 793px;
}

.w-386 {
    width: 386px;
}

.w-848 {
    width: 848px;
}

.w-330 {
    width: 330px;
}

.pt35 {
    padding-top: 35px;
}

.pt60 {
    padding-top: 60px;
}

.pt70 {
    padding-top: 70px;
}

.pt80 {
    padding-top: 80px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb55 {
    padding-bottom: 55px;
}

.pb80 {
    padding-bottom: 80px;
}

.mt50 {
    margin-top: 50px;
}

.mt65 {
    margin-top: 65px;
}

.mt70 {
    margin-top: 70px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.fa {
    font-family: Arial;
}

.fs20 {
    font-size: 20px;
}

.fs26 {
    font-size: 26px;
}

.color-face01 {
    color: #face01;
}

.color-fe2a2c {
    color: #fe2a2c;
}

.color-004b9f {
    color: #004b9f;
}

.color-a41b10 {
    color: #a41b10;
}

.color-111 {
    color: #111;
}

/*================================================= public =================================================*/
.header {
    width: 100%;
    min-width: 1200px;
    height: 94px;
    background: #fff;
    position: relative;
}

.logo {
    width: 100px;
    height: 60px;
    margin-top: 17px;
}

.logo img {
    display: block;
    width: 100px;
    height: 60px;
}

.header-right {
    width: 1090px;
}

.language-toggle {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #666;
    text-align: right;
}

.language-toggle a {
    color: #999;
}

.nav > ul > li {
    float: left;
    height: 50px;
    margin-left: 38px;
    display: inline;
}

.nav > ul > li > a {
    display: block;
    height: 48px;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    color: #767676;
    transition: all 0.5s;
}

.nav > ul > li > a:hover,
.nav > ul > li > a.on {
    border-bottom: 2px solid #2e91d4;
    color: #2e91d4;
}

.nav > ul > li .sub {
    padding-top: 2px;
    padding-bottom: 2px;
    background: #f6f6f8;
    text-align: right;
    position: absolute;
    top: 94px;
    right: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.nav > ul > li .sub a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 50px;
    font-size: 14px;
    color: #333;
    transition: all 0.5s;
}

.nav > ul > li .sub a:hover,
.nav > ul > li .sub .on {
    color: #2e91d4;
}

.nav > ul > li .sub.style2 {
    background: rgba(46, 145, 212, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}

.nav > ul > li .sub.style2 a {
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    color: #fff;
}

.nav > ul > li .sub.style2 a:hover,
.nav > ul > li .sub.style2 .on {
    color: #fff;
    font-weight: bold;
}

.footer {
    width: 100%;
    min-width: 1200px;
    padding-top: 85px;
    background: url("../images/footer_bg.jpg") center top #1e1f22 no-repeat;
}

.footer .footer-nav {
    width: 613px;
}

.footer .footer-nav ul li {
    float: left;
    margin-right: 68px;
    display: inline;
}

.footer .footer-nav ul li a {
    display: block;
}

.footer .footer-nav ul li .title {
    height: 37px;
    line-height: 16px;
    margin-bottom: 10px;
    border-bottom: 1px solid #4d4e50;
    font-size: 16px;
    color: #4d4e50;
    position: relative;
}

.footer .footer-nav ul li .title:before {
    content: '';
    width: 16px;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.footer .footer-nav ul li .content {
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
}

.footer .footer-address {
    width: 370px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
}

.footer .footer-address img {
    display: block;
    max-width: 100%;
    margin-bottom: 22px;
}

.footer .footer-code {
    width: 130px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: right;
}

.footer .footer-code .img {
    width: 112px;
    height: 112px;
    padding: 8px;
    border: 1px solid #5b5c5e;
}

.footer .footer-code .img img {
    display: block;
    width: 112px;
    height: 112px;
}

.footer .footer-code .title {
    font-size: 16px;
    color: #949494;
    font-weight: bold;
}

.footer .footer-code .bdsharebuttonbox {
    width: 124px;
}

.footer .footer-code .bdshare-button-style1-24 .bds_tsina {
    background-image: url("../images/icon_1.png");
    background-position: 0 !important;
}

.footer .footer-code .bdshare-button-style1-24 .bds_xinhua {
    background-image: url("../images/icon_2.png");
    background-position: 0 !important;
}

.footer .footer-code .bdshare-button-style1-24 .bds_fbook {
    background-image: url("../images/icon_3.png");
    background-position: 0 !important;
}

.footer .footer-code .bdshare-button-style1-24 .bds_twi {
    background-image: url("../images/icon_4.png");
    background-position: 0 !important;
}

.footer .footer-copy {
    width: 100%;
    min-width: 1200px;
    line-height: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: 1px solid #414245;
    color: #999;
    text-align: center;
}

.right-box {
    width: 67px;
    margin-top: -270px;
    background: #429bd8;
    border-radius: 3px;
    position: fixed;
    top: 50%;
    right: 1px;
    z-index: 99;
}

.right-box ul li {
    height: 60px;
    background: url("../images/li_bg1.jpg") center bottom no-repeat;
    position: relative;
}

.right-box ul li:last-child {
    background: none;
}

.right-box ul li a {
    display: block;
}

.right-box ul li a.a-btn {
    height: 46px;
    padding-top: 14px;
    text-align: center;
}

.right-box ul li a.a-box {
    width: 200px;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    background: #005395;
    border-radius: 3px 0 0 3px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 0;
    right: -221px;
}

.right-box ul li a.a-box img {
    vertical-align: middle;
    margin-right: 15px;
}

.right-box ul li a.a-box-erwm {
    width: 140px;
    height: 140px;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 68px;
    display: none;
    background-color: #fff;

}
.right-box ul li a.a-box-erwm img {
    display: block;
    width: 140px;
    height: 140px;

}

.right-box ul li .a-share-box {

    padding: 10px;
    position: absolute;
    top: 0;
    right: 68px;
    display: none;
    background-color: #fff;

}

.right-box ul li .a-share-box .details-share {
    width: 47px;
    margin-left: 0;
    border: 1px solid #dbdbdb;
    border-bottom: none;
    position: static;
    top: 0;
    left: 0;
}

/*================================================= Z~l =================================================*/
.slideBox {
    width: 100%;
    min-width: 1200px;
    height: 700px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.slideBox .prev,
.slideBox .next {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 9;
}

.slideBox .prev {
    background: url("../images/arrow_1l.png") no-repeat;
    left: 30px;
}

.slideBox .next {
    background: url("../images/arrow_1r.png") no-repeat;
    right: 30px;
}

.slideBox .hd {
    height: 1px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 4;
}

.slideBox .hd ul {
    float: left;
    overflow: hidden;
    zoom: 1;
}

.slideBox .hd ul li {
    float: left;
    width: 90px;
    height: 1px;
    margin: 0 11px;
    display: inline;
    background: url("../images/dot_1.png") repeat;
    cursor: pointer;
}

.slideBox .hd ul li.on {
    background: #fff;
}

.slideBox .bd {
    height: 100%;
    position: relative;
    z-index: 0;
}

.slideBox .bd li {
    vertical-align: middle;
    zoom: 1;
}

.slideBox .bd a {
    display: block;
    width: 100%;
    min-width: 1200px;
    height: 700px;
}

.product-exploration-bg {
    width: 100%;
    min-width: 1200px;
    padding-top: 75px;
    padding-bottom: 20px;
    background: url("../images/bg_1.jpg") no-repeat;
}

.product-exploration-title {
    line-height: 24px;
    font-size: 14px;
    color: #d5dce6;
    text-transform: uppercase;
    text-align: center;
}

.product-exploration-title .name-cn {
    height: 46px;
    line-height: 46px;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}

.product-exploration-list {
    width: 1178px;
    height: 360px;
    padding: 10px 11px 0 11px;
    background: #fff;
    position: relative;
}

.product-exploration-list .prev, .product-exploration-list .next {
    width: 18px;
    height: 37px;
    cursor: pointer;
    position: absolute;
    top: 166px;
    z-index: 9;
}

.product-exploration-list .prev {
    background: url("../images/arrow_2l.png") no-repeat;
    left: 0;
}

.product-exploration-list .next {
    background: url("../images/arrow_2r.png") no-repeat;
    right: 0;
}

.product-exploration-list .bd {
    width: 1180px;
    height: 360px;
    overflow: hidden;
}

.product-exploration-list .bd ul {
    height: 360px;
    overflow: hidden;
    zoom: 1;
}

.product-exploration-list .bd ul li {
    float: left;
    width: 234px;
    margin-right: 2px;
    display: inline;
}

.product-exploration-list .bd ul li a {
    display: block;
    width: 234px;
    height: 170px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.product-exploration-list .bd ul li a img {
    display: block;
    width: 234px;
    height: 170px;
    transition: all 0.5s;
}

.product-exploration-list .bd ul li a .bg {
    /*background: url("../images/bg_2.png") repeat;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-exploration-list .bd ul li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.product-exploration-sort ul li {
    float: left;
    width: 600px;
    background: #fff;
}

.product-exploration-sort ul li .text {
    float: left;
    width: 260px;
    height: 135px;
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}

.product-exploration-sort ul li .text .title {
    height: 22px;
    line-height: 22px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #b6001b;
}

.product-exploration-sort ul li .text .content {
    height: 44px;
    line-height: 22px;
    margin-bottom: 10px;
}

.product-exploration-sort ul li .text .more {
    display: block;
    width: 106px;
    height: 25px;
    line-height: 25px;
    background: url("../images/a_bg1.png") no-repeat;
    color: #333;
    transition: all 0.5s;
}

.product-exploration-sort ul li .img {
    float: left;
    width: 300px;
    height: 150px;
    overflow: hidden;
    position: relative;
}

.product-exploration-sort ul li .img img {
    display: block;
    width: 300px;
    height: 150px;
    transition: all 0.5s;
}

.product-exploration-sort ul li .img .icon {
    width: 13px;
    height: 26px;
    background: url("../images/icon_14.png") no-repeat;
    position: absolute;
    top: 37px;
    left: 0;
}

.product-exploration-sort ul li:hover .text .more {
    background: url("../images/a_bg1_h.png") no-repeat;
    color: #fff;
}

.product-exploration-sort ul li:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.cooperation-bg {
    width: 100%;
    min-width: 1200px;
    background: #f7f7f7;
}

.cooperation-box {
    padding-top: 10px;
    padding-left: 260px;
    padding-bottom: 10px;
    position: relative;
    z-index: 10;
}

.cooperation-box .title {
    width: 183px;
    height: 295px;
    line-height: 24px;
    padding-top: 30px;
    padding-right: 39px;
    padding-left: 28px;
    background: #005395;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cooperation-box .title .name {
    height: 48px;
    line-height: 48px;
    font-size: 40px;
    font-weight: bold;
}

.cooperation-box .title .slogan {
    height: 46px;
    line-height: 42px;
    border-bottom: 2px solid #fff;
    font-size: 24px;
    font-weight: bold;
}

.cooperation-box .title .more {
    display: block;
    width: 108px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.cooperation-list {
    width: 940px;
    height: 201px;
    position: relative;
}

.cooperation-list .prev,
.cooperation-list .next {
    width: 50px;
    height: 100px;
    background-position: center center;
    background-color: #000;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 9;
}

.cooperation-list .prev:hover,
.cooperation-list .next:hover {
    background-color: #005395;
}

.cooperation-list .prev {
    background-image: url("../images/arrow_3l.png");
    bottom: 0;
}

.cooperation-list .next {
    background-image: url("../images/arrow_3r.png");
    top: 0;
}

.cooperation-list .bd {
    width: 888px;
    height: 201px;
    overflow: hidden;
}

.cooperation-list .bd ul {
    height: 201px;
    overflow: hidden;
    zoom: 1;
}

.cooperation-list .bd ul li {
    float: left;
    width: 220px;
    margin-right: 2px;
    display: inline;
}

.cooperation-list .bd ul li a {
    display: block;
    width: 220px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 1px;
    position: relative;
}

.cooperation-list .bd ul li a img {
    display: block;
    width: 220px;
    height: 100px;
    transition: all 0.5s;
}

.cooperation-list .bd ul li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.country-map {
    width: 960px;
    position: relative;
}

.country-map > img {
    display: block;
    width: 960px;
    height: 533px;
}

.country-map .icon {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    border-radius: 50%;
    z-index: 3;
    display: none;
}

.country-map .icon.icon1 {
    top: 211px;
    left: 157px;
}

.country-map .icon.icon2 {
    top: 388px;
    left: 283px;
}

.country-map .icon.icon3 {
    top: 168px;
    left: 476px;
}

.country-map .icon.icon4 {
    top: 127px;
    left: 588px;
}

.country-map .icon.icon5 {
    top: 254px;
    left: 566px;
}

.country-map .icon.icon6 {
    top: 300px;
    left: 732px;
}

.country-map .icon .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.country-map .icon .icon-name {
    width: 180px;
    line-height: 20px;
    margin-top: -10px;
    font-size: 14px;
    top: 50%;
    left: 15px;
}

.country-map .icon.bg000 .dot {
    background: #000;
}

.country-map .icon.bg000 .icon-name {
    color: #333;
}

.country-map .icon.bg000 .icon-name .fa {
    color: #000;
}

.country-map .icon.bg000 .circle {
    border: 3px solid #000;
}

.country-map .icon.bg000:hover .dot {
    background: #2e91d4;
}

.country-map .icon.bg000:hover .circle {
    border: 3px solid #2e91d4;
}

.country-map .icon .circle {
    width: 150px;
    height: 150px;
    margin-top: -75px;
    margin-left: -75px;
    border-radius: 100%;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation: ripple 4.5s ease-out 450ms infinite;
    -moz-animation: ripple 4.5s ease-out 450ms infinite;
    -o-animation: ripple 4.5s ease-out 450ms infinite;
    animation: ripple 4.5s ease-out 450ms infinite;
}

.country-map .icon .circle.circle-10 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.country-map .icon .circle.circle-20 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.country-map .icon .circle.circle-30 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.country-map .icon .circle.circle-40 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.country-map .icon .circle.circle-50 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.country-map .icon .circle.circle-60 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.country-map .icon .circle.circle-70 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.country-map .icon .circle.circle-80 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.country-map .icon .circle.circle-90 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1, .1);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes ripple {
    0% {
        opacity: 0;
        -moz-transform: scale(.1, .1);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1);
    }
}

@-o-keyframes ripple {
    0% {
        opacity: 0;
        -o-transform: scale(.1, .1);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -o-transform: scale(1);
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1, .1);
        -moz-transform: scale(.1, .1);
        -ms-transform: scale(.1, .1);
        transform: scale(.1, .1);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/*02-1特种面料*/
.other-banner {
    width: 100%;
    min-width: 1200px;
    height: 500px;
}

.other-banner .text {
    padding-top: 132px;
    padding-right: 96px;
    color: #fff;
}

.other-banner .text .title {
    line-height: 60px;
    margin-bottom: 35px;
    font-size: 42px;
    font-weight: bold;
}

.other-banner .text .content {
    line-height: 30px;
    margin-bottom: 33px;
    font-size: 20px;
}

.other-banner .text .more {
    display: inline-block;
    width: 153px;
    height: 42px;
    line-height: 42px;
    border: 1px dashed #fff;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.other-banner .product-sort {
    width: 230px;
    height: 500px;
    background: url("../images/bg_3.png") repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.other-banner .product-sort .title {
    height: 76px;
    padding-top: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.other-banner .product-sort .title .name-cn {
    font-size: 20px;
}

.other-banner .product-sort .content ul li {
    margin-bottom: 1px;
}

.other-banner .product-sort .content ul li > a {
    display: block;
    height: 65px;
    line-height: 65px;
    padding-left: 30px;
    background: url("../images/li_bg2.png") no-repeat;
    font-size: 16px;
    color: #fff;
    transition: all 0.5s;
}

.other-banner .product-sort .content ul li > a.on {
    background: url("../images/li_bg2_h.jpg") no-repeat;
}

.other-banner .product-sort .content ul li .sort-sub {
    width: 240px;
    padding-top: 30px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    display: none;
}

.other-banner .product-sort .content ul li .sort-sub > a {
    display: block;
    line-height: 72px;
    padding-left: 70px;
    font-size: 14px;
    color: #333;
}

.public-tit1 {
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    color: #111;
    text-align: center;
    font-weight: bold;
}

.public-tit1.style2 {
    color: #fff;
}

.public-tit1.style3 {
    color: #258cd3;
}

.product-advantage {
    padding-left: 48px;
    position: relative;
}

.product-advantage .name-en {
    position: absolute;
    top: 0;
    left: 6px;
}

.product-advantage .img-list {
    width: 606px;
}

.product-advantage .img-list ul {
    margin-left: -12px;
}

.product-advantage .img-list ul li {
    float: left;
    width: 194px;
    height: 160px;
    margin-bottom: 10px;
    margin-left: 12px;
    display: inline;
}

.product-advantage .text-list {
    width: 498px;
    border-top: 1px dashed #173475;
    border-left: 1px dashed #173475;
}

.product-advantage .text-list .box {
    float: left;
    width: 202px;
    height: 228px;
    padding-top: 20px;
    padding-right: 23px;
    padding-left: 23px;
    border-right: 1px dashed #173475;
    border-bottom: 1px dashed #173475;
}

.product-advantage .text-list .box .text {
    height: 67px;
    line-height: 28px;
    font-size: 18px;
    color: #333;
    text-align: center;
}

.product-advantage .text-list .box img {
    display: block;
    width: 202px;
    height: 141px;
}

.public-tit2 {
    height: 30px;
    line-height: 30px;
    padding-right: 80px;
    padding-left: 180px;
    font-size: 14px;
    position: relative;
}

.public-tit2 .name,
.public-tit2 .more {
    position: absolute;
    top: 0;
}

.public-tit2 .name {
    padding-left: 15px;
    border-left: 5px solid #2690d7;
    font-size: 24px;
    color: #333;
    left: 0;
}

.public-tit2 .more {
    color: #666;
    right: 0;
}

.public-tit2 .title {
    width: 940px;
    height: 30px;
}

.public-tit2 .title .tabs-tit {
    float: left;
    padding-left: 12px;
    margin-right: 25px;
    display: inline;
    background: url("../images/li_bg3.png") left center no-repeat;
    color: #333;
}

.public-tit2 .title .tabs-tit.selected {
    background: url("../images/li_bg3_h.png") left center no-repeat;
    color: #2690d7;
}

.public-tit2 .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    height: 10px;
}

.public-tit2 .title .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #0071bb;
}

.public-tit2 .title .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(0, 0, 0, .1);
}

.product-list-01 {
    position: relative;
}

.product-list-01 .more {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    position: absolute;
    top: -50px;
    right: 0;
}

.product-list-01 ul {
    margin-left: -16px;
}

.product-list-01 ul li {
    float: left;
    width: 288px;
    margin-bottom: 17px;
    margin-left: 16px;
    display: inline;
    background: #fff;
}

.product-list-01 ul li .img img {
    display: block;
    width: 288px;
    height: 285px;
}

.product-list-01 ul li .text {
    height: 130px;
    padding: 18px 22px 0 22px;
}

.product-list-01 ul li .text a {
    display: block;
    height: 60px;
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}

.product-list-01 ul li .text .price {
    font-size: 18px;
    color: #ff5500;
}

.product-list-01 ul li .text .price span {
    font-size: 24px;
}

.product-list-01.style2 ul li .img img {
    height: 341px;
}

.contact-form {
    width: 100%;
    min-width: 1200px;
}

.contact-form .title {
    height: 52px;
    line-height: 52px;
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.contact-form .content .li {
    margin-bottom: 12px;
    margin-left: -15px;
}

.contact-form .content .li .box {
    float: left;
    width: 390px;
    margin-left: 15px;
    display: inline;
}

.contact-form .content input[type=text] {
    display: block;
    width: 320px;
    height: 54px;
    line-height: 54px;
    padding-right: 20px;
    padding-left: 50px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    color: #666;
}

.contact-form .content input[type=text]::-webkit-input-placeholder {
    color: #bfbfbf;
}

.contact-form .content input[type=text]:-moz-placeholder {
    color: #bfbfbf;
}

.contact-form .content input[type=text]::-moz-placeholder {
    color: #bfbfbf;
}

.contact-form .content input[type=text]:-ms-input-placeholder {
    color: #bfbfbf;
}

.contact-form .content input[type=text].style1 {
    background: url("../images/txt_bg1.png") 20px center #fff no-repeat;
}

.contact-form .content input[type=text].style2 {
    background: url("../images/txt_bg2.png") 20px center #fff no-repeat;
}

.contact-form .content input[type=text].style3 {
    background: url("../images/txt_bg3.png") 20px center #fff no-repeat;
}

.contact-form .content textarea {
    width: 1130px;
    height: 120px;
    padding: 10px 20px 10px 50px;
    background: url("../images/txt_bg4.png") left 20px top 8px #fff no-repeat;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    color: #666;
}

.contact-form .content textarea::-webkit-input-placeholder {
    color: #bfbfbf;
}

.contact-form .content textarea:-moz-placeholder {
    color: #bfbfbf;
}

.contact-form .content textarea::-moz-placeholder {
    color: #bfbfbf;
}

.contact-form .content textarea:-ms-input-placeholder {
    color: #bfbfbf;
}

.contact-form .content input[type=submit] {
    display: block;
    width: 370px;
    height: 56px;
    background: url("../images/input_bg1.png") no-repeat;
    border: none;
    font-size: 16px;
    color: #258cd3;
    transition: all 0.5s;
}

.contact-form .content input[type=submit]:hover {
    background: url("../images/input_bg1_h.png") no-repeat;
    color: #fff;
}

/*02-2列表*/
.product-sort-box {
    height: 464px;
    overflow: hidden;
    background: #676767;
}

.product-sort-box .img-big {
    float: left;
    width: 467px;
    height: 464px;
    margin-right: 1px;
    display: inline;
    position: relative;
}

.product-sort-box .img-big > img {
    display: block;
    width: 467px;
    height: 464px;
}

.product-sort-box .img-big .bg {
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 50px;
    background: url("../images/bg_5.png") repeat;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-sort-box .img-big .bg .title {
    height: 46px;
    line-height: 46px;
    font-size: 28px;
    text-align: center;
}

.product-sort-box .img-big .bg .content {
    line-height: 32px;
}

.product-sort-box .img-big .bg .more {
    display: block;
    width: 143px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
}

.product-sort-box .img-small {
    float: left;
    width: 224px;
    height: 222px;
    margin-bottom: 20px;
    margin-left: 20px;
    display: inline;
    position: relative;
}

.product-sort-box .img-small a {
    display: block;
}

.product-sort-box .img-small a img {
    display: block;
    width: 224px;
    height: 222px;
}

.product-sort-box .img-small a .name {
    height: 45px;
    line-height: 45px;
    background: url("../images/bg_6.png") repeat;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-sort-box.style2 {
    height: 509px;
}

.product-sort-box.style2 .img-big {
    width: 550px;
    height: 509px;
    margin-right: 5px;
}

.product-sort-box.style2 .img-big > img {
    width: 550px;
    height: 509px;
}

.product-sort-box.style2 .img-big .bg {
    padding-top: 65px;
    padding-right: 84px;
    padding-left: 84px;
    background: url("../images/bg_11.png") repeat;
}

.product-sort-box.style2 .img-small {
    width: 195px;
    height: 245px;
    margin-bottom: 19px;
}

.product-sort-box.style2 .img-small a img {
    width: 195px;
    height: 245px;
}

.product-list-02 {
    position: relative;
}

.product-list-02 .more {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    position: absolute;
    top: -50px;
    right: 0;
}

.product-list-02 ul {
    margin-left: -20px;
}

.product-list-02 ul li {
    float: left;
    width: 590px;
    margin-bottom: 20px;
    margin-left: 20px;
    display: inline;
    background: #fff;
}

.product-list-02 ul li .img img {
    display: block;
    width: 590px;
    height: 584px;
}

.product-list-02 ul li .text {
    height: 100px;
    line-height: 22px;
    padding: 30px 105px 0 60px;
    font-size: 14px;
    color: #474747;
    position: relative;
}

.product-list-02 ul li .text a {
    display: block;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    font-size: 26px;
    color: #474747;
    font-weight: bold;
}

.product-list-02 ul li .text .price {
    height: 32px;
    line-height: 32px;
    margin-top: -16px;
    font-size: 14px;
    color: #ff5500;
    position: absolute;
    top: 50%;
    right: 40px;
}

.product-list-02 ul li .text .price span {
    font-size: 26px;
}

.product-list-02.style2 ul {
    margin-left: -80px;
}

.product-list-02.style2 ul li {
    width: 560px;
    margin-bottom: 60px;
    margin-left: 80px;
}

.product-list-02.style2 ul li .img img {
    width: 560px;
    height: 663px;
}

/*04专业定制*/
.other-banner-02 {
    width: 100%;
    min-width: 1200px;
    height: 700px;
}

.block-01 {
    width: 100%;
    min-width: 1200px;
    background: url("../images/bg_7.jpg") repeat;
}

.customized-sortBox {
    height: 375px;
    background: #258cd3;
}

.customized-sortBox .text {
    width: 320px;
    padding-top: 40px;
    padding-right: 30px;
    padding-left: 30px;
    color: #fff;
}

.customized-sortBox .text .name-cn {
    line-height: 42px;
    font-size: 36px;
    font-weight: bold;
}

.customized-sortBox .text .name-en {
    line-height: 32px;
    font-size: 14px;
    text-transform: uppercase;
}

.customized-sortBox .text .content {
    line-height: 30px;
    font-size: 20px;
}

.customized-sortBox .text .slogan {
    line-height: 30px;
    font-size: 18px;
}

.customized-sortBox .text .btn {
    display: inline-block;
    width: 128px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.customized-sortBox .img {
    width: 820px;
    height: 375px;
    position: relative;
}

.customized-sortBox .img > img {
    display: block;
    width: 820px;
    height: 375px;
}

.customized-sortBox .img .img-list {
    width: 756px;
    height: 107px;
    position: absolute;
    bottom: 0;
}

.customized-sortBox .img .img-list .box {
    float: left;
    width: 108px;
    height: 107px;
    position: relative;
}

.customized-sortBox .img .img-list .box img {
    display: block;
    width: 108px;
    height: 107px;
}

.customized-sortBox .img .img-list .box span {
    height: 22px;
    line-height: 22px;
    background: url("../images/bg_6.png") repeat;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.block-02 {
    width: 100%;
    min-width: 1200px;
    background: #258cd3;
}

.product-advantage-imgList {
    margin-left: -80px;
}

.product-advantage-imgList .box {
    float: left;
    width: 240px;
    line-height: 32px;
    margin-left: 80px;
    display: inline;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.product-advantage-imgList .box .img {
    width: 240px;
    margin-bottom: 15px;
    position: relative;
}

.product-advantage-imgList .box .img img {
    display: block;
    width: 240px;
    height: 240px;
}

.product-advantage-imgList .box .img .bg {
    background: url("../images/img_bg1.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.service-guarantee {
    width: 1200px;
    height: 656px;
    background: url("../images/bg_9.jpg") left bottom no-repeat;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.service-guarantee .prev,
.service-guarantee .next {
    width: 33px;
    height: 33px;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    position: absolute;
    bottom: 90px;
    z-index: 9;
}

.service-guarantee .prev {
    background: url("../images/arrow_4l.png") center center no-repeat;
    left: 98px;
}

.service-guarantee .prev:hover {
    background: url("../images/arrow_4l_h.png") center center no-repeat;
    border: 1px solid #258cd3;
}

.service-guarantee .next {
    background: url("../images/arrow_4r.png") center center no-repeat;
    left: 133px;
}

.service-guarantee .next:hover {
    background: url("../images/arrow_4r_h.png") center center no-repeat;
    border: 1px solid #258cd3;
}

.service-guarantee .bd {
    height: 100%;
    position: relative;
    z-index: 0;
}

.service-guarantee .bd li {
    vertical-align: middle;
    zoom: 1;
}

.service-guarantee .bd li .text {
    float: left;
    width: 343px;
    margin-left: 98px;
    display: inline;
    color: #333;
}

.service-guarantee .bd li .text .number {
    height: 112px;
    line-height: 112px;
    padding-bottom: 65px;
    background: url("../images/line_3.jpg") left 18px bottom no-repeat;
    font-size: 72px;
    color: #258cd3;
    font-weight: bold;
}

.service-guarantee .bd li .text .title {
    height: 52px;
    line-height: 52px;
    margin-bottom: 42px;
    font-size: 34px;
}

.service-guarantee .bd li .text .content {
    line-height: 30px;
    font-size: 18px;
}

.service-guarantee .bd li .img {
    float: right;
    width: 640px;
    height: 528px;
    margin-top: 38px;
}

.service-guarantee .bd li .img img {
    display: block;
    width: 640px;
    height: 528px;
}

.cooperative-client {
    width: 100%;
    min-width: 1200px;
    padding-top: 45px;
    padding-bottom: 100px;
}

.cooperative-client .text {
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.cooperative-client .img-list .img {
    float: left;
    width: 239px;
    margin-bottom: 1px;
    margin-right: 1px;
    display: inline;
}

.cooperative-client .img-list .img img {
    display: block;
    width: 239px;
    height: 108px;
}

.company-strength .box {
    float: left;
    width: 299px;
    margin-left: -1px;
    background: #fff;
    border: 1px solid #d9d9d9;
    text-align: center;
}

.company-strength .box .icon {
    height: 123px;
    padding-top: 31px;
}

.company-strength .box .icon img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.company-strength .box .text {
    height: 284px;
    padding-top: 57px;
    padding-right: 30px;
    padding-left: 30px;
    background: #258cd3;
    color: #fff;
}

.company-strength .box .text .title {
    line-height: 38px;
    margin-bottom: 33px;
    font-size: 24px;
    font-weight: bold;
}

.company-strength .box .text .content {
    line-height: 24px;
    font-size: 16px;
}

.company-strength .box .number {
    height: 156px;
    line-height: 156px;
    font-size: 100px;
    color: #258cd3;
}

/*05防护直供*/
.product-list-03 ul {
    margin-left: -6px;
}

.product-list-03 ul li {
    float: left;
    width: 195px;
    height: 235px;
    margin-left: 6px;
    display: inline;
    position: relative;
}

.product-list-03 ul li img {
    display: block;
    width: 195px;
    height: 235px;
}

.product-list-03 ul li span {
    height: 45px;
    line-height: 45px;
    background: url("../images/bg_11.png") repeat;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

/*07在线询单*/
.form-title {
    line-height: 30px;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    text-align: center;
}

.form-title .name-cn {
    font-size: 30px;
}

.form-content table td {
    line-height: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid #afaeae;
    font-size: 16px;
    color: #666;
}

.form-content .name {
    padding-left: 10px;
    color: #333;
}

.form-content .content {
    padding-right: 30px;
    padding-left: 30px;
}

.form-content input[type=text] {
    width: 328px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc;
    text-indent: 12px;
}

.form-content textarea {
    width: 724px;
    height: 130px;
    padding-right: 12px;
    padding-left: 12px;
    border: 1px solid #ccc;
}

.form-tel {
    font-size: 14px;
    color: #666;
}

.input-1 {
    width: 160px;
    height: 46px;
    line-height: 46px;
    border: none;
    font-size: 14px;
    color: #fff;
}

.input-1.style1 {
    background: #258dd4;
}

.input-1.style2 {
    background: #cdcdcd;
}

/*09-1文章首页*/
.article-banner {
    width: 940px;
    height: 483px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.article-banner .hd {
    height: 2px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 4;
}

.article-banner .hd ul {
    float: left;
    overflow: hidden;
    zoom: 1;
}

.article-banner .hd ul li {
    float: left;
    width: 35px;
    height: 1px;
    margin: 0 5px;
    display: inline;
    background: #fff;
    cursor: pointer;
}

.article-banner .hd ul li.on {
    height: 2px;
}

.article-banner .bd {
    height: 100%;
    position: relative;
    z-index: 0;
}

.article-banner .bd li {
    vertical-align: middle;
    zoom: 1;
}

.article-banner .bd li a,
.article-banner .bd li a img {
    display: block;
    width: 940px;
    height: 483px;
}

.article-banner-img {
    width: 250px;
    height: 483px;
}

.article-nav {
    padding-top: 10px;
    padding-bottom: 10px;
    background: url("../images/bg_13.jpg") left bottom repeat-x;
}

.article-nav .box {
    float: left;
    width: 268px;
    padding-right: 17px;
    padding-left: 15px;
    background: url("../images/li_bg4.jpg") right center no-repeat;
    text-align: center;
}

.article-nav .box:last-child {
    background: none;
}

.article-nav .box a {
    display: inline-block;
    min-width: 56px;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 14px;
    color: #bbd4e9;
}

.article-nav .box a.a-title {
    color: #fff;
}

.article-nav.style2 .box {
    width: 118px;
}

.article-product {
    height: 40px;
    padding-right: 88px;
    padding-left: 64px;
    overflow: hidden;
    position: relative;
}

.article-product .name {
    line-height: 40px;
    font-size: 16px;
    color: #333;
    position: absolute;
    top: 0;
    left: 12px;
}

.article-product .next {
    width: 75px;
    height: 40px;
    background: url("../images/arrow_5r.jpg");
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.article-product .bd {
    width: 1048px;
    height: 40px;
    overflow: hidden;
}

.article-product .bd ul {
    height: 40px;
    overflow: hidden;
    zoom: 1;
}

.article-product .bd ul li {
    float: left;
    width: 160px;
    height: 40px;
    margin-right: 17px;
    display: inline;
}

.article-product .bd ul li a img {
    display: block;
    width: 160px;
    height: 40px;
}

.article-title {
    line-height: 50px;
    border-top: 1px solid #e5e5e5;
}

.article-title .name {
    float: left;
    height: 50px;
    margin-top: -2px;
    border-top: 2px solid #004b9f;
    font-size: 20px;
    color: #333;
}

.article-title .more {
    float: right;
    font-size: 14px;
    color: #a0a0a0;
}

.article-list-01 {
    height: 469px;
    overflow: hidden;
    margin-left: -21px;
}

.article-list-01 .box {
    float: left;
    width: 400px;
    height: 230px;
    margin-bottom: 9px;
    margin-left: 21px;
    display: inline;
    position: relative;
}

.article-list-01 .box img {
    display: block;
    width: 400px;
    height: 230px;
}

.article-list-01 .box span {
    height: 42px;
    line-height: 42px;
    padding-top: 90px;
    padding-right: 15px;
    padding-left: 15px;
    background: url("../images/bg_14.png") left bottom repeat-x;
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.article-list-01 .box:first-child {
    width: 424px;
    height: 469px;
}

.article-list-01 .box:first-child img {
    width: 424px;
    height: 469px;
}

.article-list-02 {
    padding-right: 20px;
    padding-left: 20px;
    background: #f6f6f8;
}

.article-list-02 .title {
    height: 68px;
    line-height: 68px;
    font-size: 24px;
    text-align: center;
}

.article-list-02 .title img {
    margin-top: -3px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
}

.article-list-02 ul li {
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #dcdcdc;
    font-size: 14px;
    color: #333;
}

.article-list-02 ul li a {
    color: #333;
}

.article-list-03 {
    padding-top: 1px;
    background: #f6f6f8;
}

.article-list-03 .title {
    height: 44px;
    line-height: 44px;
    padding-right: 15px;
    padding-left: 20px;
    border-top: 1px solid #004b9f;
    font-size: 14px;
}

.article-list-03 .title .name {
    color: #666;
}

.article-list-03 .title .name span {
    margin-right: 10px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.article-list-03 .title .change {
    color: #666;
}

.article-list-03 .title .change img {
    vertical-align: middle;
    margin-left: 5px;
}

.article-list-03 ul {
    background: #fff;
}

.article-list-03 ul li {
    float: left;
    width: 239px;
    margin-left: -1px;
    border: 1px solid #dcdcdc;
}

.article-list-03 ul li .img {
    height: 237px;
}

.article-list-03 ul li .img img {
    display: block;
    width: 239px;
    height: 237px;
}

.article-list-03 ul li .text {
    padding: 15px 18px 12px 18px;
    font-size: 14px;
}

.article-list-03 ul li .text a {
    display: block;
    height: 48px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #333;
}

.article-list-03 ul li .text .price {
    color: #fc561f;
}

.article-list-04 ul li {
    height: 30px;
    line-height: 15px;
    padding-left: 13px;
    margin-bottom: 15px;
    background: url("../images/li_bg5.jpg") left top 6px no-repeat;
    border-bottom: 1px dashed #e5e5e5;
    font-size: 14px;
}

.article-list-04 ul li:last-child {
    margin-bottom: 0;
}

.article-list-04 ul li a {
    display: block;
    color: #666;
}

.article-list-05 {
    height: 355px;
    overflow: hidden;
}

.article-list-05 ul {
    margin-left: -19px;
}

.article-list-05 ul li {
    float: left;
    width: 215px;
    height: 169px;
    margin-bottom: 17px;
    margin-left: 19px;
    display: inline;
    position: relative;
}

.article-list-05 ul li img {
    display: block;
    width: 215px;
    height: 169px;
}

.article-list-05 ul li .bg {
    padding-right: 54px;
    padding-left: 54px;
    background: url("../images/bg_15.png") repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.article-list-05 ul li .bg td {
    height: 355px;
}

.article-list-05 ul li .bg a {
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.article-list-05 ul li .bg a span {
    display: block;
}

.article-list-05 ul li .bg a span.name-cn {
    line-height: 56px;
    border-bottom: 1px solid #fff;
    font-size: 18px;
}

.article-list-05 ul li .bg a span.name-en {
    line-height: 46px;
    font-family: Arial;
    text-transform: uppercase;
}

.article-list-05 ul li:first-child,
.article-list-05 ul li:first-child img {
    width: 456px;
    height: 355px;
}

.article-list-06 ul {
    height: 629px;
    overflow: hidden;
    margin-left: -14px;
}

.article-list-06 ul li {
    float: left;
    width: 330px;
    margin-bottom: 19px;
    margin-left: 14px;
    display: inline;
    background: #f6f6f8;
}

.article-list-06 ul li a {
    display: block;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.article-list-06 ul li a img {
    display: block;
    width: 330px;
    height: 244px;
}

.article-list-06 ul li a span {
    display: block;
    height: 61px;
    line-height: 61px;
}

.article-list-07 ul {
    height: 246px;
    margin-left: -12px;
}

.article-list-07 ul li {
    float: left;
    width: 246px;
    margin-bottom: 18px;
    margin-left: 12px;
    display: inline;
    background: #f6f6f8;
}

.article-list-07 ul li a {
    display: block;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.article-list-07 ul li a img {
    display: block;
    width: 246px;
    height: 182px;
}

.article-list-07 ul li a span {
    display: block;
    height: 46px;
    line-height: 46px;
}

.article-vote {
    height: 221px;
    padding-right: 60px;
    padding-left: 60px;
    background: url("../images/bg_16.jpg") no-repeat;
    border: 1px solid #ececec;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

.article-vote td {
    height: 221px;
}

.article-vote .text {
    width: 550px;
}

.article-vote .text .title {
    height: 32px;
    line-height: 32px;
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
}

.article-vote .text .content {
    line-height: 24px;
    font-size: 14px;
    color: #999;
}

.article-vote .btn {
    width: 125px;
    height: 35px;
    line-height: 35px;
    background: #004b9f;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

/*09-2文章列表*/
.address {
    height: 45px;
    line-height: 45px;
    color: #666;
}

.address a {
    color: #666;
}

.address a:hover,
.address .on {
    color: #2e91d4;
}

.article-list-08 {
    margin-left: -35px;
}

.article-list-08 .box {
    float: left;
    width: 376px;
    height: 216px;
    margin-bottom: 40px;
    margin-left: 35px;
    display: inline;
    position: relative;
}

.article-list-08 .box img {
    display: block;
    width: 376px;
    height: 216px;
}

.article-list-08 .box span {
    height: 40px;
    line-height: 40px;
    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
    background: url("../images/bg_17.png") left bottom repeat-x;
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

/*09-3文章列表*/
.article-list-09 ul {
    margin-left: -21px;
}

.article-list-09 ul li {
    float: left;
    width: 386px;
    margin-bottom: 20px;
    margin-left: 21px;
    display: inline;
    background: #f6f6f8;
}

.article-list-09 ul li a {
    display: block;
    font-size: 18px;
    color: #333;
    text-align: center;
}

.article-list-09 ul li a img {
    display: block;
    width: 386px;
    height: 285px;
}

.article-list-09 ul li a span {
    display: block;
    height: 71px;
    line-height: 71px;
}

/*09-4文章列表*/
.article-list-10 ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
}

.article-list-10 ul li .img {
    float: left;
    width: 276px;
    height: 204px;
}

.article-list-10 ul li .img img {
    display: block;
    width: 276px;
    height: 204px;
}

.article-list-10 ul li .text {
    float: right;
    width: 553px;
    margin-top: 40px;
    font-size: 14px;
    color: #999;
}

.article-list-10 ul li .text .title {
    display: block;
    height: 26px;
    line-height: 26px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}

.article-list-10 ul li .text .content {
    height: 48px;
    line-height: 24px;
    margin-bottom: 25px;
}

.article-list-10 ul li .text .content a {
    color: #999;
}

.article-list-11 {
    border: 1px solid #ebebeb;
    border-top: none;
}

.article-list-11 .title .tabs-tit {
    float: left;
    width: 164px;
    height: 38px;
    line-height: 38px;
    border-top: 2px solid #f0eeee;
    background: #f0eeee;
    font-size: 16px;
    color: #333;
    text-align: center;
    cursor: pointer;
}

.article-list-11 .title .tabs-tit.selected {
    background: #fff;
    border-top: 2px solid #004b9f;
}

.article-list-11 .content {
    padding-top: 18px;
    padding-bottom: 8px;
}

.article-list-11 .content .text {
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 10px;
}

.article-list-11 .content .text a {
    display: block;
    font-size: 14px;
    color: #333;
}

.article-list-11 .content .text a .number {
    display: inline-block;
    width: 27px;
    color: #888685;
}

.article-list-11 .content .img {
    padding: 9px 7px;
    margin: 8px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.article-list-11 .content .img img {
    display: block;
    width: 314px;
    height: 271px;
}

/*09-5文章详情*/
.details-title {
    line-height: 44px;
    border-bottom: 1px solid #f0eeee;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.details-title .name {
    line-height: 60px;
    font-size: 36px;
    color: #333;
}

.details-content {
    line-height: 34px;
    font-size: 16px;
    color: #333;
}

.details-content img {
    display: block;
    max-width: 100%;
}

.details-share {
    width: 47px;
    margin-left: -664px;
    border: 1px solid #dbdbdb;
    border-bottom: none;
    position: fixed;
    top: 139px;
    left: 50%;
}

.details-share .title {
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #dbdbdb;
    color: #333;
    text-align: center;
}

.details-share .content a {
    display: block;
    width: 100%;
    height: 32px;
    padding-left: 0;
    margin: inherit;
    margin-top: 8px;
    border-bottom: 1px solid #dbdbdb;
}

.details-share .content a.bds_qzone {
    background-position: 12px -52px;
}

.details-share .content a.bds_tsina {
    background-position: 12px -104px;
}

.details-share .content a.bds_weixin {
    background-position: 12px -1612px;
}

.details-comment-list {
    border-top: 2px solid #004b9f;
}

.details-comment-list .title {
    height: 36px;
    line-height: 36px;
    padding-right: 20px;
    padding-left: 20px;
    background: #f9f9f9;
    border: 1px solid #e7e7e7;
    border-top: none;
    font-size: 16px;
    color: #333;
}

.details-comment-list .content {
    padding: 20px 30px 20px 20px;
    border: 1px solid #e7e7e7;
    border-top: none;
}

.details-comment-list .content .box {
    padding-top: 10px;
    padding-left: 76px;
    position: relative;
}

.details-comment-list .content .box .img {
    width: 54px;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
}

.details-comment-list .content .box .img img {
    display: block;
    width: 54px;
    height: 54px;
}

.details-comment-list .content .box .img .bg {
    position: absolute;
    top: 0;
    left: 0;
}

.details-comment-list .content .box .name {
    height: 34px;
    line-height: 34px;
    margin-bottom: 5px;
    font-size: 16px;
}

.details-comment-list .content .box .text {
    line-height: 26px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #999;
}

.details-comment-list .content .box .btn-box {
    line-height: 26px;
    font-size: 14px;
    text-align: right;
}

.details-comment-list .content .box .btn-box a {
    margin-left: 40px;
    color: #989898;
}

.details-comment-list .content .box .reply-box {
    padding-left: 50px;
    margin-top: 10px;
    display: none;
    position: relative;
}

.details-comment-list .content .box .reply-box .reply-title {
    line-height: 40px;
    font-size: 14px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
}

.details-comment-list .content .box .reply-box input[type=text] {
    width: 100%;
    line-height: 36px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #333;
    text-indent: 12px;
}

.details-comment-list .content .box .reply-box input[type=text]::-webkit-input-placeholder {
    color: #999;
}

.details-comment-list .content .box .reply-box input[type=text]:-moz-placeholder {
    color: #999;
}

.details-comment-list .content .box .reply-box input[type=text]::-moz-placeholder {
    color: #999;
}

.details-comment-list .content .box .reply-box input[type=text]:-ms-input-placeholder {
    color: #999;
}

.details-comment-list .content .bg-fafafa {
    padding: 10px;
    background: #fafafa;
}

.details-comment-list .content .bg-fafafa .box {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.details-comment-write .title {
    line-height: 20px;
    color: #999;
}

.details-comment-write .title .name {
    float: left;
    padding-left: 10px;
    border-left: 2px solid #004b9f;
    font-size: 18px;
    color: #333;
}

.details-comment-write .title a {
    margin-left: 20px;
    color: #333;
}

.details-comment-write .content {
    padding-left: 100px;
    position: relative;
}

.details-comment-write .content .img {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.details-comment-write .content .img img {
    display: block;
    width: 100px;
    height: 100px;
}

.details-comment-write .content .img .bg {
    position: absolute;
    top: 0;
    left: 0;
}

.details-comment-write .content textarea {
    width: 724px;
    height: 94px;
    line-height: 34px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #333;
}

.details-comment-write .content textarea::-webkit-input-placeholder {
    color: #999;
}

.details-comment-write .content textarea:-moz-placeholder {
    color: #999;
}

.details-comment-write .content textarea::-moz-placeholder {
    color: #999;
}

.details-comment-write .content textarea:-ms-input-placeholder {
    color: #999;
}

.details-comment-write .content input[type=submit] {
    width: 90px;
    height: 30px;
    background: #004b9f;
    border: none;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

.brand-information {
    padding: 58px 35px 22px 35px;
    background: #f7f7f7;
    border: 1px solid #dbdbdb;
}

.brand-information .img {
    width: 185px;
    height: 95px;
    border: 1px solid #dbdbdb;
}

.brand-information .img img {
    display: block;
    width: 185px;
    height: 95px;
}

.brand-information .text {
    line-height: 28px;
    font-size: 14px;
    color: #333;
}

.brand-information .text .name {
    color: #959398;
}

.brand-information .a-btn {
    display: block;
    height: 33px;
    line-height: 33px;
    background: #fff;
    border: 1px solid #dbdbdb;
    color: #2e91d4;
    text-align: center;
}

.brand-information .a-list a {
    float: left;
    width: 85px;
    line-height: 30px;
    border-right: 1px solid #d9d9d9;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.brand-information .a-list a:last-child {
    border-right: none;
}

.code-list .box {
    padding: 7px;
    margin-bottom: 10px;
    background: #f7f7f7;
}

.code-list .box img {
    float: left;
    width: 127px;
    height: 127px;
    border: 5px solid #dbdbdb;
}

.code-list .box .text {
    float: left;
    width: 166px;
    margin-top: 35px;
    font-size: 16px;
    color: #333;
    text-align: center;
}

/*09-6新品投票*/
.vote-box .title {
    line-height: 44px;
    font-size: 30px;
    color: #333;
    text-align: center;
}

.vote-box .content ul {
    margin-left: -12px;
}

.vote-box .content ul li {
    float: left;
    width: 390px;
    margin-bottom: 18px;
    margin-left: 12px;
    display: inline;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

.vote-box .content ul li img {
    display: block;
    width: 390px;
    height: 285px;
}

.vote-box .content ul li .text {
    height: 115px;
    line-height: 48px;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 66px;
    font-size: 26px;
    color: #333;
}

.vote-box .content ul li .text .name {
    font-size: 24px;
    position: relative;
}

.vote-box .content ul li .text .name input[type=checkbox] {
    position: absolute;
    top: 10px;
    left: -30px;
}

.vote-box .btn-submit {
    display: block;
    width: 160px;
    height: 50px;
    background: #004b9f;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
}

.layer-bg {
    background: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.QRcode-box {
    width: 748px;
    height: 418px;
    padding-top: 80px;
    margin-top: -250px;
    margin-left: -375px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    display: none;
}

.QRcode-box .title {
    line-height: 34px;
    margin-bottom: 46px;
    font-size: 24px;
    color: #333;
}

.QRcode-box .img {
    width: 198px;
    height: 198px;
    border: 1px solid #e5e5e5;
}

.QRcode-box .img img {
    display: block;
    width: 198px;
    height: 198px;
}

.QRcode-box .content {
    display: inline-block;
    line-height: 20px;
    padding-left: 44px;
    font-size: 16px;
    color: #666;
    position: relative;
}

.QRcode-box .content img {
    position: absolute;
    top: 3px;
    left: 0;
}

.QRcode-box .close-btn {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

/*================================================= w~y =================================================*/

.index-title {
    font-size: 30px;
    color: #333;
    line-height: 40px;
    height: 40px;
}

.index-title b {
    font-size: 40px;
    line-height: 40px;
    color: #2e91d4;
}

.index-title .mg-icon {
    margin: 0 20px;
    position: relative;
    top: -3px;
}

.index-title-txt {
    font-size: 16px;
    color: #333;
    line-height: 16px;
    margin-top: 20px;
}

.index-core {
    padding-top: 80px;
    padding-bottom: 111px;
}

.index-core-01 {
    margin-top: 58px;
}

.index-core-a1 {
    width: 171px;
}

.index-core-a1:first-child {
    width: 172px;
}

.index-core-a1 .span-pic {
    width: 120px;
    height: 120px;
    background: url('../images/y-bg-02.png') center center no-repeat;
    margin-bottom: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-radius: 50%;
}

.index-core-a1 .span-pic img {
    width: 120px;
    height: 120px;
}

.index-core-a1 .span-pic .mg1 {
    display: block;
}

.index-core-a1 .span-pic .mg2 {
    display: none;
}

.index-core-a1 .span-txt {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 18px;
}

.index-core-a1:hover .span-pic {
    background: url('../images/y-bg-022.png') center center no-repeat;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
}

.index-core-a1:hover .span-txt {
    font-size: 18px;
    color: #005395;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.index-core-a1:hover .span-pic .mg1 {
    display: none;
}

.index-core-a1:hover .span-pic .mg2 {
    display: block;
}

.index-ensure {
    width: 100%;
    min-width: 1200px;
    padding: 80px 0 32px;
    background: url('../images/y-bg-03.jpg') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.index-ensure-list {
    padding-top: 24px;
}

.index-ensure-list li {
    float: left;
    width: 587px;
    height: 141px;
    background: url('../images/y-bg-04.png') center center no-repeat;
    color: #fff;
    text-align: right;
    margin-top: 36px;
}

.index-ensure-table-01 {
    float: left;
    width: 340px;
    margin-left: 30px;
    height: 127px;
}

.index-ensure-table-01 td {
    width: 100%;
    height: 127px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 28px;
}

.index-ensure-table-02 {
    float: right;
    margin-right: 20px;
    width: 120px;
    height: 140px;
}

.index-ensure-table-02 td {
    width: 100%;
    height: 140px;
    vertical-align: middle;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.index-ensure-list li.xz {
    float: right;
    text-align: left;
    background: url('../images/y-bg-05.png') center center no-repeat;
}

.index-ensure-list li.xz .index-ensure-table-01 {
    float: right;
    margin-left: 0;
    margin-right: 30px;
}

.index-ensure-list li.xz .index-ensure-table-02 {
    float: left;
    margin-right: 0;
    margin-left: 20px;
}

.index-ensure-scroll {
    position: relative;
    margin-top: 43px;
}

.index-ensure-scroll .bd li {
    float: left;
    width: 283px;
    height: 201px;
    padding-top: 4px;
    background: #ccc;
    border: 1px solid #afafaf;
    margin-right: 20px;
}

.index-ensure-scroll .bd li a, .index-ensure-scroll .bd li img {
    width: 272px;
    height: 197px;
}

.index-ensure-scroll .prev, .index-ensure-scroll .next {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    width: 18px;
    height: 37px;
}

.index-ensure-scroll .prev {
    left: 0;
    background: url('../images/y-left-01.png') center center no-repeat;
}

.index-ensure-scroll .next {
    right: 0;
    background: url('../images/y-right-01.png') center center no-repeat;
}

.index-ensure-scroll .prev:hover {
    background: url('../images/y-lefthover.png') center center no-repeat;
}

.index-ensure-scroll .next:hover {
    background: url('../images/y-righthover.png') center center no-repeat;
}

.index-mode {
    width: 100%;
    min-width: 1200px;
    background: url('../images/y-bg-06.jpg') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 82px;
}

.pt54 {
    padding-top: 54px;
}

.index-mode-left {
    width: 580px;
}

.index-mode-01 {
    margin-top: 76px;
}

.index-mode-01:first-child {
    margin-top: 0;
}

.index-mode-01 .span-icon {
    width: 130px;
    height: 130px;
    margin-right: 40px;
    background: url('../images/y-icon-02.png') center center no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.index-mode-01 .span-01 {
    font-size: 24px;
    line-height: 24px;
}

.index-mode-01 .span-01 .bdo-cn {
    color: #333;
    padding-top: 17px;
    margin-bottom: 9px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.index-mode-01 .span-01 .bdo-en {
    color: #999;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.index-mode-01 .span-01 .bdo-details {
    font-size: 18px;
    margin-top: 17px;
}

.index-mode-01:hover .span-icon {
    background: url('../images/y-icon-022.png') center center no-repeat;
}

.index-mode-01:hover .span-01 .bdo-cn {
    color: #2e91d4;
}

.index-mode-form {
    width: 370px;
    height: 492px;
    margin-right: 100px;
    padding: 50px 45px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .05);
    box-shadow: 0 0 6px rgba(0, 0, 0, .05);
}

.index-mode-form .div1 {
    background: #fdfdfd;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    margin-top: 20px;
    height: 54px;
}

.index-mode-form .div1:first-child {
    margin-top: 0;
}

.index-mode-form .div1 .mg-icon {
    position: absolute;
    left: 20px;
    top: 17px;
}

.index-mode-form .div1 .put-01 {
    border: none;
    background: none;
    outline: none;
    padding: 0 20px 0 50px;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
}

.index-mode-form .div1 .put-01::-webkit-input-placeholder, .index-mode-form .div1 .txt-01::-webkit-input-placeholder {
    color: #bfbfbf;
}

.index-mode-form .div1 .put-01:-moz-placeholder, .index-mode-form .div1 .txt-01:-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}

.index-mode-form .div1 .put-01::-moz-placeholder, .index-mode-form .div1 .txt-01::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}

.index-mode-form .div1 .put-01:-ms-input-placeholder, .index-mode-form .div1 .txt-01:-ms-input-placeholder {
    color: #bfbfbf;
}

.index-mode-form .div1.ling {
    height: 138px;
}

.index-mode-form .div1.ling .txt-01 {
    background: none;
    border: none;
    outline: none;
    width: 295px;
    padding: 16px 20px 16px 50px;
    font-size: 14px;
    height: 106px;
}

.index-mode-form .div1 .but-01 {
    border: none;
    outline: none;
    width: 370px;
    height: 56px;
    border-radius: 56px;
    background: #2377b7;
    color: #fff;
    font-size: 14px;
}

.index-service {
    padding-top: 103px;
}

.index-service-01 {
    margin-top: 60px;
}

.index-service-01 table {
    width: 100%;
    height: 100%;
    /*background: rgba(0, 83, 149, .2);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    color: #fff;
}

.index-service-01 table span {
    padding: 0 40px;
    font-size: 16px;
    line-height: 24px;
}

.index-service-01 table .span-title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 25px;
}

.index-service-item-01 {
    float: right;
    width: 50%;
    height: 470px;
}

.index-service-abs {
    position: absolute;
    left: 0;
    top: 0;
    right: 49.95%;
    bottom: 0;
}

.index-service-abs table {
    /*background: rgba(0, 0, 0, .2);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    text-align: right;
}

.index-service-01 > div.xz .index-service-item-01 {
    float: left;
}

.index-service-01 > div.xz .index-service-item-01 table {
    text-align: right;
}

.index-service-01 > div.xz .index-service-abs {
    left: 49.95%;
    right: 0;
}

.index-service-01 > div.xz .index-service-abs table {
    text-align: left;
}

/* 02-3详情 */

.public-bream {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    background: #f5f5f5;
    margin-bottom: 30px;
}

.public-bream a {
    color: #757575;
}

.public-bream a:hover, .public-bream a.xz {
    color: #2690d7;
}

.y-shop-details-01 {
    padding-bottom: 62px;
    background: url('../images/y-bg-07.png') right 425px no-repeat;
}

.y-shop-scroll {
    width: 590px;
    position: relative;
}

.y-shop-scroll li {
    float: left;
}

.y-shop-scroll .cf li {
    position: relative;
    color: #fff;
}

.y-shop-scroll .cf a {
    display: block;
    width: 590px;
    height: 590px;
    position: absolute;
    color: #fff;
}

.y-shop-scroll .cf img {
    display: block;
}

.y-shop-scroll .picBox2 {
    height: 590px;
    position: relative;
    overflow: hidden;
}

.y-shop-scroll .picBox2 ul {
    height: 590px;
    position: absolute;
}

.y-shop-scroll .picBox2 li {
    width: 590px;
    height: 590px;
}

.y-shop-scroll .picBox2 li img {
    width: 590px;
    height: 590px;
}

.y-shop-scroll .listBox2 {
    width: 531px;
    height: 76px;
    margin: 19px auto 0;
    position: relative;
    overflow: hidden;
}

.y-shop-scroll .listBox2 ul {
    height: 76px;
    position: absolute;
}

.y-shop-scroll .listBox2 li {
    width: 91px;
    height: 76px;
    cursor: pointer;
    position: relative;
}

.y-shop-scroll .listBox2 li a {
    display: block;
    width: 76px;
    height: 76px;
}

.y-shop-scroll .listBox2 li img {
    width: 76px;
    height: 76px;
}

.y-shop-scroll .listBox2 .on img {
    width: 76px;
    height: 76px;
}

.y-shop-scroll .prev2, .y-shop-scroll .next2 {
    width: 22px;
    height: 28px;
    position: absolute;
    bottom: 22px;
    cursor: pointer;
}

.y-shop-scroll .prev2 {
    left: 0;
    background: url('../images/y-left-02.png') center center no-repeat;
}

.y-shop-scroll .next2 {
    right: 0;
    background: url('../images/y-right-02.png') center center no-repeat;
}

.y-shop-xq {
    width: 570px;
}

.y-shop-word-cn {
    line-height: 38px;
    padding-top: 20px;
}

.y-shop-word-cn a {
    font-size: 24px;
    color: #333;
}

.y-shop-table {
    font-size: 14px;
    color: #666;
    line-height: 52px;
    margin-top: 30px;
}

.y-shop-table span.red {
    font-size: 18px;
    color: #d32411;
    margin-right: 30px;
}

.y-shop-table span.red bdo {
    font-size: 36px;
    margin-left: 6px;
}

.y-shop-table .mg1 {
    margin-right: 5px;
    display: inline-block;
    width: 63px;
    height: 63px;
    border: 1px solid #e1e1e1;
}

.y-shop-table .mg1:hover{
    border: 1px solid #d32411;
}

.y-shop-details-02 {
    margin-bottom: 60px;
}

.y-shop-buy {
    margin-top: 30px;
    padding-top: 29px;
    border-top: 1px dashed #ebebeb;
}

.y-shop-buy a {
    float: left;
    margin-right: 10px;
    width: 142px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eda7a0;
    color: #fff;
    font-size: 14px;
    background: #d32411;
}

.y-shop-buy a.on {
    background: #fde6e3;
    border-color: #fea7a7;
    color: #d32411;
}

.y-shop-list {
    margin-top: 40px;
}

.y-shop-list li {
    line-height: 50px;
    font-size: 14px;
}

.y-shop-list li .title {
    width: 106px;
    color: #666;
}

.y-shop-list li .span1 {
    color: #333;
    margin-right: 38px;
}

.y-shop-list li .span1 img {
    margin-right: 5px;
    position: relative;
    top: 7px;
}

.y-shop-list li .span2 {
    min-width: 60px;
    margin-right: 14px;
}

.y-shop-details-02 {
    border: 1px solid #e1e1e1;
}

.y-shop-details-02 .title {
    font-size: 14px;
    color: #fff;
    background: #fafafa;
    border-bottom: 1px solid #e1e1e1;
}

.y-shop-details-02 .title span {
    display: inline-block;
    background: #d32411;
    height: 38px;
    line-height: 38px;
    width: 121px;
    margin: -1px -1px 0;
    text-align: center;
}

.y-shop-details-table {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    margin-top: 26px;
    margin-bottom: 23px;
}

.y-shop-details-table tr td {
    padding-top: 12px;
}

.y-shop-details-table tr:first-child td {
    padding-top: 0;
}

.y-shop-details-art {
    padding: 60px 25px 23px;
    border-top: 1px solid #ececec;
}

.y-shop-details-art img {
    max-width: 100%;
}

/* 03-1友通工装过渡页 */
.y-work-clothes-a1 .span-word {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 390px;
    line-height: 60px;
    background: rgba(38, 144, 255, .8);
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.y-work-clothes {
    margin: 0 -15px;
}

.y-work-clothes-a1 {
    margin: 0 15px 30px;
}

.y-work-clothes-a1.xz .span-word {
    line-height: normal;
}

.y-work-clothes-a1.xz .span-word bdo {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    border: 1px dashed #d9d9d9;
    min-width: 128px;
    padding: 0 10px;
    height: 62px;
    line-height: 62px;
    margin-top: 192px;
}

/* 03-4产品详情 */
.y-shop-details-01.ling {
    padding-bottom: 40px;
}

.y-shop-scroll.ling .cf a {
    height: 698px;
}

.y-shop-scroll.ling .picBox2 {
    height: 698px;
}

.y-shop-scroll.ling .picBox2 ul {
    height: 698px;
}

.y-shop-scroll.ling .picBox2 li {
    height: 698px;
}

.y-shop-scroll.ling .picBox2 li img {
    height: 698px;
}

.y-shop-scroll.ling .listBox2 {
    width: 540px;
    height: 77px;
}

.y-shop-scroll.ling .listBox2 ul {
    height: 77px;
}

.y-shop-scroll.ling .listBox2 li {
    width: 79px;
    height: 77px;
}

.y-shop-scroll.ling .listBox2 li a {
    width: 66px;
    height: 77px;
}

.y-shop-scroll.ling .listBox2 li img {
    width: 66px;
    height: 77px;
}

.y-shop-scroll.ling .listBox2 .on img {
    width: 66px;
    height: 77px;
}

.y-shop-details-list {
    padding-bottom: 8px;
}

.y-shop-details-list li {
    border-bottom: 1px dashed #ebebeb;
    padding: 20px 0 10px;
    line-height: 30px;
}

.y-shop-details-list li:first-child {
    padding-top: 11px;
}

.y-shop-details-list li .div1 {
    width: 145px;
}

.y-shop-details-list li .div2 {
    width: 100px;
}

.y-shop-details-list li .div3 {
    width: 100px;
}

.y-shop-details-list li .div4 {
    height: 28px;
    line-height: 28px;
    border: 1px solid #d9d9d9;
    width: 142px;
    text-align: center;
}

.y-shop-details-list li .div4 .span1 {
    width: 30px;
    cursor: pointer;
}

.y-shop-details-list li .put-01 {
    border: none;
    background: none;
    width: 80px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    height: 28px;
    line-height: 28px;
    outline: none;
    text-align: center;
}

/* 10-1关于友通 */
.y-about-title {
    height: 98px;
    padding-top: 31px;
    background: #f7f9fb;
}

.y-about-title b.en {
    font-size: 48px;
    line-height: 48px;
    color: #e1e6ed;
    text-transform: uppercase;
}

.y-about-title b.cn {
    font-size: 34px;
    line-height: 34px;
    color: #1a6fb3;
    margin-top: -22px;
}

.y-about-bream {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 14px;
    color: #8e8e93;
}

.y-about-bream a {
    color: #8e8e93;
}

.y-about-bream a:hover, .y-about-bream a.xz {
    color: #2e91d4;
}

.y-about-nav {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.y-about-nav a {
    float: left;
    width: 149px;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #eee;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.y-about-nav a:first-child {
    width: 148px;
    border-left: 1px solid #eee;
}

.y-about-nav a:hover, .y-about-nav a.xz {
    background: #2e91d4;
    color: #fff;
}

.y-about-bt {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    background: url('../images/y-bg-09.png') center bottom no-repeat;
    padding-bottom: 21px;
}

.y-about-bt.white {
    color: #fff;
    background: url('../images/y-bg-10.png') center bottom no-repeat;
}

.y-about-strength {
    margin-top: 50px;
}

.y-about-table-01 {
    vertical-align: middle;
    margin-top: 27px;
}

.y-about-strength-pic {
    width: 607px;
    height: 363px;
    padding-top: 16px;
    background: url('../images/y-bg-08.png') center center no-repeat;
}

.y-about-strength-pic img {
    width: 564px;
    height: 349px;
}

.y-about-strength-word {
    width: 514px;
    font-size: 14px;
    line-height: 28px;
    color: #333;
}

.y-about-product-guarantee {
    background: #1a6fb3;
    padding: 60px 0 50px;
    margin-top: 50px;
}

.y-about-txt {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin-top: 8px;
}

.y-about-word {
    font-size: 14px;
    line-height: 26px;
    color: #333;
}

.y-about-product-guarantee-icon {
    margin-top: 22px;
}

.y-about-product-guarantee-icon .span1 {
    font-size: 18px;
    color: #fff;
    margin-left: 41px;
    line-height: 18px;
}

.y-about-product-guarantee-icon .span1:first-child {
    margin-left: 0;
}

.y-about-product-guarantee-icon .span1 .mg1 {
    display: block;
}

.y-about-product-guarantee-icon .span1 .mg2 {
    display: none;
}

.y-about-product-guarantee-icon .span1 .bdo-icon {
    width: 136px;
    height: 136px;
    /*padding-top: 30px;
	background: url('../images/y-bg-11.png') center center no-repeat;*/
    margin-bottom: 11px;
}

.y-about-product-guarantee-icon .span1:hover .bdo-icon {
    background: url('../images/y-bg-111.png') center center no-repeat;
}

.y-about-product-guarantee-icon .span1:hover .bdo-icon .mg1 {
    display: none;
}

.y-about-product-guarantee-icon .span1:hover .bdo-icon .mg2 {
    display: block;
}

.y-about-product-guarantee-txt {
    color: #fff;
    line-height: 28px;
    margin-top: 70px;
    font-size: 14px;
}

.y-about-product-guarantee-logo {
    padding-top: 23px;
}

.y-about-product-guarantee-logo a {
    margin: 1px 0 0 1px;
}

.y-about-product-guarantee-logo a, .y-about-product-guarantee-logo a img {
    width: 239px;
    height: 108px;
}

.y-about-history {
    background: url('../images/y-bg-12.jpg') center bottom no-repeat;
    padding-top: 60px;
}

.y-about-history-978 {
    width: 978px;
}

.y-about-history-list {
    background: url('../images/y-bg-14.jpg') center bottom repeat-y;
    padding-bottom: 105px;
    margin-top: 30px;
}

.y-about-history-div1 {
    float: right;
    width: 437px;
}

.y-about-history-div1 .date {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-top: -5px;
    padding-left: 63px;
    margin-left: -63px;
    background: url('../images/y-bg-15.png') left center no-repeat;
}

.y-about-history-div1 .details {
    background: #efefef;
    border-radius: 8px;
    min-height: 48px;
    padding: 28px 22px 24px 22px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    position: relative;
    margin-top: 25px;
}

.y-about-history-div1 .details .span-icon {
    display: block;
    width: 12px;
    height: 10px;
    background: url('../images/y-bg-17.png') center center no-repeat;
    position: absolute;
    left: 32px;
    top: -10px;
}

.y-about-history-div1.xz {
    float: left;
}

.y-about-history-div1.xz .date {
    text-align: right;
    padding-left: 0;
    padding-right: 63px;
    margin-left: 0;
    margin-right: -63px;
    background: url('../images/y-bg-16.png') right center no-repeat;
}

.y-about-history-div1.xz .details .span-icon {
    left: auto;
    right: 32px;
}

.y-about-ggw {
    height: 500px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.y-about-ggw-word {
    font-size: 20px;
    color: #333;
    line-height: 40px;
    padding-top: 166px;
    margin-left: 33px;
}

/* 10-2面料知识 */
.y-about-knowledge {
    margin-bottom: 60px;
}

.y-about-knowledge-div1 {
    margin-top: 58px;
}

.y-about-knowledge-div1:first-child {
    margin-top: 64px;
}

.y-about-knowledge-pic {
    float: left;
    width: 370px;
    height: 370px;
    padding-left: 47px;
    padding-top: 35px;
    background: url('../images/y-bg-18.png') center center no-repeat;

}

.y-about-knowledge-pic .mg1 {
    width: 370px;
    height: 370px;
}

.y-about-knowledge-word {
    float: right;
    width: 610px;
    margin-top: 96px;
}

.y-about-knowledge-title {
    font-size: 30px;
    color: #333;
    line-height: 54px;
}

.y-about-knowledge-title .i-number {
    font-size: 54px;
    color: #919191;
    margin-right: 20px;
}

.y-about-knowledge-details {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    background: url('../images/y-line-01.png') left center no-repeat;
    padding-left: 32px;
    margin-left: 58px;
    margin-top: 48px;
    height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.y-about-knowledge-div1.xz .y-about-knowledge-pic {
    float: right;
}

.y-about-knowledge-div1.xz .y-about-knowledge-word {
    float: left;
}

.mt100 {
    margin-top: 100px;
}

.y-page {
    font-size: 0;
}

.y-page a {
    display: inline-block;
    font-size: 12px;
    color: #666;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f5f5f5;
    margin: 0 3px;
}

.y-page a.ling {
    margin: 0 13px;
    width: 70px;
}

.y-page a:hover, .y-page a.xz {
    background: #1c51a3;
    color: #fff;
}

/* 10-3新闻资讯 */
.y-about-news {
    margin-top: 60px;
    margin-bottom: 60px;
}

.y-about-news-nav {
    font-size: 0;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
}

.y-about-news-nav a {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    margin: 0 97px;
}

.y-about-news-nav a:hover, .y-about-news-nav a.xz {
    color: #2e91d4;
}

.y-about-news-list {
    margin-bottom: 40px;
}

.y-about-news-list li {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    padding-top: 20px;
}

.y-about-news-list li .a-pic {
    margin-right: 35px;
}

.y-about-news-list li .a-pic, .y-about-news-list li .a-pic img {
    width: 300px;
    height: 190px;
}

.y-about-news-list li .title {
    font-size: 20px;
    color: #333;
    padding-top: 6px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.y-about-news-list li .title a {
    color: #333;
}

.y-about-news-list li .title a:hover {
    color: #1c51a3;
}

.y-about-news-list li .details {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    margin-top: 17px;
    height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.y-about-news-list li .date {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-top: 12px;
}

/* 10-4新闻资讯详情 */
.y-about-news-art-title {
    font-size: 28px;
    color: #323232;
    line-height: 34px;
    margin-top: 56px;
    padding-bottom: 28px;
    border-bottom: 1px solid #eee;
}

.y-about-news-art-title .span-info {
    font-size: 14px;
    color: #b5b5b5;
    margin-top: 15px;
}

.y-about-news-art .details {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin: 33px 0 54px;
}

.y-news-page {
    border-top: 1px solid #eaecee;
    padding-top: 30px;
    padding-bottom: 60px;
}

.y-news-page span {
    width: 50%;
    font-size: 14px;
    color: #616161;
    line-height: 18px;
}

.y-news-page span a {
    color: #616161;
}

.y-news-page span a:hover {
    color: #2e91d4;
}

.y-news-page span bdo {
    color: #2e91d4;
}

.y-news-page .span1 bdo {
    padding-left: 22px;
    background: url('../images/y-icon-11.png') left center no-repeat;
}

.y-news-page .span2 {
    text-align: right;
}

.y-news-page .span2 bdo {
    padding-left: 22px;
    background: url('../images/y-icon-12.png') left center no-repeat;
}

/* 10-5友通文化 */
.y-about-trust {
    background: #2e91d4;
    color: #fff;
    margin-top: 60px;
}

.y-about-trust-pic img {
    width: 751px;
    height: 420px;
}

.y-about-trust-word {
    width: 368px;
    margin-right: 40px;
    margin-top: 90px;
}

.y-about-trust-word .y-about-bt {
    background-position: left bottom;
}

.y-about-trust-word .details {
    font-size: 16px;
    line-height: 26px;
    margin-top: 33px;
}

.y-about-commonweal {
    margin-top: 60px;
}

.y-about-commonweal-div1 {
    margin-left: 30px;
    margin-top: 40px;
}

.y-about-commonweal-div1:first-child {
    margin-left: 0;
}

.y-about-commonweal-div1 .div-mc {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(27, 27, 27, .6);
    color: #fff;
    padding: 0 22px;
    overflow: hidden;
}

.y-about-commonweal-div1 .title {
    font-size: 30px;
    line-height: 30px;
    padding-top: 50px;
}

.y-about-commonweal-div1 .details {
    font-size: 16px;
    line-height: 28px;
    margin-top: 43px;
}

.y-about-mission {
    margin-top: 60px;
}

.y-about-mission-word {
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.y-about-mission-word .y-about-bt {
    background-position: left bottom;
    margin-top: 80px;
}

.y-about-mission-word .y-about-bt:first-child {
    margin-top: 40px;
}

.y-about-mission-pic img {
    width: 730px;
    height: 330px;
}

.y-about-value {
    margin-top: 64px;
    background: #f6f9fc;
    padding-top: 66px;
    padding-bottom: 35px;
}

.y-about-act {
    margin-top: 60px;
    margin-bottom: 55px;
}

.y-about-act-art {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-top: 37px;
}

.y-about-value-pic {
    width: 740px;
}

.y-about-value-pic img {
    margin-left: 13px;
    width: 260px;
    height: 330px;
}

.y-about-value-pic img:first-child {
    width: 465px;
    margin-left: 0;
}

.y-about-value-word {
    width: 380px;
    margin-top: 52px;
}

.y-about-value-word .y-about-bt {
    background-position: left bottom;
}

.y-about-value-list {
    font-size: 16px;
    line-height: 36px;
    color: #333;
    margin-top: 40px;
}

.y-about-value-list li {
    padding-left: 25px;
}

.y-about-value-list li .span-number {
    width: 25px;
    margin-left: -25px;
}

/* 10-6联系方式 */
.y-about-contact {
    margin-top: 60px;
}

.y-about-contact-phone {
    font-size: 24px;
    color: #333;
    line-height: 30px;
    margin-top: 50px;
}

.y-about-contact-phone b {
    color: #1a6fb3;
}

.y-about-contact-address {
    margin-top: 70px;
    margin-bottom: 60px;
}

.y-about-contact-540 {
    width: 540px;
}

.y-about-contact-address-01 {
    height: 220px;
    margin-top: 19px;
    border: 1px solid #2e91d4;
}

.y-about-contact-address-01:first-child {
    margin-top: 0;
}

.y-about-contact-address-01 .div1 {
    width: 159px;
    height: 220px;
    background: #2e91d4;
    font-size: 16px;
    color: #fff;
}

.y-about-contact-address-01 .div1 img {
    margin-bottom: 17px;
    padding-top: 70px;
}

.y-about-contact-address-01 .div2 {
    width: 320px;
    margin-right: 30px;
    font-size: 14px;
    line-height: 36px;
    color: #333;
    padding-top: 15px;
}

.y-about-contact-pic {
    width: 598px;
    height: 617px;
}

/* 10-7下载中心 */
.y-about-down {
    margin: 60px auto;
}

.y-about-down .y-about-news-nav a {
    margin: 0 32px;
}

.y-about-down-list {
    margin-bottom: 40px;
}

.y-about-down-list li {
    border-bottom: 1px dashed #dfdede;
    line-height: 48px;
    padding-top: 3px;
    padding-right: 130px;
}

.y-about-down-list li .a1 {
    padding-left: 18px;
    background: url('../images/y-bg-19.png') left center no-repeat;
    font-size: 14px;
    color: #333;
}

.y-about-down-list li .a2 {
    position: absolute;
    right: 0;
    top: 10px;
    background: #c2c2c2;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
}

.y-about-down-list li .a1:hover {
    color: #1c51a3;
}

.y-about-down-list li .a2:hover {
    background: #1c51a3;
}

/* 10-8视频展示 */
.y-about-video {
    margin-top: 50px;
    margin-bottom: 60px;
}

.y-about-video-top {
    width: 860px;
    height: 460px;
    border-radius: 6px;
}

.y-about-video-scroll {
    width: 926px;
    margin-top: 45px;
}

.y-about-video-scroll .bd {
    width: 837px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.y-about-video-scroll .bd li {
    float: left;
    width: 271px;
    margin-right: 12px;
}

.y-about-video-scroll .bd li img {
    width: 271px;
    height: 145px;
}

.y-about-video-scroll .prev, .y-about-video-scroll .next {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    cursor: pointer;
}

.y-about-video-scroll .prev {
    left: 0;
    background: url('../images/y-left-03.png') center center no-repeat;
}

.y-about-video-scroll .next {
    right: 0;
    background: url('../images/y-right-03.png') center center no-repeat;
}

/* 10-9招兵买马 */
.y-about-recruit {
    margin-bottom: 60px;
}

.y-about-recruit-style {
    height: 48px;
    line-height: 48px;
    background: #2e91d4;
    border: 1px solid #2e91d4;
    color: #333;
}

.y-about-recruit-style .div1, .y-about-recruit-style .div2 {
    float: left;
    font-size: 16px;
}

.y-about-recruit-style .div1 {
    padding-left: 118px;
    width: 385px;
    margin-right: 7px;
}

.y-about-recruit-style .div2 {
    float: left;
    width: 129px;
    text-align: center;
}

.y-about-recruit-title {
    background: #2e91d4;
    border: 1px solid #eee;
    margin-top: 40px;
    color: #fff;
}

.y-about-recruit-top {
    background: #fff;
    border-color: #eee;
    height: 48px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.y-about-recruit-top .div2 .span-01 {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('../images/y-bg-20.png') center center no-repeat;
    margin-top: 7px;
}

.y-about-recruit-top.xz .div2 .span-01 {
    background: url('../images/y-bg-21.png') center center no-repeat;
}

.y-about-recruit-bottom {
    border: 1px solid #dcdcdc;
    border-bottom: 2px solid #2e91d4;
    border-top: none;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    color: #666;
    padding: 0 85px 40px;
    display: none;
}

.y-about-recruit-bottom .div1 {
    padding-top: 28px;
}

.y-about-recruit-bottom .div1:first-child {
    padding-top: 30px;
}

.y-about-recruit-bottom .div1 .span-title {
    font-size: 14px;
    color: #333;
}

/* 06商务合作 */
.y-cooperation-01 {
    margin-top: 85px;
}

.y-cooperation-title {
    height: 64px;
    line-height: 64px;
    padding-bottom: 28px;
    background: url('../images/y-line-02.jpg') center bottom no-repeat;
}

.y-cooperation-title .en {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    color: #f5f5f7;
    text-transform: uppercase;
    font-size: 80px;
    line-height: 80px;
    margin-top: -54px;
}

.y-cooperation-title .cn {
    color: #333;
    font-size: 36px;
    position: relative;
    z-index: 1;
}

.y-cooperation-title .cn span {
    color: #2690d7;
}

.y-cooperation-title.white {
    background: url('../images/y-line-03.jpg') center bottom no-repeat;
}

.y-cooperation-title.white .en {
    color: #0858a4;
}

.y-cooperation-title.white .cn {
    color: #fff;
}

.y-cooperation-title.white2 {
    background: url('../images/y-line-03.jpg') center bottom no-repeat;
}

.y-cooperation-title.white2 .en {
    color: #3c82bc;
}

.y-cooperation-title.white2 .cn {
    color: #fff;
}

.y-cooperation-hezuo {
    margin: 0 -10px;
    padding-top: 30px;
}

.y-cooperation-hezuo-a1 {
    margin: 20px 10px 0;
}

.y-cooperation-hezuo-a1, .y-cooperation-hezuo-a1 img {
    width: 285px;
    height: 180px;
}

.y-cooperation-hezuo-a1 .span-txt {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}

.y-cooperation-hezuo-div1 {
    background: #2690d7;
    color: #fff;
    width: 760px;
    height: 70px;
    line-height: 70px;
    border-radius: 70px;
    font-size: 16px;
    margin-top: 50px;
}

.y-cooperation-02 {
    background: url('../images/y-bg-22.png') center center no-repeat;
    height: 986px;
    margin-top: 5px;
}

.y-cooperation-advantages {
    width: 560px;
    height: 560px;
    background: url('../images/y-bg-23.png') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-left: 187px;
    margin-top: 215px;
    position: relative;
}

.y-cooperation-advantages-01 {
    position: absolute;
    left: 2px;
    top: 75px;
    width: 400px;
    height: 285px;
    background: url('../images/y-bg-25.png') center center no-repeat;
    color: #fff;
    padding-top: 115px;
    line-height: 66px;
}

.y-cooperation-advantages-01 .b1 {
    font-size: 60px;
}

.y-cooperation-advantages-01 .b2 {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 20px;
}

.y-cooperation-advantages-02 {
    position: absolute;
    font-size: 24px;
    color: #fff;
    line-height: 94px;
    width: 355px;
}

.y-cooperation-advantages-02 .span-01 {
    width: 94px;
    height: 70px;
    padding-top: 24px;
    background: url('../images/y-bg-24.png') center center no-repeat;
}

.y-cooperation-advantages-02 .span-02 {
    position: absolute;
    left: 115px;
    top: 0;
}

.y-cooperation-advantages-02.dw1 {
    left: 248px;
    top: -67px;
}

.y-cooperation-advantages-02.dw2 {
    left: 415px;
    top: 9px;
}

.y-cooperation-advantages-02.dw3 {
    left: 501px;
    top: 156px;
}

.y-cooperation-advantages-02.dw4 {
    left: 497px;
    top: 307px;
}

.y-cooperation-advantages-02.dw5 {
    left: 419px;
    top: 445px;
}

.y-cooperation-advantages-02.dw6 {
    left: 253px;
    top: 521px;
}

.y-cooperation-liucheng {
    margin-top: 68px;
}

.contact-form.ling {
    margin-top: 50px;
}

.contact-form.ling .content input[type=text].style1 {
    background: url(../images/txt_bg1.png) 20px center #fdfdfd no-repeat;
    border: 1px solid #f0f0f0;
}

.contact-form.ling .content input[type=text].style2 {
    background: url(../images/txt_bg2.png) 20px center #fdfdfd no-repeat;
    border: 1px solid #f0f0f0;
}

.contact-form.ling .content input[type=text].style3 {
    background: url(../images/txt_bg3.png) 20px center #fdfdfd no-repeat;
    border: 1px solid #f0f0f0;
}

.contact-form.ling .content textarea {
    background: url(../images/txt_bg4.png) left 20px top 8px #fdfdfd no-repeat;
    border: 1px solid #f0f0f0;
    resize: none;
}

.contact-form.ling .content input[type=submit] {
    background: url("../images/input_bg1_h.png") no-repeat;
    color: #fff;
}

.y-cooperation-04 {
    height: 837px;
    padding-top: 157px;
    background: url('../images/y-bg-26.png') center center no-repeat;
}

.y-cooperation-strength {
    margin-top: 52px;
}

.y-cooperation-strength-01 {
    width: 260px;
    margin-left: 44px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.y-cooperation-strength-01 .pic {
    width: 260px;
    height: 260px;
}

.y-cooperation-strength-01:first-child {
    margin-left: 0;
}

.y-cooperation-strength-01 .div-pic, .y-cooperation-strength-01 .div-pic img {
    border-radius: 50%;
    overflow: hidden;
}

.y-cooperation-strength-01 .div-number {
    width: 50px;
    height: 50px;
    background: url('../images/y-bg-27.png') center center no-repeat;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #2690d7;
    position: relative;
    z-index: 1;
    margin-top: -28px;
}

.y-cooperation-strength-01 .div-title {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 16px;
}

.y-cooperation-strength-01 .div-title, .y-cooperation-strength-01 .div-details {
    width: 226px;
}

.y-cooperation-strength-01.ling .div-title, .y-cooperation-strength-01.ling .div-details {
    width: 156px;
}

.y-cooperation-prospect {
    margin-top: 40px;
}

.y-cooperation-prospect-01 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-left: 30px;
}

.y-cooperation-prospect-01:first-child {
    margin-left: 0;
}

.y-cooperation-prospect-01, .y-cooperation-prospect-01 .mg1 {
    width: 380px;
    height: 275px;
}

.y-cooperation-prospect-01 .div-mc {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}

.y-cooperation-prospect-01 .div-mc img {
    margin-bottom: 26px;
    margin-top: 66px;
}

.y-cooperation-06 {
    height: 660px;
    padding-top: 160px;
    background: url('../images/y-bg-28.png') center center no-repeat;
}

.y-cooperation-06 .y-about-product-guarantee-logo {
    padding-top: 32px;
}

.w-320 {
    width: 320px;
}

.w-200 {
    width: 200px;
}

.frame-box {
    width: 750px;
    height: 495px;
    padding-top: 55px;
    margin-top: -275px;
    margin-left: -375px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    color: #666;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    display: none;
}

.frame-box .close-btn {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.frame-box .title {
    margin-bottom: 45px;
    font-size: 14px;
    color: #b2b2b2;
    text-align: center;
}

.frame-box .title .name {
    font-size: 18px;
    color: #4c4c4c;
}

.frame-box input[type=text] {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 43px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    text-indent: 36px;
}

.frame-box input[type=password] {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 43px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    text-indent: 36px;
}

.frame-box input[type=text].style1 {
    background: url("../images/txt_bg5.png") left 12px center no-repeat;
}

.frame-box input[type=text].style2 {
    background: url("../images/txt_bg6.png") left 12px center no-repeat;
}

.frame-box input[type=password].style2 {
    background: url("../images/txt_bg6.png") left 12px center no-repeat;
}

.frame-box input[type=text].style3 {
    background: url("../images/txt_bg7.png") left 12px center no-repeat;
}

.frame-box input[type=text].style4 {
    background: url("../images/txt_bg8.png") left 12px center no-repeat;
}

.frame-box input[type=text]::-webkit-input-placeholder {
    color: #737373;
}

.frame-box input[type=text]::-moz-placeholder {
    color: #737373;
}

.frame-box input[type=text]:-moz-placeholder {
    color: #737373;
}

.frame-box input[type=text]:-ms-input-placeholder {
    color: #737373;
}

.frame-box .obtain-btn {
    width: 113px;
    height: 45px;
    background: none;
    border: 1px solid #2e91d4;
    border-radius: 3px;
    font-size: 16px;
    color: #2e91d4;
}

.frame-box .submit-btn {
    display: block;
    width: 100%;
    height: 45px;
    background: #2e91d4;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
}

.frame-box .a-1 {
    color: #d3162a;
}

.frame-box .a-2 {
    color: #2d88fe;
}

.frame-box .tabs-tit {
    float: left;
    width: 160px;
    height: 54px;
    line-height: 54px;
    border-bottom: 2px solid #e4e4e4;
    font-size: 18px;
    color: #4c4c4c;
    text-align: center;
    cursor: pointer;
}

.frame-box .tabs-tit.selected {
    border-bottom: 2px solid #2e91d4;
    color: #2e91d4;
}

.frame-box .btn-box a {
    display: inline-block;
    width: 112px;
    font-size: 14px;
    color: #4c4c4c;
}

.footer-links {
    margin-bottom: 30px;
}

.footer-links .title {
    height: 37px;
    line-height: 16px;
    border-bottom: 1px solid #4d4e50;
    font-size: 16px;
    color: #4d4e50;
    position: relative;
    margin-bottom: 20px;
    display: block;
}

.footer-links .links-main a {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
    margin-right: 15px;
    display: block;
}

.search-box {
    position: relative;
    width: 240px;
    margin-top: 5px;
}
.search-box .s-inp {
    height: 30px;
    line-height: 26px;
    border-radius: 25px;
    border: 1px solid #666;
    padding: 0 35px 0 15px;
    width: 100%;
    background: #fff;
    font-size: 14px;
    box-sizing: border-box;
}
.search-box .s-btn {
    position: absolute;
    right: 8px;
    top: 5px;
    background: url("../images/search-btn.png") no-repeat center center #fff;
    height: 20px;
    line-height: 20px;
    width: 30px;
    border: none;
}