.jumbotron{height:auto !important;padding: 0px; background:none;}
.jumbotron img{max-width:100%;}
.infos-cont{width:100%; overflow: hidden;}
.infos-title{width:100%; padding:0px 8vw;text-align: right;}
.infos-title h5{font-size:30px; font-weight: 500; color:#aaaaaa;}
.infos-title h3{font-size:34px; font-weight: bold;color: var(--color4);}
.wrap{width:100%;max-width: unset; padding:0px 8vw;}


@media screen and (max-width: 1023px)
{
	
}

@media screen and (max-width: 767px)
{
	.infos-title{text-align: left;padding: 0px 3vw;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

.gylcb-cont1{display:flex; padding:0px 0px 20px 0px; margin-top:3rem;}
.gylcb-cont1 .wrap{display:flex; flex-direction: row; align-content: space-between;}
.gylcb-cont1 .wrap .text{flex: 1; padding-right:3rem; font-size: 16px; font-weight: 300; line-height: 1.8}
.gylcb-cont1 .wrap .text h3{font-size:24px;color:var(--color4);font-weight: bold;padding-bottom: 1rem;}
.gylcb-cont1 .wrap .img{width:680px; margin-left: auto;display: flex;}
.gylcb-cont1 .wrap .img img{max-width:300px; margin-left:40px; transition: 0.5s;}

@media screen and (max-width: 1680px) {
	.gylcb-cont1 .wrap .img{}   
}
@media screen and (max-width: 1440px) {
	.gylcb-cont1 .wrap{}
	.gylcb-cont1 .wrap .img{display: none;}   
}


@media screen and (max-width: 1023px)
{
	.gylcb-cont1 .wrap .text{padding:0px;}
}

@media screen and (max-width: 767px)
{
	.gylcb-cont1 .wrap .text h3{font-size: 1.34rem;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

.gylcb-cont2{display:flex; padding:100px 0px;margin-top:3rem; background:#f5f5f5;}
.gylcb-cont2 .wrap{display:flex; flex-direction: row-reverse; align-content: space-between;}
.gylcb-cont2 .wrap .text{flex: 1; padding-left:3rem;}
.gylcb-cont2 .wrap .text h3{font-size:24px;color:var(--color4);font-weight: bold;padding-bottom: 1rem;}
.gylcb-cont2 .wrap .text p{display: flex; flex-direction: row;font-size: 16px; font-weight: 300; line-height: 1.3;align-items: center;}
.gylcb-cont2 .wrap .text p:before{content:"\e66d"; font-size:30px;margin-right:10px; font-family: "iconfont";color: var(--color1);}
.gylcb-cont2 .wrap .img{width:680px; margin-right: auto;display: flex;}
.gylcb-cont2 .wrap .img img{max-width:300px; margin-right:40px; transition: 0.5s;}


@media screen and (max-width: 1440px) {
	.wrap{padding:0px 5vw;}
}
@media screen and (max-width: 1366px) {
	.wrap{padding:0px 3vw;}
	.gylcb-cont2 .wrap .img{width:auto;}
	.gylcb-cont2 .wrap .img img{margin-right:10px;}
	.gylcb-cont2 .wrap .text{padding-left:20px;}
}

@media screen and (max-width: 1023px)
{
	.gylcb-cont2{padding:50px 0px;}
	.gylcb-cont2 .wrap{flex-direction: column;}
	.gylcb-cont2 .wrap .text{padding-left:0px;}
	.gylcb-cont2 .wrap .text p{margin-bottom:1rem;align-items: stretch;}
	.gylcb-cont2 .wrap .img{width:100%; margin-top:2rem; flex-direction: column;}
	.gylcb-cont2 .wrap .img p{ margin-bottom:10px;}
	.gylcb-cont2 .wrap .img p img{max-width:100%;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

.gylcb-td{padding:100px 8vw; margin: auto;}
.gylcb-td ul{width:100%; overflow: hidden;display: flex; justify-content: space-between; flex-wrap: wrap;}
.gylcb-td ul li{width:33%; margin:5px 0px; overflow: hidden;}
.gylcb-td ul li .figure{margin:0px;position: relative;z-index: 1;}
.gylcb-td ul li .figure img{display: block;width: 100%;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;height: auto;max-width: 100%;}
.gylcb-td ul li:hover .td-thumb > img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.td-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: calc(100% -20px);
    width: calc(100% -20px);
    background-color: rgb(12 90 219 / 80%);
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	overflow: hidden;/*overflow-y: scroll;*/
}
.gylcb-td ul li:hover .td-overlay {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
.gylcb-td ul li .overlay-text {padding:1vw;display: flex;flex-direction: column;/*justify-content: center;height: 100%;*/}
.gylcb-td ul li .overlay-text > h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0px;
}
.gylcb-td ul li .overlay-text .text{font-size:14px; font-weight: 300; color:#FFFFFF;}
.gylcb-td ul li .overlay-text > p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

@media screen and (max-width: 1023px)
{
	.gylcb-td{display:none;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

.gylcb-case{width:100%; background-repeat: no-repeat; background-size: cover;overflow: hidden;}
.gylcb-case .wrap{padding:100px 8vw; color:#FFFFFF;}
.gylcb-case .wrap h3{font-size:34px; font-weight: bold; margin-bottom:50px; margin-top:50px;}
.gylcb-case ul{width:100%; overflow: hidden;display: flex; justify-content: space-between; flex-wrap: wrap;margin-top:50px;}
.gylcb-case ul li{width:24%; margin:0.5% 0px;border:5px solid #FFFFFF;}
.gylcb-case ul li .figure{margin:0px;}
.gylcb-case ul li img{max-width: 100%; transition: 0.5s;}
.gylcb-case ul li:hover{transition: 0.5s; transform: translateY(-5px);}
.gylcb-case p:hover{text-decoration: underline;}


.gylcb-cs{width:100%;}
.gylcb-cs .wrap{padding:100px 8vw; color:#FFFFFF;display: flex;}
@media screen and (max-width: 1680px) {
	.gylcb-cs .wrap{padding: 100px 1vw;justify-content: center;} 
	.gylcb-cs .wrap img{max-width:100%;}
}
@media screen and (max-width: 1600px) {
	.gylcb-cs .wrap{padding: 100px 2vw;}
}
@media screen and (max-width: 1440px) {
	.gylcb-cs .wrap{padding: 100px 2vw;} 
}
@media screen and (max-width: 1366px) {
	.gylcb-cs .wrap{padding: 100px 2vw;flex-direction: column;} 
}


.gylcb-wd{width:100%;}
.wd-title{background-color:var(--color2); color:#FFFFFF;}
.wrap-box{padding:100px 8vw;}
.wrap-box p{padding-right:40%;}

.wd-cont{}
.wd-cont .wrap-box{padding:50px 8vw; display: flex; justify-content: space-between;}

.wd-item{width:49%;}
.wd-item .titles{display:flex; padding-right:100px;}
.wd-item .titles h1{width:120px; height: 120px; display: flex;justify-content: center; align-items: center; color:#FFFFFF; background:#ff7400; font-size:60px; font-weight: bold;}
.wd-item .titles h2{margin-left: 2rem;font-size: 60px;max-width: 34vw;line-height: 1;    flex: 1;}
.wd-item-c{margin-top:2rem;}
.wd-item-c p{display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
    align-items: center;
    margin-bottom: 20px;
    padding-right: unset;}
.wd-item-c p:before{content:"\e721"; font-size:40px;margin-right:10px; font-family: "iconfont";}

@media screen and (max-width: 1680px) {
	.wd-cont .wrap-box{padding:50px 5vw;}
	.wd-item .titles h2{font-size:2.6rem;}
}

@media screen and (max-width: 1440px) {
	.wd-cont .wrap-box{padding:50px 3vw;}
	.wd-item .titles h2{font-size:2rem;}
}
@media screen and (max-width: 1280px) {
	.wd-item .titles h1{width:80px; height: 80px;font-size:2.6rem}
	.wd-cont .wrap-box{padding:50px 1vw;}
	.wd-item .titles h2{font-size:2rem;}
}


@media screen and (max-width: 1023px)
{
	.wrap-box{padding:60px 8vw;}
	.wrap-box p{padding:0px;}
	.wd-cont .wrap-box{flex-direction: column;padding:60px 8vw;}
	.wd-item{width:100%;margin-bottom: 5rem;padding-bottom: 3rem;border-bottom: 1px solid #efefef;}
	.wd-item .titles{padding-right:0px;}
	.wd-item .titles h2{max-width:unset;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}