.introduction { display: inline-block; vertical-align: top; padding: .4rem 0; box-sizing: border-box; width: 100%; font-size: 0;}
.introduction h3 { font-size: .32rem;}
.introduction p{ margin: .15rem 0; font-size: .14rem; line-height: 1.7; color: #666; text-indent: .28rem;text-indent: 0;}
.introduction .main .text > ul{ display: block;}
.introduction .main .text > ul li{ display: inline-block; width: 50%; box-sizing: border-box; padding-right: .1rem; margin-bottom: .1rem;}
.introduction .main .text > ul li b{ display: inline-block; font-size: .14rem; color: #666}
.introduction .main .text > ul li span{ display: inline-block; font-size: .14rem; color: #666}
.introduction .main .text > ul li:last-of-type{ width: 100%;}
.introduction .img { width: 100%; display: block; position: relative; box-sizing: border-box; padding-left: 3.18rem; margin-top: .5rem;}
.introduction .img > ul{ width: 3.18rem; height: 100%; position: absolute; box-sizing: border-box; padding: 0 .18rem; left: 0; top: 0; background: #0061ae;}
.introduction .img > ul li{ display: block; border-bottom: 1px solid #fff; box-sizing: border-box; padding: .3rem 0;}
.introduction .img > ul li:last-of-type{ border-bottom: none;}
.introduction .img > ul li b{ font-size: .46rem; font-weight: normal; line-height: 1.3; color: #fff; display: block;}
.introduction .img > ul li span{ font-size: .14rem; color: #fff;}
.introduction .img img { width: 100%;}

.introduction .main > .tit{ margin-bottom: .1rem; display: block;}
.introduction .main > .tit h2{ font-size: .32rem; line-height: .62rem; text-transform: uppercase; text-align: center; display: block;}
.introduction .main > .tit h2 .t-l{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-right: .2rem;}
.introduction .main > .tit h2 .t-l::after{ content: ""; width: .1rem; height: .1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.introduction .main > .tit h2 .t-r{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-left: .2rem;}
.introduction .main > .tit h2 .t-r::after{ content: ""; width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}


/* 企业文化 */
.culture{ width: 100%; display: block; background: url(../images/culture.jpg) no-repeat center center / cover; font-size: 0; padding-bottom: .56rem;}
.culture .main > .tit{ padding: .7rem 0 .42rem; display: block;}
.culture .main > .tit h2{ font-size: .32rem; line-height: .62rem; text-transform: uppercase; text-align: center; display: block; color: #fff;}
.culture .main > .tit h2 .t-l{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #fff; height: 1px; position: relative; margin-right: .2rem;}
.culture .main > .tit h2 .t-l::after{ content: ""; width: .1rem; height: .1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #fff; display: inline-block;}
.culture .main > .tit h2 .t-r{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #fff; height: 1px; position: relative; margin-left: .2rem;}
.culture .main > .tit h2 .t-r::after{ content: ""; width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #fff; display: inline-block;}
.culture .l,
.culture .r{ width: 50%; display: inline-block; vertical-align: top;}
.culture .l .list{ display: block; margin-bottom: .3rem;}
.culture h2{ font-size: .24rem; color: #fff; line-height: .42rem; display: block;}
.culture p{ font-size: .16rem; color: #fff; line-height: .32rem; display: block;margin-top: .06rem;}
.culture .l .list p span{ display: inline-block; vertical-align: middle; margin-right: .16rem;}
.culture .r ul{ display: block; margin-top: .1rem;}
.culture .r ul li{ position: relative; box-sizing: border-box; padding-left: .28rem; font-size: .16rem; line-height: .36rem; color: #fff; display: block;}
.culture .r ul li::before{ content: ""; width: .1rem; height: .1rem; left: 0; top: 50%; transform: translateY(-50%); background: #fff; display: inline-block; position: absolute;}
/* 发展历程 */
.development{ display: inline-block; vertical-align: top; padding: .4rem 0; box-sizing: border-box; width: 100%; font-size: 0;}
.development .main > .tit{ margin-bottom: .1rem; display: block;}
.development .main > .tit h2{ font-size: .32rem; line-height: .62rem; text-transform: uppercase; text-align: center; display: block;}
.development .main > .tit h2 .t-l{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-right: .2rem;}
.development .main > .tit h2 .t-l::after{ content: ""; width: .1rem; height: .1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.development .main > .tit h2 .t-r{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-left: .2rem;}
.development .main > .tit h2 .t-r::after{ content: ""; width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.development .list{ display: block; margin-top: .4rem;}
.development .list .l{  display: inline-block; width: 1.8rem; height: 3.1rem; background: #0061ae; vertical-align: top;}
.development .list .l h3{ font-size: .6rem; color: #fff; display: block; text-align: center; letter-spacing: 3px; line-height: 1.5; margin-top: .1rem;}
.development .list .l h2{ display: block; text-align: center; margin-bottom: .1rem; }
.development .list .l h2 b{ font-size: 1.7rem; font-family: "Bolide"; line-height: 1rem; vertical-align: bottom; display: inline-block;letter-spacing: -.06rem; color: #fff;}
.development .list .l h2 span{ font-size: .16rem; vertical-align: bottom; color: #fff; display: inline-block;}
.development .list .l h4{ font-weight: bold; display: block; text-align: center; font-size: .3rem; color: #fff; text-align: center; margin: .15rem 0;}
.development .list .l p{ font-size: .18rem; color: #fff; text-align: center; display: block;}
.development .list .r{  display: inline-block; width: 9.3rem; margin-left: 1.7rem; height: 3.1rem; vertical-align: top; position: relative;}
.development .list .r .box{ display: block; width: 100%; top: 0; left: 0; opacity: 0; z-index: 1; transition: all 0.3s ease-in-out; position: absolute;}
.development .list .r .box b{ font-size: .48rem; display: block; margin-bottom: .1rem;}
.development .list .r .box ul{ display: block;}
.development .list .r .box ul li{ display: block; font-size: .14rem; line-height: 1.5; color: #666; margin-bottom: .05rem;}
.development .list .r .box.cur{ z-index: 0; opacity: 1;}

.tab,
.tab ul{ display: block; width: 100%; text-align: center;}
.tab ul li{ display: inline-block; cursor: pointer; font-size: .16rem; line-height: 2; color: #999; position: relative; margin: .3rem .8rem; padding-top: .5rem;  transition: all 0.3s ease-in-out;}
.tab ul li::after{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border: 6px solid #ccc; box-sizing: border-box; width: .2rem; height: .2rem; border-radius: 100%; transition: all 0.3s ease-in-out;}
.tab ul li.cur::after{ border: 6px solid #0061ae;}
.tab ul li:hover{ opacity: .7;}
.tab ul li.cur:hover{ opacity: 1;}

/* 联系我们  */
.contact-n{ display: inline-block; vertical-align: top; padding: .4rem 0 0; box-sizing: border-box; width: 100%; font-size: 0;}
.contact-n .main > .tit{ display: block; padding-bottom: .6rem;}
.contact-n .main > .tit h2{ font-size: .32rem; line-height: .62rem; text-transform: uppercase; text-align: center; display: block;}
.contact-n .main > .tit h2 .t-l{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-right: .2rem;}
.contact-n .main > .tit h2 .t-l::after{ content: ""; width: .1rem; height: .1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.contact-n .main > .tit h2 .t-r{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-left: .2rem;}
.contact-n .main > .tit h2 .t-r::after{ content: ""; width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.contact-n .list,
.contact-n .list ul{ display: block;}
.contact-n .list ul li{ width: 25%; display: table-cell; vertical-align: top; border-left: 1px solid #ccc; box-sizing: border-box; padding: 0 0 .2rem .3rem;}
.contact-n .list ul li h3{ font-size: .18rem; color: #666; display: block; margin-bottom: .2rem;}
.contact-n .list ul li h3 i{ width: .4rem; text-align: left; font-size: .24rem; display: inline-block; font-family: "iconfont";}
.contact-n .list ul li span{ display: block; font-size: .16rem; line-height: .3rem; color: #333; position: relative;}
.contact-n .list ul li span:first-of-type::after{ content: ""; width: 3px; height: .24rem; background: #0061ae; position: absolute; left: -.3rem; top: 0;}
.contact-n .list ul li span img{ box-sizing: border-box; border: 1px solid #ccc; max-width: 1.5rem;}

.map{ width: 100%; height: 620px; display: block; position: relative; margin-top: .3rem;}
.map form{ position: absolute; width: 4.2rem; box-sizing: border-box; padding: .3rem; top: 50%; left: 50%; transform: translateY(-50%); margin-left: -6.4rem; background: rgba(255,255,255,.7)}
.map form h3{ display: block; font-weight: bold; font-size: .24rem; line-height: 2; margin-bottom: .1rem;}
.map form p{ display: block; font-size: .14rem; line-height: 1.7; color: #666;}
.map form input{ display: block; width: 100%; padding: 0 .1rem; box-sizing: border-box; border: 1px solid #ccc; background: #fff; line-height: .36rem; margin: .15rem 0;}
.map form textarea{ display: block; width: 100%; padding: .1rem; box-sizing: border-box; border: 1px solid #ccc; background: #fff; min-height: .6rem; line-height: .24rem; margin: .15rem 0;}
.map form input::placeholder,
.map form textarea::placeholder{ font-family:  Arial, Helvetica, sans-serif,"Open Sans","Microsoft YaHei"; font-size: .14rem;}
.map form button{ display: block; padding: 0 .3rem; color: #fff; box-sizing: border-box; border: 1px solid #0061ae; background: #0061ae; line-height: .36rem; margin: .15rem 0;}


/* 实力*/
.equipment .main > .tit{ margin-bottom: .1rem; display: block;}
.equipment .main > .tit h2{ font-size: .32rem; line-height: .62rem; text-transform: uppercase; text-align: center; display: block;}
.equipment .main > .tit h2 .t-l{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-right: .2rem;}
.equipment .main > .tit h2 .t-l::after{ content: ""; width: .1rem; height: .1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.equipment .main > .tit h2 .t-r{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-left: .2rem;}
.equipment .main > .tit h2 .t-r::after{ content: ""; width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}

.equipment {display: inline-block;vertical-align: top;padding: .4rem 0;box-sizing: border-box;width: 100%;font-size: 0;}
.equipment .title {font-size: .32rem;line-height: .62rem;text-transform: uppercase;text-align: center;display: block;}
.equipment .row {padding: 0 .48rem; margin-bottom: .72rem; box-sizing: border-box;display: inline-block;width: 100%;min-height: 3.4rem;}
.equipment .row:first-of-type{margin-top: .7rem;}
.equipment .col {width: 50%;float: left;position: relative;}
.equipment .col .number{ font-size: .8rem;color: #0061ae;position: relative;font-weight: bold;z-index: 0;}
.equipment .col .number::before{content: '';position: absolute;left: .1rem;top: -.04rem;width: .86rem;height: .86rem;border: 7px solid #ededed;z-index: -1;}
.equipment .col .ch{font-size: .28rem;line-height: .38rem;padding-top: .14rem;width: 100%;z-index: 0;position: relative;}
.equipment .col .en{font-size: .12rem;color: #73757a;line-height: .19rem;width: 100%;z-index: 0;position: relative;}
.equipment .col p {text-indent: 0; margin: .5rem 0 0 0; line-height: .29rem;font-size: .16rem;color: #73757a;}
.equipment .col .next-line {display: block;}
.equipment .col.left .number{float: left;margin-right: .4rem;}
.equipment .col.left p {max-width: 5rem;}
.equipment .col.right {float: right;text-align: right;}
.equipment .col.right .number{float: right; margin-left: .6rem; margin-right: 0;}
.equipment .col.right .number::before{left: -.4rem;}
.equipment .col.float-right {float: right;}
.equipment .row02 .col.left {padding-left: .9rem; box-sizing: border-box;}
.equipment .row03 .col {display: inline-block;margin-bottom: .35rem;}
.equipment .row03 .left:nth-of-type(1) {margin-top: .46rem;}
.equipment .row03 p {float: right;margin-top: .28rem; width: 100%;}
.equipment .row03 .left {padding-right: .9rem; box-sizing: border-box;}
.equipment .swiper-container {z-index: 0;}
.equipment .swiper-slide {width: 6.2rem; height: 4rem; text-align: center; margin-top: 0;}
.equipment .swiper-slide a{ position: relative; display: block; width: 100%; height: 100%;}
.equipment .swiper-slide img { max-width: 100%; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%); display: inline-block; vertical-align: middle;}
.equipment .iconfont {z-index: 0;position: absolute;right: -.3rem; top: 50%;width: .21rem;font-size: .3rem;color: #afaeae;}
.equipment .icon-right1 {left: -.4rem;}
#eq03 {padding-bottom: .3rem;}
#eq03 .swiper-slide {height: 4.27rem;}
#eq03 .swiper-pagination-bullet{border-radius: 0;}

.box button{ position: absolute; top: 50%; left: 50%; width: 1.6rem; height: .48rem; box-sizing: border-box; font-size: .14rem; line-height: .44rem; transform: translate(-50%,-50%); background: rgba(255,255,255,0); opacity: 0; border: 2px solid #fff; color: #fff; text-align: center; transition: all 0.3s ease-in-out .1s; z-index: 3; cursor: pointer;}
.box:hover button{ opacity: 1;}
.box .swiper-slide a::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0); z-index: 2;  transition: all 0.3s ease-in-out .1s;}
.box .swiper-slide a:hover::after{ background: rgba(0,0,0,.7); }
.box button:hover{ background: rgba(255,255,255,.7); color: #000;}

/*下载*/
.download .main {width: 11.6rem; margin-bottom: .6rem;}
.download .main > .tit{ margin-bottom: .1rem; display: block;}
.download .main > .tit h2{margin-top: .2rem; font-size: .32rem; line-height: .62rem; text-transform: uppercase; text-align: center; display: block;}
.download .main > .tit h2 .t-l{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-right: .2rem;}
.download .main > .tit h2 .t-l::after{ content: ""; width: .1rem; height: .1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.download .main > .tit h2 .t-r{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-left: .2rem;}
.download .main > .tit h2 .t-r::after{ content: ""; width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}

.download .title {font-size: .32rem;line-height: .62rem;text-transform: uppercase;text-align: center;display: block;}
.download .row {padding: 0 .48rem; margin-top: .4rem; box-sizing: border-box;display: inline-block;width: 100%;min-height: 3.4rem;}
.download .row:first-of-type{margin-top: .7rem;}
.download .col {width: 50%;float: left;position: relative;}
.download .col .number{ font-size: .8rem;color: #0061ae;position: relative;font-weight: bold;z-index: 0;}
.download .col .number::before{content: '';position: absolute;left: .1rem;top: -.04rem;width: .86rem;height: .86rem;border: 7px solid #ededed;z-index: -1;}
.download .col .ch{font-size: .28rem;line-height: .38rem;padding-top: .4rem;width: 100%;z-index: 0;position: relative;}
.download .col .en{font-size: .12rem;color: #73757a;line-height: .19rem;width: 100%;z-index: 0;position: relative;}
.download .img {width: 46%; float: left;}
.download .col p {text-indent: 0; margin: .3rem 0 0 0; line-height: .29rem;font-size: .16rem;color: #73757a;}
.download .button {display: block; width: 1.2rem; height: .33rem; text-align: center; line-height: .33rem;font-size: .16rem;color: #333;margin-top: .37rem;border: 1px solid #333;}
.download .button:hover {background-color: #0061ae; color: #fff;}

@media screen and ( max-width:768px){
    .introduction {padding-top: .2rem;}
    .introduction .main > .tit h2 .t-l,
    .introduction .main > .tit h2 .t-r{ width: 0.7rem;}
    .introduction .main .text > ul li{ width: 100%; display: block;}
    .introduction .main .text > ul li b{ display: block;}
    .introduction .img { padding-left: 0; margin-top: .5rem;}
    .introduction .img > ul{ width: 100%; position: relative; display: none;}
    .culture { background: url(../images/culture-wap.jpg) no-repeat center center / cover; }
    .culture .main > .tit h2 .t-l,
    .culture .main > .tit h2 .t-r{ width: 0.7rem;}
    .culture .l, .culture .r{ width: 100%;}
    .culture .r ul li{ line-height: .24rem; padding: .06rem .3rem .06rem .28rem;}
    .culture .r ul li::before{ top: .13rem; transform: translateY(0);}
    .culture .l .list h2{ font-size: .24rem;}
    .culture .l .list p{ font-size: .16rem;}

    .development .main > .tit h2 .t-l,
    .development .main > .tit h2 .t-r{ width: 0.7rem;}
    .development .list .l{ width: 100%; display: none;}
    .development .list .l h2,
    .development .list .l h3,
    .development .list .l h4{ display: inline-block; vertical-align: bottom;}
    .development .list .l h3{ font-size: .48rem;}
    .development .list .r{ width: 100%; margin-left: 0; height: 2.8rem;}
    .development .list .r .box b{font-size: .2rem;}
    .tab ul li{ width: 33%; margin: .3rem 0 0; box-sizing: border-box;}

    .contact-n .main > .tit{padding-bottom: .2rem;}
    .contact-n .main {padding: 0 6%;}
    .contact-n .list ul li h3{margin-bottom: .02rem;}
    .contact-n .main > .tit h2{ display: flex; justify-content: space-between; font-size: .3rem; align-items: center;}
    .contact-n .main > .tit h2 .t-l,.contact-n .main > .tit h2 .t-r{ display: inline-flex; width: 1rem;}
    .contact-n .main > .tit h2 span:nth-of-type(2){ flex-shrink: 0; display: inline-flex; vertical-align: middle}
    .contact-n .list ul li{ width: 50%; display: inline-block;margin-bottom: .1rem; vertical-align: top; border-left: none; box-sizing: border-box; padding: 0;}
    .contact-n .list ul li:last-of-type{width: 100%;}
    .contact-n .list ul li span:first-of-type::after{content: unset;}
    .contact-n .list .qrcode {float: right;}

    .equipment {padding-bottom: 0;}
    .equipment .main > .tit h2{ display: flex; justify-content: space-between; font-size: .3rem; align-items: center;}
    .equipment .main > .tit h2 .t-l,.equipment .main > .tit h2 .t-r{ display: inline-flex;width: .6rem;}
    .equipment .main > .tit h2 span:nth-of-type(2){ flex-shrink: 0; display: inline-flex; vertical-align: middle}
    .equipment .row{ padding: 0 0; margin-bottom: 0;}
    .equipment .main .row:nth-of-type(2) {margin: 0 0 .1rem 0;}
    .equipment .col{ width: 100%;}
    .equipment .row02 .col.left{ padding: 0}
    .equipment .swiper-slide {height: 3rem;}
    .equipment .row03 {display: flex; flex-wrap: wrap; margin-bottom: 0;}
    .equipment .row03 .col:first-of-type {order: 1;}
    .equipment .row03 .left {padding-right: 0;}
    #eq03 .swiper-slide {height: 3rem;}
    #eq01 .next, #eq02 .next, #eq01 .prev, #eq02 .prev {position: absolute;top: 50%; right: 0;transform: translateY(-50%);width: .6rem; height: .6rem;color: #fff;font-family: "iconfont";font-size: 36px;text-align: center;line-height: .6rem;z-index: 2;transition: all 0.3s ease-in-out;text-transform: uppercase;opacity: .8;cursor: pointer;background: #fff;color: #0061ae;box-shadow: 0 0 0.08rem #eee;}
    #eq01 .prev, #eq02 .prev {left: 0;}

    .download .main{width: 100%;}
    .download .main > .tit h2 .t-l,.download .main > .tit h2 .t-r {width: .6rem;}
    .download .row {padding: 0;}
    .download .img {width: 100%;}
    .download .img img {width: 100%;}
    .download .col {margin-top: .2rem; width: 100%;}
    .download .col .ch{display: inline;padding: 0;vertical-align: middle;margin-left: .15rem;}
    .download .col p{padding: 0 .08rem;box-sizing: border-box;}
    .download .button {margin-left: .08rem;}

    .box .swiper-slide a::after{content: unset;}
    .box button {display: none;}
}