.brief{float:left;width:100%;position:relative;padding-top:80px;padding-bottom:180px;}
.brief .bg{background:url(../_im_g/qyjjbg.jpg) center no-repeat;background-size:cover;opacity:0.07;
position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;}
.brief .brleft{width:50%;float:left}

.brief line{width:70px;height:3px;background:#013E77;margin:30px 0;display:block;float:left}
.brief .gdt{height:535px;overflow-y:auto;font-size:16px;color:#666666;float:left;line-height:28px;white-space:pre-wrap;
padding-right:35px;margin-right:60px;}
.brief .gdt::-webkit-scrollbar{ width: 6px;}   
.brief .gdt::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 6px;}
.brief .gdt::-webkit-scrollbar-thumb{ width: 6px; background-color: #013E77; border-radius: 6px;}

.brief .viode{ float:right; width:50%; height:680px; position:relative;z-index:3;}
.brief .viode:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.33;}
.brief .viode .cont{ float:left; width:100%; text-align:center; position:absolute; left:0; top:50%; z-index:3; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.brief .viode .cont i{ float:left; width:100%; line-height:0;}
/*20210917start*/
.brief .viode .cont i img{ width:82px; height:82px; cursor:pointer;
-webkit-animation-name: 'ripple';
-webkit-animation-duration: 2.5s;
-webkit-animation-timing-function: ease; 
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;}
@keyframes ripple {
0% {transform: scale(0.5);}
100% {transform: scale(1);}
}
/*20210917end*/
.brief .viode .cont h5{ float:left; width:100%; line-height:20px; font-size:18px; color:#fff; font-weight:bold; margin-top:38px;}
.brief .viode .cont h5 span{ opacity:0.8;}
.index1.ab{margin-top:-100px;}

.indexTit.ab h2{width:100%;text-align:center}
.indexTit.ab h1{width:100%;text-align:center}


.environment{padding-top:80px;padding-bottom:80px;float:left;width:100%}
.line{height:3px;width:72px;margin-top:30px;background:#013E77;display:block;float:left;position:relative;
left:50%;transform:translate(-50%,0);margin-bottom:80px;}
.environment .hjpic{width: 100%; float: left;display: grid;-ms-display: grid;
grid-template-areas: 'a a b c' 
' d e e c';  -ms-grid-template-areas: 'a a b c' 'd e e c';
grid-gap: 10px;
-ms-grid-gap: 10px;}
.environment .hjpic .img1{grid-area: a;-ms-grid-area: a;}
.environment .hjpic .img2{grid-area: b;-ms-grid-area: b;}
.environment .hjpic .img3{grid-area: c;-ms-grid-area: c;}
.environment .hjpic .img4{grid-area: d;-ms-grid-area: d;}
.environment .hjpic .img5{grid-area: e;-ms-grid-area: e;}
.environment .hjpic .img{display: block;float: left;width: 100%;line-height: 0;overflow: hidden;min-height: 100%;height: 100%;}
.environment .hjpic img{width: 100%;transition: all 0.5s linear;min-height: 100%;height: 100%;}
.environment .hjpic .img:hover img{transform: scale(1.1);}




.history{padding-top:80px;padding-bottom:80px;float:left;width:100%;position:relative}
.history ul{height:450px;width:100%;float:left;position:relative}
.history ul:after{position:absolute;top:180px;width:100vw;height:1px;left:50%;transform:translate(-50%,0);
border-top:1px dashed #013E77;content:"";z-index:-1;}

.history ul li{float:left;position:relative;display:block;height:450px;}
.history ul li .yuanquan{height:20px;width:20px;border-radius:50%;background:rgba(125,125,125,0.08);position:absolute;top:170px;left:50%;transform:translate(-50%,0);}
.history ul li .yuanquan:after{position:absolute;content:"";height:10px;width:10px;border-radius:50%;top:50%;background:#7D7D7D;
  left:50%;transform:translate(-50%,-50%);}
.history .bg{background:url(_im_g/hisbg.jpg) center no-repeat;background-size:cover;opacity:0.08;
position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;}
.history ul li .time{font-size:48px;font-weight:700;color:#333333;line-height:35px;display:flex;align-items:flex-end;letter-spacing:0;
top:220px;text-align:center;position:absolute;width:100%;justify-content:center }
.history ul li .time i{font-size:24px;line-height:20px;margin-left:5px;}
.history ul li .box2{height:450px;background:#fff;padding:30px 30px 0 30px;display:none;border-radius:10px;position:relative;z-index:1;
box-shadow:4px 4px 21px rgba(210,210,210,0.35)}
.history ul li .box2 .time{position:relative;color:#013E77;top:auto;}
.history ul li .box2 h6{font-size:16px;color:#333333;line-height:28px;margin-top:30px;}
.history ul li.on .time1{display:none}
.history ul li.on .box2{display:block}
.history .slick-arrow{height:46px;width:24px;background:#013E77;position:absolute;top:180px;z-index:1}
.history .slick-arrow:after{height:10px;width:10px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;
top:50%;left:50%;transform:translate(-50%,-50%);content:""}
.history .slick-next{right:-44px;}
.history .slick-prev{left:-44px;}
.history .slick-next:after{transform:translate(-50%,-50%)rotate(45deg);margin-left:-2.5px}
.history .slick-prev:after{transform:translate(-50%,-50%)rotate(225deg);margin-left:2.5px}


/*团队风采*/
.Elegant{padding-top:80px;padding-bottom:80px;float:left;width:100%;position:relative}

.Elegant .slide{ width: 100%; position: relative;float:left}
.Elegant .slide .img{ overflow: hidden; position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; background: #fff;}
.Elegant .slide .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;transition:all 0.5s linear;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.Elegant .slide .img .tp{ top: 0; left: 0; position: absolute; width: 100%; height: 100%;}
.Elegant .slide .img1{ width: 24.9%; height: 60%; top: 20%; left: 0; z-index: 1;}
.Elegant .slide .img2{ width: 30%; height: 85%; top: 8.03%; left: 13.75%; z-index: 2;}
.Elegant .slide .img3{ width: 34.16%; height: 100%; top: 0; left: 32.8125%; z-index: 3; 
box-shadow:7px 7px 24px rgba(1,62,119,0.35);}
.Elegant .slide .img4{ width: 30%; height: 85%; top: 8.03%; left: 56.25%; z-index: 2;}
.Elegant .slide .img5{ width: 24.9%; height: 60%; top: 20%; left: 75.26%; z-index: 1;}
.Elegant .butLeft{height:46px;width:24px;position:absolute;top:50%;transform:translate(0,-50%);
left:32.8125%;background:rgba(0,0,0,0.45);z-index:10;}
.Elegant .butLeft:after{height:10px;width:10px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;
top:50%;left:50%;transform:translate(-50%,-50%);content:"";transform:translate(-50%,-50%)rotate(225deg)}


.Elegant .butRight{height:46px;width:24px;position:absolute;top:50%;transform:translate(0,-50%);
left:65.5%;background:rgba(0,0,0,0.45);z-index:10;}
.Elegant .butRight:after{height:10px;width:10px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;
top:50%;left:50%;transform:translate(-50%,-50%);content:"";transform:translate(-50%,-50%)rotate(45deg);}


.Elegant .slide-bt{float: left;margin-top:60px;display: block;left: 50%; transform: translate(-50%, 0);position: relative;}
.Elegant .slide-bt span{height:10px;width:10px;border-radius:10px;background:rgba(1,62,119,0.5);float:left;margin:0 12px;text-align:center;}
.Elegant .slide-bt span:hover{cursor:pointer;}
.Elegant .slide-bt span.on{background:#013E77;}

@media  screen and (max-width:1024px){
.history ul li .box2 h6{font-size: 14px;line-height: 24px;}
.environment .hjpic{grid-template-areas:'a a'  ' b c' 'd c''e e';grid-gap: 5px; -ms-grid-gap: 5px;}
.line{height:2px;width:60px;margin-top:15px;margin-bottom:20px;}
.environment{padding-top:30px;padding-bottom:30px;}
.brief{margin-top: 0;padding-top: 30px; padding-bottom: 30px;height: auto;}
.brief .brleft{width:100%;}
.brief .brright{width:100%;position:relative}
.index1.ab{margin-top:0}
.brief .gdt{height: auto;font-size: 14px;line-height: 20px;white-space: pre-wrap;padding-right: 0px;margin-right: 0px;}
.brief .gdt::-webkit-scrollbar{ display: none;}
.brief .viode{width:100%;height:300px;position:relative;}
.brief line{margin:15px 0}
.history{padding-top:30px;padding-bottom: 30px;}
.history ul{height:300px;padding:0 30px}
.history ul li{height:300px;}
.history ul li .time{font-size:24px;line-height:30px;top:200px;}
.history ul li .time i{font-size: 16px;line-height:16px; margin-left: 3px;}
.history ul li .box2{height:300px;padding:15px 15px 0 15px;}
.history .slick-prev{left:0}
.history .slick-next{right:0}
.Elegant{padding-top: 30px;padding-bottom: 30px;padding-left:15px;padding-right:15px;}
.Elegant .slide .img1{ left :-100%;}
.Elegant .slide .img2{ width: 50%; height: 50%; top: 25%; left: 0%;}
.Elegant .slide .img3{ width: 70%; height: 70%; top: 15%; left: 15%;}
.Elegant .slide .img4{ width: 50%; height: 50%; top: 25%; left: 50%;}
.Elegant .slide .img5{ left: 120%;}
.Elegant .butLeft{display: none;}
.Elegant .butRight{display: none;}
.Elegant .slide-bt{float: left;margin-top: 0;width:auto !important;margin-top: -20px;}
.Elegant .slide-bt span{margin:0 6px;}
.brief .viode .cont i img{ width:44px; height:44px;}
.brief .viode .cont h5{font-size: 14px;line-height: 16px;margin-top: 15px;}
.Elegant .slide{margin-top: -36px;}
.history ul li{padding: 0 14px;}
.history ul li .box2{display: block;border: 1px solid #eee;}
}

/*gongyi*/
        .gyhdlist{width: 100%;padding-top: 80px;padding-bottom: 80px;}
        .gyhdlist .gytop{float:left;width:100%;display:flex;margin-bottom:60px;}
        .gyhdlist .gytop .img{width:46.125%;float:left;line-height: 0;overflow: hidden;}
        .gyhdlist .gytop .img img{width:100%;max-width:100%;}
        .gyhdlist .gytop .gywords{padding-left:75px;padding-right:65px;width:53.875%;border:1px solid #DDDDDD;}
        .gyhdlist .gytop .gywords .wordcon{position:relative;top:50%;transform:translate(0,-50%);}
        .gyhdlist .gytop .gywords h4{color:#111111;font-size:18px;line-height:18px;display:flex;align-items:flex-end;letter-spacing:1px;transition:all .5s ease;}
        .gyhdlist .gytop .gywords h4 i{font-size:36px;line-height:38px;}
        .gyhdlist .gytop .gywords h5{color:#555;font-size:24px;line-height:26px;margin-top:50px;margin-bottom:35px; transition:all .5s ease;}
        .gyhdlist .gytop .gywords h6{color:#666;font-size:16px;line-height:28px;}
        .gyhdlist .gytop .gywords .more{align-items:center;background:#013E77;border-radius:30px;justify-content:center;
                                        float:left;height:56px;width:200px;margin-top:50px;float:none;}
        .gyhdlist .gytop .gywords .more p{color:#fff;font-size:18px;margin-right:12px;}
        .gyhdlist .gytop .gywords .more i{color:#fff;font-size:20px;}
        .gyhdlist .gytop:hover h4{color:#013E77;}
        .gyhdlist .gytop:hover h5{color:#013E77;}



.gyhdlist ul{ margin:-20px -10px;float:left;width:100%;}


.gyhdlist li{ float:left; width:33.3%; padding:20px 10px}
.gyhdlist li a{ float:left; width:100%; background:#fff; box-shadow:0 5px 21px rgba(210,210,210,0.35);}
.gyhdlist li a i{ float:left; width:100%; line-height:0; overflow:hidden;}
.gyhdlist li a .text{ float:left; width:100%; padding:40px 30px 7px 20px;}
.gyhdlist li a .text h3{ float:left; width:100%; color:#111111; line-height:40px; font-size:20px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.gyhdlist li a .text h5{ float:left; width:100%; color:#666666; line-height:30px; font-size:16px; height:60px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:13px 0 33px 0;}
.gyhdlist li a .text time{ float:left; width:100%; color:#acacac; line-height:46px; font-size:16px; background:url(_im_g/main8_1.png) right center no-repeat; padding:20px 0; border-top:1px solid #e5e5e5;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.gyhdlist li a:hover{ background:#013e77;}
.gyhdlist li a:hover .text h3{ color:#fff;}
.gyhdlist li a:hover .text h5{ color:#fff; opacity:0.6;}
.gyhdlist li a:hover .text time{ color:#fff; background:url(_im_g/main8.png) right center no-repeat; border-top:1px solid rgba(255,255,255,0.16);}
.gyhdlist .page_section{margin-top:80px;float:left}
.gyhdlist .more{float: left;width: 100%;flex-wrap: wrap;display: flex;justify-content: center; align-items: center;}

@media  screen and (max-width:1024px){
      .gyhdlist .gytop{flex-direction:column;margin-bottom:30px}
      .gyhdlist .gytop .img{width:100%}
      .gyhdlist .gytop .gywords{width:100%;padding:20px;}
      .gyhdlist .gytop .gywords .wordcon{transform:translate(0,0)}
      .gyhdlist .gytop .gywords h4{font-size:14px;line-height:14px;}
      .gyhdlist .gytop .gywords h4 i{font-size:24px;line-height:24px;}
      .gyhdlist .gytop .gywords h5{font-size: 16px;line-height: 22px; margin-top: 20px;margin-bottom: 10px;}
      .gyhdlist .gytop .gywords h6{font-size: 14px;line-height: 20px;}
      .gyhdlist .gytop .gywords .more{border-radius: 20px;height:32px; width: 120px;margin-top: 20px;}
      .gyhdlist .gytop .gywords .more p{font-size: 14px;margin-right:8px;}
      .gyhdlist .gytop .gywords .more i{font-size:14px;margin-top: 2px;}
      .gyhdlist .page_section{margin-top:24px;}
      .gyhdlist{ padding-top:25px; padding-bottom:25px;}
      .gyhdlist ul{ margin:-10px;display:flex;flex-wrap:wrap;
      width: calc(100% + 20px);
width: -ms-calc(100% + 20px);
width: -o-calc(100% + 20px);
width: -moz-calc(100% + 20px);
width: -webkit-calc(100% + 20px);}
 .gyhdlist li{ width:50%; padding:10px;}
.gyhdlist li a{ box-shadow:0 5px 10px rgba(210,210,210,0.35);}
.gyhdlist li a .text{ padding:15px 11px 5px 11px;}
.gyhdlist li a .text h3{ font-size:16px; line-height:26px;}
.gyhdlist li a .text h5{ font-size:14px; line-height:24px; height:48px; margin:5px 0 12px 0;}
.gyhdlist li a .text time{ font-size:14px; line-height:30px; background-size:auto 12px; padding:8px 0; }
.gyhdlist li a:hover .text time{ background-size:auto 12px;}
}