/*
 * Content-area stylesheet extracted from css/style.css.
 * Pages: about.html, about_dszzc.html, about_fzlc.html, about_tdjs.html, about_tdxq.html, news.html, news-detail.html, cases.html
 * Scope: classes and IDs used inside <div class="main..."> only.
 * Excluded: header, footer, search, popup, and bottom CTA styles.
 * Keep vendor CSS links separately when needed: bootstrap.min.css, animate.min.css, swiper.min.css.
 */

html,body{padding: 0;margin: 0;font-family: "Noto Sans SC";font-size: 16px;color: #333333;}
.wrap{max-width: 73%;margin: 0 auto;width: 100%;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s;}
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.f40{font-size: 30px;}
.f34{font-size: 34px;}
.f30{font-size: 30px;}
.f28{font-size: 28px;}
.f24{font-size: 24px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.bold{font-weight: bold;}
.imgOver{position: relative;}
.imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.imgOver .pic img{width: 100%;height: 100%;object-fit: cover;}
.pd90{padding: 80px 0;}
.selectWrap{margin: 0 0 50px;}
.selectWrap .flexbet{align-items: flex-start;}
.selectWrap form .yearSelect{width: 19.4%;}
.selectWrap form>div .nfb{width: 100%;padding: 0 30px 0 10px;line-height: 44px;border: 1px solid #d2dbe0;cursor: pointer;color: #333333;}
.selectWrap form>div .select-menu-div{position: relative;}
.selectWrap form>div .select-menu-div i{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 12px;}
.selectWrap .select-menu{position: relative;}
.selectWrap .select-menu-div.on i{transform: translateY(-50%) rotate(-180deg);}
.selectWrap .select-menu-ulk{overflow: hidden;position:absolute;left: 0;top: 100%;width: 100%;border: 1px solid #d2dbe0;display:none;opacity:0;z-index: 11;}
.selectWrap .select-menu-div.on+.select-menu-ulk{display:block;opacity:1;}
.selectWrap .select-menu-ul{list-style:none;width:100%;text-align:left;background:#fff;z-index:1;max-height: 300px;padding: 10px 0;overflow-y: auto;}
.selectWrap .select-menu-ul li{padding: 5px 10px;cursor: pointer;}
.selectWrap .select-menu-ul li.select-this{color: #007de3;}
.selectWrap .keywordDiv{position: relative;width: 39.6%;border: 1px solid #d2dbe0;}
.selectWrap .keywordDiv input{width: 100%;padding: 0 10px;line-height: 44px;border: 0;background: transparent;color: #333333;}
.selectWrap button{position: absolute;right: 0;top: 0;width: 50px;height: 100%;padding: 0;border: 0;cursor: pointer;background: transparent;}
.selectWrap button img{width: 20px;}
.caseDiv .bdDiv .rowDiv{margin-bottom: 10px;}
.caseDiv .bdDiv .row>div{margin-bottom: 30px;}
.caseDiv .bdDiv .row>div a{overflow: hidden;height: 100%;flex-direction: column;align-items: stretch;}
.caseDiv .bdDiv .row>div a .ahDiv{position: relative;}
.caseDiv .bdDiv .row>div a .imgDiv{padding-top: 60.9375%;overflow: hidden;}
.caseDiv .bdDiv .row>div a .moreImg{position: absolute;right: 0;bottom: 0;width: 36px;height: 36px; background: #007de3;}
.caseDiv .bdDiv .row>div a .moreImg img{width: 14px;transform: none;}
.caseDiv .bdDiv .row>div a .textDiv{padding: 25px 6.7%;flex: 1;flex-direction: column;align-items: stretch;background: #f5f9fc;}
.caseDiv .bdDiv .row>div a .textDiv .title{color: #333333;}
.caseDiv .bdDiv .row>div a .textDiv p{color: #666666;padding-top: 15px;border-top: 1px solid #949fa6;margin-top: 15px;}
.caseDiv .bdDiv .row>div a:hover .textDiv{background: linear-gradient(to bottom,#007de3,#0055e3);}
.caseDiv .bdDiv .row>div a:hover .textDiv .title{color: #fff;}
.caseDiv .bdDiv .row>div a:hover .textDiv p{color: #fff;border-top: 1px solid #fff;}
.pageDiv{text-align: center;}
.pageDiv a,.pageDiv span{display: inline-block;line-height: 40px;margin: 0 3px;color: #333333; border-radius: 4px;font-size: 16px;width: 40px;background: #f5f9fc;}
.pageDiv span{color: #fff;background: #007de3;}
.caseDiv .bdDiv .row>div{margin-bottom: 30px;}
/*.locationDiv2{background: #0074e3;}*/
.locationDiv2 .breadcrumbDiv{height: 40px;color: #000;font-size: 14px;}
.locationDiv2 .breadcrumbDiv a{color: #000;}
.locationDiv2 .breadcrumbDiv a:hover{opacity: .8;}
.newsDetailDiv{padding: 90px 0;background: #f5f9fc;}
.newsDetailDiv .bdDiv{margin-top: 30px;align-items: flex-start;}
.newsDetailDiv .bdDiv .blDiv{width: 320px;position: sticky;top: 100px;}
.newsDetailDiv .bdDiv .brDiv{width: calc(100% - 350px);background: #fff;border-radius: 0;}
.articleDiv{padding: 60px 5.4%;}
.articleDiv .ah{padding-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
.articleDiv .smTitleDiv{margin: 20px 0 0;color: #666666;flex-wrap: wrap;}
.articleDiv .smTitleDiv span img{width: 18px;margin-right: 5px;}
.articleDiv .shareDiv{position: relative;}
.articleDiv .shareDiv a{position: relative;margin-left: 20px;}
.articleDiv .shareDiv a img{width: 22px;}
.articleDiv .shareDiv a .hImg{display: none;}
.articleDiv .shareDiv a:hover .dImg{display: none;}
.articleDiv .shareDiv a:hover .hImg{display: block;}
.articleDiv .textDiv{padding: 40px 0;color: #666666;line-height: 2;}
.articleDiv .textDiv p{margin-top: 15px;}
.newsDetailDiv .fanyeDiv{padding: 30px 5.4%;border-top: 1px solid #f5f9fc;}
.newsDetailDiv .fanyeDiv a{color: #666666;}
.newsDetailDiv .fanyeDiv a.prevBtn img{margin-right: 10px;}
.newsDetailDiv .fanyeDiv a.nextBtn{text-align: right;}
.newsDetailDiv .fanyeDiv a.nextBtn img{margin-left: 10px;}
.newsDetailDiv .fanyeDiv a img{width: 8px;}
.newsDetailDiv .fanyeDiv a .hImg{display: none;}
.newsDetailDiv .fanyeDiv a:hover .dImg{display: none;}
.newsDetailDiv .fanyeDiv a:hover .hImg{display: block;}
.newsDetailDiv .fanyeDiv a:hover{color: #007de3;}
.newsDetailDiv .fanyeDiv a.backBtn{margin: 0 20px;}
.newsDetailDiv .fanyeDiv a.backBtn img{width: 20px;margin-right: 11px;}
.newsDetailDiv .bdDiv .blDiv>div{overflow: hidden;background: #fff;border-radius: 0;padding: 30px 20px 0;}
.newsDetailDiv .bdDiv .blDiv .th{font-weight: bold;}
.newsDetailDiv .bdDiv .blDiv .th i{width: 4px;height: 20px;background: #007de3;margin-right: 10px;}
.newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li a{padding: 25px 0;border-bottom: 1px solid #e5e5e5;display: block;}
.newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li .imgDiv{padding-top: 59.62%;margin-bottom: 15px;}
.newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li:last-child a{border-bottom: 0;}
.newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li .title{color: #333;}
.newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li .p{font-size: 14px;color: #999999;margin: 5px 0;}
.newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li .date{font-size: 14px;color: #666666;}
.newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li a:hover .title{color: #007de3;}
.aboutNav{position: relative;margin-top: -50px;z-index: 11;}
.aboutNav ul li{flex: 1;background: #ebeff2;}
.aboutNav ul li a{height: 100px;color: #333333;border-right: 1px solid #d2dbe0;}
.aboutNav ul li.on a{background: linear-gradient(to right,#007de3,#0055e3);color: #fff;}
.aboutNav ul li:last-child a{border: 0;}
.aboutTitle span{font-weight: 500;}
.aboutTitle p{margin-top: 10px;}
.gsjjDiv1 .bdDiv{margin-top: 50px;}
.gsjjDiv1 .rowDiv .row>div{margin-top: 25px;}
.gsjjDiv1 .rowDiv .row>div .conDiv{align-items: flex-start;}
.gsjjDiv1 .rowDiv .row>div .icon{width: 36px;}
.gsjjDiv1 .rowDiv .row>div .text{width: calc(100% - 56px);}
.gsjjDiv1 .rowDiv .row>div .text .p{color: #666666;margin-top: 10px;}
.gsjjDiv2{background: #f5f9fc;}
.gsjjDiv2 .bdDiv{margin-top: 60px;}
.gsjjDiv3 .bdDiv{margin-top: 60px;}
.dszzcDiv .bdDiv{margin-top: 50px;align-items: flex-start;}
.dszzcDiv .bdDiv .imgDiv{width: 42.1%;}
.dszzcDiv .bdDiv .textDiv{width: 50.71%;color: #666666;}
.newsDiv .bdDiv{margin-top: 50px;}
.newsDiv .bdDiv ul li{margin-bottom: 20px;}
.newsDiv .bdDiv ul li a{background: #fff;padding: 30px;}
.newsDiv .bdDiv ul li .imgDiv{width: 32.4%;height: 195px;overflow: hidden;}
.newsDiv .bdDiv ul li .textDiv{width: 61.6%;}
.newsDiv .bdDiv ul li .textDiv .title{color: #333;}
.newsDiv .bdDiv ul li .textDiv .p{color: #a6a6a6;margin: 20px 0 10px;}
.newsDiv .bdDiv ul li .textDiv .date{color: #a6a6a6;}
.newsDiv .bdDiv ul li a:hover .textDiv .title{color: #007de3;}
.teamDiv .hdDiv{margin: 55px 0 40px;background: #fff;padding: 20px 4%;align-items: flex-start;}
.teamDiv .hdDiv .text{color: #666;margin-top: 5px;}
.teamDiv .hdDiv .jsDiv{width: calc(100% - 90px);color: #666666;flex-wrap: wrap;}
.teamDiv .hdDiv .jsDiv a{color: #666666;padding: 0 13px;margin: 5px 0;}
.teamDiv .hdDiv .jsDiv a.on,.teamDiv .hdDiv .jsDiv a:hover{color: #007de3;font-weight: 500;}
.teamDiv .bdDiv .rowDiv{margin-bottom: 10px;}
.teamDiv .bdDiv .row>div{margin-bottom: 30px;}
.teamDiv .bdDiv .row>div a{overflow: hidden;height: 100%;background: #fff;display: flex;align-items: stretch;justify-content: space-between;flex-direction: column;}
.teamDiv .bdDiv .row>div a .ahDiv{position: relative;}
.teamDiv .bdDiv .row>div a .imgDiv{padding-top: 91.7%;overflow: hidden;}
.teamDiv .bdDiv .row>div a .moreImg{position: absolute;right: 0;bottom: 0;width: 36px;height: 36px; background: #007de3;}
.teamDiv .bdDiv .row>div a .moreImg img{width: 14px;transform: none;}
.teamDiv .bdDiv .row>div a .textDiv{padding: 20px 6.7%;flex: 1;}
.teamDiv .bdDiv .row>div a .textDiv .name{color: #333333;}
.teamDiv .bdDiv .row>div a .textDiv .p{color: #666666;margin-top: 12px;font-size: 14px;}
.teamDiv .bdDiv .row>div a:hover .textDiv{background: linear-gradient(to bottom,#007de3,#0055e3);}
.teamDiv .bdDiv .row>div a:hover .textDiv .name{color: #fff;}
.teamDiv .bdDiv .row>div a:hover .textDiv .p{color: #fff;}
.teamDetailDiv{padding: 90px 0 80px;background: #f5f9fc;}
.teamDetailDiv .bdDiv{align-items: flex-start;margin-top: 30px;}
.teamDetailDiv .bdDiv .blDiv{width: 320px;position: sticky;top: 100px;background: #ffffff;border-radius: 10px;overflow: hidden;}
.teamDetailDiv .bdDiv .blDiv .imgDiv{padding-top: 91.875%;}
.teamDetailDiv .bdDiv .blDiv .introDiv{padding: 20px;}
.teamDetailDiv .bdDiv .blDiv .introDiv .item{margin-top: 25px;}
.teamDetailDiv .bdDiv .blDiv .introDiv .item .it{color: #007de3;}
.teamDetailDiv .bdDiv .blDiv .introDiv .item .p{color: #666666;font-size: 14px;margin-top: 5px;}
.teamDetailDiv .bdDiv .brDiv{width: calc(100% - 350px);background: #fff;border-radius: 10px;overflow: hidden;padding: 60px 5.7% 0;}
.teamDetailDiv .bdDiv .brDiv .item{margin-bottom: 60px;}
.teamDetailDiv .bdDiv .brDiv .item .ih{color: #007de3;border-bottom: 1px solid #e5e5e5;}
.teamDetailDiv .bdDiv .brDiv .item .ih span{display: inline-block;padding-bottom: 10px;position: relative;}
.teamDetailDiv .bdDiv .brDiv .item .ih span::before{content: "";width: 100%;height: 1px;background: #007de3;position: absolute;left: 0;bottom: 0;}
.teamDetailDiv .bdDiv .brDiv .item .ib{padding-top: 30px;color: #666;}
.teamDetailDiv .bdDiv .brDiv .item .ib p{margin-bottom: 10px;}
.bgf5f9fc{background: #f5f9fc;}
.historyDiv .hdDiv{margin: 60px 0;padding: 0;position: relative;}
.historyDiv .hdDiv .swiper-container{width: 100%;overflow: hidden;position: relative;}
.historyDiv .hdDiv .swiper-wrapper{display: flex;align-items: stretch;transition: transform .45s ease;will-change: transform;}
.historyDiv .hdDiv .swiper-slide{height: initial;padding: 15px 0;background: #fff;box-sizing: border-box;flex: 0 0 25%;max-width: 25%;width: auto;}
.historyDiv .hdDiv a{padding: 5px;color: #666;border-right: 1px solid #d2dbe0;position: relative;min-height: 60px;height: 100%;box-sizing: border-box;}
.historyDiv .hdDiv a .year{color: #333;margin-right: 20px;}
.historyDiv .hdDiv .swiper-slide:last-child a{border-right: 0;}
.historyDiv .hdDiv .swiper-slide.on{background: #007de3;}
.historyDiv .hdDiv .swiper-slide.on a{color: #fff;}
.historyDiv .hdDiv .swiper-slide.on a .year{color: #fff;}
.historyDiv .swiper-button-prev,.historyDiv .swiper-button-next{position: absolute;top: 50%;z-index: 10;width: 60px;height: 60px;margin-top: -30px;border-radius: 50%;cursor: pointer;}
.historyDiv .swiper-button-prev{left: -5vw;background: url(../img/left.png) #949fa6 no-repeat center center/12px;}
.historyDiv .swiper-button-next{right: -5vw;background: url(../img/right.png) #949fa6 no-repeat center center/12px;}
.historyDiv .swiper-button-prev:hover{background: url(../img/left.png) #007de3 no-repeat center center/12px;}
.historyDiv .swiper-button-next:hover{background: url(../img/right.png) #007de3 no-repeat center center/12px;}
.historyDiv .swiper-button-disabled{opacity: .35;cursor: default;pointer-events: none;}
.historyDiv .bdDiv .item{align-items: flex-start;}
.historyDiv .bdDiv .item .il{width: 280px;}
.historyDiv .bdDiv .item .il .ilh .year{font-weight: 500;}
.historyDiv .bdDiv .item .il .ilh .line{width: 1px;height: 100px;background: #333;margin: 10px 0;}
.historyDiv .bdDiv .item .il .p2 p{margin-top: 5px;line-height: 1.3;}
.historyDiv .bdDiv .item .ir{width: calc(100% - 392px);}
.historyDiv .bdDiv .item .ir ul{position: relative;border-left: 1px solid #007de3;}
.historyDiv .bdDiv .item .ir ul li{position: relative;padding-left: 50px;margin-bottom: 50px;}
.historyDiv .bdDiv .item .ir ul li::before{content: "";width: 20px;height: 20px;background: #007de3;border-radius: 50%;border: 4px solid #fff;position: absolute;left: -10px;top: 0;}
.historyDiv .bdDiv .item .ir ul li .p p{margin-top: 10px;position: relative;color: #666666;}
@media (max-width:1440px) {
  .wrap{max-width: 88%;}
  .f40{font-size: 30px;}
  .historyDiv .hdDiv{padding: 0 70px;}
  .historyDiv .swiper-button-next{right: 0;}
  .historyDiv .swiper-button-prev{left: 0;}
  .historyDiv .hdDiv a{font-size: 16px;}
  .historyDiv .hdDiv a .year{margin-right: 10px;font-size: 24px;}
  .historyDiv .bdDiv .item .il{width: 240px;}
  .historyDiv .bdDiv .item .ir{width: calc(100% - 300px);}
}
@media (max-width:1220px) {
  .wrap{max-width: 94%;}
  .f40{font-size: 30px;}
  .f34{font-size: 24px;}
  .f30{font-size: 22px;}
  .historyDiv .hdDiv .swiper-slide{flex-basis: 33.333333%;max-width: 33.333333%;}
}
@media (max-width:1100px) {
  .articleDiv .fanyeDiv a{width: calc((100% - 184px) / 2);}
  .articleDiv .fanyeDiv a.backBtn{width: 114px;margin: 0 30px;}
}
@media (max-width:991px) {
  .wrap{max-width: 100%;padding: 0 25px;}
  .f40{font-size: 24px;}
  .f34{font-size: 22px;}
  .f30{font-size: 21px;}
  .f24{font-size: 20px;}
  .historyDiv .hdDiv .swiper-slide{flex-basis: 50%;max-width: 50%;}
  .newsDetailDiv,.teamDetailDiv{padding: 50px 0;}
  .dszzcDiv .bdDiv{display: block;}
  .dszzcDiv .bdDiv .imgDiv{width: 100%;text-align: center;}
  .dszzcDiv .bdDiv .textDiv{width: 100%;margin-top: 40px;}
}
@media (max-width:768px) {
  html,body{min-width: initial;}
  .wrap{min-width: initial;padding: 0 15px;}
  .f40{font-size: 24px;}
  .f34{font-size: 22px;}
  .f30{font-size: 20px;}
  .f28{font-size: 20px;}
  .f24{font-size: 19px;}
  .f20{font-size: 17px;}
  .f18{font-size: 15px;}
  .pd90{padding: 45px 0;}
  .selectWrap{margin-bottom: 20px;}
  .selectWrap .flexbet{flex-wrap: wrap;}
  .selectWrap .flexbet>div{width: calc(50% - 5px);margin-bottom: 10px;}
  .selectWrap form>div .nfb{line-height: 42px;font-size: 14px;}
  .selectWrap .keywordDiv input{line-height: 42px;font-size: 14px;}
  .breadcrumbDiv{font-size: 12px;flex-wrap: wrap;}
  .breadcrumbDiv img{width: 12px;}
  .pageDiv a,.pageDiv span{line-height: 30px;width: 30px;}
  .locationDiv2 .breadcrumbDiv{height: 40px;}
  .newsDetailDiv .bdDiv{margin-top: 20px;flex-direction: column;}
  .newsDetailDiv .bdDiv .brDiv{width: 100%;}
  .newsDetailDiv .bdDiv .blDiv{width: 100%;margin-top: 20px;}
  .articleDiv{padding: 30px 20px;}
  .articleDiv .titleDiv{font-size: 20px;}
  .articleDiv .smTitleDiv{margin: 20px 0 0;font-size: 14px;}
  .articleDiv .shareDiv{margin-top: 5px;}
  .articleDiv .textDiv{padding: 20px 0;}
  .newsDetailDiv .fanyeDiv{padding: 20px;}
  .articleDiv .fanyeDiv a p{display: none;}
  .aboutNav{margin-top: -20px;}
  .aboutNav .wrap{width: 100%;padding: 0;}
  .aboutNav ul li a{height: 50px;font-size: 14px;}
  .gsjjDiv1 .bdDiv{margin-top: 20px;}
  .gsjjDiv2 .bdDiv,.gsjjDiv3 .bdDiv{margin-top: 30px;}
  .dszzcDiv .bdDiv{margin-top: 30px;}
  .dszzcDiv .bdDiv .textDiv{margin-top: 20px;}
  .newsDiv .bdDiv{margin-top: 20px;}
  .newsDiv .bdDiv ul li a{flex-direction: column;padding: 20px;}
  .newsDiv .bdDiv ul li .imgDiv{width: 100%;height: 130px;}
  .newsDiv .bdDiv ul li .textDiv{width: 100%;margin-top: 20px;}
  .teamDiv .hdDiv{margin: 20px 0;padding: 20px;flex-wrap: wrap;}
  .teamDiv .hdDiv .jsDiv{width: 100%;margin-top: 10px;}
  .teamDiv .bdDiv .row{margin: 0 -7px;}
  .teamDiv .bdDiv .row>div{padding: 0 7px;margin-bottom: 15px;}
  .teamDiv .bdDiv .row>div a .textDiv{padding: 15px;}
  .teamDetailDiv .bdDiv{margin-top: 20px;flex-direction: column;}
  .teamDetailDiv .bdDiv .brDiv{width: 100%;}
  .teamDetailDiv .bdDiv .blDiv{width: 100%;margin-bottom: 20px;position: relative;top: 0;}
  .historyDiv .bdDiv .item{display: block;}
  .historyDiv .bdDiv .item .il{width: 100%;margin-bottom: 20px;}
  .historyDiv .bdDiv .item .il .line{display: none;}
  .historyDiv .bdDiv .item .il .p2{margin-top: 10px;}
  .historyDiv .bdDiv .item .ir{width: 100%;}
  .historyDiv .bdDiv .item .ir ul li{padding-left: 30px;margin-bottom: 30px;}
  .historyDiv .bdDiv .item .ir ul li .p p{font-size: 14px;}
  .historyDiv .hdDiv{padding: 0 50px;margin: 30px 0;}
  .historyDiv .hdDiv .swiper-slide{flex-basis: 100%;max-width: 100%;}
  .historyDiv .hdDiv .swiper-slide{padding: 10px 0;}
  .historyDiv .swiper-button-prev,.historyDiv .swiper-button-next{width: 40px;height: 40px;margin-top: -20px;}
}
