.Technology {
  padding:3% 0 3%;
}

.Technology .text {
  margin: 0 5.208333vw 0 0;
}

.Technology .title {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
}
.Technology .title span {
  font-size: 30px;
  color: #fbcf00;
  font-weight: bold;
  line-height: 1;
}

.Technology .title span:nth-child(2) {
  color: rgb(0, 0, 0);
}

.Technology .intro {
  font-size:18px;
  color: #666666;
  padding: 1.5625vw 0 1.041667vw;
}

.Technology dl {
grid-template-columns: repeat(4,1fr);
  display: grid;
  gap: 0px 0px;
}

.Technology dl dd {

}

.Technology dl dd:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.Technology dl dd .date {
  font-weight: bold;

  color: #E82A26;
  line-height: 0.8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; */
  padding: 0 0 0.520833vw;
}
.Technology dl dd .date b{  font-size:50px;}
.Technology dl dd .Hintro {
  font-size: var(--font-size15);
  color: #666666;
}

.Technology dl dd .date span {
  font-size: var(--font-size36);
  /* display: block; */
  display: flex;
  align-items: flex-end;
}

/* .Technology dl dd:nth-child(3) .date {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
} */

.Technology dl dd .date span:nth-child(2) {
  font-size: var(--font-size16);
  /* margin: 0 0.260417vw; */
  height: auto;
    /* display: flex;
    align-items: flex-end; */
}

.Technology .image {
  min-width: 39.895833vw;
  width: 39.895833vw;
  margin: 1.927083vw 2.239583vw 0 0;
  overflow: hidden;z-index: 2;
  position: relative;
}

.Technology .amplify {
  position: relative;
  margin: 0 -2.239583vw 0 0;
}

