header{ width: 100%; position: fixed; top: 0;top: 0; color: #595959;z-index: 100;}
header::after{ transition:all .36s ; width: 100%; height: 0px; display: block; content: ''; background: rgba(255, 255, 255, .38); position: absolute;
     left: 0; bottom: 0; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
header .wap{ padding: 0 10.13vw;position: relative;z-index: 5;}
.headerLogo .logoIcon{ width: 108px;}
nav li {position: relative;}
nav li .oneNav{ line-height: 104px; display:flex;align-items: center; font-size: 16px; padding: 0 1.05vw;}
nav li .oneNav span{ position: relative; display: inline-block;color: #595959;text-transform:capitalize;}
nav li .oneNav .iconfont{font-size: 22px;color: #595959;}
nav li.on .oneNav span{color: #20368B;font-weight: 600;}
nav li.on .oneNav .iconfont{color: #20368B;font-weight: 600;}
.inner nav li .oneNav span{color: #D5D5D5;}
.inner nav li .oneNav .iconfont{color: #D5D5D5;}
.inner nav li.on .oneNav span{color: #fff;}
.inner nav li.on .oneNav .iconfont{color: #fff;}
header.inner .searchtopBtn, header.inner .languageBtn{color:#D5D5D5;}
header.inner.scroll .searchtopBtn, header.inner.scroll .languageBtn{color:#000;}
.inner .headerLogo .logoIcon{filter: brightness(0) invert(1);}
.inner.scroll .headerLogo .logoIcon{filter:none;}

header .searchtopBtn,header .languageBtn{ padding: 0 1.05vw;height: 104px; font-size: 20px;cursor: default;}
header .languageBtn{text-transform: uppercase;position: relative;}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;
      box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% - 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;
      transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}


nav li .downNav{ position: absolute; color: #333;pointer-events: none; left: 0; min-width: 285px; 
     top: 84px; background-color: #fff; transition: all .36s; -webkit-transition: all .36s; 
     -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; visibility:hidden; opacity:0; transform: translateY(20px);}
nav li:hover .downNav{pointer-events: auto; visibility:visible; opacity:1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); 
      -ms-transform: translateY(0); -o-transform: translateY(0); }
.downNav dd{width: 100%;}
.downNav dd a{display: block; line-height: 48px;width: 100%; padding:0 16px;}
.downNav dd:hover a{background-color: #20368B; color:#fff;}

header.scroll::after{ height: 100%; background: #fff;}
header.scroll{ color: #333; box-shadow: 0 0 15px rgba(0,0,0,.15);}
header.scroll li.on .oneNav{ color:#20368B;}
header.scroll .oneNav span{color: #000!important;}
header.scroll .oneNav .iconfont{color: #000!important;}
header.scroll nav li.active .oneNav span{font-weight: 700;}
header.scroll nav li.active .oneNav .iconfont{font-weight: 700;}
header.scroll .searchtopBtn{ border-color: rgba(0,0,0,.1);}
.searchBox{ width: 100%;height: 100%;background : #20368B; z-index: 15; transform: translateY(-105%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ;
     -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-105%); -moz-transform: translateY(-105%); -ms-transform: translateY(-105%); 
     -o-transform: translateY(-105%); position: absolute; top: 0; left: 0; z-index: 6; }
.searchBox .wap{width: 80%;}
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ font-size: 20px;width: 80%; background: url(../images/search-w.png) no-repeat left center;color: white;padding-left: 70px; }
.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;font-size: 18px;border-radius: 5px;cursor: pointer;text-align: center;color: #fff;}
.searchBox input::-webkit-input-placeholder  {font-size: 20px;color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder  {color: rgba(255, 255, 255, .65);}
.searchBox .close .iconfont{font-size: 30px;color: #fff;}
.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }

.pc-show{  display: block; }
.wap-show{ display: none; }
.h_nav{ height: 24px; width: 24px;padding:2px 0; align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 2px ; background: #000;  transition: .8s; display:inline-block;       }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {position: relative;z-index: 1; width: 100%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after { content: ''; position: absolute; top: 0;left: 0; width: 100%;height: 100%;      
     background: #000;opacity: 0;z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {opacity: 1;transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {transform: rotate(45deg); }  
.h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }
.h_nav.close{align-items: center; justify-content: center;}
.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: rgba(0, 0, 0, .9); position: fixed;
      top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); 
      -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; overflow-y: scroll;  
      padding-bottom: 63px; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;color: #fff;}
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #000; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: rgba(0,0,0,.1); width: 1px; }
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
     background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
.nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; color: #fff;opacity: 0.8; }

    
    
.banner img{width: 100%;}
.banner .pc{display: block;}
.banner .mobile{display: none;}
.banner .cont-box{font-size: 140px; font-weight: 600; line-height: 140px;color: #303030;padding-top:48px;position: relative;}
.banner .cont-box span{font-weight: 700;color: #20368B;font-style: italic;}
.banner .cont-box .spinner-box{position: absolute;top: -100px;right: 0;cursor: pointer;}
.banner .cont-box .spinner{width: 200px;border-radius: 50%;  animation: rotateAnimation 5s linear infinite;}
.banner .cont-box .spinner-icon{width:26px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.index-part1{padding: 200px 17vw;}
.index-part1 .cont{text-align: center;font-size: 40px;font-weight: 600;line-height: 56px;color: #000;text-transform: uppercase;margin-bottom: 24px;}
/* .index-part1 .cont span{color: #D5D5D5;} */
.index-part1 .name{text-align: center;font-size: 24px;font-weight: 600; font-weight: 400; line-height: 32px;color: #000;}
/* .index-part1 .name span{font-style: normal;color: #D5D5D5;} */
.index-part1 .line { position: relative; display: block; }
.index-part1 .word { display: inline-block; }
.index-part1 .line-mask { position: absolute; top: 0; right: 0; height: 100%; width: 100%; background: #EAF2FF; opacity: .65; z-index: 2; pointer-events: none;
      transform-origin: right center; transform: scaleX(1); will-change: transform; }

 @media (prefers-reduced-motion: reduce) {
    .line-mask {
        transform: scaleX(0) !important;
    }
}

.index-title{font-size: 40px;font-weight: 700;color: #000;text-align: center;margin-bottom: 40px;}
.index-part2{position: relative;}
.index-part2 .back{width: 100%;}
.index-part2 .back.mobile{display: none;}
.index-part2 .cont-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: right;color: #fff;}
.index-part2 .cont-box .w1520{height: 100%;display: flex;flex-direction: column; align-items: flex-end;padding-top: 200px; }
.index-part2 .cont-box .index-title{color: #fff;text-align: right;}
.index-part2 .cont-box .cont{width: 56%;font-size: 20px;line-height: 28px;margin-bottom: 40px;}
.index-part2 .cont-box .more{width: 167px;height: 56px;display: flex;align-items: center;justify-content: center;color: #20368B;
font-size: 16px;background-color: #fff;font-weight: 700;transition: all .3s;}
.index-part2 .cont-box .more .iconfont{margin-left: 10px;font-size: 24px;}
.index-part2 .cont-box .more:hover{opacity: .6;}

.index-part3{padding: 60px 0 36px 0;}
.index-part3 ul{flex-wrap: wrap;}
.index-part3 ul li {width: calc((100% - 24px) / 2);height: 360px; margin-bottom: 24px;margin-right: 24px;float: left;overflow: hidden;}
.index-part3 ul li img{width: 100%;height: 100%;transition: all .3s;}
.index-part3 ul li:hover img{transform: scale(1.1);}
.index-part3 ul li a{display: block;width: 100%;height: 100%;position: relative;}
.index-part3 ul li a::after{content: '';display: block; width: 100%; height: 100%;background-image: url(../images/index-part3-back.png);background-size: 100% 100%;
      position: absolute;left: 0;top: 0;z-index: 2;}
.index-part3 ul li .tit{width: 100%; position: absolute;bottom:16px;left: 0;font-size: 24px; font-weight: 700; line-height: 32px;color: #fff;text-align: center;
z-index: 3;}
/*.index-part3 ul li:nth-of-type(3){height: 504px;margin-right: 0;float: right;}*/
.index-part3 ul li:nth-of-type(2n){margin-right: 0;}

.index-part4{padding: 60px 0;}
.index-part4 .index-subtit{font-size: 16px;text-align: center;color: #595959;margin-bottom: 40px;}
.index-part4 ul { display: grid ; grid-template-columns: repeat(4, calc((100% - 72px) / 4)); column-gap: 24px;margin-bottom: 40px; }
.index-part4 ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.index-part4 ul li .pic-box{width: 100%;overflow: hidden;}
.index-part4 ul li img{width: 100%;transition: all .3s;}
.index-part4 ul li:hover img{transform: scale(1.1);}
.index-part4 ul li{background-color: #fff;}
.index-part4 ul li .cont-box{padding: 12px ;}
.index-part4 ul li .cont-box .tit{font-size: 18px; font-weight: 600; line-height: 24px;color: #303030;text-align: center;}
.index-part4 .more{width: 167px;height: 56px;display: flex;align-items: center;justify-content: center;background-color: #20368B;
font-size: 16px;color: #fff;margin: 0 auto;transition: all .3s;}
.index-part4 .more .iconfont{margin-left: 10px;font-size: 24px;}
.index-part4 .more:hover{opacity: .6;}

.index-part5{padding: 60px 0;}
.index-part5 .index-subtit{font-size: 16px;text-align: center;color: #595959;margin-bottom: 40px;}
.index-part5 ul { display: grid ; grid-template-columns: repeat(4, calc((100% - 72px) / 4)); column-gap: 24px;margin-bottom: 40px; }
.index-part5 ul li a{display: block;width: 100%;height: 100%;}
.index-part5 ul li{background-color: #fff;}
.index-part5 ul li .cont-box{padding: 12px ;}
.index-part5 ul li .cont-box .tit{font-size: 18px; font-weight: 600; line-height: 24px;color: #303030;margin-bottom: 16px;}
.index-part5 ul li .cont-box .time{font-size: 14px; line-height: 20px;color: #969696;}
.index-part5 ul li .cont-box .time span{font-size: 20px;margin-right: 8px;}
.index-part5 .index-more{width: 167px;height: 56px;display: flex;align-items: center;justify-content: center;color: #20368B;
font-size: 16px;background-color: #20368B;color: #fff;margin: 0 auto;transition: all .3s;}
.index-part5 .index-more .iconfont{margin-left: 10px;font-size: 24px;}
.index-part5 .index-more:hover{opacity: .6;}

.index-part6{padding:60px 0;}
.map-box{position: relative;}
.map-pic{position: relative;}
.map-center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 10px;height: 10px;background-color: #000;}
.map-box .mark-item{position: absolute;width: 32px;height: 32px;opacity: .5;background: url(../images/map-pin.png) no-repeat center center;
      background-size:contain;z-index: 2;cursor: pointer;}
.map-box .mark-item.active{opacity: 1;}
.map-box .info-box{width: 326px;position: absolute; padding: 16px;border-radius: 12px; background: #ffffff;transform: translate(calc(-100% - 16px),calc(-50% + 16px));
       box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);display: none;z-index: 3;}
.map-box .info-box .title{font-size: 20px;color: #303030; font-weight: 700; line-height: 28px;margin-bottom: 16px;}
.map-box .info-box .line{display: flex;color: #595959; font-size: 16px;line-height: 24px;margin-bottom: 8px;}
.map-box .info-box .line .iconfont{font-size: 24px;}
.map-box .info-box .line span{padding-left: 10px;}
.map-box .info-box .line:last-of-type{margin-bottom: 0;}

.index-part7{padding:60px 0 120px 0;}
.index-part7 .swiper-slide img{transition: all .3s;}
.index-part7 .swiper-slide img:hover{transform: scale(1.1);}

.tips-box{width: 100%;height: 100px;color: #fff;font-size: 30px;background: url(../images/tips-box.png) no-repeat;background-size: cover;}
.tips-box .w1200{height: 100%;}

.footer-top {  padding: 80px 0 ; background: #20368B; position: relative; font-size: 14px; line-height: 2.143;color: #fff;}
.footer-top .logo img{height: 80px;    filter: grayscale(100%) brightness(500%);
    -webkit-filter: grayscale(100%) brightness(500%);}
.footer-top .logo .tit{width: 476px; padding-left: 16px;font-size: 24px; font-weight: 600; line-height: 32px;}
.footer-top .info{ font-size: 16px; color: #fff; }
.footer-top .info p:first-of-type{margin-bottom: 16px;}
.footer-bottom {padding:16px 0; background: #11215F;  font-size: 16px; color: #fff; text-align: center; }
.footer-bottom a{color: #fff;}

/* 公司简介 */
.inner-banner{width: 100%;position: relative;}
.inner-banner img{width: 100%;}
.inner-banner .mobile{display: none;}
.inner-banner .cont-box{position: absolute;width: 100%;height: 100%;padding-top: 104px;left: 0;top: 0;z-index: 10;display: flex;flex-direction: column;
align-items: center;justify-content: center;text-align: center;}
.inner-banner .cont-box .title{font-size: 48px; color: #fff; font-weight: 700; line-height: 56px;margin-bottom: 16px;}
.inner-banner .cont-box .cont{font-size: 18px; color: #D5D5D5; line-height: 28px;}
.inner_nav_box{width: 100%;border-bottom: 1px solid #d7d7d7;position: relative;left: 0;top: 0;z-index: 100;}
.inner_nav_box.fixed{position: fixed;top: 0;background-color: #fff;top: 104px;border-top: 1px solid #dddddd;}
.inner_nav_box ul{display: flex;}
.inner_nav_box ul li{margin-right: 60px;border-bottom: 1px solid transparent;}
.inner_nav_box ul li a{color: #777777;line-height:75px;position: relative;text-align: center;}
.inner_nav_box ul li.active{border-bottom: 3px solid #20368B;}
.inner_nav_box ul li.active a,.inner_nav_box ul li:hover a{color: #20368B;}
.inner_nav_box .level-box{position: absolute;width: 100vw;top:calc(100% + 1px); left: 0;background-color: #fff;border-bottom: 1px solid #d7d7d7;z-index: 21;display: none;}
.inner_nav_box .level-box .level-item a{margin-right: 60px;line-height: 60px;color: #333;}
.inner_nav_box .level-box .level-item:hover a,.inner_nav_box .level-box .level-item.active a{color: #20368B;}
.inner_nav_box ul li.level:hover .level-box{display: block;}
.about-part1{padding: 45px 0 ;background: url(../images/about-part1.png) no-repeat left bottom;}
.about-title{font-size: 36px;color: #1e2d45; font-weight: bold;  text-transform: uppercase;margin-bottom: 30px;}
.about-part1 .cont-box{width:58%;font-size: 16px;color: #999;line-height: 1.5;}
.about-part1 .cont-box p{margin-bottom: 20px;}
.about-part1 .cont-box p:last-child{margin-bottom: 0;}
.about-number {background: url(../images/about-number.png);background-size: cover;}
.about-number .num-box { color: #fff; padding: 50px 0;}
.about-number .num-box li {width: 33.3%;  font-size: 14px;position: relative;}
.about-number .num-box li .num { display: flex;align-items: flex-end;justify-content: center; font-size: 56px;font-weight: 700;line-height: 1;}
.about-number .num-box li .num .unit { font-size: 24px;font-weight: normal; margin-left:10px;transform: translateY(-5px);}
.about-number .num-box li .tit{ font-size: 16px;text-align: center;margin-top: 5px;}
.about-number .num-box li::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 70px;border: 1px solid rgba(244, 244, 244,.278);}
.about-number .num-box li:last-of-type::after{display: none;}
.about-part2{padding: 65px 0 35px 0;
/*background:#f3f5f7;*/
    
}
.about-part2 .cont-box{width: 57%;font-size: 16px;color: #999;line-height: 1.5;padding-right: 40px;}
.about-part2 .cont-box .icon{margin-bottom: 25px;}
.about-part2 .pic-box{width: 43%;}
.about-part2 .pic-box img{width: 100%;}
.about-part3{padding: 60px 0 75px 0;background: url(../images/about-part3.png);background-size: cover;}
.about-part3 .about-title{margin-bottom: 75px; }
.historySwiper{height: 450px;background: url(../images/about4line.png) repeat-x left center;padding: 0 55px;}
.historySwiper .swiper-slide{ cursor: pointer;display: flex;flex-direction: column;align-items: center;position: relative;}
.historySwiper .swiper-slide:nth-child(even){flex-direction: column-reverse;}
.historySwiper .swiper-slide .pic-box{width: 200px;height: 200px;  border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 25px;
     margin-bottom: 70px;background-image: -moz-linear-gradient( 90deg, rgba(240,244,250,.4) 0%, rgbargb(203,232,247,.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(240,244,250,.4) 0%, rgba(203,232,247,.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(240,244,250,.4) 0%, rgba(203,232,247,.4) 100%);}
.historySwiper .swiper-slide:nth-child(even) .pic-box{margin-bottom: 0;margin-top: 90px;}
.historySwiper .swiper-slide .cont-box{text-align: center;color: #333;}
.historySwiper .swiper-slide .cont-box .year{font-size: 32px;font-weight: bold;margin-bottom: 15px;}
.historySwiper .swiper-slide .cont-box .cont{font-size: 14px;line-height: 1.286;}
.historySwiper .swiper-slide::after{ display: block; content: '';position: absolute;left:50%; top:50%;transform: translate(-50%,-50%); width: 43px;height: 0; transition: all .36s;
      background-color: #20368B;   -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.historySwiper .swiper-slide-active .cont-box .year{font-size: 48px;color: #20368B;}
.historySwiper .swiper-slide-active::after{ height: 13px;}
.shou{display: none;text-align: center;padding-top: 15px;}
.about-part4{
    /*background-color: #fafafa;*/padding: 55px 0;}
.about-part4 .honor-swiper { position: relative;  }
.about-part4 .honor-swiper .swiper-slide{padding:25px; background-color: #fff;}
.about-part4 .honor-swiper .swiper-slide img{width: 100%;height: 100%;transition: all .3s;}
.about-part4 .honor-swiper .btn-box{margin-top: 55px;}
.about-part4 .honor-swiper .prev, .about-part4 .honor-swiper .next { width:70px; height: 70px;border-radius: 50%; background-color: #fff;font-size:18px; 
     color: #575757;display: flex;align-items: center;justify-content: center;  box-shadow: 0 0 15px rgba(0, 0, 0, .15); z-index: 20; }
.about-part4 .honor-swiper .prev { margin-right: 30px; }
.about-part4 .honor-swiper .next.swiper-button-disabled, .about-part4 .honor-swiper .prev.swiper-button-disabled { opacity: .3; }
.about-part4 .honor-swiper .swiper-slide:hover img{transform: scale(1.1);}
.about-part4 .about-title{margin-bottom: 55px; }


/* 新闻资讯 */
.news-box{padding: 50px 0;}
.news-box .news-list{display: grid; grid-template-columns: repeat(4, calc((100% - 72px) / 4)); column-gap: 24px;}
.news-box .news-list .news-item{width: 100%;background-color: #f5f5f5;height: 360px;margin-bottom:30px;}
.news-box .news-list .news-item a{display: block;width: 100%;height: 100%; overflow: hidden;}
.news-box .news-list .news-item .pic-box{height: 220px;}
.news-box .news-list .news-item .pic-box img{width: 100%;height: 100%;object-fit: cover;}
.news-box .news-list .news-item .cont-box{padding:16px ;
/*transition: 0.4s 0.15s cubic-bezier(0.17, 0.67, 0.5, 1.03);*/
      transition: all .5s;
}
.news-box .news-list .news-item .cont-box .title{ font-size: 18px;color: #303030;line-height:24px;margin-bottom: 16px;font-weight: 700;}
.news-box .news-list .news-item .cont-box .time{font-size: 14px;color: #969696;line-height: 1;}
.news-box .news-list .news-item .cont-box .time .iconfont{font-size: 20px;color: #999;margin-right: 8px;}
/*.news-box .news-list .news-item .cont-box .cont{font-size: 14px;color: #D5D5D5;line-height: 20px;margin-top: 16px; display: none;}*/
.news-box .news-list .news-item .cont-box .cont{font-size: 14px;color: #000;line-height: 20px;margin-top: 16px; display: none;
 /*transition: color 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);*/
    transition: color .5s;
}
.news-box .news-list .news-item .cont-box .more-line{width: 133px;height: 40px;border: 1px solid #fff; display: none;align-items: center;justify-content: center; margin-top: 16px;}
.news-box .news-list .news-item .cont-box .more-line .more{font-size: 14px;color: #fff;text-transform: capitalize;}
.news-box .news-list .news-item .cont-box .more-line .btn{color: #fff;font-size: 20px;margin-left: 8px;}
.news-box .news-list .news-item:hover{background-color: #20368B;box-shadow: '4px 4px 12px 0 rgba(0, 0, 0, 0.08)';}
/*.news-box .news-list .news-item:hover .pic-box{display: none;}*/
.news-box .news-list .news-item:hover .cont-box{background-color: #20368B;transform: translateY(-220px);}
.news-box .news-list .news-item:hover .cont-box .title{color: #fff;}
.news-box .news-list .news-item:hover .cont-box .time{color: #D5D5D5;padding-bottom: 16px;border-bottom: 1px solid #D5D5D5;}
.news-box .news-list .news-item:hover .cont-box .time .iconfont{color: #D5D5D5;}
.news-box .news-list .news-item:hover .cont-box .more-line{display: flex;}
.news-box .news-list .news-item:hover .cont-box .cont{display: block;color: #D5D5D5;}
.page-box{display: flex;align-items: center;justify-content: flex-end;padding-bottom: 120px;}
.page-box a{color: #D5D5D5;font-size:24px;margin-right: 15px;line-height: 32px;padding: 0 12px;}
.page-box a.page{font-size: 12px;border: 1px solid #dddddd;}
.page-box a:last-of-type{margin-right: 0;}
.page-box a.on{background-color: #20368B;color: #fff;}
.page-box a:hover{color: #20368B;}
.page-box a.page:hover{background-color: #20368B;color: #fff;}


/* 新闻详情 */
.news-details{padding-top:104px;}
.news-details .content-box{padding: 48px 0 60px 0;}
.news-details .title{font-size: 40px;color: #303030;font-weight: bold;text-align: center;line-height: 48px;margin-bottom: 24px;}
.news-details .time{font-size: 16px;color: #595959;margin-right: 60px;}
.news-details .time .iconfont{font-size: 20px;margin-right: 8px;}
.news-details .infoImg {padding-top:48px;font-size: 18px;color: #303030;line-height:28px; }
.newspage {padding-top: 30px;}
.newspage a{ font-size: 16px;display: block;color: #666;margin-top: 20px;}
.newspage a span{color: #666; }
.newspage a:hover span{color: #20368B;text-decoration: underline;}
.expertise-title{margin-top: 48px;font-size: 40px;color: #303030;font-weight: bold;text-align: center;line-height: 48px;margin-bottom: 24px;}
.expertise-box.details{padding: 0;}

/* 工程案例 */
.case-list ul{padding-bottom:20px;}
.case-list .case-item{width:calc((100% - 24px*3) / 4);height: 268px; margin-right:24px; background-color:#f6f6f6;margin-bottom: 24px;}
.case-list .case-item:nth-of-type(4n + 1){margin-right: 0;}
.case-list .case-item a{ width: 100%;height: 100%;}
.case-list .case-item .pic-box{width: 100%;overflow: hidden;height: 220px;}
.case-list .case-item .pic-box img{width: 100%;height: 100%; transition: all .3s;}
.case-list .case-item .pic-box:hover img{transform:scale(1.1)}
.case-list .case-item .cont-box{width: 100%;padding: 0 20px;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.case-list .case-item .cont-box .title{font-size: 18px;color: #303030;font-weight: 600;line-height: 48px;}
.case-list .case-item .cont-box .cont{font-size: 20px;color: #666;line-height: 1.6; margin: 24px 0;}
.case-list .case-item .cont-box .more{ width: 167px; height: 56px; display: flex; align-items: center; justify-content: center;background-color: #20368B;
     font-size: 16px; color: #fff;}
.case-list .case-item .cont-box .more .iconfont{font-size: 24px;margin-left: 12px;}
.case-list .case-item.top-item{width: 100%;height: 400px;margin-right: 0;}
.case-list .case-item.top-item .pic-box{width:49.2%;height: 100%;}
.case-list .case-item.top-item .cont-box{width:calc(100% - 49.2%);padding:0 24px;text-align: left;}
.case-list .case-item.top-item .cont-box .title{font-size: 24px; line-height: 32px; font-weight: bold;line-height: 1.556;}
.case-list li:hover{ box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);}
.case-list li:hover .pic-box img{transform: scale(1.1);}
.case-list li:hover .cont-box .title{color: #20368B;}
.tab-box{width: 100%;position: relative; left: 0; top: 0; z-index: 10;padding: 20px 0;}
.tab-box.fixed{position: fixed;top: 0;background-color: #fff;top: 90px;border-top: 1px solid #dddddd;}
.tab-box a{font-size: 18px;color: #969696;line-height:48px;margin-right:10px;padding: 0 16px;}
.tab-box a.active,.tab-box a:hover{background-color:#C9D9FF;color: #303030;}

.projects-details{padding-top: 60px;}
.projects-details .list{margin-bottom: 120px;}
.projects-details .projects-item{width: 32.24%;height: 104px;margin-right: 1.64%;margin-bottom:24px;padding:16px 24px;background: linear-gradient(93deg, #C9D9FF 0%, #FFF 100.07%);
}
.projects-details .projects-item:nth-of-type(3),.projects-details .projects-item:nth-of-type(5){margin-right: 0;}
.projects-details .projects-item .tit{font-size: 16px;font-weight: 700;line-height: 24px;color: #303030;margin-top: 16px;}
.projects-details .title{font-size: 40px; font-weight: 700;color: #303030;margin-bottom: 16px;text-align: center;}
.projects-details .cont{font-size: 18px;color: #303030;line-height: 28px;margin-bottom: 16px;}
.projects-swiper{padding-top: 40px;margin-bottom: 120px;}
.projects-swiper .swiper-slide{overflow:hidden;}
.projects-swiper .swiper-slide img{width: 100%;height: 100%;transition:all .3s;}
.projects-swiper .swiper-slide:hover img{transform:scale(1.1);}
.projects-swiper .btn-box{margin-top:24px;}
.projects-swiper .prev,.projects-swiper .next { width:56px; height: 56px;border-radius: 50%; background-color: #20368B;font-size:24px; 
     color: #fff;display: flex;align-items: center;justify-content: center;  box-shadow: 0 0 15px rgba(0, 0, 0, .15); z-index: 20; }
.projects-swiper .prev { margin-right: 24px; }
.projects-swiper .next.swiper-button-disabled,.projects-swiper .prev.swiper-button-disabled { opacity: .3; }
.projects-swiper .shou{display: none;}
.doctor-swiper {position: relative;margin-bottom: 120px;}
.doctor-swiper .swiper-container{height:508px;}
.doctor-swiper .swiper-slide{display: flex;flex-wrap: wrap;background-color: #fff;}
.doctor-swiper .swiper-slide .cont-box{width: 59.27%;padding-top: 48px;padding-left: 129px;padding-right: 168px;}
.doctor-swiper .swiper-slide .cont-box .icon{margin-bottom: 24px;}
.doctor-swiper .swiper-slide .cont-box .cont{font-size: 20px;line-height: 32px;color: #303030;}
.doctor-swiper .swiper-slide .cont-box .cont p{word-wrap: break-word; word-break: keep-all;hyphens: auto;}
.doctor-swiper .swiper-slide .cont-box .name{font-size: 24px;color: #303030; font-weight: 700; line-height: 32px;}
.doctor-swiper .swiper-slide .cont-box .name span{font-weight: normal;color: #595959;}
.doctor-swiper .swiper-slide .pic-box{width: calc(100% - 59.27%);}
.doctor-swiper .swiper-slide .pic-box img{width: 100%;height: 100%;object-fit: cover;}
.doctor-swiper .btn-box{position: absolute;left: 129px;bottom: 50px;}
.doctor-swiper .prev,.doctor-swiper .next { width:56px; height: 56px;border-radius: 50%;border: 1px solid #20368B;background-color: #fff; font-size:24px; 
     color: #20368B;display: flex;align-items: center;justify-content: center;z-index: 20; }
.doctor-swiper .prev { margin-right: 24px; }
.doctor-swiper .next.swiper-button-disabled,.doctor-swiper .prev.swiper-button-disabled { opacity: .3; }

/* 人才招聘 */
.recruitment-box {padding:55px 0;}
.recruitment-title{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 45px;}
.recruitment-box .list1{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.recruitment-box .list1 .swiper-slide{position: relative;}
.recruitment-box .list1 .swiper-slide img{width: 100%;}
.recruitment-box .list1 .swiper-slide .tit{font-size: 20px;color: #fff;position: absolute;left: 30px;top: 30px;}
.recruitment-box .list1 .swiper-pagination{display: none;bottom: 0;width: 100%;}
.recruitment-box .list1-cont{margin: 50px 0 60px 0;font-size: 16px;color: #666;}
.recruitment-box .list2{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 80px;}
.recruitment-box .list2 .swiper-slide{padding-top:30px;text-align: center; position: relative;border-top: 2px solid #d4d4d4;}
.recruitment-box .list2 .swiper-slide .tit{ font-size: 20px;color: #333;font-weight: bold;}
.recruitment-box .list2 .swiper-slide .pic-box{height: 150px;display: flex;align-items: center;justify-content: center;}
.recruitment-box .list2 .swiper-slide .cont{width: 100%;height:151px;
/*background-color: #f8f9fa;padding: 30px 40px 0 40px;*/
padding: 15px 40px 0 40px;
font-size: 16px;color: #999;line-height: 1.5;}
.recruitment-box .list2 .swiper-slide:hover {border-top: 2px solid #20368B;}
.recruitment-box .list2 .swiper-slide:hover .cont{background-color: #20368B;color: #fff;}
.recruitment-box .list2 .swiper-pagination{display: none;bottom: 0;width: 100%;}
.recruitment-list li{width: 100%;height: 138px;background-color:#fff; padding:45px 75px 35px 75px;border: 1px solid #dddddd;margin-bottom: 20px;position: relative;overflow: hidden;}
.recruitment-list li .title{font-size: 18px;color: #333;font-weight: bold;position: relative;margin-bottom: 20px;}
/*.recruitment-list li .title::after{content:"";width: 8px;height: 8px;border-radius: 50%;background-color: #999999;position: absolute;top: 50%;left: -20px;transform: translateY(-50%);}*/
.recruitment-list li .info {font-size: 16px;color: #666;line-height: 1.4;align-items: center;}
.recruitment-list li .info span{margin-right: 65px;}
.recruitment-list li .btn{position: absolute;top: 50px;right: 40px;width: 35px;height: 35px;border-radius: 50%;background-color: #f8f9fa;color: #acacac;
font-size: 20px;display: flex;align-items: center;justify-content: center;font-weight: 700;}
.recruitment-list li .cont-box{border-top: 1px solid #dddddd;padding: 25px 0 60px 0;margin-top: 25px;font-size: 16px;color: #666;line-height: 1.75;display: none;}
.recruitment-list li .btn .iconfont{transition: all .3s;}
.recruitment-list li .phone{width: 247px;height: 51px;border-radius: 30px;background-color: #20368B;color: #fff;font-size: 16px;display: none;align-items: center;
     justify-content: center;margin-right:20px;}
.recruitment-list li.active {height: auto; background-color: #f8f9fa;}
.recruitment-list li.active .cont-box{display: block;}
.recruitment-list li.active .phone{display: flex;}
.recruitment-list li.active .btn{background-color: #20368B;color: #fff;}
.recruitment-list li.active .btn .iconfont{transform: rotate(180deg);}

/* 联系我们 */
.contact-list{padding: 45px 0 55px 0;}
.contact-list .top-item{width: 100%;margin-bottom: 45px;}
.contact-list .top-item .pic-box{width:45.4%;}
.contact-list .top-item .cont-box{width:54.6%;padding: 40px 20px 0 30px;}
.contact-list .top-item .cont-box .title{font-size: 26px;color: #333; line-height: 1.385;margin-bottom:20px;}
.contact-list .top-item .line{font-size: 18px;color: #666;line-height: 1.667;}
.contact-list .contact-item{width: 32%;min-height:250px; border-radius:10px;background: url(../images/lx-bg.png); margin-right: 2%;
      padding: 30px 20px; border: 1px solid transparent; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; 
      -o-transition: all 0.5s ease 0s;   box-shadow: 3.473px 3.597px 13.8px 1.2px rgba(0, 0, 0, 0.09);
     box-sizing: border-box; background: url(../images/lx-bg.png) repeat; float: left; margin-bottom:25px;}
.contact-list .contact-item:nth-of-type(3n + 1){margin-right: 0;}
.contact-list .contact-item .title{font-size: 24px;color: #333;padding-bottom: 15px; border-bottom: 1px solid #dddddd;}
.contact-list .contact-item .line{margin-top: 15px;display: flex;align-items: start; font-size: 16px;color: #666;line-height: 1.5;}
.contact-list .contact-item .line .iconfont{color: #20368B;font-size: 22px;margin-right: 5px;line-height: 1;}
.contact-list .contact-item:hover{position: relative; border: 1px solid rgba(0,91,172,1); box-sizing: border-box; background: #ffffff;
      border: 1px solid #2b5f9b; box-sizing: border-box; box-shadow: 1px 3px 16px 2px #dedede;}

/* 招标 */
.invite-tenders{padding:55px 0;}
.invite-tenders ul{padding-bottom:20px;} 
.invite-tenders ul li{width: 100%;height:75px;border: 1px solid #dddddd;margin-bottom: 10px;}
.invite-tenders ul li a{width: 100%;height: 100%; padding:0 35px;font-size: 18px;}
.invite-tenders ul li .title{color: #333;width: calc(100% - 100px);}
.invite-tenders ul li .time{width: 100px;text-align: right; color: #999;}
.invite-tenders ul li:hover {background-color: #20368B;border: 1px solid #20368B;}
.invite-tenders ul li:hover .title{color: #fff;}
.invite-tenders ul li:hover .time{color: #fff;}


.partners-page{padding:55px 0;}
.partners-box .pic-box{display: grid;grid-template-columns: repeat(5, calc(83.5% / 5)); column-gap: 4.125%;}
.partners-box .pic-box .pic{width: 100%;height: 85px;display: flex;align-items: center;justify-content: center;margin-bottom: 40px;background-color:#EAF2FF; box-shadow: 7px 7px 8px rgba(255,255,255,.05);transition:all .3s;}
.partners-box .pic-box .pic img{max-width: 100%;max-height: 100%; }
.partners-box .pic-box .pic:hover{transform:translateY(-10px);box-shadow: 7px 7px 8px rgba(0,0,0,.07);}
/* Expertise */
.expertise-box{padding: 120px 0;display: grid;grid-template-columns: repeat(4, calc((100% - 24px*3) / 4)); column-gap: 24px;}
.expertise-item{width: 100%;height: 240px; position: relative;margin-bottom: 24px;}
.expertise-item a{display: block;width: 100%;height: 100%;position: relative;overflow:hidden;}
.expertise-item a::after{content: '';display: block; width: 100%; height: 100%;background-image: url(../images/index-part3-back.png);background-size: 100% 100%;
      position: absolute;left: 0;top: 0;z-index: 2;}
.expertise-item img{width: 100%;height: 100%;object-fit: cover;transition:all .3s;}
.expertise-item:hover img{transform:scale(1.1);}
.expertise-item .tit{width: 100%; position: absolute;bottom:16px;left: 0;font-size: 24px; font-weight: 700; line-height: 32px;color: #fff;text-align: center;
z-index: 3;}

/* Expertise item */
.expertise-details{padding: 152px 0 76px 0;}
.expertise-details .details-title{font-size: 48px; color: #303030; font-weight: 600; line-height: 56px;margin-bottom: 48px;text-align: center;}
.expertise-details .expertise-banner{width: 100%;margin-bottom: 48px;}
.expertise-banner .swiper-container{padding-bottom: 28px;}
.expertise-banner .swiper-container .swiper-pagination{bottom: 0;}
.expertise-banner .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #20368B; opacity: .2;border-radius: 10px; margin-left: 8px;}
.expertise-banner .swiper-pagination-bullet-active{width:36px; opacity: 1;}
.expertise-details .content-box{font-size: 18px; color: #303030; line-height: 28px;margin-bottom: 120px;}