@charset "utf-8";
/* CSS Document */

/* bracalente-about */
.bracalente-about .target-cont{margin-top: -30px;}
.bracalente-about .target-cont p:nth-child(1){ text-align:center; font-size:28px; color:#002549;}
.bracalente-about .target-cont p:nth-child(2){ text-align:center; font-size:20px; color:#002549; padding-top:15px; display:block; overflow:hidden;margin-bottom: 30px;}
.about .right>div{ position: absolute; top: 0; left: 0;}
div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }
div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;text-align: center;line-height: 40px;z-index: 9999;position: absolute;background: #000;border: 2px solid #fff;width: 50px;height: 50px;border-radius: 50%; opacity: 0.5;right: -20px;top: -25px;}
div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}
.indexTit{ line-height: 2;}
.about{ background: url(../images/aboutBg.png) no-repeat bottom left; background-size: 50% auto;position: relative;}
.about .left a{  text-decoration: underline;transition: all .36s; }
.about .left a::after{ display: block; content: ''; transition: all .36s; position: absolute; top: 50%; transform: translateY(-50%); left: 0;width: 0; height: 1px; background-color: #0260b3;}
.about .left a:hover{ color: #0260b3; padding-left: 50px;}
.about .left a:hover::after{ width: 35px;}
.about .right  .paly{ width: 100px;  cursor: pointer; background: #fff; border-radius: 50%; height: auto;box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);animation: ripple-wave1 1s linear infinite;animation-play-state: running;opacity: 1;visibility: visible;transform: scale(1);-webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8);}
.aboutNum li span{ position: relative; padding-right: 20px;}
.aboutNum li span::after{ display: block; content: '+'; color: #065fb3; position:  absolute; top: 0; font-size: 28px; right:  0; }
.aboutNum li:nth-child(2) span{ padding-right:0}
.aboutNum li:nth-child(2) span::after{ display: none;}
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);
	}
  }  
.wmax {width: 100% !important;}
.hmax {height: 100% !important;}
.dis-flex-center-center {display: flex;align-items: center;justify-content: center;}
.about .toum {width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: #fff;padding: 30px;background-color: rgba(0, 37, 73, .4);}
.about .cont {position: absolute;left: 0;top: 140px;width: 100%;text-align: center;z-index: 2;}
.about .cont h3 {font-size: 48px;color: #f6f6f6;line-height: 1;text-align: center;}
.about .cont p {font-size: 16px;line-height: 36px;color: #f6f6f6;opacity: 0.8;margin-top: 40px;margin-bottom: 75px;}
.mt-60 {margin-top: 60px;}
.fn1 {animation-name: fn1;animation-duration: 1.2s;animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);}
.shadow {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.mt-50 {margin-top: 50px;}
/* bracalente-about */

/* bracalente-culture */
.dis-flex-center-center {display: flex;align-items: center;justify-content: center;}
.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.iflex{ display: inline-flex}
.bracalente-culture{ background: url(../images/culture.jpg) no-repeat center center; background-size: cover;    margin-top: -90px;}
.bracalente-culture .img img{width: 30%;border-top-left-radius: 45px;border-bottom-right-radius: 45px;}
.bracalente-culture .txt{padding-right: 70px;width: 40%;}
.bracalente-culture .title {font-size: 36px;color: #333;font-weight: bold;}
.bracalente-culture .text{margin-top: 20px;margin-bottom: 20px;font-size: 18px;color: #333;line-height: 2.4;}
.bracalente-culture .img{padding-left: 70px;width: 60%;}
.flex-between {display: flex;justify-content: space-between;}
/* bracalente-culture */

/* index-service */
.index-service { margin-top:80px; width: 1600px; }
.index-service-content {height: 600px;overflow: hidden;}
.index-service-content .item {position: relative;overflow: hidden;border-top-left-radius: 45px;border-bottom-right-radius: 45px;}
.index-service-content .item .toum {width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: #fff;padding: 30px;background-color: rgba(0, 37, 73, .4);}
.index-service-content .item .cont {position: absolute;left: 145px;top: 65px;z-index: 2;}
.index-service-content .item .cont .index-title .tit {margin-left: 0;margin-top: 0;color: #fff;font-size: 36px;font-weight: bold;}
.index-service-content .item .cont .index-title .tit-des {margin-left: 0;margin-top: 0;color: #fff;font-size: 30px;margin-bottom: 20px;}
.index-service-content .item .cont .des {width: 750px;color: #fff;line-height: 32px;margin-bottom: 20px;font-size: 18px;}
.index-service-tab {margin-top: -80px;position: relative;z-index: 2;height: 160px;background: #ffffff url(../images/service-tit-bg.jpg) no-repeat center;overflow: hidden;box-shadow: 0px 10px 20px 0px 
rgba(0, 37, 73, 0.15);padding: 45px 100px 0;text-align: center;font-size: 0;border-bottom-right-radius: 45px;}
.index-service-tab:before {content: "";position: absolute;left: 50%;width: 1230px;border-bottom: 1px solid #002549;margin-left: -605px;top: 104px;}
.index-service-tab li {display: inline-block;vertical-align: middle;font-size: 20px;line-height: 32px;color: #2e3136;width: 16%;position: relative;font-weight: bold;cursor: pointer;}
.index-service-tab li.on {color: #002549;}
.index-service-tab li:before {content: "";position: absolute;left: 50%;top: 50px;width: 15px;height: 15px;background-color: #ffffff;border: solid 2px #002549;border-radius: 50%;margin-left: -7.5px;}
/* index-service */

/* bracalente-leader */
.bracalente-leader{background: url(../images/leader.jpg) no-repeat center center;background-size: cover;}
.leader-box li{width: 49%;transition: all .36s;margin-right: 1%;margin-bottom: 40px;background-color: #05315a;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;border-top-left-radius: 45px;border-bottom-right-radius: 45px;}
.leader-box li:nth-child(2n){ margin-right: 0;}
.leader-box li img{width: 38%;border-top-left-radius: 45px;border-bottom-right-radius: 45px;}
.leader-box li .txt{width: 58%;}
.leader-box li .txt em{ background-color: #555; width: 50px;transition: all .36s;  height: 2px; margin-right: 15px;}
.leader-box li:hover{ color: #002549;  box-shadow: 0  0 10px rgba(0, 113, 186, 0.2);}
.leader-box li:hover em{ background-color: #002549; width: 85px;}
.f30 {font-size: 30px;}
.p30 {padding: 30px;}
.font-weight {font-weight: bold;font-size: 18px;color: #fff;}
.border {border: 1px solid #e5e5e5;}
.flex-between-start {display: flex;justify-content: space-between;align-items: flex-start;}
.line-clamp4 {word-break: break-all;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;}
.color-aaa {color: #fff;font-size:16px;line-height: 2;}
/* bracalente-leader */

/* bracalente-honor */
.bracalente-honor{background-color: #f5f5f5;background-size: cover;}
.honorR{width:100%;position: relative;text-align:center;}
.honorSlide li{width:25%;float:left;font-size:1.143em;}
.honorSlide li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px;}
.honorSlide li .pImg{padding-top:149.4%;border:1px solid #ddd;border-top-left-radius: 45px;border-bottom-right-radius: 45px;}
.honorSlide li a:hover img{transform:scale(1.1);}
.honorSlide li a:hover p{color:#d70c00;}
.honorR .btn{width:20px;background-size:20px 40px;opacity:.5;left:-1.6%;cursor:pointer;pointer-events:initial}
.honorR .swiper-button-next{left:auto;right:-1.6%;}
.honorR .btn:hover{opacity:1;}
.swiper-button-next, .swiper-button-prev {top: 55%;}
/* bracalente-honor */

/* bracalente-equipment */
.bracalente-vibes ul{margin-right:-10px;}
.bracalente-vibes li{float:left;width:20%;padding-right:10px;padding-bottom:10px;}
.bracalente-vibes li .pImg{padding-top:82%;border-top-left-radius: 45px;border-bottom-right-radius: 45px;}
.bracalente-vibes li p{position:absolute;background: rgba(0,0,0,.5);padding:0 5%;height:60px;line-height:60px;color:#fff;left:0;bottom:-60px;z-index:2;width:100%;transition:all .3s;text-align:center;}
.bracalente-vibes li.big {width:40%;}
.bracalente-vibes li:hover img{transform: scale(1.1);}
.bracalente-vibes li:hover p{bottom:0;}
/* bracalente-equipment */