
/* w3014 公司简介 start */
.w1400 {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    max-width: 100%;
}

@media (max-width:1420px) {
    .w1400 {
        width: 90%
    }
}

.aboutm {
    width: 100%;
    padding: 0.2rem 0 0.5rem
}

.aboutm .abom {
    width: 100%;
    font-size: 0;
    position: relative;
    z-index: 3
}

.aboutm .abom .aml {
    width: calc((690 / 1400 * 100%));
    position: relative;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 1%;
    float: left;
}

.aboutm .abom .aml .img {
    width: 100%;
    padding-top: 59.23%;
    position: relative;
}

.aboutm .abom .aml .img .mg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.aboutm .abom .aml .play {
    position: absolute;
    left: .4rem;
    bottom: .4rem;
    z-index: 3;
    width: 0.64rem;
    height: 0.64rem;
    cursor: pointer;
    transition: all ease 0.5s
}

.aboutm .abom .aml .play img {
    width: 100%;
    display: block
}

.aboutm .abom .amr {}

.aboutm .abom .amr .air {
    width: 100%;
    color: #111;
    line-height: 1.5;
    margin-bottom: 0.2rem;
    font-weight: bold;
}

.aboutm .abom .amr .aimp {
    width: 100%;
    color: #666;
    line-height: 1.5
}

.aboutm .abom .amr .aimp p {
    color: #666;
    line-height: 1.5
}

.aboutm .datem {
    width: 100%;
    font-size: 0;
    padding: 0.6rem 0.5rem;
    position: relative;
    z-index: 2;

}

.aboutm .datem .datm {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-right: 0.2rem;
    position: relative;
    left: 0.5rem
}

.aboutm .datem .datm .dm {
    width: 100%;
    color: #fff
}

.aboutm .datem .datm .dm span {
    display: inline-block;
    margin-right: 0.06rem;
    color: #fff
}

.aboutm .datem .datm .mk {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    margin-top: 0.05rem
}

@media (max-width: 800px) {
    .aboutm .abom .aml {
        width: 100%;
        margin-bottom: 20px;
    }

    .aboutm .abom .amr {
        width: 100%;
        margin-bottom: 20px;
    }

    .aboutm .datem {
        padding: 2% 0;
    }

    .aboutm .datem .datm {
        width: 50%;
        left: 0;
        padding: 3% 5%;
    }
}

/* w3014 公司简介 end */

