@charset "utf-8";

/* 公司简介 */
.about_one{ align-items: stretch;}
.about_one .about_js{width: 40.7%; padding-top: 67rem;}
.about_one .about_right{ width: 56.3%; position: relative; padding-top: 48rem; padding-right: 48rem; margin-top: -108rem; z-index: 3; }
.about_one .about_js .desc{ font-size: 16rem; line-height: 1.9; }
.about_one .about_js .desc p{ margin-bottom: 16rem;}
.index_bt.spec{ margin-bottom: 50rem;}
.index_bt.spec .title .txt{ display: inline-block; position: relative; left: 0px;}
.index_bt.spec .title .txt:before{ content: "";height: 3rem;background-color: var(--linkColor); position: absolute; left: 0px; bottom:-16rem;width: 100%;}
.about_box{background-image: url(../images/aboutbg.png);background-position: center;background-size: cover; padding: 297rem 32rem 47rem; position:relative;z-index: 4;background-color: #fff;}
.about_one .about_right::before{content: ""; position: absolute;background: linear-gradient( 136deg, #E95A24 0%, #FD720A 100%); right: 0px; top: 0px;width:calc(100% - 48rem);height: calc(100% - 48rem);}
.about_one .about_right .about_box ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12rem;
align-items: stretch;}
.about_one .about_right .about_box ul li{ background-color: #fff; padding: 32rem 0rem 28rem;text-align: center; border-radius: 8rem;}
.about_one .about_right .about_box ul li .txt{ font-size: 18rem; color: #4E5969;}
.about_one .about_right .about_box ul li .count1{color: #1D2129; font-size: 36rem; font-weight: bold; line-height: 1; margin-bottom: 10rem;}
.about_one .about_right .about_box ul li .count1 .big{font-size: 50rem;}

/*企业文化*/
.about_two{ padding: 65rem 0rem;}
.cuture_1{ margin-bottom: 32rem;}
.cuture_1 ul{display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16rem;
align-items: stretch;}
.cuture_1 ul li{text-align: center; padding: 16px 0px;border: 1px #E5E6EB solid;}
.cuture_1 ul li .icon img{ height: 80rem;}
.cuture_1 ul li .txt{ color: #1D2129; font-size: 20rem; margin-top: 12rem; margin-bottom: 8rem;}
.cuture_1 ul li .desc{ font-size: 16rem;}
.cuture_2{ position: relative;}
.cuture_2 .cu_eng{ position: absolute; left: 0px;bottom: -5rem;
    text-stroke: 1rem #C9CDD4;
    font-style: normal;
    text-transform: none; opacity: .3;
    color: #fff;
    -webkit-text-stroke: 1rem #C9CDD4;
    font-size: 120rem;
    line-height: 1;}
.cuture_2 .items{ display: flex; align-items: stretch;}
.cuture_2 .items .content{ flex:1; padding-bottom: 108rem;color: #1D2129; font-size: 16rem;}
.cuture_2 .items .photo{width: 53%;}
.cuture_2 .items .photo img{ height: 100%;object-fit: cover;
 object-position: top center;}
.cuture_2 .items .content .title{font-size: 36rem; font-weight: bold; padding-top: 24rem; position: relative; margin-bottom: 54rem;}
.cuture_2 .items .content .title .org{ color: var(--linkColor);}
.cuture_2 .items .content .title:before{ content: "";    background: linear-gradient(93deg, #C9CDD4 0%, #C9CDD4 0%, rgba(255, 255, 255, 0) 95%);
    width: 100%;
    height: 1px; position: absolute; left: 0px; bottom: -26rem;}
.cuture_2 .items .content .title:after{ content: ""; position: absolute; left: 0px; bottom: -26rem; height: 3rem; background-color: var(--linkColor);width: 80rem;}
.cuture_2 .items .content .txt{ font-size: 28rem; font-weight: bold; margin-bottom: 12rem;}
.cuture_2 .items .content .eng{ font-size: 14rem; margin-top: 5rem; line-height: 1.6;}
.cuture_2 .items .content .desc{ line-height: 1.8;}
.cuture_3{background-color: #1D2129; color: #fff; font-size: 24rem;}
.cuture_3 ul li{ flex:1;text-align: center; line-height: 68rem; cursor: pointer;}
.cuture_3 ul li .big{ font-size: 32rem;}
.cuture_3 ul li.cur{ background-color: var(--linkColor);}


.tabcontent_2 .items{
	display:none;
}
.tabcontent_2 .items.cur {
	display: flex !important;
}
.cuture_2 .items .photo img{ width: 100%;}

/*发展历程*/
.about_three{background-image: url(../images/hisbg.png);background-position: center bottom;background-size: 100%;background-repeat: no-repeat; padding: 56rem 0rem; }
.history ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0px;
align-items: stretch;}
.history ul li{ border-left: 1px rgba(0,0,0,0.1) solid; padding: 0rem 47rem; height: 600rem;} 
.history ul li .content .tit{ position: relative; color: var(--linkColor);font-size: 28rem; font-weight: bold; line-height: 48rem;}
.history ul li .content .date{ color: #1D2129; font-size: 44rem; font-weight: bold; margin: 20rem 0px; line-height: 1.2;}
.history ul li .content .desc{ font-size: 16rem;width: 80%; line-height: 1.9;}
.history ul li .content .tit:before{ position: absolute; left: -48rem; content: ""; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-color: var(--linkColor);width: 3rem; height: 100%;}
.history ul li:nth-child(1) .content { margin-top: 182rem;}
.history ul li:nth-child(2) .content { margin-top: 120rem;}
.history ul li:nth-child(3) .content { margin-top: 60rem;}

/*为什么选择我们*/
.about_four{background-image: url(../images/gywm.png);background-position: center bottom;background-size: cover;background-repeat: no-repeat; padding: 48rem 0rem 56rem; }
.about_four .box{background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.85) 100%);border-radius: 12rem; padding: 48rem 12rem 52rem;
}
.chico_list ul{display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 0px;
align-items: stretch;}
.chico_list ul li{ padding: 16rem 16rem;text-align: center; border-right: 1px #C9CDD4 solid;}
.chico_list ul li .icon img{ height: 60rem;width: auto;}
.chico_list ul li .tit{ margin-top: 24rem; margin-bottom: 4rem; color: #1D2129; font-size: 20rem; font-weight: bold;}
.chico_list ul li:last-child{border-right: 0px;}
.chico_list ul li .desc{ font-size: 16rem; line-height: 1.6;}

/*我们的团队*/
.ab_tearn{ margin-bottom: 48rem;}
.ab_tearn ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24rem;
align-items: stretch;}
.ab_tearn ul li img{ width: 100%;}
.ab_tearn ul li{ position: relative; color: #1D2129;}
.ab_tearn ul li .content{ position: absolute;width: 33.3%; left: 48rem;top: 106rem;}
.ab_tearn ul li .content .desc{-webkit-line-clamp:4; font-size: 14rem; line-height: 1.8;}
.ab_tearn ul li .content .title{ color: var(--linkColor); font-size: 48rem; font-weight: bold;}
.ab_tearn ul li .content .lab{ font-size: 24rem; margin-bottom: 42rem;}
.tearn_three{ padding-top: 21rem;}
.tearn_three ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:44rem 16rem;
align-items: stretch;}
.tearn_three ul li{background: linear-gradient( 173deg, #FEEFE8 0%, #FFFFFF 100%); display: flex; align-items: flex-start;gap: 27rem; padding: 0rem 25rem 33rem;}
.tearn_three ul li .photo{width:160rem; margin-top: -21rem;}
.tearn_three ul li .photo .pic{position:relative; display:block; padding-top:121%;  overflow:hidden;border-radius: 36rem 0px 36rem 0px;border: 1px var(--linkColor) solid;}
.tearn_three ul li .photo .pic img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;}
.tearn_three ul li .content{ flex:1; overflow: hidden; padding-top: 15rem;}
.tearn_three ul li .content .title{ gap: 12rem;}
.tearn_three ul li .content .title .lab{color: #fff;background: linear-gradient( 136deg, #E95A24 0%, #FD720A 100%); border-radius: 16rem; font-size: 16rem; display: inline-block; padding: 0rem 12rem;}
.tearn_three ul li .content .title .txt{font-weight:bold;
font-size: 28rem;
color: #1D2129;}
.tearn_three ul li .content .line{height: 3rem;background-color: var(--linkColor);width: 88rem; margin-top: 10rem; margin-bottom: 22rem;}
.tearn_three ul li .content .desc{ font-size: 16rem; line-height: 1.8;}
.about_five{ padding-bottom: 72rem; padding-top: 72rem;}

/*资质证书*/
.about_six{ padding-top: 72rem; padding-bottom: 24rem;background-image: url(../images/cerbg.png);background-position: center;background-size:cover;background-repeat: no-repeat; }
.about_cer{background-image: url(../images/cer1.png);background-position: center bottom;background-size:100%;background-repeat: no-repeat; padding-bottom: 126rem; }
.about_cer .cerbox{ position: relative; padding: 0rem 120rem;}

.about_cer .cerbox .btn{border: 1px solid #C9CDD4;width: 60rem; height: 60rem; z-index: 20; border-radius: 50%;cursor: pointer; position: absolute; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-color: #fff;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.06);}
.about_cer .cerbox .btn img{width: 10rem; }
.about_cer .cerbox .next img{transform: rotate(180deg);}
.about_cer .cerbox .btn:hover{ background-color: var(--linkColor); border: 1px var(--linkColor) solid;}
.about_cer .cerbox .btn:hover img{filter: grayscale(100%) brightness(300%);}
.about_cer .cerbox .prev{ left:0rem;}
.about_cer .cerbox .next{ right:0rem;}
.about_cer .cerbox .list:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.about_cer .cerbox .list ul li{float: left;width: 14.8%; margin-right: 2.240%;display: flex; align-items: center;justify-content: center;}
.about_cer .cerbox .list ul li:last-child{ margin-right: 0px;}

/*生产设备*/
.about_seven{ padding-top: 68rem; padding-bottom: 63rem;}
.about_seb{ margin-bottom: 72rem;}
.about_seb ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap:16rem;
align-items: stretch;}
.about_seb ul li .photo{position:relative; display:block; padding-top:75.2%; width:100%; overflow:hidden;}
.about_seb ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.about_seb ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.about_seb ul li .txt{background-image: url(../images/setbg_03.jpg);background-position: center;background-size:cover;background-repeat: no-repeat; color: #fff; font-size: 20rem; padding: 15rem 10rem;text-align: center;}
.about_seb.no1{ margin-bottom: 0px;}
.about_seb.no1 ul li .txt{background-image: url(../images/setbg_06.jpg);background-position: center right;background-size:56rem 37rem;background-repeat: no-repeat;width: 95%; color: #1D2129;text-align: left;}

/*服务品牌*/
.about_eight{  padding-top: 60rem; padding-bottom: 39rem;background: linear-gradient( 180deg, #F7F8FA 0%, rgba(247,248,250,0) 100%); position: relative;}
.about_eight:before{ content: ""; position: absolute;background-image: url(../images/abbg.png);background-position: center;background-size:contain;background-repeat: no-repeat; height: 650rem;width: 100%;top: 26rem;left: 0px; zoom: 1.3;opacity: .6;}
.about_eight .container{ position: relative; z-index: 2;}
.ab_brand ul{display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap:16rem;
align-items: stretch;}
.ab_brand ul li{  background-color: #fff; display: flex; align-items: center; justify-content: center;border: 1rem solid #E5E6EB; min-height: 148rem; padding: 5px;transition: transform .3s ease;}
.ab_brand ul li:hover{box-shadow:0 0 6px 0 rgba(0, 0, 0, .12);
	transform:translateY(-4px);}
@media screen and (max-width: 768px) {
.about_cer .cerbox .btn {
        width: 20px;
        height: 20px;
}
.about_cer .cerbox .btn img{width: 5px;}
.about_one{flex-direction: column;gap: 30px;}
.about_one .about_js{ width: 100%;}
.about_one .about_right{ width: 100%; margin-top: 0px;}
.about_one .about_js .desc{ font-size: 12px;}
.about_one .about_js .desc p{ margin-bottom: 10px;}
.index_bt.spec .title .txt:before{ height: 2px;}
.index_bt.spec{ margin-bottom: 20px;}
.index_bt.spec .title .txt{ padding-bottom: 10px;}
.about_one .about_js{ padding-top: 30px;}
.index_bt.spec .title{ justify-content: center;}
.about_one .about_right .about_box ul{    grid-template-columns: repeat(2, 1fr);
    gap: 12px;}
.about_one .about_right .about_box ul li .txt{ font-size: 14px;}
.about_one .about_right .about_box ul li .count1{ font-size: 16px; margin-bottom: 7px;}
.about_one .about_right .about_box ul li .count1 .big{ font-size: 24px;}
.about_one .about_right .about_box ul li{ padding: 20px 5px;}
.cuture_1 ul{ grid-template-columns: repeat(2, 1fr);
    gap: 12px;}
.cuture_1 ul li .icon img{ height: 30px;}
.cuture_1 ul li { padding:16px 5px;}
.cuture_1 ul li .txt{ font-size: 16px; margin: 5px 0px;}
.cuture_1 ul li .desc{ font-size: 12px;}
.about_two{ padding: 40px 0px;}
.cuture_2 .items .content{ width: 80%; font-size: 12px;}
.cuture_2 .items .photo{ display: none;}
.cuture_1{ margin-bottom: 30px;}
.cuture_2 .items .content .title{ font-size: 20px; }
.cuture_2 .items .content .txt{ font-size: 16px;margin-bottom: 10px;}
.cuture_2 .items .content .eng{ font-size: 10px; margin-top: 5px;}
.cuture_2 .items .content .title{ margin-bottom: 20px;}
.cuture_2 .items .content .title:after{ height: 2px; width: 40px;}
.cuture_3{ font-size: 16px;}
.cuture_3 ul{ flex-direction: column;}
.cuture_3 ul li{ flex:none;width: 100%; line-height: 2.4;}
.cuture_3 ul li .big{ font-size: 20px;}
.history ul{    grid-template-columns: repeat(1, 1fr);}
.history ul li .content{ margin-top: 0px !important;}
.history ul li{ height: auto; padding-bottom: 30px;}
.history ul li .content .tit{ font-size: 16px; line-height: 1.6;}
.history ul li .content .date{ font-size: 22px;}
.history ul li .content .desc{ font-size: 12px;width: 100%;}
.history ul li .content .tit:before{ width: 2px;}
.about_four{ padding: 20px 0px;}
.about_four .box{ padding: 20px 5px;}
.chico_list ul{ grid-template-columns: repeat(2, 1fr);}
.chico_list ul li .icon img{ height: 30px;}
.chico_list ul li .tit{ font-size: 16px; margin-top: 10px; margin-bottom: 5px;}
.chico_list ul li .desc{ font-size: 12px;}
.chico_list ul li{ padding: 20px 10px 20px;    border-right: 0px #C9CDD4 solid;    border-bottom: 1px #C9CDD4 solid;}
.chico_list ul li:nth-child(7),.chico_list ul li:nth-child(8){ border-bottom: 0px;}
.about_five{ padding: 40px 0px;}
.ab_tearn ul{    grid-template-columns: repeat(1, 1fr);
    gap: 20px;}
.ab_tearn ul li .content .desc{ font-size: 10px;}
.ab_tearn ul li .content{ width: 45%;}
.ab_tearn ul li .content .title{ font-size: 20px;}
.ab_tearn ul li .content .lab{ font-size: 14px;}
.ab_tearn ul li .content{ top: 140rem;}
.tearn_three ul{grid-template-columns: repeat(1, 1fr);
    gap: 20px;}
.tearn_three ul li .photo{ width: 30%;}
.tearn_three ul li .content .desc{ font-size: 12px; line-height: 1.5;}
.tearn_three ul li .content .title .lab{ font-size: 10px; padding: 0px 4px;border-radius: 10px;}
.tearn_three ul li .content .title .txt{ font-size: 16px;}
.tearn_three ul li .content .line{width: 40px; height: 2px; margin-top: 8px; margin-bottom: 10px;}
.tearn_three ul li .content .title{ gap: 7px;}
.tearn_three ul li .content{ padding-top: 20px;}
.tearn_three ul li{ gap: 10px;}
.tearn_three ul li{ padding: 0px 10px 15px;}
.about_six{ padding: 40px 0px;}
.about_seven{ padding: 40px 0px;}
.about_seb ul{grid-template-columns: repeat(2, 1fr);
    gap:15px;}
.about_seb ul li .txt{ font-size: 14px;}
.about_seb.no1 ul li .txt{    background-size: 26px 17px;}
.about_eight{ padding: 40px 0px;}
.ab_brand ul{grid-template-columns: repeat(4, 1fr);    gap: 10px;}
.about_seb{ margin-bottom: 30px;}
.ab_tearn{ margin-bottom: 30px;}
.tearn_three ul li .photo{ margin-top: -15px;}
}