.commonTitle {font-size: .4rem;line-height: 1.5; font-weight:bold}
.commonTitle img {width: .4rem;margin: .15rem .2rem 0 0;height: 100%;display: block;}
.aboutmore {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 8.02083vw;height: 2.44792vw;font-size: 0.78125vw;color: #0040a0;border: 0.10417vw solid #0040a0;border-radius: 1.25vw;margin-top: 3.59375vw;}
.aboutmore:hover {color: #fff;background: #0040a0;}
.aboutmore i {font-size: 0.72917vw;margin-left: 1.30208vw;}

@media only screen and (max-width: 992px) {
.commonTitle {font-size: .34rem;line-height: 1.2; font-weight:bold}
.commonTitle img {width: .34rem;margin: .1rem .1rem 0 0;}
.aboutmore {width:1.5rem;height: .5rem;font-size:.17rem;border:1px solid #0040a0;border-radius:.5rem;margin-top: .25rem;}
.aboutmore:hover {color: #fff;background: #0040a0;}
.aboutmore i {font-size: .17rem;margin-left:.08rem;}
}

.aboutMain {padding: 1.3rem 0;background-image: url(../images/about/img_96.jpg);background-position: top;background-repeat: no-repeat;background-size: cover;}
.aboutMain .titleBox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
.aboutMain .titleBox .title {width: 25%;height: 100%;}
.aboutMain .titleBox .title .t{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.aboutMain .titleBox .descBox {width:70%;padding-top:.25rem;}
.aboutMain .titleBox .descBox .desc {font-size: .17rem;color: #333;line-height:35px;height: -webkit-calc(35px * 8);height: calc(35px * 8);overflow-y: auto;overflow-x: hidden;padding-right: .15rem;}
.aboutMain .titleBox .descBox .desc::-webkit-scrollbar {width: 4px;height: auto;background-color: #d5d5d5;}
.aboutMain .titleBox .descBox .desc::-webkit-scrollbar-track {-webkit-border-radius: 4px;border-radius: 4px;background-color: #d5d5d5;}
.aboutMain .titleBox .descBox .desc::-webkit-scrollbar-thumb {-webkit-border-radius: 4px;border-radius: 4px;background-color: #e70214;}
.aboutMain .titleBox .descBox .aboutList {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0px -.1rem;padding-top: .8rem;}
.aboutMain .titleBox .descBox .aboutList .list {width: -webkit-calc(50% - .4rem);width: calc(50% - .3rem);margin: 0px .1rem;padding: .3rem 0px;border-top: 1px solid #e4e2e2;}
.aboutMain .titleBox .descBox .aboutList .list .numberBox span{font-size: .58rem;font-weight: 600;line-height: 0.8;color: #000000;font-family: lato-bold}
.aboutMain .titleBox .descBox .aboutList .list .text {padding-top: .1rem;font-size: .16rem;color: #555555;}

@media only screen and (max-width: 992px) {
.aboutMain {padding: .1rem 0 .4rem;}
.aboutMain .titleBox {display:block; margin-top:.2rem}
.aboutMain .titleBox .title {width: 100%;height: 100%;}
.aboutMain .titleBox .title .t{}
.aboutMain .titleBox .descBox {width:100%;padding-top:.1rem;}
.aboutMain .titleBox .descBox .desc {font-size: .18rem;color: #333;line-height:30px;height: -webkit-calc(30px * 8);height: calc(30px * 8);overflow-y: auto;overflow-x: hidden;padding-right: .15rem;}
.aboutMain .titleBox .descBox .aboutList {margin: 0rem;padding-top: .4rem;}
.aboutMain .titleBox .descBox .aboutList .list {width:48%;margin: 0px 1%;padding: .3rem 0px; }
.aboutMain .titleBox .descBox .aboutList .list .numberBox span{font-size: .34rem;font-weight:bold;line-height:1;}
.aboutMain .titleBox .descBox .aboutList .list .text {padding-top:0rem;font-size: .14rem;} 
}


.aboutAdvantageMain {overflow: hidden;background-image: url(../images/about/img_97.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.aboutAdvantageMain .commonweb {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.aboutAdvantageMain .titleBox {width: 30%;padding: 1.2rem 0 0 0;color: #fff;position: relative;}
.aboutAdvantageMain .titleBox .title {font-size: .2rem;padding-bottom: .1rem;opacity: 0.6;}
.aboutAdvantageMain .titleBox .btn {padding-top:.2rem;
-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.aboutAdvantageMain .titleBox .btn a {width: .5rem;height: .5rem;border: 2px solid #fff;color: #fff;font-size: .15rem;margin-right: 10px;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;-webkit-border-radius: 100%;border-radius: 100%;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.aboutAdvantageMain .aboutAdvantageListBox {width: 68%;position: relative;padding:1rem 0 .9rem;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList {overflow: hidden;position: relative;width: 100%;height: 100%;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide {width:33.3333%;padding-top:.5rem;padding-bottom:1.4rem;background: rgba(0, 0, 0, 0.1);border-left: 1px solid rgba(255, 255, 255, 0.1);position: relative; height: 100%}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content {padding: 0px .4rem;color: #fff; }
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .enTitle {font-size: .17rem;opacity: 0.5;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .listTitle {margin-top: .2rem;font-size:.17rem;line-height: 2;position: relative;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .listTitle::after {content: '';width: 2px;height: .4rem;background: #fff;position: absolute;left: -.4rem;top: 5px;-webkit-transition: all .8s ease;transition: all .8s ease;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .icon {
   position: absolute; left:.4rem; bottom: .4rem}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .icon img {width: .6rem;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide:hover .content .listTitle::after {background: #bc1010;}

@media only screen and (max-width: 992px) {
.aboutAdvantageMain {padding:.5rem 0}
.aboutAdvantageMain .commonweb {display:block}
.aboutAdvantageMain .titleBox {width:100%;padding:0;}
.aboutAdvantageMain .titleBox .title {font-size: .2rem;padding-bottom: .1rem;opacity: 0.6;}
.aboutAdvantageMain .titleBox .btn {display:none}
.aboutAdvantageMain .aboutAdvantageListBox {width:100%;padding:.3rem 0;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-wrapper{align-items:stretch;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide {width:80%;padding-top:.3rem;padding-bottom:1.3rem; height:4.5rem}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content {padding: 0px .2rem; }
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .enTitle {font-size: .24rem;opacity: 1;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .listTitle {margin-top: .2rem;font-size:.18rem;line-height: 2;position: relative;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .listTitle::after {left: -.2rem;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .icon img {width: .5rem;}
}


.aboutTeamMain {background-image: url(../images/about/img_101.jpg);background-position: top;background-repeat: no-repeat;background-size: 100%;position: relative;}
.aboutTeamMain::after {content: '';width: 1.2rem;height: 100%;background-image: url(../images/about/img_210.png);background-repeat: repeat-y;background-position: top;position: absolute;left: 0px;top: 0px;}
.aboutTeamMain .aboutTeamBox {padding: .9rem 0 .9rem;position: relative;z-index: 10;}
.aboutTeamMain .aboutTeamBox .aboutTeam {margin-top: .3rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox {width: 50%;position: relative;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .aboutTeamImg {width: 100%;display: block;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox {width: 100%;padding:.15rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;background-color: #0442a1;background-image: -webkit-gradient(linear, left top, right top, from(#0442a1), to(#002c6f));background-image: linear-gradient(to right, #0442a1, #002c6f);position: absolute; max-width: 4rem; left: 0rem; bottom: 0}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox .list {width: 50%;padding:.15rem;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;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox .list .icon {padding-right: 10px;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox .list .icon img {width: 30px;display: block;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox .list .text {font-size: .17rem;color: #fff;}
.aboutTeamMain .aboutTeamBox .aboutTeam .content {width: 45%;padding-top: .4rem;}
.aboutTeamMain .aboutTeamBox .aboutTeam .content .title {font-size: .17rem;font-weight: 600;color: #272727;opacity: 0.6; font-weight: normal;}
.aboutTeamMain .aboutTeamBox .aboutTeam .content .subTitle {font-size:.34rem;line-height: 1.6;color: #272727; margin-top: .1rem}
.aboutTeamMain .aboutTeamBox .aboutTeam .content .desc {margin-top:.25rem;font-size:.17rem;max-width: 100%;color: #4c505f;line-height: 2;}

@media only screen and (max-width: 992px) {
.aboutTeamMain {}
.aboutTeamMain::after {content: '';width: 1.2rem;height: 100%;background-image: url(../images/about/img_210.png);background-repeat: repeat-y;background-position: top;position: absolute;left: 0px;top: 0px;}
.aboutTeamMain .aboutTeamBox {padding:.5rem 0;}
.aboutTeamMain .aboutTeamBox .aboutTeam {margin-top: .2rem;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox {width: 100%;position: relative;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox {width:100%;padding:.15rem;max-width:100%; left: 0rem; bottom: 0; position:relative}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox .list {padding:.1rem;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox .list .icon {padding-right:4px;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox .list .icon img {width: .25rem;}
.aboutTeamMain .aboutTeamBox .aboutTeam .imgBox .iconBox .list .text {font-size: .18rem;}
.aboutTeamMain .aboutTeamBox .aboutTeam .content {width: 100%;padding-top: .3rem;}
.aboutTeamMain .aboutTeamBox .aboutTeam .content .title {font-size: .18rem;font-weight:normal;}
.aboutTeamMain .aboutTeamBox .aboutTeam .content .subTitle {font-size:.24rem;line-height: 1.6;}
.aboutTeamMain .aboutTeamBox .aboutTeam .content .desc {margin-top:.1rem;font-size:.18rem;line-height: 2;}  
    
}


.aboutHistoryMain {position: relative;padding-bottom:.8rem;z-index: 10;}
.aboutHistoryMain .aboutHistoryBg {position: absolute;right: 0px;top: 0px;width: 56.5%;padding-top: 37.85%;background-image: url(../images/about/img_107.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;height: 5rem}
.aboutHistoryMain .aboutHistoryBg .yearBox {position: absolute;left: 1rem;width:1.5rem;top: 1rem;bottom: 1rem;}
.aboutHistoryMain .aboutHistoryBg .yearBox .yearList {position: absolute;right: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: rotate(-90deg) translateY(-126px);-ms-transform: rotate(-90deg) translateY(-126px);transform: rotate(-90deg) translateY(-126px);}
.aboutHistoryMain .aboutHistoryBg .yearBox .yearList .list {font-size: .7rem;line-height: 1;font-weight: 600;font-family: Arial, Helvetica, sans-serif;color: #fff;display: none;white-space: nowrap;}
.aboutHistoryMain .aboutHistoryBg .yearBox .bar {position: absolute;right: .5rem;top: .2rem;bottom: 0px;background: rgba(255, 255, 255, 0.2);width: 2px;}
.aboutHistoryMain .aboutHistoryBg .yearBox .bar::after {content: '';width: 10px;height: 10px;position: absolute;left: -4px;top: -10px;background: #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.aboutHistoryMain .aboutHistoryBg .yearBox .bar span {position: absolute;width: 100%;height: 0%;background: #fff;-webkit-transition: all .8s ease;transition: all .8s ease;}
.aboutHistoryMain .commonweb {position: relative;z-index: 10;}
.aboutHistoryMain .commonTitle {padding-bottom: .5rem;}
.aboutHistoryMain .aboutHistoryList {width:30%;padding-right: 0px;}
.aboutHistoryMain .aboutHistoryList .list {padding-bottom:.6rem;opacity: 1;-webkit-transition: all .8s ease;transition: all .8s ease;}
.aboutHistoryMain .aboutHistoryList .list .date {font-size: .18rem;line-height: 1.6;color: #d10911;font-weight: 600;}
.aboutHistoryMain .aboutHistoryList .list .listTitle {font-size: .35rem;line-height: 1.2;color: #272727;}
.aboutHistoryMain .aboutHistoryList .list .desc {font-size: .17rem;padding-top:.25rem;line-height:1.8;color: #999;}

@media only screen and (max-width: 992px) {

}

.aboutQualityMain {padding: .9rem 0px;background-image: url(../images/about/img_108.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.aboutQualityMain .aboutQuality {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #fff;-webkit-border-radius: 10px;border-radius: 10px;margin-left: 0px;margin-top: .3rem;justify-content: space-between;}
.aboutQualityMain .aboutQuality .imgBox {width:50%; overflow: hidden; position: relative;}
.aboutQualityMain .aboutQuality .imgBox img {width: 100%;display: block;-webkit-border-radius: 10px;border-radius: 10px;position: relative;}
.aboutQualityMain .aboutQuality .content {width:50%;padding:.8rem .8rem 0;}
.aboutQualityMain .aboutQuality .content .title {font-size:.3rem;line-height:1.6;color: #000000;}
.aboutQualityMain .aboutQuality .content .desc {padding-top: .35rem;}
.aboutQualityMain .aboutQuality .content .desc p {position: relative;color: #4c505f;padding-left: 15px;margin-bottom: .2rem;font-size: .17rem;line-height: 1.8;}
.aboutQualityMain .aboutQuality .content .desc p b{ color: #000 }
.aboutQualityMain .aboutQuality .content .desc p::after {content: '';width: 4px;height: 4px;-webkit-border-radius: 100%;border-radius: 100%;background: #4c505f;left: 0px;top: 7px;position: absolute;}

@media only screen and (max-width: 992px) {
 .aboutQualityMain {padding: .5rem 0px;}
.aboutQualityMain .aboutQuality {display:block;border-radius:5px;margin-left: 0px;margin-top: .2rem;}
.aboutQualityMain .aboutQuality .imgBox {width:100%; }
.aboutQualityMain .aboutQuality .imgBox img {border-radius: 5px;}
.aboutQualityMain .aboutQuality .content {width:100%;padding:.3rem .3rem .2rem;}
.aboutQualityMain .aboutQuality .content .title {font-size:.24rem;line-height:1.4;}
.aboutQualityMain .aboutQuality .content .desc {padding-top: .15rem;}
.aboutQualityMain .aboutQuality .content .desc p {padding-left: .1rem;margin-bottom: .1rem;font-size: .18rem;line-height:2;}

    
}

.aboutHonorMain {padding: .9rem 0px;}
.aboutHonorMain .titleBox {width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; position: relative;}
.aboutHonorMain .titleBox .btn {display: none;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.aboutHonorMain .titleBox .btn a {width: 50px;height: 50px;border: 2px solid #a9a9a9;color: #a9a9a9;font-size: 14px;margin-left: 10px;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;-webkit-border-radius: 100%;border-radius: 100%;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.aboutHonorMain .aboutHonorListBox {margin-top:.4rem;overflow: hidden;position: relative;}
.aboutHonorMain .aboutHonorListBox .aboutHonor {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0px -5px;position: relative;}
.aboutHonorMain .aboutHonorListBox .swiper-slide .list {width:100%;position: relative;}
.aboutHonorMain .aboutHonorListBox .swiper-slide .list .imgBox {width: 100%;text-align: center;-webkit-border-radius: 10px;border-radius: 10px;padding:.25rem;background-image: url(../images/about/img_117.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.aboutHonorMain .aboutHonorListBox .swiper-slide .list .imgBox img {max-width: 100%;vertical-align: middle;}
.aboutHonorMain .aboutHonorListBox .swiper-slide .list .listTitle {color: #000;font-size:.17rem;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-align: center;padding-top: .2rem}


@media(max-width:992px){
.com_video{ display:none}
.aboutHonorMain {padding: .5rem 0px;}
}


/*研发*/
.idea {padding-top: 4.47917vw;}
.idea .detailTitle {-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.idea .detailTitle .title {font-size: 1.04167vw;color: #666666;margin: 0px;}
.idea .detailTitle .line {width: 3.59375vw;height: 0.20833vw;margin: 0px;margin-left: 0.78125vw; background:#0140a1}
.idea .detailTitle .line::after {width: 0.94271vw;}
.idea .detailTitle .desc {width: 100%;font-size: 2.275vw;color: #333333;line-height: 2.39583vw;font-weight: bold;margin-top: 0.625vw;}
.idea .ideaMain {margin-top: 2.88888vw;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.idea .ideaMain .left {width: 55.83%;overflow: hidden;}
.idea .ideaMain .left .swiper-slide {overflow: hidden;}
.idea .ideaMain .left .swiper-slide:hover img {-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);transform: scale(1.07);}
.idea .ideaMain .left .swiper-slide img {width: 100%;height: auto;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.idea .ideaMain .right {width: 40.12%;height: 100%;}
.idea .ideaMain .right ul li {max-height: 5.57292vw;padding: 1.5625vw 0px 1.14583vw;border-bottom: 1px solid #E6E6E6;cursor: pointer;}
.idea .ideaMain .right ul li:first-child {padding-top: 0px;}
.idea .ideaMain .right ul li.active {max-height: 10.26042vw;}
.idea .ideaMain .right ul li.active .title {color: #0040A0; font-weight: bold;}
.idea .ideaMain .right ul li.active .desc {max-height: 6.25vw;overflow-y: auto;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.idea .ideaMain .right ul li .title {font-size: 1.2625vw;color: #333333;margin-bottom: 0.72917vw;}
.idea .ideaMain .right ul li .desc {font-size: 0.8975vw;color: #666666;line-height: 1.6625vw;max-height: 0px;overflow: hidden;padding-right: 1.5625vw;}
.idea .ideaMain .right ul li .desc::-webkit-scrollbar {width: 0.15625vw;height: 0.15625vw;background-color: #d5d5d5;}
.idea .ideaMain .right ul li .desc::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);border-radius: 0.15625vw;background-color: #d5d5d5;}
.idea .ideaMain .right ul li .desc::-webkit-scrollbar-thumb {border-radius: 0.15625vw;-webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);background-color: #0040A0;}
.cpysbox{ padding: .8rem 0 }

@media(max-width:992px){
.idea {padding-top:.3rem;}
.idea .detailTitle {}
.idea .detailTitle .title {font-size:.18rem;}
.idea .detailTitle .line {width:.5rem;height:3px;margin: 0px;margin-left: .05rem;}
.idea .detailTitle .desc {width: 100%;font-size:.32rem;color: #333333;line-height:1.4;font-weight: bold;margin-top:0rem;}
.idea .ideaMain {margin-top: .2rem;display:block}
.idea .ideaMain .left {width:100%;overflow: hidden;}
.idea .ideaMain .left .swiper-slide {overflow: hidden;}
.idea .ideaMain .right {width: 100%;height: 100%; }
.idea .ideaMain .right ul li {max-height: .8rem;padding:.15rem .3rem;border-bottom: 1px solid #E6E6E6;cursor: pointer;}
.idea .ideaMain .right ul li:first-child {padding:.15rem .3rem;}
.idea .ideaMain .right ul li.active {background-color:#0140a1; color:#fff; max-height:6rem; padding:.3rem}
.idea .ideaMain .right ul li.active .title {color: #fff; }
.idea .ideaMain .right ul li.active .desc {max-height:2rem; color:#fff}
.idea .ideaMain .right ul li .title {font-size:.2rem;margin-bottom:0;}
.idea .ideaMain .right ul li .desc {font-size:.16rem;line-height: 1.6;padding-right: .1rem;}
.cpysbox{ padding: .4rem 5%}
.cpysbox .youshiadv{ display:block}
}


/* 设备 */
.businessBg {padding: 5.15625vw 0;background-color: #fbfbfb;}
.businessBg .business .businessHead .detailTitle {-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.businessBg .business .businessHead .detailTitle .title {font-size: 1.04167vw;color: #666666;margin: 0px;}
.businessBg .business .businessHead .detailTitle .line {width: 3.59375vw;height: 0.20833vw;margin: 0px;margin-left: 0.78125vw; background:#0140a1}
.businessBg .business .businessHead .detailTitle .line::after {width: 0.94271vw;}
.businessBg .business .businessHead .detailTitle .desc {width: 100%;font-size: 2.275vw;color: #333333;line-height: 2.39583vw;font-weight: bold;margin-top: 0.625vw;}
.businessBg .business .businessHead .content {margin: 1.16667vw 0 2.1666vw;}
.businessBg .business .businessHead .content .desc {font-size: 0.9375vw;color: #666666;line-height: 1.66667vw;}
.businessBg .business .businessHead .content .more {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 8.02083vw;height: 2.44792vw;font-size: 0.78125vw;color: #0040a0;border: 0.10417vw solid #0040a0;border-radius: 1.25vw;margin-top: 3.59375vw;}
.businessBg .business .businessHead .content .more:hover {color: #fff;background: #0040a0;}
.businessBg .business .businessHead .content .more i {font-size: 0.72917vw;margin-left: 1.30208vw;}
.businessBg .business .alpic-box{ text-align: center; }
.businessBg .business .alpic-box .item .img_box{ border-radius: 5px; overflow: hidden; }
.businessBg .business .alpic-box .item .tit{  padding: .15rem; background: #fff; }
.businessBg .business .alpic-box .item .img_box{ position: relative; z-index: 2; overflow: hidden; }
.businessBg .business .alpic-box .item .img_box img{ width: 100%; height: 100%;-webkit-transition: all .5s;transition: all .5s; width:100%;  }
.businessBg .business .alpic-box .item:hover .img_box img{ transform: scale(1.1)}

@media(max-width:992px){
    
.businessBg {padding:.5rem 0;background-color: #f1f1f1; margin-top:.4rem}
.businessBg .business .businessHead .detailTitle {display:block}
.businessBg .business .businessHead .detailTitle .title {font-size: .18rem;}
.businessBg .business .businessHead .detailTitle .line {width:.5rem;height:3px;margin: 0px;margin-left: .05rem;}
.businessBg .business .businessHead .detailTitle .desc {width: 100%;font-size:.32rem;color: #333333;line-height:1.4;font-weight: bold;margin-top:0rem;}

.businessBg .business .businessHead .content {margin:.1rem 0;}
.businessBg .business .businessHead .content .desc {font-size:.18rem;line-height:1.8;}
.businessBg .business .businessHead .content .more {width: 1.5rem;height:.5rem;font-size:.18rem;border:1px solid #0040a0;border-radius: .5rem;margin-top: .2rem;}
.businessBg .business .businessHead .content .more:hover {color: #fff;background: #0040a0;}
.businessBg .business .businessHead .content .more i {font-size: .18rem;margin-left: .05rem;}
.businessBg .business .alpic-box{ text-align: center; overflow:hidden; }
.businessBg .business .alpic-box .item .img_box{ border-radius: 5px; overflow: hidden; }
    
}


/* 研发实力开始 */
.chronicle {padding:.9rem 0;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.chronicle .left {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;width: 52.88%;position: relative;}
.chronicle .left::after {position: absolute;top: 2.91667vw;left: 17.1875vw;width: 20.625vw;height: 17.23958vw;background: #0040a0;content: "";display: block;}
.chronicle .left .image {width: 49.21%;overflow: hidden;position: relative;z-index: 2;}
.chronicle .left .image:nth-child(2) {margin-top: 7.65625vw;}
.chronicle .left .image:nth-child(3) {margin-top: -15.625vw;}
.chronicle .left .image:hover img {-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);transform: scale(1.07);}
.chronicle .left .image img {width: 100%;height: auto;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.chronicle .right {width: 40.64%;}
.chronicle .right .detailTitle {-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.chronicle .right .detailTitle .title {font-size: 1.04167vw;color: #666666;margin: 0px;}
.chronicle .right .detailTitle .line {width: 3.59375vw;height: 0.20833vw;margin: 0px;margin-left: 0.78125vw; background:#0140a1}
.chronicle .right .detailTitle .line::after {width: 0.94271vw;}
.chronicle .right .detailTitle .desc {width: 100%;font-size:2.275vw;color: #333333;line-height: 2.39583vw;font-weight: bold;margin-top: 0.625vw;}
.chronicle .right .content {margin-top: 1.61458vw;}
.chronicle .right .content .desc {font-size: 0.9375vw;color: #666666;line-height: 1.86667vw;}
.chronicle .right .content .more {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 8.02083vw;height: 2.44792vw;font-size: 0.78125vw;color: #0040a0;border: 0.10417vw solid #0040a0;border-radius: 1.25vw;margin-top: 3.59375vw;}
.chronicle .right .content .more:hover {color: #fff;background: #0040a0;}
.chronicle .right .content .more i {font-size: 0.72917vw;margin-left: 1.30208vw;}

@media(max-width:992px){
    
.chronicle {padding:.5rem 5%;width:100%;position: relative; display:block}
.chronicle .left{ width:100%}
.chronicle .left::after {position: absolute;top: 1rem;left:5rem;width:40%;height:4rem;}
.chronicle .left .image {}
.chronicle .left .image:nth-child(2) {margin-top:.1rem;}
.chronicle .left .image:nth-child(3) {margin-top: -1.4rem;}

.chronicle .right {width:100%;}
.chronicle .right .detailTitle {display:block; margin-top:.4rem}
.chronicle .right .detailTitle .title {font-size:.18rem;}
.chronicle .right .detailTitle .line {width:.5rem;height:3px;margin: 0px;margin-left: .05rem;}
.chronicle .right .detailTitle .desc {width: 100%;font-size:.32rem;color: #333333;line-height:1.4;font-weight: bold;margin-top:.0;}

.chronicle .right .content .desc {font-size:.18rem;line-height:1.8;}
.chronicle .right .content .more {width: 1.5rem;height:.5rem;font-size:.18rem;border:1px solid #0040a0;border-radius: .5rem;margin-top: .2rem;}
.chronicle .right .content .more:hover {color: #fff;background: #0040a0;}
.chronicle .right .content .more i {font-size: .18rem;margin-left: .05rem;}

}

/*服务*/
.serviceMain {background-color: #f5f7fa;padding: .8rem 0}
.serviceAdvantage .serviceAdvantageList {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top:.4rem}
.serviceAdvantage .serviceAdvantageList .list {padding:0 0 0 .15rem;}
.serviceAdvantage .serviceAdvantageList .list .imgBox {position: relative;overflow: hidden;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding-top: 65%;border-radius: 15px}
.serviceAdvantage .serviceAdvantageList .list .imgBox img {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.serviceAdvantage .serviceAdvantageList .list .content {background-color: #fff;padding:.35rem;border-radius: 10px;margin-top:.15rem}
.serviceAdvantage .serviceAdvantageList .list .content .title {font-size:.25rem;line-height: 1.3}
.serviceAdvantage .serviceAdvantageList .list .content .desc {margin-top:.1rem;text-align: justify;font-size:.16rem;line-height:1.8;color: #696969}
.serviceAdvantage .serviceAdvantageList .list:nth-child(2) .content {background-color: #0140a1;margin-bottom:.15rem;margin-top:0; color:#fff}
.serviceAdvantage .serviceAdvantageList .list:nth-child(2) .content .desc{ color:rgba(255,255,255,.9)}
.serviceAdvantage .serviceAdvantageList .list:nth-child(3) .content {background-color: #dfebf3;}
.serviceAdvantage .serviceAdvantageList .list:nth-child(1) {width: 38%; padding:0}
.serviceAdvantage .serviceAdvantageList .list:nth-child(2) {width: 30%;-webkit-box-orient:vertical;-webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse; display:flex;}
.serviceAdvantage .serviceAdvantageList .list:nth-child(3) {width: 32%}
.serviceAdvantage .serviceAdvantageList .list:nth-child(3) .imgBox{padding-top:80%;}

@media only screen and (max-width: 992px) {
 .serviceMain {padding: .3rem 0 .4rem}
.serviceAdvantage .serviceAdvantageList {display:block; margin-top:.3rem}
.serviceAdvantage .serviceAdvantageList .list {padding:0; margin-bottom:.25rem}
.serviceAdvantage .serviceAdvantageList .list .imgBox {position: relative;padding-top:0;border-radius: 0; display:block; display:block; height:3rem}
.serviceAdvantage .serviceAdvantageList .list .content {background-color: #fff;padding:.25rem;border-radius:0px;margin-top:0}
.serviceAdvantage .serviceAdvantageList .list .content .title {font-size:.24rem;line-height: 1.3; font-weight:bold}
.serviceAdvantage .serviceAdvantageList .list .content .desc {margin-top:.1rem;font-size:.18rem;line-height:1.8;}
.serviceAdvantage .serviceAdvantageList .list:nth-child(2) .content {background-color: #0140a1;margin-bottom:0;margin-top:0; color:#fff}
.serviceAdvantage .serviceAdvantageList .list:nth-child(1) {width: 100%; }
.serviceAdvantage .serviceAdvantageList .list:nth-child(2) {width: 100%; display:block;}
.serviceAdvantage .serviceAdvantageList .list:nth-child(3) {width: 100%}
.serviceAdvantage .serviceAdvantageList .list:nth-child(3) .imgBox{padding-top:0;}
    
}



.serviceLiucheng{ padding: .8rem 0;background-image: url(../images/about/service_09.jpg);
    background-position: center;background-repeat: no-repeat; -webkit-background-size: cover;background-size: cover}
.serviceLiucheng .commonTitle{ color:#fff; font-size:.35rem}
.serviceLiucheng .serviceList {position: relative;z-index: 29;top: 0px;border-radius: 10px;padding:0;-webkit-box-shadow: 0px 1px 24px rgba(123,143,194,0.27);box-shadow: 0px 1px 24px rgba(123,143,194,0.27);background: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top:.3rem}
.serviceLiucheng .serviceList .list {width: 16.666%;padding: .25rem 0px;border-right: 1px solid #f3f3f3;text-align: center}
.serviceLiucheng .serviceList .list .icon img {width:.5rem;vertical-align: middle}
.serviceLiucheng .serviceList .list .title {font-size: .2rem;padding-top:.1rem;line-height: 1.3;color: #000000}
.serviceLiucheng .serviceList .list .desc {font-size: .17rem;padding-top: 5px;line-height: 1.3;color: #979797}
.serviceLiucheng .serviceList .list:nth-child(6){ border-right:0}

@media only screen and (max-width: 992px) {
    .serviceLiucheng{ padding: .5rem 0;}
.serviceLiucheng .commonTitle{ font-size:.32rem}
.serviceLiucheng .serviceList {position: relative;z-index: 29;top: 0px;border-radius:0;margin-top:.2rem; background:none; display:block}
.serviceLiucheng .serviceList .list {width: 100%;padding: .1rem .15rem;border:0; background:#fff; margin-right:0; margin-bottom:.1rem; margin-bottom:.1rem; display:flex; border-radius:5px}
.serviceLiucheng .serviceList .list .icon{ padding-right:.1rem}
.serviceLiucheng .serviceList .list .icon img {width:.35rem;vertical-align: middle}
.serviceLiucheng .serviceList .list .title {font-size: .2rem;padding-top:.05rem;}
.serviceLiucheng .serviceList .list .desc {font-size: .17rem;padding-top: 5px;line-height: 1.3;color: #979797}
.serviceLiucheng .serviceList .list:nth-child(3n){ border-right:0} 
    
}

.joinMain {padding:.8rem 0;text-align: center}
.joinMain .desc {max-width:9rem;margin:.2rem auto 0px;text-align: center;font-size:.17rem;line-height:1.8;color: #696969}
.joinMain .btn {margin-top:.35rem}
.joinMain .btn a {display: block;margin: 0px auto;position: relative;overflow: hidden;width:1.5rem;line-height:.55rem;border-radius:.55rem;font-size: .17rem;color: #000;text-align: center;background-color: #f58220;-webkit-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;background-image: -webkit-gradient(linear, left top, right top, from(#f5b620), to(#f58220));background-image: -webkit-linear-gradient(left, #f5b620, #f58220);background-image: -o-linear-gradient(left, #f5b620, #f58220);background-image: linear-gradient(to right, #f5b620, #f58220)}
.joinMain .btn a::after {content: '';width: 20px;background: #fff;-webkit-filter: blur(12px);filter: blur(12px);position: absolute;left: -60px;top: -30px;bottom: -30px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease}
.joinMain .btn a:hover::after {left: 200px}
.joinMain .hezuokh{ border-radius: 5px; overflow: hidden;  flex-wrap:wrap; margin-top:.15rem; }
.joinMain .hezuokh figure{width:10%; margin:.1rem .05rem; border-radius:5px; overflow:hidden; box-shadow:0 0 .15rem rgba(0,0,0,.15); padding:.1rem 0; }
@media only screen and (max-width: 992px) {
  .joinMain {padding:.5rem 0;}  
  .joinMain .btn {margin-top:.25rem}
.joinMain .hezuokh{ }
.joinMain .hezuokh figure{width:25%; margin:.1rem .05rem;  }
}



.cooperationValueMain {padding:.8rem 0;overflow: hidden;background-image: url(../images/about/service_11.jpg);background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center}
.cooperationValueMain .classBox {padding-bottom:.35rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between}
.cooperationValueMain .classBox .classTitle {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex}
.cooperationValueMain .classBox .classTitle a {font-size:.30rem;padding-bottom:.1rem;margin-right:.25rem;color: #fff;border-bottom: 3px solid transparent;display: block; font-weight:bold}
.cooperationValueMain .classBox .classTitle a.cur {border-color: #0140a1}
.cooperationValueMain .classBox .btnBox {}
.cooperationValueMain .classBox .btn {}
.cooperationValueMain .classBox .btn a {display: inline-block;margin-left: 10px;width: 60px;line-height: 33px;border-radius: 41px;-webkit-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;font-size: 16px;color: rgba(255,255,255,0.5);text-align: center;border: 2px solid rgba(255,255,255,0.5); height:37px}
.cooperationValueMain .classBox .btn a:hover {color: #fff;border-color: #fff}
.cooperationValueMain .cooperationValue { overflow:hidden}
.cooperationValueMain .cooperationValue .swiper-slide {background: #fff;border-radius: 10px;padding: .35rem;min-height:1.5rem;height: auto}
.cooperationValueMain .cooperationValue .swiper-slide .title {font-size: .24rem;font-weight:bold;color: #000000}
.cooperationValueMain .cooperationValue .swiper-slide .title img {vertical-align: middle;width:.3rem;margin-right:.1rem}
.cooperationValueMain .cooperationValue .swiper-slide .desc {margin-top: .2rem;font-size:.16rem;line-height:1.8;color: #696969}
.cooperationValueMain .cooperationValue .cooperationValuePage {padding-top: .25rem;text-align: center}
.cooperationValueMain .cooperationValue .cooperationValuePage span {width: 8px;height: 8px;background: #fff;opacity: 1;margin: 0px 5px}
.cooperationValueMain .cooperationValue .cooperationValuePage span.swiper-pagination-bullet-active {background: #0140a1;border-color: #0140a1}
.serviceTeamMain {padding: .8rem 0;background-image: url(../images/about/service_18.jpg);background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center}
.serviceTeamMain .serviceTeam {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
.serviceTeamMain .serviceTeam .title {width:30%;padding-bottom:.25rem}
.serviceTeamMain .serviceTeam .emailList {-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;width:70%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
.serviceTeamMain .serviceTeam .emailList .list {width: 50%;text-align: center;position: relative}
.serviceTeamMain .serviceTeam .emailList .list::after {content: '';right: 0px;top: 10px;bottom: 10px;position: absolute;width: 1px;background: rgba(0,0,0,0.1)}
.serviceTeamMain .serviceTeam .emailList .list .icon img {width: .4rem;vertical-align: middle}
.serviceTeamMain .serviceTeam .emailList .list .email {margin-top: 5px;font-size:.28rem;color: #000000;font-weight:bold; font-family:lato}
.serviceTeamMain .serviceTeam .emailList .list .subTitle {padding-top: 5px;font-size: .16rem;color: rgba(0,0,0,0.8)}

@media only screen and (max-width: 992px) {
    
   .cooperationValueMain {padding:.5rem 0;} 
   .serviceTeamMain {padding: .5rem 0;}
.serviceTeamMain .serviceTeam {display:block}
.serviceTeamMain .serviceTeam .title {width:100%;padding-bottom:.25rem; text-align:center}
.serviceTeamMain .serviceTeam .emailList {width:100%;}
.serviceTeamMain .serviceTeam .emailList .list {width: 50%;text-align: center;position: relative}
.serviceTeamMain .serviceTeam .emailList .list::after {display:none}
.serviceTeamMain .serviceTeam .emailList .list .icon img {width: .4rem;vertical-align: middle}
.serviceTeamMain .serviceTeam .emailList .list .email {margin-top: 5px;font-size:.2rem;color: #000000;font-weight:bold; font-family:lato}
.serviceTeamMain .serviceTeam .emailList .list .subTitle {padding-top: 0px;font-size: .16rem;color: rgba(0,0,0,0.8)}
   
}