﻿@charset "UTF-8";

.company{ width: 100%; display: block; font-size: 0; padding-bottom: 1.13rem; position: relative; background: #fafafa;}
.company .l,
.company .r{ width: 50%; display: inline-block; vertical-align: top; position: relative; box-sizing: border-box;}
.company .l{ padding-right: 1rem; margin-top: .6rem;}
.company .l h2{font-size: .3rem; color: #909090; line-height: 2; position: relative;}
.company .l p { width: 100%; display: block; font-size: .16rem; color: #a2a2a2; line-height: 1.5; margin-top: .3rem;}
.company .r{ padding-left: .54rem; padding-bottom: .54rem; margin-top: .74rem;}
.company .r img{ max-width: 100%; position: relative; z-index: 2; box-shadow: 0 0 20px #ccc;}
.company .r::before{ content: ""; position: absolute; z-index: 1; width: 4.05rem; height: 2.9rem; bottom: 0; left: -.06rem; background: url(../images/company-02.jpg) no-repeat left top;}
.company .l .down-list {
    display: block; margin-top: .4rem;
}
.company .l .down-list a {
    display: inline-block; margin: 0 .2rem 0 0; text-align: center;
}

.company .l .down-list a i {
    font-family: "iconfont"; font-size: .3rem; color: #333; display: inline-block; margin-right: .05rem; vertical-align: middle; transition: all 0.3s ease-in-out;
}
.company .l .down-list a span {
    display: inline-block; font-size: .16rem; line-height: 1.5; color: #666; vertical-align: middle; transition: all 0.3s ease-in-out;
}
.company .l .down-list a:hover i{
    color: #fdd000;
}
.company .l .down-list a:hover span{
    color: #fdd000;
}


.culture{ width: 100%; display: block; font-size: 0; padding: .57rem 0 1rem; position: relative;}
.culture .l,
.culture .r{ width: 50%; display: inline-block; vertical-align: top; position: relative; box-sizing: border-box; margin-top: .6rem;}
.culture .l{ z-index: 1; display: inline-flex; justify-content: space-between; align-items: center; min-height: 8.35rem;}
.culture .l::before{ content: ""; position: absolute; z-index: -1; width: 5.2rem; height: 8.35rem; bottom: 0; right: 0; background: url(../images/culture-03.jpg) no-repeat left top / 100% 100%;}
.culture .l .img img{ max-width: 100%; box-shadow: 0 0 3px #eee;}
.culture .l .img:first-of-type{ margin-right: .68rem;}
.culture .r{ padding-left: .9rem;}
.culture .r h2{font-size: .3rem; color: #909090; line-height: 2; position: relative; margin-top: .8rem;}
.culture .r .text{ display: block;}
.culture .r .text p { width: 100%; display: block; line-height: 1.5; margin-top: .3rem;}
.culture .r .text p b{ display: block; font-size: .24rem; color: #909090; font-weight: normal;}
.culture .r .text p span{ display: block; font-size: .16rem; color: #a2a2a2;}



.certificate{ width: 100%; display: block; font-size: 0; background: #fafafa; box-sizing: border-box; padding: .74rem 0 .9rem;}
.certificate .tit{ width: 100%; display: block; height: .41rem; padding-bottom: .1rem; border-bottom: 1px solid #b6b6b6;}
.certificate .tit h2{ display: inline-block; font-family: "Arial Black"; text-transform: uppercase; font-size: .24rem; color: #777; line-height: .3rem;}
.certificate .swiper-slide a{ width: 100%; display: block; box-sizing: border-box; border: 1px solid #ddd;}
.certificate .swiper-slide a img{ max-width: 100%;}
.certificate .swiper-slide:hover img {opacity: .8;}
.certificate .list{ width: 100%; display: block; position: relative; margin-top: .5rem;}
.certificate .list .next,
.certificate .list .prev{
    font-family: "iconfont"; font-size: .8rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; color: #e3e0e0; cursor: pointer; outline: none;
}
.certificate .list .prev{
    left: -1rem;
}
.certificate .list .next{
    right: -1rem;
}
.certificate .list .next:hover,
.certificate .list .prev:hover{
    color: var(--maincolor);
}

.history{ width: 100%; display: block; font-size: 0; margin: 1rem 0; display: none;}
.history .swiper-slide{ display: inline-flex; align-items: center; background: #f7cb00;}
.history .swiper-slide .img{ max-width: 100%; flex-shrink: 0;}
.history .swiper-slide .text{ flex-shrink: 1; width: 100%; padding-bottom: .64rem;}
.history .swiper-slide .text h3{ font-weight: bold; font-size: .3rem; text-align: center; color: #fff; display: block; margin-bottom: .3rem; line-height: 1;}
.history .swiper-slide .text p{ font-size: .18rem;text-align: center; display: block; color: #fff;}
.history .list{ position: relative;}
.history .list .next,
.history .list .prev{
    font-family: "iconfont"; width: .64rem; height: .64rem; border-radius: 50%; text-align: center;line-height: .64rem; font-size: .4rem; background: #fff; position: absolute; top: 50%; z-index: 2; color: var(--maincolor); cursor: pointer; outline: none; margin-top: .6rem;
}
.history .list .prev{
    right: 50%; margin-right: -2rem;
}
.history .list .next{
    left: 50%;  margin-left: 3rem;
}
.history .list .next:hover,
.history .list .prev:hover{
    background: var(--maincolor); color: #fff; box-shadow: 0 .1rem .15rem rgba(0, 0, 0, .3); 
}




.contact-con{ width: 100%; display: block; font-size: 0; margin: .2rem 0;}
.contact-con .map,
.contact-con .list{ width: 50%; display: inline-block; vertical-align: middle;}
.contact-con .map{ box-sizing: border-box; padding-right: .7rem; height: 6rem;}


.contact-con .list ul{
    display: block; width: 100%;
}
.contact-con .list ul li{
    display: flex; width: 100%; margin: .3rem 0;  align-items: center;
}

.contact-con .list ul li i{
    display: inline-block; font-family: "iconfont"; font-size: .4rem; color: #f7cb00; vertical-align: middle; width: .8rem; text-align: center; flex-shrink: 0;
}
.contact-con .list ul li span{
    display: inline-block; color: #909090; font-size: .24rem; line-height: 1.5;  vertical-align: middle; flex-shrink: 1; font-family: "微软雅黑";
}


.contact-info{ position: absolute; right: 50%; margin-right: -600px; bottom: 0; height: 280px; width: 480px; background: rgba(255,255,255,.7); box-sizing: border-box; padding: 40px;}
.contact-info h2{ font-size: 18px; color: #000; font-weight: bold; margin-bottom: 20px;}
.contact-info li{ margin-bottom: 10px; display: block;}
.contact-info li b{ display: inline-block; width: 80px; vertical-align: top; line-height: 24px; font-size: 14px;}
.contact-info li span{ display: inline-block; width: 320px; vertical-align: top;  line-height: 24px; font-size: 14px;}

/* 设备 */
.eq-con{ width: 100%; display: block; font-size: 0; padding-bottom: 1.13rem; position: relative;  background: linear-gradient(#fafafa, #fff);}
.eq-tit{ width: 100%; display: block; height: .41rem; padding-bottom: .1rem; border-bottom: 1px solid #b6b6b6; margin-bottom: .5rem;}
.eq-tit h2{ display: inline-block; font-family: "Arial Black"; text-transform: uppercase; font-size: .24rem; color: #777; line-height: .3rem;}

.equipment center{
    display: block; min-height: 2rem; line-height: .5rem; font-size: .24rem;
}
.equipment ul{ display: block; font-size: 0; margin-top: .3rem;}
.equipment ul li{
    width: 23%; margin-right: 2.666%; margin-bottom: 2.666%; display: inline-block;
}
.equipment ul li:nth-of-type(4n){
    margin-right: 0;
}
.equipment ul li img{
    max-width: 100%;
}
/* .feedback{ width: 100%; display: block; font-size: 0; margin: 80px 0;}
.feedback .tit{ display: inline-block; width: 40%; margin-bottom: 40px;vertical-align: middle;}
.feedback .tit h2{ font-size: 24px; font-weight: bold; color: #222; display: inline-block;}
.feedback .tit span{ font-size: 12px; color: #999; display: inline-block; margin-left: 5px;}
.feedback .tit p{ display: block; font-size: 14px; color: #999; line-height: 30px;}

.feedback form{ display: inline-block; width: 60%; box-sizing: border-box; vertical-align: middle;}
.feedback form input{ display: inline-block; width: 32%; padding: 0 10px; box-sizing: border-box; border: 1px solid #ccc; background: #fff; line-height: 36px; margin: 0 2% 2% 0;}
.feedback form input:nth-of-type(3){ margin-right: 0;}
.feedback form textarea{ display: block; width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; background: #fff; min-height: 60px; line-height: 24px; margin-bottom: 2%;}
.feedback form input::placeholder,
.feedback form textarea::placeholder{ font-family:  Arial, Helvetica, sans-serif,"Open Sans","Microsoft YaHei"; font-size: .14rem;}
.feedback form button{transition: background .3s ease-in-out; display: block; padding: 0 30px; color: #fff; box-sizing: border-box; border: 1px solid #007db8; background: #007db8; line-height: 36px; margin: 1% 0;}
.feedback form button:hover {background: #333;}
 */

/* .BMap_pop,.BMap_shadow img{ display: none !important;} */
@media screen and (max-width: 768px){
    .company{
        padding-bottom: .3rem;
    }
    .company .l, .company .r{
        width: 100%;
    }
    .company .l{
        padding-right: 0;
    }
    .company .l h2{
        font-size: .24rem;
        line-height: 1.5;
    }
    .company .l p{
        font-size: .14rem;
        margin-top: .2rem;
    }
    .company .r{
        padding: 0 0 .2rem .2rem;
        overflow: hidden;
        margin-top: .4rem;
    }
    .company .r::before{
        width: 100%;
        right: .2rem;
        left: auto;
    }

    /* 文化 */
    .culture{
        padding: 0;
        margin: 0;
        background: #eee;
    }
    .culture .box{
        padding: 0;
    }
    .culture .l, .culture .r{
        width: 100%;
        margin-top: 0;
    }
    .culture .l{
        box-sizing: border-box;
        padding: .4rem .2rem;
        height: auto;
        min-height: auto;
    }
    .culture .l::before{
        height: 100%; top: 0; z-index: -1;
    }
    .culture .l .img:first-of-type{
        margin-right: .2rem;
    }
    .culture .r{
        padding: .4rem .2rem; position: relative; z-index: 1;
    }
    .culture .r h2{
        margin-top: 0;
        font-weight: bold;
    }
    .culture .r .text p{
        margin-top: .1rem;
    }
    .culture .r .text p b{
        font-size: .24rem;
    }
    .culture .r .text p span{
        font-size: .16rem;
    }
    /* 证书 */
    .certificate{
        padding: .3rem 0;
    }
    .certificate .list .next,
    .certificate .list .prev{
        color: var(--maincolor);
    }
    .certificate .list .prev{
        left: 0rem;
    }
    .certificate .list .next{
        right: 0;
    }
    /* 发展历程 */
    .history{
        margin: .3rem 0;
    }
    .history .swiper-slide{
        flex-wrap: wrap;
    }
    .history .swiper-slide .img{
        width: 100%;
    }
    .history .swiper-slide .img img{
        width: 100%;
    }
    .history .swiper-slide .text{
        height: 40vh;
        box-sizing: border-box;
        padding: 5vh .2rem;
    }
    .history .list .prev,
    .history .list .next{
        margin: 0 .1rem;
        bottom: 6vh;
        top: auto;
    }
    .history .list .next,
    .history .list .prev{
        background: var(--maincolor); color: #fff; box-shadow: 0 .1rem .15rem rgba(0, 0, 0, .3); 
    }
    
    .contact-con .map{
        padding: 0;
        height: 50vh;
    }
    .contact-con .map, .contact-con .list{
        width: 100%;
    }
    .contact-con .list ul li span{
        font-size: .16rem;
    }
    .contact-con .list ul li i{
        width: .6rem;
        font-size: .24rem;
    }

    .nav-list ul li{
        max-width: 49%;
    }
    .equipment ul{
        font-size: 0;
    }
    .equipment ul li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .equipment ul li:nth-of-type(2n){
        margin-right: 0;
    }

}