.Technology .amplify::after {
  content: "";
  width: 12.864583vw;
  height: 9.739583vw;
  background: #fbcf00;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.exceed{
    background: #fff;position: relative;width:100%;float:left;}
	
	
	
	
	
	/*wenhua*/
	
.n-culuy .tit{font-size: 40px; font-weight:bold;line-height:58px;color:#000;position: relative;}
.n-culuy .tit.white{color:#fff}
.n-culuy .tit.white::after{background:#fff}
.n-culuy .width {
  max-width: 90%;
  margin: 0 auto;
  width: calc(100% - 100px);
}
.n-culuy{background: #fff;position: relative;width:100%;float:left;}
.n-culuy .box2{height:880px;position: relative;overflow:hidden}
.n-culuy .box2 .img{height: 100%;transform: scale(1.3);animation:about-box2-play 3s linear forwards;animation-play-state: paused;}
.n-culuy .box2 .width{position: absolute;left: 50%;top:110px;transform: translateX(-50%);}
.n-culuy .box2 .tit{margin-bottom: 55px;}
.n-culuy .box2 ul{max-width:770px}
.n-culuy .box2 li{border-bottom: 1px solid rgba(0,0,0,.2);padding:35px 0 40px}.n-culuy .box2 li p{}
.n-culuy .box2 li>p:nth-of-type(1){font-size: 24px;line-height: 34px;background: url(../images/20.png) no-repeat right 7px/20px;cursor: pointer;}
.n-culuy .box2 li>p:nth-of-type(1).active{background-image: url(../images/21.png);background-position: right 15px;}
.n-culuy .box2 li>p:nth-of-type(2){font-size: 30px;line-height: 40px;display: none;margin-top: 20px;font-weight: bold;}
.n-culuy .box2 .mCSB_inside > .mCSB_container{margin-right: 30px;}
@keyframes about-box2-play {
    to{transform: scale(1);}
}
	
	
	
/*qixiaqiye*/
	
	.qixuai{width:100%;float:left; background-image:url(../images/subsidiaryCompaniesBg.jpg);}
	
	
	.zizhizheng{width:100%;float:left;}
	
	
	
	
	
	/*licheng*/
.n-licheng{width:100%;float:left;}



   
.historyMain {
    position: relative;
    min-height: 100vh;
    padding: 35px 0px;
    background-image: url(../images/about_05.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.historyYearBox {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../images/about_05.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.historyYearBox .container .historyYearListBox {
    width: 50%;
    position: relative
}

.historyYearBox .container .historyYear {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 240px;
    height: 720px;
    overflow: hidden;
    position: relative
}

.historyYearBox .container .historyYear .Year {
    color: #fff;
    line-height: 240px;
    z-index: 10;
    position: relative;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif
}

.historyYearBox .container .historyYear .YearList {
    line-height: 240px;
    height: 200px;
    position: relative;
    z-index: 10
}

.historyYearBox .container .historyYear .YearList .swiper-slide {
    color: rgba(240, 246, 244, 0.1);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif
}

.historyYearBox .container .historyYear .YearList .swiper-slide.swiper-slide-active {
    color: #fbcf00 
}

.historyYearBox .container .roundBox {
    position: absolute;
    width: 440px;
    height: 440px;
    right: -22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%
}

.historyYearBox .container .roundBox svg {
    position: absolute;
    left: -18px;
    top: -18px;
    right: -18px;
    bottom: -18px
}

.historyYearBox .container .roundBox svg .path-loop {
    fill: none;
    stroke: rgba(240, 246, 244, 0.1);
    stroke-miterlimit: 10;
    stroke-width: 0.1px
}

.historyYearBox .container .roundBox svg .path-loop1 {
    fill: none;
    stroke: #f08200;
    stroke-miterlimit: 10;
    stroke-width: 0.1px;
    stroke-dashoffset: 157;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.historyListMain {
    position: relative;
    z-index: 20
}

.historyListMain .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.historyListMain .container .historyList {
    width: 100%
}

.historyListMain .container .historyList ul li {
    margin-top: 15px;
    padding: 0px 0px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.historyListMain .container .historyList ul li .listYear {
    font-size:24px;
    line-height: 1.2;
    padding-bottom: 10px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.historyListMain .container .historyList ul li .desc {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.historyListMain .container .historyList ul li .imgBox {
    padding-top: 20px
}

.historyListMain .container .historyList ul li .imgBox img {
    width: 100%;
    display: block;
    border-radius: 20px
}

.historyListMain .container .historyList ul li:last-child {
    border-bottom: none
}



@media (min-width: 768px) {


    .historyMain {
       /* background-image: none;*/ background-position:top top;
    }

    .historyYearBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .historyListMain .container .historyList {
        width: 40%;
        padding-top: 5%;
        padding-bottom: 5%
    }

    .historyListMain .container .historyList ul li .listYear {
        color: rgba(255, 255, 255, 0.3)
    }

    .historyListMain .container .historyList ul li .desc {
        color: rgba(255, 255, 255, 0.3)
    }

    .historyListMain .container .historyList ul li.cur .listYear {
        color: #fff
    }

    .historyListMain .container .historyList ul li.cur .desc {
        color: #fff
    }

}



  
  /*新闻详情*/
   .gszl {
          width:100%;float:left; 
        }

        .gszl_l .hzTit {
            width: 100%;
            border-bottom: 1px solid #f3f3f3;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0;
        }

        .gszl_l .hzTit span {
            padding: 30px 0;
            position: relative;
        }

        .gszl_l .hzTit span::after {
            content: "";
            width: 40%;
            height: 5px;
            background: #D55228;
            border-radius: 25px;
            position: absolute;
            left: 0;
            bottom: -2px;
        }

        .gszl .hzTit a img {
            width: 16px;
            margin-left: 20px;
        }

        .gszl_xq {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 30px;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .gszl_l {
            width: -webkit-calc(100% - 514px);
            width: -moz-calc(100% - 514px);
            width: calc(100% - 514px);
            border-right: 1px solid #f3f3f3;
            padding-right: 5%;
        }

        .gszl_l ul {
            margin-top: 20px;
        }

        .gszl_l ul li {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 30px 20px;
            border-bottom: 1px solid #f3f3f3;
            position: relative;
        }

        .gszl_l ul li img {
            width: 30px;
            height: 30px;
            position: absolute;
            right: 2%;
            top: 35%;
        }

        .gszl_time {
            text-align: center;
            font-size: 12px;
        }

        .gszl_time b {
            font-size: 30px;
            line-height: 1.2;
        }

        .gszl_text {
            margin-left: 5%;
            font-size: 16px;
        }

        .gszl_text p:first-child {
            font-weight: 600;
        }

        .gszl_l_gg {
            text-align: center;
            padding: 20px 0;
            color: #e0e0e0;
        }

        .

        .gpxx {
            padding: 40px 50px;
            background: #d55228;
            color: #fff;
        }

        .gpxx .hzTit {
            width: 100%;
            color: #fff;
            padding: 0;
        }

        .gpTit {
            padding-top: 5%;
            padding-bottom: 2%;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .gpTit span {
            font-size: 24px;
        }

        .gpZhishu {
            padding: 4% 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .gpZhishu>div {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 10% 0;
            position: relative;
        }

        .gpZhishu p {
            margin-right: 30%;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            font-size: 16px;
        }

        .gpZhishu p img {
            width: 20px;
            position: absolute;
            right: 0%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .gpZhishu p b {
            font-size: 26px;
        }

        .gpTime {
            padding: 10px 0 20px;
        }

        .gpbt {
            margin-top: 5%;
        }

        .gpbt p {}

        .gpbt p b {
            color: #D55228;
            position: relative;
            padding: 0 10px;
        }

        .gpbt p b::after {
            content: "";
            width: 4px;
            height: 60%;
            background: #D55228;
            border-radius: 50px;
            position: absolute;
            left: 0;
            top: 20%;
        }

        .gszl_img {
            max-width: 100%;
        }

        .newsDet_con {
            border-bottom: 1px solid #eeeeee;
            padding: 40px 10px 28px;line-height:28px;overflow: hidden;
        }

        .newsDet_con>p {

            text-align: left;
            font-size: 16px;
            color: #666;
        }



        .newsDet_con div.one {
            width: 100%;
        }

        .newsDet_con div img {
            max-width: 72%;
            display: inline-block;
        }

.gtf ul li span{ font-size:20px;}
        @media (max-width:1200px) {
            .gszl_xq  .gszl_r {
                display: none !important;
            }
            .gszl_xq .gszl_l{
                width:100% !important;
            }
        }
        @media (max-width:1024px) {
            .newsDet_con>p {
                font-size: 14px;
            }

            .newsDet_con div img {
                max-width: 100%;
            }

        }

        @media (max-width:768px) {


            .newsDet_con>p {
                line-height: 32px;
                letter-spacing: 0.5px;
            }

            .newsDet_con div {
                width: 100%;
                margin: 20px 0 0;
            }

        }
        @media (max-width:480px) {


            .newsDet_con>p {
                line-height: 30px;
            }
        }
        .cd-target__box span {
            font-size: 20px;
            line-height: 1.4;
            color: #111;
            display: block;
            margin-bottom: 25px;
        }
        .cd-target__list li {
            margin-bottom: 30px;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            -moz-transition: all .4s;
            transition: all .4s;
            overflow: hidden;
        }
        .cd-target__list a {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: color .4s;
            -o-transition: color .4s;
            -moz-transition: color .4s;
            transition: color .4s;
            font-size: 15px;
            line-height: 1.8;
            color: rgba(17, 17, 17, 0.8);
            overflow: hidden;
        }
        .cd-target__list a span {
            width: -webkit-calc(100% - 160px);
            width: -moz-calc(100% - 160px);
            width: calc(100% - 160px);
            height: 54px;
            display: block;
            font-size: 15px;
            line-height: 1.8;
            color: rgba(17, 17, 17, 0.8);
            margin-top: 10px;
            margin-bottom: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
        .cd-target__list li .img {
            position: relative;
            width: 140px;
            height: 80px;
            margin-right: 20px;
        }
        .cd-target__list a img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            display: block;
        }
        img{
            max-width: 100%;
        }
        .gszl_xq .gszl_r {
            width: 300px;
        }
        .gszl_xq .gszl_l{
            width: -webkit-calc(100% - 400px);
            width: -moz-calc(100% - 400px);
            width: calc(100% - 350px);
        }
        .gszl_l .hzTit span{
            color: #333;
            font-weight: bold;
            font-size: 30px;
        }
        .gszl_l .hzTit span::after {
            content: "";
            width: 0;
            height: 0;
            background: #D55228;
            border-radius: 25px;
            position: absolute;
            left: 0;
            bottom: -2px;
        }
		
		
		
		
/*	==	
*/		
		
	.solution-page{width:100%;float:left;padding-top:3%;}	.solution-page.list .box1 ul{grid-template-columns: repeat(2,1fr);
  display: grid;
  gap: 20px 20px;}
.solution-page.list .box1 li{margin-bottom: 50px;position: relative;border-radius: 20px;height: auto;color:#fff;}
.solution-page.list .box1 .img-bg{height:100%}
.solution-page.list .box1 .img{height:100%}
.solution-page.list .box1 .info{width:100%;padding:5% 2% 2% 2%;position:absolute;bottom:0;left:0;z-index: 2;/*display: flex;flex-direction: column;justify-content: center;*/background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));}
.solution-page.list .box1 .info>p{max-width: 100%;}
.solution-page.list .box1 .info>p:nth-of-type(1){font-size: 30px; font-weight:bold;color:#fff;}
.solution-page.list .box1 .info>p:nth-of-type(2){font-size: 16px;line-height: 28px;margin:20px 0 20px;color:#fff;}
.solution-page.list .box1 .info>p:nth-of-type(3){width:200px;line-height: 58px;border:1px solid #fff;font-size: 16px;color:#fff;padding-left: 45px;background: url(../images/arrow.png) no-repeat 80% center/16px;transition: .3s;}
.solution-page.list .box1 li:nth-child(2n) .info{}

		.img-bg {
  overflow: hidden;

}
@media (max-width:1200px){
    .solution-page.list .box1{padding:50px 0}
    .solution-page.list .box1 li{margin-bottom: 30px;border-radius: 10px;height: auto;background: #A2A5AA ;}
    .solution-page.list .box1 li::after{display: none;}
    .solution-page.list .box1 .img-bg{border-radius: 10px 10px 0 0;height:auto}
    .solution-page.list .box1 .img{height:auto;}
    .solution-page.list .box1 .info{width:100%;height: auto;position:static;display: block;padding:30px 25px 40px}
    .solution-page.list .box1 .info>p{max-width: 100%;}
    .solution-page.list .box1 .info>p:nth-of-type(1){font-size: 18px;}
    .solution-page.list .box1 .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:10px 0 20px}
    .solution-page.list .box1 .info>p:nth-of-type(3){width:150px;line-height: 45px;font-size: 14px;padding-left: 35px;background-size:12px}
    .solution-page.list .box1 li:nth-child(2n) .info{padding-left:25px}
    .solution-page.list .box1 .load{width:150px;line-height: 45px;font-size: 14px;background-position:30px center;background-size:16px;padding-left: 60px}}
	
	
	/*	case	
*/	
.solution{width:100%;float:left;}
	.solXq {
  grid-template-columns: repeat(3,1fr);
  display: grid;
  gap: 20px 20px;
    /* padding-left: 120px; */
    position: relative;

}

/* .solXq::after {
                content: '';
                width: 1px;
                height: calc(100% + 30px);
                border-left: 1px dashed #e7e7e7;
                position: absolute;
                top: -25px;
                left: 60px;
            } */

.solXq_li {

}
.solXq_li img{ position:relative;} 
.solXq_liImg {
    width: 100%;float:left;

}

/*  */
.solXq_liText {
    width: 100%;
    padding: 5% 5%;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.solXq_li span {
    font-size:24px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.solXq_li p {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 3%;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}





@media(max-width:1200px){.solXq_li span{ font-size:20px;}}

@media(max-width:769px){.solXq_liImg{width:100%;}.solXq_li{ display:block;}.solXq_liText{width:100%;padding-top: 3%;padding-bottom:3%;}

solution-page.list .box1 ul{grid-template-columns: repeat(1,1fr);}
}



/* 联系我们 */
.contactus {
width:100%;float:left;margin-top:3%;margin-bottom:3%;
}
.contactus .contactusTitle {
  margin-bottom: 3%;
}
.contactus .contactusTitle .title {
  font-weight: bold;
  font-size: 30px;
}
.contactus .contactusInfo {
  margin-bottom: -7.187vw;
  border-top: 0.156vw solid#fbcf00;
  background: #FFFFFF;
  box-shadow: 0px 0.677vw 0.677vw 0px rgba(2, 3, 3, 0.14);
  position: relative;
  z-index: 2;
}
.contactus .contactusInfo ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 12.292vw;
}
.contactus .contactusInfo ul li {
  height: 8.333vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 0px 5.469vw;
  border-right: 1px solid #EAEAEA;
}
.contactus .contactusInfo ul li:last-child {
  border-right: 0px;
}
.contactus .contactusInfo ul li .icon img {
  width: auto;
  height: 4.167vw;
  margin: 0 auto;
}
.contactus .contactusInfo ul li .title {
  font-size: 0.833vw
  margin: 0.208vw 0px 0.365vw;
}
.contactus .contactusInfo ul li .intro {
  font-weight: bold;
  font-size:16px;
}
.contactus .contactusMap {
  position: relative;z-index: 1;
}
.contactus .contactusMap img.map {
  width: 100%;
  height: auto;
}
.contactus .contactusMap .address {
  text-align: center;
  position: absolute;
  left: 43.802vw;
  top: 20.313vw;
}
.contactus .contactusMap .address img {
  width: auto;
  height: 2.083vw;
  margin: 0 auto;
}
.contactus .contactusMap .address p {
  font-weight: bold;
  font-size: 0.938vw;
  color: #8893AC;
  line-height: 1.146vw;
  margin-top: 2px;
}
/* 在线留言 */
.massage {
  padding: 5.208vw 0px 5.833vw;
  position: relative;
}
.massage .massageMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 36.979vw;
  background-color: #fff;
}
.massage .massageMain .massageLeft {
  width: 40.2666666667%;
  padding: 3.333vw 7.813vw 3.333vw 2.865vw;
  background: url("../images/massageLeftBg.jpg") no-repeat center/cover;
}
.massage .massageMain .massageLeft .title {
  font-weight: bold;
  font-size:30px;
  line-height: 1;
  margin-bottom:3%;
}
.massage .massageMain .massageLeft .subTitle {
  font-weight: 300;
  font-size:16px;
  line-height:28px;
  margin-bottom: 3%;
}
.massage .massageMain .massageLeft .intro {
  font-weight: bold;
  font-size: 2.24vw;
  color: rgba(255, 255, 255, 0.2);
  line-height: 2.135vw;
  text-transform: uppercase;
}
.massage .massageMain .massageRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 59.7333333333%;
  padding: 4.479vw 3.385vw 5.156vw 6.5vh;
  margin: -0.599vw;
}
.massage .massageMain .massageRight .group {
  width: calc(50% - 1.198vw);
  height: auto;
  margin: 0.599vw;
}
.massage .massageMain .massageRight .group:nth-child(5) {
  width: 100%;
}
.massage .massageMain .massageRight .group .title {
  font-weight: 500;
  font-size: 0.833vw;
  color: #333333;
  line-height: 1.146vw;
  margin-bottom: 0.625vw;
}
.massage .massageMain .massageRight .group .input {
  position: relative;
}
.massage .massageMain .massageRight .group .input input {
  height: 2.76vw;
  padding: 0px 1.042vw;
}
.massage .massageMain .massageRight .group .input textarea {
  height: 9.115vw;
  padding: 0.781vw 1.042vw;
}
.massage .massageMain .massageRight .group .input input, .massage .massageMain .massageRight .group .input textarea {
  width: 100%;
  background: #F8F8F8;
  border: 1px solid #F1F1F3;
  font-weight: 300;
  font-size: 0.729vw;
  color: #333333;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input::-webkit-input-placeholder, .massage .massageMain .massageRight .group .input textarea::-webkit-input-placeholder {
  color: #B8B8B8;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input::-moz-placeholder, .massage .massageMain .massageRight .group .input textarea::-moz-placeholder {
  color: #B8B8B8;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input:-ms-input-placeholder, .massage .massageMain .massageRight .group .input textarea:-ms-input-placeholder {
  color: #B8B8B8;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input::placeholder, .massage .massageMain .massageRight .group .input textarea::placeholder {
  color: #B8B8B8;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group .input input:hover, .massage .massageMain .massageRight .group .input input:focus, .massage .massageMain .massageRight .group .input textarea:hover, .massage .massageMain .massageRight .group .input textarea:focus {
  background: rgba(251, 207, 0, 0.05);
  border-color: #fbcf00;
}
.massage .massageMain .massageRight .group .input input:hover::-webkit-input-placeholder, .massage .massageMain .massageRight .group .input input:focus::-webkit-input-placeholder, .massage .massageMain .massageRight .group .input textarea:hover::-webkit-input-placeholder, .massage .massageMain .massageRight .group .input textarea:focus::-webkit-input-placeholder {
  color: #333333;
}
.massage .massageMain .massageRight .group .input input:hover::-moz-placeholder, .massage .massageMain .massageRight .group .input input:focus::-moz-placeholder, .massage .massageMain .massageRight .group .input textarea:hover::-moz-placeholder, .massage .massageMain .massageRight .group .input textarea:focus::-moz-placeholder {
  color: #333333;
}
.massage .massageMain .massageRight .group .input input:hover:-ms-input-placeholder, .massage .massageMain .massageRight .group .input input:focus:-ms-input-placeholder, .massage .massageMain .massageRight .group .input textarea:hover:-ms-input-placeholder, .massage .massageMain .massageRight .group .input textarea:focus:-ms-input-placeholder {
  color: #333333;
}
.massage .massageMain .massageRight .group .input input:hover::placeholder, .massage .massageMain .massageRight .group .input input:focus::placeholder, .massage .massageMain .massageRight .group .input textarea:hover::placeholder, .massage .massageMain .massageRight .group .input textarea:focus::placeholder {
  color: #333333;
}
.massage .massageMain .massageRight .group .input img {
  position: absolute;
  top: 1px;
  right: 1px;
  width: auto;
  height: calc(100% - 2px);
}
.massage .massageMain .massageRight .group button {
  cursor: pointer;
padding: 0 2em 0 2.5em;
  height:3.61111111em;
  font-weight: 400;
  font-size: 16px;
  color: #474a50;
  background: #fff;border: solid 2px #474a50;

  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.massage .massageMain .massageRight .group button:hover {
  color: #fff;background-color:#fbcf00;border:solid 2px #fbcf00;
}







@media (max-width: 768px) {

  .contactus .contactusTitle {
    margin-bottom: 20px;
  }
  .contactus .contactusTitle .title {
    font-size: 20px;

  }
  .contactus .contactusInfo {
    margin-bottom: -30px;
    border-width: 2px;
    box-shadow: 0px 10px 10px 0px rgba(2, 3, 3, 0.14);
  }
  .contactus .contactusInfo ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
  .contactus .contactusInfo ul li {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 15px 20px;
    border-right: 0px;
    border-bottom: 1px solid #EAEAEA;
  }
  .contactus .contactusInfo ul li:last-child {
    border-right: 0px;
  }
  .contactus .contactusInfo ul li .icon img {
    height: 60px;
  }
  .contactus .contactusInfo ul li .title {
    font-size: 14px;
    margin: 2px 0px 4px;
  }
  .contactus .contactusInfo ul li .intro {
    font-size: 16px;
    line-height: 22px;
  }
  .contactus .contactusMap img.map {
    height: 62.8019vw;
    object-fit: cover;
  }
  .contactus .contactusMap .address {
    left: 30%;
    top: 53%;
  }
  .contactus .contactusMap .address img {
    height: 28px;
  }
  .contactus .contactusMap .address p {
    font-size: 13px;
    line-height: 22px;
    margin-top: 2px;
    white-space: nowrap;
  } .massage {
    padding: 40px 0px;
  }
  .massage .massageMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
  }
  .massage .massageMain .massageLeft {
    width: 100%;
    padding: 40px 20px;
  }
  .massage .massageMain .massageLeft .title {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .massage .massageMain .massageLeft .subTitle {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .massage .massageMain .massageLeft .intro {
    font-size: 20px;
    line-height: 24px;
  }
  .massage .massageMain .massageRight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 23px 20px;
    margin: 0px;
  }
  .massage .massageMain .massageRight .group {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  .massage .massageMain .massageRight .group:nth-child(5) {
    margin: 0px 0px 25px 0px;
  }
  .massage .massageMain .massageRight .group .title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
  }
  .massage .massageMain .massageRight .group .input input {
    height: 46px;
    padding: 0px 13px;
  }
  .massage .massageMain .massageRight .group .input textarea {
    height: 105px;
    padding: 10px 13px;
  }
  .massage .massageMain .massageRight .group .input img {
    top: 1px;
    right: 1px;
    height: calc(100% - 2px);
  }
  .massage .massageMain .massageRight .group .input input, .massage .massageMain .massageRight .group .input textarea {
    font-size: 13px;
  }
  .massage .massageMain .massageRight .group button {
    display: block;
    width: 110px;
    height: 44px;
    font-size: 14px;
    border-radius: 25px;
    margin: 0 auto;
  }
  .massage .massageMain .massageRight .group button:hover {
    box-shadow: 0px 5px 8px 0px #E82A26;
  }
	
	
	}





/*产品详情*/
.pro_page {position: relative;margin:3% auto 3% auto;width:100%;float:left;}
.prom_img {padding: 0;padding-right: 0px;text-align: center;padding-right: 0; border-radius: 0;}
.pro_page .pro_main { display: flex; padding:15px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.pro_page .prom_img {width: 45%;position: relative;}
.pro_page .main_text{ width:60%;padding-left: 3%;}
.pro_page a, .pro_page button {color: inherit;display: inline-block;line-height: inherit;text-decoration: none;cursor: pointer;}
.pro_page .clearfix:after {display: block;clear: both;content: ""}
.d-none {display: none!important}
.pro_page a{ display: block;}
.pro_page .thumb img{ width: 100%;}
.zoomImg{transition: 0.1s all;}
.pro_page a {display: block;background-image: url(../images/img2025_119.png);
  background-size: cover;}
.pro_main_title {font-size:30px;overflow: hidden;display: block;text-transform: capitalize;margin-top: 3%;margin-bottom: 3%;font-weight: bold;}
.pro_main_text {font-size: 16px;line-height: 28px;padding-bottom: 0.2rem;}
.enlarge_ico{ width: 40px; height: 40px; background-color: #fff; display: inline-block; position: absolute; right: 10px; top: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 50%; z-index: 999;background-image: url("../images/sBtn.png"); background-repeat: no-repeat; background-position: center center;}
.embed-border {box-sizing: border-box; }
.embed-responsive {position: relative;width: 100%;max-width: 100%;padding-bottom: 50%;}
.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.embed-responsive iframe video{top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}
/* these styles are for the demo, but are not required for the plugin */
.prom_img{padding:0;text-align:center;padding-right:0;border-radius: 0;}
.prom_img .swiper-slide{ position: relative; display: inline-block; }
.prom_img #pro_img_gallery{ overflow: inherit; border: 2px solid #eee;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; }
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;background-image: url(../images/img2025_119.png);
  background-size: cover;}
.cloud-zoom-lens{ background:#000  !important;  opacity: 0.1 !important;}
.prom_img .swiper-slide iframe{ position: absolute; z-index: 66; width: 100%; left: 0; top: 0; height: 100%;}
#pro_img_thumbs{padding-top: 15px;}
#pro_img_thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;border: 1px solid #eee;padding: 0;}
#pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid #fbcf00 ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: #fbcf00 ;}
.prom_img .sp-video-icon{position: relative;}
.prom_img .sp-video-icon img{opacity: 0.5;  border-radius: 0;}
.prom_img .sp-video-icon:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;line-height: 30px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: #900000;width: 30px;height: 30px;text-align: center;}
.zoomImg{transition: 0.3s all;}
.pro_table .pro_main_title{ font-size:20px;overflow:hidden; display:block;text-transform:capitalize; color:#1c77be; line-height:30px; margin-bottom: 0.2rem; font-weight: normal; font-weight: 500;}
.pro_table .pro_main_text{line-height:0.28rem; padding-bottom:0.2rem;}
.pro_table ul{padding-left: 0; border-left: 1px solid #f7f7f7; border-top: 1px solid #f7f7f7; display: flex; flex-wrap: wrap;}
.pro_table ul li{ color:#666;list-style:none; float: left; width:100%; border-bottom: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7;}
.pro_table ul li:nth-child(2n+1) { background: #f7f7f7;}
.pro_table ul li p{ display:inline-block;margin-right:0.1rem;vertical-align:middle;margin-bottom:0;color:#171717;min-width: 1.2rem; padding: 8px;border-right: 1px solid #f7f7f7; min-width: 25%;font-weight: 400;}
.pro_more div {display: inline-block;}
.main-more {text-align: left !important;margin-top: 20px;}
.pro_more .main-more a {border: 2px solid rgb(71, 74, 80);
  color: rgb(71, 74, 80);text-transform: uppercase;border-radius: 0;font-size: 16px;
  text-transform: uppercase;
  line-height: 3.61111em;
  height: 3.61111em;margin-right: 0.1rem;display: inline-block;padding: 0px 2em 0px 2.5em;}

.pro_more .main-more a:hover{  color: #fff;background-color:#fbcf00 !important;border:solid 2px #fbcf00;background-image: none;}



/*招聘*/

.kojop .box2{padding:3% 0 3%;background-size: 100%;background-position: center top;width:100%;float:left;}
.kojop .box2 .tit{text-align: center;font-size:30px; font-weight:bold;}
.kojop .box2  .dfg{  width:100%;float:left; text-align:center;padding-top:1%;padding-bottom:2%; font-size:18px;}
.kojop .box2 .tit::after{background: #fff;transform: translateX(-50%);left: 50%;}
.kojop .box2>.width>p{font-size: 18px;line-height: 28px;color:#fff;text-align: center;margin:40px 0}
.kojop .box2 ul{border-radius: 20px;width: 100%;
  float: left;display: flex;flex-wrap: wrap;}
.kojop .box2 li{width:33.33%; background-color:#FFF;margin-bottom: 40px;box-shadow: 0 0 20px rgba(0,0,0,.15);padding:50px 60px 70px;position: relative;}
/*.kojop .box2 li:nth-child(3n+1){margin-right: 40px;}*/
.kojop .box2 li>p:nth-of-type(1){font-size:20px;line-height: 40px; font-weight:bold;}
.kojop .box2 .attr{display: flex;flex-wrap: wrap;border-bottom: 1px solid #efefef;padding:20px 0}
.kojop .box2 .attr>p{margin-right: 30px;color:#999;line-height: 24px;}
.kojop .box2 .attr>p>span{color:#666}
.kojop .box2 li>p:nth-of-type(2){color: #666;line-height: 32px;margin:20px 0 30px}
.kojop .box2 li>p:nth-of-type(3){font-size: 16px;
  display: inline-block;
  border: solid 2px #474a50; cursor:pointer;
  color: #474a50;
  text-transform: uppercase;
  line-height: 3.61111111em;
  height: 3.61111111em;
  padding: 0 2em 0 2.5em;
 padding-left: 40px;transition: .3s;}
.kojop .box2 .page{padding-bottom: 40px;}
.kojop .box2 .popup{position: fixed;z-index: 9999;top: 0;left: 0;background: rgba(0,0,0,.7);width:100%;height:100%;display: none;}
.kojop .box2 .con{background: #fff;position: relative;margin:50px auto;border-radius: 20px;padding:90px;width:60%;}
.kojop .box2 .close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: #eee url(../images/close.svg) no-repeat center center/20px;cursor: pointer;transition: .3s;border-radius: 0 20px 0 0;transition: .3s;}
.kojop .box2 .title{display: flex;align-items: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px}
.kojop .box2 .title>p{flex:1;padding-right: 50px;font-size: 30px; font-weight:bold;line-height: 46px;}
.kojop .box2 .title>a{width: 180px;line-height: 60px;background: #fbcf00 url(../images/23.png) no-repeat 40px center/24px;padding-left: 75px;font-size: 16px;color: #fff;transition: .3s;border-radius: 30px;}
.kojop .box2 .content{padding:40px 0;}
.kojop .box2 .content p{font-size: 16px;line-height: 32px;color:#666}
.kojop .box2 .content img{max-width: 100%;display: block;margin:0 auto;height:auto !important}
.kojop .box2 .content a{display: inline-block;}
.kojop .box2 .tip{color: #999;line-height: 24px;}


.zdlopp{width:100%;float:left;margin-top:3%;margin-bottom:3%;}
.zdlopp .tit{text-align: center;font-size:30px; font-weight:bold;}
.zdlopp  .dfg{ width:100%;float:left; text-align:center;padding-top:1%;padding-bottom:2%; font-size:18px;}

.jobyp {width:100%;float:left;}
.zdlopp .inner{ overflow:hidden; background-color:#f1f1f1;padding:2%;}

.jobyp .col-md-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.recuit .form-group {
  line-height: 34px;
  margin-bottom: 25px;
}.recuit label {
  width: 110px;
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
}.recuit .mess01 {
  float: left;
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: calc(100% - 110px);
}
.text-area {
  float: left;
  width: 100%;
  position: relative;
  display: block;
}.recuit input[type="text"] {
  width: 100%;
  float: left;
  background: #fff;
  border: none;
  outline: 0;
  box-shadow: none;
  font-size: 16px;
  color: #1d1d1d;
  border-radius: 0;
}.jobyp .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}.jobyp .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}.recuit input[type="radio"] {
  height: 34px;
  margin-top: 0px;
  vertical-align: -12px;
  margin-right: 6px;
  -webkit-appearance: radio;
}.jobyp .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}.recuit select {
  width: 100%;
  float: left;
}.jobyp textarea.form-control {
  height: auto;
}
.jobyp .recuit textarea {
  width: 100%;
  float: left;
  background: #fff;
  padding: 10px !important;
  border: none;
  outline: 0;
  box-shadow: none;
  font-size: 16px;
  color: #1d1d1d;
  border-radius: 0;
}.jobyp .col-md-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.red{ color:#F00;}

.recuit button {
font-size: 16px;
  display: inline-block;
  border: solid 2px #474a50; background-color:#fff;
  cursor: pointer;
  color: #474a50;
  text-transform: uppercase;
  line-height: 3.61111111em;
  height: 3.61111111em;
  padding: 0 2em 0 2.5em;
  outline: 0;
  cursor: pointer;
}.recuit button:hover{  color: #fff;background-color:#fbcf00;border:solid 2px #fbcf00;}
.kojop .box2 li > p:nth-of-type(3):hover{  color: #fff;background-color:#fbcf00;border:solid 2px #fbcf00;}


/*价值赋能*/
.shopio{width:100%;float:left;padding-top:3%;padding-bottom:3%;}


/* 研发与创新*/
.yanfa {width:100%;float:left;margin-top:3%;margin-bottom:3%;}

.yanfa .Tit{margin-top:3%;}
/* 品质和服务*/
.pinhzi{width:100%;float:left;margin-bottom:3%;}
.pinhzi .Tit{margin-top:3%;}
/* 文化*/

.n-weuhua{width:100%;float:left;}
/* 合作*/
.nhezuo{width:100%;float:left; background-color:#FAFAFA;padding-top:3%;}
.nhezuo .hezuo{margin-top: 0%;}
.nhezuo #indexChoose{-webkit-transform: translateY(0); -ms-transform: translateY(0);transform: translateY(0);padding-top:0;padding: 0;}
.nhezuo #indexChoose .title{;}
.nhezuo  .n-neop{width:100%;float:left;margin-bottom:3%;}
.nhezuo  .n-neop .btns{float:right;}
.nhezuo #indexChoose .btns a{min-width: auto;}

/*品牌*/

.paipeioi{width:100%;float:left;padding-top:3%;padding-bottom:0%;}

.paipeioi_b{width:100%;float:left;}

.paipeioi_b .work-list .list>li {margin-bottom:3%;}
.paipeioi_b .mode-follow {padding-top: 20px;padding-bottom: 100px;}
.paipeioi_b.work-list .img-box::before{padding-top:0}
.paipeioi_b .work-list .img-box img{height:100%;object-fit:cover;position:relative;width:100%}
.paipeioi_b .work-list .list>li{display:flex;flex-wrap:wrap;align-items:flex-start}
.paipeioi_b .work-list .list>li:nth-child(odd) .descriptions {padding-left:5%;}
.paipeioi_b .list>li:nth-child(even){flex-direction: row-reverse; background-color:#FAFAFA;}
.paipeioi_b .list>li:nth-child(even) .img-box {margin-left: 0;}
.paipeioi_b .work-list .descriptions{position:relative;}
.paipeioi_b .work-list .descriptions .btn-skip{position:relative}


.work-list .img-box {
  display: block; position:relative;
  width: 49.76471%;
}
 .work-list .descriptions {
  position: relative;
}.work-list .descriptions {
  width: 50.23529%;padding-top: 5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}




.work-list .descriptions h3 {
  position: relative;border-bottom: solid 1px #dedede;
  padding-bottom: 5%;
}
.title-lg { font-weight:bold;
  font-size: 30px;
}

.work-list .descriptions .text {
  font-size: 18px;
  line-height: 1.7;
  margin-top: 30px;
}.work-list .list > li:nth-child(2n) .img-box {
  margin-left: 0;
}

  .work-list .list > li:nth-child(2n) .descriptions {
    left: 0;
    padding-left: 3.5%;
    padding-right: 10%;
  }



.listt ul {
  position: relative;
}
.listt ul::after {
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
}
.listt ul li {
  font-size: 16px;
  color: #000;
  opacity: 0.4;
  line-height:30px;
  padding-left: 1.042vw;
  position: relative;
}
.listt ul li::after {
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 80%;
  background: #000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  content: "";
  display: block;
}
 .listt ul li.active {
font-size: 20px;
  opacity: 1;
}
 .listt ul li.active::after {
  opacity: 1;
  visibility: visible;
}


 .number1 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 2;
  padding: 4.167vw 2.083vw 3.281vw;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
} .number1 ul{display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;}
 .number1 ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.number1 ul li:last-child {
  border-right: 0px;
}
.number1 ul li:hover .icon::after {
  -webkit-animation: rotate 4s linear infinite;
          animation: rotate 4s linear infinite;
}
.number1 ul li .icon {
  width: 60px;
  height:60px;
  margin: 0px auto;
  position: relative;
}
.number1 ul li .icon::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background: url("../images/indexSupportIconBorder.png") no-repeat center/cover;
  content: "";
  display: block;
}
.number1 ul li .icon img {
  width: auto;
  height: 3.177vw;
}
.number1 ul li .num {
  font-weight: 500;
  font-size: 1.875vw;
  color: #FFFFFF;
  line-height: 1;
  margin-top: 0.833vw;
}
.number1 ul li .intro {
  font-size:16px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 2px;
}

.klk{width:100%;float:left;margin-top:3%;}
.klk>div{width:33.33%;float:left; text-align:center; font-size:30px;}
.number1 ul li{opacity:1;}
.number1 ul::after{background:none;}
.gszl_l .gf li{ border:none;width:25%;float:left; text-align:center;display: block;}
.gszl_l .gf li span{width:100%;float:left; font-size:30px; font-weight:bold;text-align:center;}
.gszl_l .gf li p{width:100%;float:left; font-size:16px;text-align:center;margin-top:5%;}


/* 分页 */
.bannerInner .image img {
  animation: amplify 8s infinite;
  -webkit-animation: amplify 8s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes amplify {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes amplify {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.bgimage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

@media(max-width:1200px){
.historyYearBox .container .historyYear{font-size:180px;}
.Technology dl dd .date b{ font-size:30px;}
}



@media(max-width:769px){
	.pro_main_title{ font-size:20px;}.box2 .tit{ font-size:20px;}.box2 li > p:nth-of-type(1){ font-size:20px;}.zdlopp .tit{ font-size:20px;}
	.kojop .box2 .title > p{ font-size:20px;}
.pro_page .pro_main{display:block;overflow:hidden;}
.pro_page .prom_img{width:100%;float:left;}.pro_page .main_text{width:100%;float:left;padding-left: 0%;}
.kojop .box2 li{width:100%;margin-right: 0;}.kojop .box2 li:nth-child(2n+1){width:100%;margin-right: 0;}
.jobyp .col-md-4{-ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;margin-bottom:10px;float: left;}.jobyp .row{display:block;}
.kojop .box2 .con{padding: 5%;}

.Technology .title span,.subsidiaryCompanies .subsidiaryCompaniesTitle .title,.honor .honorTitle .title,.nhezuo #indexChoose .title{ font-size:20px !important;}
.esg .esgLeft{width:100% !important;}.esg .esgRight{width:100%;}.esg{ display:block !important;}
.title-lg{ font-size:20px;}.paipeioi_b .work-list .list > li{display:block;}.work-list .img-box{width:100%;}.work-list .descriptions{width:100%;padding-top: 3%;}
.number1 ul li .intro{ font-size:14px;}.number ul li .icon { width: 40px;height:40px;margin-bottom:10px;}
.listt ul li.active{font-size:16px;}
.brandStory .brandStoryTitle{ font-size:20px !important;line-height:30px;}
.brandStory .brandStoryMain .content .title{ font-size:20px !important;line-height:30px;}

.n-licheng .brandHousesTitle .title{font-size:20px !important;}
.solXq {
  grid-template-columns: repeat(2,1fr);

}
}




  .n-hopow{width:100%;float:left;margin-top:3%;margin-bottom:3%;}.n-hopow-a{width:100%;float:left;}.n-hopow-b{width:100%;float:left;}
.n-hopow-a ul{grid-template-columns: repeat(5,1fr);display: grid;gap: 10px 10px;}
.n-hopow-a li{ border: solid 2px #474a50; color: #474a50;height:50px;line-height:50px; text-align:center;}
.n-hopow-a li.on{ background-color:#fbcf00;border: solid 2px #fbcf00;}.n-hopow-a li.on a{ color:#fff;}
.n-hopow-a li:hover{background-color:#fbcf00;border: solid 2px #fbcf00;}.n-hopow-a li:hover a{ color:#fff;}
#pbOverlay,#pbImage,#pbBottom,#pbCloseBtn {position: fixed; z-index: 999999;}
#pbOverlay{left:0px; top:0px; width:100%; height:100%; background:#000; cursor:pointer;}
#pbCloseBtn{top:0; right:0;	display:block; width:50px; height:50px;	background:url(../images/closebutton.png) no-repeat top left;}
.pbLoading{background:#000 url(../images/loading.gif) no-repeat center !important;}
#pbImage{border:none; background:#000 no-repeat; -moz-box-shadow:0 0 40px #000;	-webkit-box-shadow:0 0 40px #000; box-shadow:0 0 40px #000;	cursor:move;}
#pbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:10px; text-align:center; color:#EEE; line-height:1.4em; left:50%; bottom:10px; width:400px; margin-left:-200px;}
#pbCaption{font-weight:bold; padding:4px; display:inline-block; *display:inline; background-color:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000); zoom:1;}
#pbNav {display:block;width:200px; height:65px; margin:auto; margin-top:5px;}
#pbPrevBtn,#pbNextBtn,#pbZoomBtn{display: inline-block; width: 70px; height:65px; outline:none;	text-indent:-9000px; background:url(../images/navbtns.png) no-repeat;}
#pbPrevBtn{background-position:-70px 0; float:left;}
#pbPrevBtn.pbgreyed{background-position: 0px 0px;}
#pbNextBtn{background-position:-320px 0; float:right;}
#pbNextBtn.pbgreyed{background-position: -390px;}
#pbZoomBtn{width:60px; background-position:-140px 0px; float:left;}
#pbZoomBtn.pbgreyed{background-position:-200px 0px;}
#pbZoomBtn.pbzoomed{background-position:-260px 0px;}

.honer2 {
	width: 100%;float:left;
	padding-top: 3%;padding-bottom:3%;margin-top:0%;
}.honer2 ul{grid-template-columns: repeat(4,1fr);display: grid;gap: 10px 20px;}
.honer2 li {
	float: left;
	height: auto;padding-bottom:10px;
	text-align: center; list-style:none;
	line-height: 30px;
	font-size: 14px
}
.honer2 li a {
	display: block;margin-bottom: 10px;
	 font-size:16px;
}

.honer2 li img {
	width: 100%;max-width:100%;border:solid 2px #f4f4f4;margin-bottom:15px;padding:2%;
}
.honer2 li .blo{border: solid 1px #dedede;
  display: inline;
  padding: 2%;
  font-size: 14px;display:none;}
  .honer2 li .blo:hover{border: solid 1px #fbcf00; background-color:#fbcf00;color:#fff;}
@media(max-width:800px){.honer2 ul {grid-template-columns: repeat(2,1fr);}.honer2 li a{ font-size:14px;}}
@media(max-width:500px){.honer2 ul {grid-template-columns: repeat(1,1fr);}}