﻿*{padding: 0; margin: 0}
body,html {margin: 0px; padding: 0px; -webkit-text-size-adjust: none}
@font-face{
    font-family: "HarmonyOSMedium";
    src: url('fonts/HarmonyOSMedium.woff');
}
body {margin: 0 auto;font-family: 'HarmonyOSMedium'; font-size: 12px; line-height: 1.6;}
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.clearfix:after{display:block;clear:both;width:100%;height:0px;line-height:0px;font-size:0px;margin:0;padding:0; content: ""}
a{text-decoration: none;}
ul,li{list-style: none;}
.fw600{font-weight: 600}
.fs12{font-size: 12px}
.fs13{font-size: 13px}
.fs14{font-size: 14px}
.fs15{font-size: 15px}
.fs16{font-size: 16px!important}
.fs20{font-size: 20px!important}

.fl{float: left;}
.fr{float: right;}
.pdl30{padding-left: 30px}
.pdl20{padding-left: 20px}

.c499{color: #499a97}
.red{color: #cd4619}
.cd60{color: #d60d17!important}
.textc{text-align: center;}
.textl{text-align: left!important;}
.textr{text-align: right!important;}
.m{width: 1400px; margin: 0 auto; position: relative;}
.pc{display: block;}
.dn{display: none;}


/* 企业简介  */
.zab-intro{width: 100%; background-color: #FFF; padding: 4rem 0;}
.zab-intro-box{width: 80%; background-color: rgba(35, 184, 114, .9);}
.zab-intro-box .zab-intro-btop{padding: 4rem 4rem 8rem 4rem; position: relative; text-align:justify;}
.zab-intro-box .zab-intro-btop h3{font-size: 22px; color: #FFF; padding-bottom: 3rem;}
.zab-intro-box .zab-intro-btop p{color: #FFF; width: 50%; line-height: 1.8; font-size: 16px;}
.zab-intro-box .zab-intro-btop .line{width: 30px; background-color: rgba(255, 255, 255, .6); height: 2px; margin: 3.5rem 0;}
.zab-intro-bbtm{font-size: 18px; color: #FFF; background-color: #004d9c; line-height: 1.4; padding: 3rem 4rem;}
.zab-intro-box .img{position: absolute; width: 55%; height: 100%; right: 0; top: 12%;}
.zab-intro-box .img img{width: 100%;}

/* 发展历程  */
.zab-course{width: 100%; background-color: #f1f7ff; padding: 3rem 0;}
.zab-course h3{font-size: 22px; color: #272727; padding-bottom: 15px;}
.zab-course-list{width: 100%; display: flex; justify-content: space-between;}
.zab-c-listbox{width: 35%; padding-left: 15%; height: 340px; position: relative;}
.zab-c-listbox .swiper-container{height: 100%;}
.zab-course-cn ul li h3{padding-top: 27%;}
.zab-c-listbox ul li{font-size: 120px;position: relative;font-weight: 600; display: flex; align-items: center; justify-content: space-between;}
.zab-c-listbox ul li.swiper-slide{color: #cbd1d8;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.zab-c-listbox ul li.swiper-slide-active{color: #23b872;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.zab-c-listbox ul li:after{position: absolute; content: ""; height: 125%;width: 10px; right: 0; top: 0; border-right: 6px dotted rgba(35, 184, 114,.1);}
.zab-c-listbox ul li.swiper-slide-active:after{border-right: 6px dotted rgba(35, 184, 114,.8);}
.zab-c-listbox .swiper-button-prev{-webkit-transform: rotate(90deg);transform: rotate(90deg); background-size: 16px 44px; bottom: -80px; top: inherit; left: 44%;}
.zab-c-listbox .swiper-button-next{-webkit-transform: rotate(90deg);transform: rotate(90deg); background-size: 16px 44px; bottom: -80px; top: inherit; right: 44%;}
.zab-course-cn{ width: 40%; height: 400px;}
.zab-course-cn  .swiper-container{width: 100%; height: 100%;}
.zab-course-cn .desc{margin: 1rem 0 1rem 0; font-size: 16px; color: #888; position:relative; padding-left:20px;}
.zab-course-cn .desc:before{ width:10px; height:10px; background:#23b872; border-radius:50%; position:absolute; left:0; top:8px;content: "";display: block;}
.zab-course-cn .img{width: 72%;}
.zab-course-cn .img img{width: 100%;}
.zab-course-cn .zdesc{padding-top: 1rem; font-size: 16px;}

/* 企业文化  */
.zab-controller{width: 100%; background-color: #FFF; padding: 4rem 0 0 0;}
.zab-controller-box h3{font-size: 22px; color: #272727; padding-bottom: 20px; line-height: 1.4;}
.zab-controller-box .subtit{color: #888; font-size: 16px;}
.zab-controller-list{padding: 2.5rem 0 4rem 0; display: flex; justify-content: space-between;}
.zab-controller-list li{width: calc(100% / 3 - 24px); margin-left: 36px; position: relative;box-shadow: -2px 2px 20px #dcdcdc;padding: 60px 0 90px; text-align:center;box-sizing: border-box;}
.zab-controller-list li:first-child{margin-left: 0;}
.zab-controller-list li:hover{box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.zab-controller-list li h1{ width: 100%; height:50px; line-height:50px; color: #333; font-size: 30px; font-weight:bold; }
.zab-controller-list li .tit{ width: 100%; line-height:35px;color: #666; font-size: 18px; margin-top:20px;}
.zab-controller-list.zclist01 li .tit{padding: 1.5rem 0;}

/* 产学研合作  */
.zab-custom{width: 100%; background-color: #FFF; padding: 0 0 4rem 0;}
.zab-custom-box{width: 100%;}
.zab-custom-box h3{font-size: 22px; color: #272727; padding-bottom: 15px;}
.zab-custom-box p{font-size: 14px; color: #888;}
.zab-custom-img{padding: 3rem 0 2rem; text-align: center;}
.zab-custom-img img{width: 60%; margin:0 auto;}


/* 公司荣誉 */
.zhonn-honnor{background-color: #faf7ff; width: 100%; padding: 4rem 0; margin-bottom: 3rem;}
.zhonn-honnor h3{font-size: 22px; color: #272727;}
.zhonn-honnor-wrap{position: relative; height: 170px; margin-top: 10rem;}
.zhonn-honnor-top{position: absolute; left: 0; top: -70%; width: 92%; padding: 0 4%;}
.zhonn-h-list li .img{position: relative;}
.zhonn-h-list li img{width: 100%; box-shadow: 2px 8px 8px rgba(0, 0, 0, .4); z-index: 2; position: relative;}
.zhonn-h-list li .img:after{position:absolute;content:"";bottom:12px;right:-18px;border-image:linear-gradient(to bottom, rgba(0,0,0, .4) 10%,rgba(0,0,0, .3) 20%,rgba(0,0,0, .2)30%,rgba(0,0,0, .1)40%,rgba(0,0,0, 0));
  border-right:36px solid transparent;border-bottom:200px solid;border-left:0 solid transparent;-webkit-transform:rotate(-8deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg);top:2px;z-index:0;width:0;height:0;}
.zhonn-h-list li p{font-size: 14px; text-align: center; padding: 10px 0; color: rgba(255, 255, 255, .8);}
.zhonn-honnor-top .swiper-button-prev{ top: 30%; background-size: 26px 44px; left: 0;}
.zhonn-honnor-top .swiper-button-next{ top: 30%; background-size: 26px 44px; right: 0;}


@media (max-width:1025px) {
    .pc{display: none;}
    .m{display: block;}
    .container{width: 100%}

    
}
@media (max-width:767px) {
    .pc{display: none;}
    .m{display: block;}
    .container{width: 100%}
	
    .zab-intro{padding-bottom: 3rem;}
    .zab-intro-box{width: auto; padding: 0 1rem; background-color: inherit;}
    .zab-intro-box .zab-intro-btop{padding: 2rem 1rem;z-index: 1; background-color: rgba(2, 71, 143, .7); width: 86%; margin: 0 auto;}
    .zab-intro-box .zab-intro-btop h3{font-size: 20px; padding-bottom: 1rem;}
    .zab-intro-box .zab-intro-btop p{width: 100%;}
    .zab-intro-box .zab-intro-btop .line{margin: 2rem 0;}
    .zab-intro-box .img{left: 1rem; top: -10%; width: 92%; right: inherit; z-index: 0;}
    .zab-intro-bbtm{z-index: 1; position: relative; padding: 2rem 4rem;font-size: 16px;width: 58%; margin: 0 auto;}

    .zab-course-box{padding: 0 1rem}
    .zab-c-listbox{padding-left: 0; width: 20%; height: 300px;}
    .zab-c-listbox ul li{font-size: 20px;}
    .zab-course-cn{width: 70%; height: 300px;}

    .zab-controller{padding-top: 2rem;}
    .zab-controller-box{padding: 0 1rem;}
    .zab-controller-box h3{font-size: 20px;}
    .zab-controller-list{display: block; padding: 2rem 0;}
    .zab-controller-list li{width: 100%; margin-bottom: 20px; margin-left: 0;}

    .zab-custom-box{width: auto; padding: 0 1rem;}
    .zab-custom-box h3{font-size: 20px;}
    .zab-custom-map{padding: 1rem 0 0 0; width: 100%;}

    .zhonn-honnor{padding-top: 0;}
    .zhonn-intro{width: auto; padding: 3rem 1rem 0 1rem;}
    .zhonn-intro-box h3{font-size: 20px;}
    .zhonn-honnor-box{padding: 0 1rem;}
    .zhonn-honnor h3{font-size: 20px; padding-top: 2rem;}
    .zhonn-honnor-wrap{height: auto;background-color: inherit; margin-top: 2rem;}
    .zhonn-h-list{display: block; position: inherit; top: inherit;}
    .zhonn-h-list li{width: 100%; margin: 0 0 20px 0; padding: 0;}
    .zhonn-h-list li p{padding: 15px 0 10px; color: #272727;}
    .zhonn-h-list li .img{width: 85%; margin: 0 auto;}
    .zhonn-h-list li .img:after{right: -10px;}
}