/* w3014 选择 start */
.w1400{width:14rem;margin:0 auto;position:relative;font-size:0;max-width: 100%;}
@media (max-width:1420px){ .w1400{width:90%} }
.mitt { text-align: center; color: #111; line-height: 1.5; font-weight: bold; margin-bottom: .3rem; }
.wchoose{width:100%;padding:0.4rem 0}
.wchoose .wchlist{width:100%;font-size:0}
.wchoose .wchlist .wcom{display:inline-block;vertical-align:top;width:calc((466 / 1400 * 100%));background-color:#f8f9fc;padding:0.5rem 0.4rem;font-size:0;border:solid 1px #f8f9fc}
.wchoose .wchlist .wcom .ic{display:inline-block;vertical-align:middle;width:0.9rem;height:0.9rem;margin-right:0.2rem}
.wchoose .wchlist .wcom .ic img{width:100%;display:block}
.wchoose .wchlist .wcom .rmk{display:inline-block;vertical-align:middle;width:calc(100% - 1.1rem)}
.wchoose .wchlist .wcom .rmk .rt{width:100%;color:#222434;line-height:1.5;margin-bottom:0.08rem;font-weight: bold;}
.wchoose .wchlist .wcom .rmk .cim{width:100%;color:#81838e;line-height:1.5;height:4.5em}
.wchoose .wchlist .wcom:nth-child(2n){background-color:#fff}
@media (max-width: 800px) {
    .wchoose .wchlist .wcom{ width: 100%; }
}
/* w3014 选择 end */

/* w3014 工厂 start */
.w1400{width:14rem;margin:0 auto;position:relative;font-size:0;max-width: 100%;}
@media (max-width:1420px){ .w1400{width:90%} }
.mitt { text-align: center; color: #111; line-height: 1.5; font-weight: bold; margin-bottom: .3rem; }
.factorys{width:100%;padding:0.4rem 0}
.factorys .factper{width:100%;position:relative}
.factorys .factper .swiper-slide{width:100%;margin-bottom:0.1rem}
.factorys .factper .swiper-slide .imgs{width:100%;position:relative;overflow:hidden}
.factorys .factper .swiper-slide .imgs .img{width:100%;padding-top:56.23%;transition:all ease 0.5s;background-size: cover; background-position: center;background-repeat: no-repeat ;position: relative;}
.factorys .factper .swiper-slide .imgs .img:after{content: "";display: inline-block;width: 100%;padding-top: 27.826%;background-image: url(/static/home/images/60.png);background-size: 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 13;}
.factorys .factper .swiper-slide .imgs .img .mg{z-index: 12;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.factorys .factper .swiper-slide .imgs .vom{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:123;padding:0.3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.factorys .factper .swiper-slide .imgs .vom .vt{display:inline-block;vertical-align:middle;color:#fff;line-height:1.5}
.factorys .factper .swiper-slide .imgs .vom .vt.w100{width:100%;text-align:center}
.factorys .factper .swiper-slide .imgs .vom .fd{display:inline-block;vertical-align:middle;width:20px;height:20px}
.factorys .factper .swiper-slide .imgs .vom .fd img{width:100%;display:block}
.factorys .factper .btn{display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;cursor:pointer;top:calc(50% - 0.175rem);transform:translateY(-50%);position:absolute;z-index:5;background-color:#fff;border:solid 1px #ddd;border-radius:50%}
.factorys .factper .btn img{width:100%;display:block}
.factorys .factper .btn img:first-child{display:block}
.factorys .factper .btn img:last-child{display:none}
.factorys .factper .btn:hover{background-color:#0070af;border:solid 1px #0070af}
.factorys .factper .btn:hover img:first-child{display:none}
.factorys .factper .btn:hover img:last-child{display:block}
.factorys .factper .bl{left:-0.8rem}
.factorys .factper .br{right:-0.8rem}
.factorys .factper .swiper-container{padding-bottom:15px}
.factorys .factper .swiper-scrollbar{bottom:0.5em;left:0;width:calc(100% - 40px);height:3px}
.factorys .factper .swiper-scrollbar-drag{background-color:#0070af;border-radius:6px}
.factorys .factper .cound{position:absolute;right:0;bottom:0}
.factorys .factper .cound .now{display:inline-block;vertical-align:middle;color:#0070af;font-weight:bold}
.factorys .factper .cound .xx,.factorys .factper .cound .cnum{display:inline-block;vertical-align:middle;color:#0070af}
.factorys .factper.btc .bl{left:-0.25rem}
.factorys .factper.btc .br{right:-0.25rem}
@media (max-width:1420px){
    .factorys .factper .bl{left:-0.15rem}
    .factorys .factper .br{right:-0.15rem}
}
/* w3014 工厂 end */

/* w3014 发展历程 start */
.w1400{width:14rem;margin:0 auto;position:relative;font-size:0;max-width: 100%;}
@media (max-width:1420px){ .w1400{ width: 90%; } }
.mitt { text-align: center; color: #111; line-height: 1.5; font-weight: bold; margin-bottom: .3rem; }
.historys{width:100%;padding:0.4rem 0}
.historys .histoper{width:100%;position:relative}
.historys .histoper .swiper-container{width:100%;padding:0.8rem 0}
.historys .histoper:after{content:' ';position:absolute;top:50%;left:0;right:0;width:100%;transform:translateY(-50%);background-color:rgba(49,59,141,0.1);height:2px}
.historys .histoper .btn{display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;cursor:pointer;top:calc(50%);transform:translateY(-50%);position:absolute;z-index:5;background-color:#fff;border:solid 1px #ddd;border-radius:50%}
.historys .histoper .btn img{width:100%;display:block}
.historys .histoper .btn img:first-child{display:block}
.historys .histoper .btn img:last-child{display:none}
.historys .histoper .btn:hover{background-color:#0070af;border:solid 1px #0070af}
.historys .histoper .btn:hover img:first-child{display:none}
.historys .histoper .btn:hover img:last-child{display:block}
.historys .histoper .bl{left:-0.25rem}
.historys .histoper .br{right:-0.25rem}
.historys .histoper .swiper-slide{width:100%;text-align:center;padding:1.4rem 0.1rem;position:relative;cursor:pointer}
.historys .histoper .swiper-slide .pim{position:absolute;bottom:-0.3rem;width:100%;padding:0 0.1rem;color:#222434;line-height:1.5;height:4.5em}
.historys .histoper .swiper-slide .years{width:100%;text-align:center;font-size:0;position:absolute;top:0.2rem}
.historys .histoper .swiper-slide .years .yeom{display:block;margin:0 auto;width:0.85rem;height:0.85rem;border-radius:50%;background-color:#fff;color:#222434;line-height:0.85rem;text-align:center;position:relative}
.historys .histoper .swiper-slide .years .yeom:after{content:' ';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110%;height:110%;border-radius:50%;border:solid 1px #0070af;display:none}
.historys .histoper .swiper-slide .years .lx{display:block;margin:0 auto 0;background-color:rgba(49,59,141,0.1);width:2px;height:0.35rem}
.historys .histoper .swiper-slide:nth-child(2n) .years{bottom:0.2rem;top:auto;display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.historys .histoper .swiper-slide:nth-child(2n) .pim{bottom:auto;top:0rem}
.historys .histoper .swiper-slide.on .years .yeom{background-color:#0070af;color: #fff;}
.historys .histoper .swiper-slide.on .years .yeom:after{display:block}
@media (max-width:1420px){
    .historys .histoper .bl{left:-0.25rem}
    .historys .histoper .br{right:-0.25rem}
}
/* w3014 发展历程 end */
