.gbindex12{width: 100%; padding: 40px 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.gbindex12 .imgh{width: 100%; position: relative;}
.gbindex12 .imgh img{display: block; width: 100%;}
.gbindex12 .imgh a{display: block; width: 160px; height: 44px; border-radius: 30px; background: #ffd700; box-shadow: 0 0 3px #ffd700; font-size: 18px; color: #333; line-height: 44px; text-align: center; font-weight: bold; letter-spacing: 1px; position: absolute; left: 50%; top: 60%; transform: translateX(-50%); z-index: 10; transition: all 0.5s;}
.gbindex12 .imgh a i{display: inline-block; width: 32px; height: 32px; background: url(../images/enterjt.png) no-repeat center; background-size: cover; vertical-align: top; margin-top: 6px; margin-left: 12px; margin-right: -12px; transition: all 0.5s;}
.gbindex12 .imgh a:hover{box-shadow: 0 0 8px #ffd700; padding-left: 10px;}

.gbindex13{width: 100%; padding: 40px 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.gbpro{width: 46%; float: left;}
.gbtit{width: 100%; border-bottom: 2px solid #333; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 8px; margin-bottom: 20px;}
.gbtit span{display: inline-block; font-size: 24px; color: #8d2300; line-height: 1; position: relative;}
.gbtit span::after{content: ""; width: 100%; height: 2px; background: #8d2300; position: absolute; left: 0; bottom: -10px; z-index: 10;}
.gbtit a{font-size: 16px; color: #333; line-height: 1;}
.gbproul{width: 100%; overflow: hidden;}
.gbproul li{width: calc(50% - 10px); float: left;}
.gbproul li:nth-of-type(2n-1){margin-right: 20px;}
.gbproul li:nth-of-type(n+3){margin-top: 20px;}
.gbproul li a{display: block; width: 100%; height: 140px; border-radius: 10px; overflow: hidden; position: relative;}
.gbproul li a img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.gbproul li a span{display: inline-block; width: auto; max-width: 90%; padding: 0 30px; border-radius: 30px; background: #fff; font-size: 16px; color: #bb8c4b; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 50%; bottom: 12%; transform: translateX(-50%); z-index: 10; transition: all 0.3s;}
.gbproul li a:hover img{transform: scale(1.1);}
.gbproul li a span:hover{background: #bb8c4b; color: #fff;}
.gbjt{width: 50%; float: right;}
.gbjtbox{width: 100%; overflow: hidden;}
.gbjtone{width: calc(38% - 20px); float: left; margin-right: 20px;}
.gbjtone a{display: block; width: 100%; height: 300px; border-radius: 10px; overflow: hidden; position: relative;}
.gbjtone a img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.gbjtone a div{width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 10; transition: all 0.5s;}
.gbjtone a div::before{content: ""; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(198,44,238,0), rgba(198,44,238,.6)); position: absolute; left: 0; top: 0; z-index: -1;}
.gbjtone a div::after{content: ""; width: 500px; height: 500px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50px; transform: translateX(-50%); z-index: -2;}
.gbjtone a div span{display: block; width: 60px; height: 60px; border-radius: 50%; background: #c62cee url(../images/car.png) no-repeat center; background-size: 30px; margin: 20px auto;}
.gbjtone a div p{font-size: 18px; color: #fff; line-height: 24px; text-align: center;}
.gbjttwo a div::before{background: linear-gradient(to bottom, rgba(35,202,124,0), rgba(35,202,124,.6));}
.gbjttwo a div span{background: #23ca7c url(../images/aircraft.png) no-repeat center; background-size: 30px;}
.gbjtone a:hover img{transform: scale(1.1);}
.gbjtone a:hover div{height: 70%;}
.gbjtul{width: 24%; float: right;}
.gbjtul a{display: block; width: 100%; height: 60px; margin-bottom: 20px; background: #fff; border-radius: 8px; border: 1px solid #bb8c4b; font-size: 18px; color: #bb8c4b; line-height: 58px; text-align: center; transition: all 0.3s;}
.gbjtul a:last-child{margin-bottom: 0;}
.gbjtul a:hover{background: #bb8c4b; color: #fff;}

.gbindex14{width: 100%; padding: 40px 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.gbnews{width: calc(50% - 10px); float: left;}
.gbnews:first-child{margin-right: 20px;}
.gbnitem{width: 100%; position: relative; overflow: hidden;}
.gbnitem .gbnimg{width: 100%; padding-bottom: 66%; position: relative; overflow: hidden;}
.gbnitem .gbnimg img{display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 10;}
.gbnitem .gbncover{width: 100%; height: 100%; padding: 30px; background: rgba(0,0,0,.5); color: #fff; position: absolute; left: 0; top: -100%; z-index: 20; transition: all 0.3s;}
.gbnitem .gbncover h3{font-size: 20px; color: #fff; line-height: 30px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px;}
.gbnitem .gbncover p{font-size: 15px; color: #fff; line-height: 25px; text-indent: 1em; text-align: justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.gbnitem .gbncover a{display: block; width: 100px; border: 1px solid #fff; font-size: 14px; color: #fff; line-height: 36px; text-align: center; margin: 20px auto 0; transition: all 0.3s;}
.gbnitem .gbncover a:hover{background: #fff; color: #333;}
.gbntop{margin: 20px 0;}
.gbnbot{margin: 20px 0; overflow: hidden;}
.gbnbot .gbnitem{width: calc(50% - 10px); float: left;}
.gbnbot .gbnitem:nth-of-type(1){margin-right: 20px;}
.gbnbot .gbnitem .gbnimg{padding-bottom: 100%;}
.gbnitem:hover .gbncover{top: 0;}



@media (max-width: 1200px){
 .gbnitem .gbncover{padding: 20px;}
 .gbnitem .gbncover h3{font-size: 18px; line-height: 24px; margin-bottom: 6px;}
 .gbnitem .gbncover p{font-size: 14px; line-height: 24px;}
 .gbnitem .gbncover a{width: 80px; font-size: 12px; line-height: 30px; margin: 10px auto 0;}
}

@media (max-width: 768px){
 .gbindex12 .imgh a{width: 120px; height: 36px; font-size: 15px; line-height: 36px;}
 .gbindex12 .imgh a i{width: 30px; height: 30px; margin-top: 3px; margin-left: 8px; margin-right: -8px;}
 .gbindex12 .imgh a:hover{padding-left: 6px;}

 .gbindex13{padding: 0;}
 .gbpro{width: 100%; margin-bottom: 30px;}
 .gbtit span{font-size: 20px;}
 .gbtit a{font-size: 14px;}
 .gbproul li{width: calc(50% - 6px);}
 .gbproul li:nth-of-type(2n-1){margin-right: 12px;}
 .gbproul li:nth-of-type(n+3){margin-top: 12px;}
 .gbproul li a{height: 120px;}
 .gbproul li a span{font-size: 15px; padding: 0 20px;}
 .gbjt{width: 100%;}
 .gbjtone{width: calc(38% - 12px); margin-right: 12px;}
 .gbjtone a{height: 236px;}
 .gbjtone a div span{width: 40px; height: 40px; margin: 10px auto; background-size: 24px;}
 .gbjtone a div p{font-size: 16px;}
 .gbjtone a div::after{width: 300px; height: 300px; top: 30px;}
 .gbjtul a{height: 50px; font-size: 16px; line-height: 48px; margin-bottom: 12px;}

 .gbnews{width: 100%;}
 .gbnews:first-child{margin: 0;}
 .gbntop{margin: 12px 0;}
 .gbnbot{margin: 12px 0;}
 .gbnbot .gbnitem{width: calc(50% - 6px);}
 .gbnbot .gbnitem:nth-of-type(1){margin-right: 12px;}
 .gbnitem .gbncover{padding: 20px 15px;}
 .gbnitem .gbncover h3{font-size: 16px; margin-bottom: 0;}
 .gbnitem .gbncover p{font-size: 12px; line-height: 20px; -webkit-line-clamp:5;}
 .gbnitem .gbncover a{width: 70px; line-height: 26px; margin: 6px auto 0;}
}