﻿.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;}
.title{overflow: hidden;height: 70px;max-width: 800px;display:flex; justify-content: flex-start;align-items: center; background:#0c5adb;border-top-right-radius: 50px;border-bottom-right-radius: 50px;margin-bottom:50px;}
.title:before{content:"";width:20px; height: 70px;background:#ff7400;}
.title h3{font-size:40px;font-weight: bold;color:#FFFFFF; padding-left:20px;}

.gyzssb-cont-td{ background:url("../images/bg/gyzssb-com-bg.jpg") no-repeat; background-size:cover; padding-bottom:100px;}
.gyzssb-cont-td .wrap{display:flex; flex-direction: row; align-content: space-between;align-items: center;}
.gyzssb-cont-td .wrap .img{width:500px; margin-left: auto;display: flex;}
.gyzssb-cont-td .wrap .img:hover img{transform: scale(1.05);}
.gyzssb-cont-td .wrap .img img{width:100%;max-width:100%; margin-left: auto;display: flex;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.gyzssb-cont-td .wrap .desc{flex: 1; padding-left:80px; font-size: 16px; font-weight: 300; line-height: 1.8; display:flex; flex-direction: column;}
.gyzssb-cont-td .wrap .desc h3{font-size:56px;color:var(--color4);font-weight: bold;padding-bottom: 1rem;}
.gyzssb-cont-td .wrap .text p{font-size: 20px; font-weight: 300; line-height: 1.8; color:#666666; display:flex; margin-bottom:30px;    align-items: center;}
.gyzssb-cont-td .wrap .text p:before{content:"\e66d"; font-size:30px;margin-right:10px; font-family: "iconfont";color: var(--color1);}
.gyzssb-cont-td .wrap .desc .img{margin-top: 2rem;margin-right: auto;margin-left: unset;}
.gyzssb-cont-td .wrap .desc img{max-width:100%;}

.gyzssb-cont1{display:flex; padding:50px 0px 50px 0px; margin-top:3rem;}
.gyzssb-cont1 .wrap{display:flex; flex-direction: column; align-content: space-between;}
.gyzssb-cont1 .wrap .desc{font-size:1rem; font-weight: 300; color:#666666; line-height: 1.8;}
.gyzssb-cont1-box{display:flex;flex-direction: row; position: relative;}

.gyzssb-cont1 .wrap .text{position: absolute;width:30vw;padding-right:3rem; font-size: 16px; font-weight: 300; line-height: 1.8}
.gyzssb-cont1 .wrap .text h5{font-size:1.56rem;color:var(--color4);font-weight: bold;padding-bottom: 1rem; margin-top:3rem;}
.gyzssb-cont1 .wrap .text p{font-size:1rem; color:#666666;}
.gyzssb-cont1 .wrap .img{flex: 8; max-width:1500px; margin-left: auto;display: flex;padding-top: 50px;}
.gyzssb-cont1 .wrap .img img{ transition: 0.5s;}

@media screen and (max-width: 1680px) {
	.gyzssb-cont1 .wrap .img img{max-width:100%;}   
}
@media screen and (max-width: 1600px) {
	.gyzssb-cont1 .wrap .img{padding-top:200px;}   
}
@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1366px) {
	.gyzssb-cont1-box{flex-direction: column;}
	.gyzssb-cont1 .wrap .text{position: relative;width:100%;}
	.gyzssb-cont1 .wrap .img{padding-top:20px;}   
}

@media screen and (max-width: 1023px)
{
	.title h3{font-size:2rem;}
	.gyzssb-cont-td .wrap{padding: 0px 3vw;flex-direction: column;}
	.gyzssb-cont-td .wrap .img{width:100%;}
	.gyzssb-cont-td .wrap .desc{padding:0px; margin-top:3rem;}
	.gyzssb-cont-td .wrap .desc h3{font-size: 3rem;}
}

@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)
{
	
}


.gyzssb-cont2{display:flex; padding:100px 0px;margin-top:3rem; background:#f5f5f5;}
.gyzssb-cont2 .wrap{display:flex;flex-direction: column;align-content: space-between;}
.gyzssb-cont2 .title{margin-bottom: 0px;}
.gyzssb-cont2 .wrap .text{flex: 1;}
.gyzssb-cont2 .wrap .text h5{font-size:1.56rem;color:var(--color4);font-weight: bold;padding-bottom: 1rem; margin-top:3rem;}
.gyzssb-cont2 .wrap .text p{font-size:1rem; color:#666666;}
/*.gyzssb-cont2 .wrap .text p:before{content:"\e66d"; font-size:30px;margin-right:10px; font-family: "iconfont";color: var(--color1);}*/

.gyzssb-td{padding:100px 8vw; margin: auto;}
.gyzssb-td .title1{text-align: center;}
.gyzssb-td .title1 h3{font-size: 2.2rem;
    font-weight: bold;
    color: var(--color4);
    margin-bottom: 80px;
}
.gyzssb-td ul{width:100%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.gyzssb-td ul li{width:32%; margin:20px 0px 60px 0px; position: relative; z-index: 1;}
.gyzssb-td ul li:last-child:nth-child(3n+1){margin-right:64%;}
.gyzssb-td ul li:last-child:nth-child(3n+2){margin-right:34%;}
.prod-list .List3 li .Image{height:auto; max-width:unset;}
.gyzssb-td ul li .num{position:absolute;left: calc((100% - 40px) / 2); width:80px; height: 80px; border-radius: 100px; border:5px solid #FFFFFF; display:flex; top:-50px; z-index: 10; background:var(--color1); justify-content: center;align-items: center;color:#ffffff; font-size:1.5rem;}
.gyzssb-td ul li .figure{margin:0px;position: relative;z-index: 1;}
.gyzssb-td ul li .td-thumb{overflow: hidden;border: 10px solid #FFFFFF;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);}
.gyzssb-td ul li .figure img{display: block;width: 100%;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;height: auto;max-width: 100%;}
.gyzssb-td ul li:hover .td-thumb > img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.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;*/
}

.gyzssb-td ul li .text{padding-top:2rem; font-size:1rem; color:#666666;}
.gyzssb-td ul li

.gyzssb-td ul li:hover .td-overlay {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
.gyzssb-td ul li .overlay-text {padding:1vw;display: flex;flex-direction: column;/*justify-content: center;height: 100%;*/}
.gyzssb-td ul li .overlay-text > h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0px;
}
.gyzssb-td ul li .overlay-text .text{font-size:14px; font-weight: 300; color:#FFFFFF;}
.gyzssb-td ul li .overlay-text > p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

@media screen and (max-width: 1280px) { 
	.gyzssb-td ul li{width:48%;}
}
@media screen and (max-width: 1023px)
{

}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 430px)
{
	.gyzssb-td ul li{width:100%;}
	.gyzssb-td ul li:last-child:nth-child(3n+2){width:100%;margin: 0;}
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

.gyzssb-prod{width:100%; background:var(--color2); background-size: cover;overflow: hidden;}
.gyzssb-prod .wrap{padding:100px 8vw; color:#FFFFFF;}
.gyzssb-prod .wrap .title2{width: 50vw;}
.gyzssb-prod .wrap .title2 h3{font-size:2rem; font-weight: bold; margin-bottom:50px;}
.gyzssb-prod .wrap .title2 h5{font-size:1.33rem; font-weight: bold; margin-bottom:50px; line-height: 1.9;}
.gyzssb-prod ul{width:100%; overflow: hidden;display: flex; justify-content: space-between; flex-wrap: wrap;margin-top:50px;}
.gyzssb-prod ul li{width:23%; margin:0.5% 0px; display:flex;flex-direction: column;align-items: center;}
.gyzssb-prod ul li h5{font-family: "Montserrat";font-size:4.45rem;font-weight: bold;}
.gyzssb-prod ul li .prod-thumb{margin: 20px 0px 0px 0px;height: 300px;}
.gyzssb-prod ul li img{max-width: 100%;}
.gyzssb-prod ul li .prod-cs{font-size:0.9rem;width: 100%; margin-bottom:1rem;}
.gyzssb-prod ul li .prod-ny{display:flex;flex-wrap: wrap; justify-content: space-between;}
.prod-ny a{width:calc(50% - 5px); border:1px solid #FFFFFF; margin-bottom:10px; text-align: center; background-color: transparent; font-size:13px; color:#FFFFFF; height: 40px; display: flex; align-items: center;justify-content: center;}

@media screen and (max-width: 1680px) {
	.gyzssb-prod .wrap .title2{width:60vw;}
}
@media screen and (max-width: 1440px) {
	.gyzssb-prod .wrap{padding: 100px 8vw 0px 8vw;}
	.gyzssb-prod ul li{width:48%; margin-bottom:5rem;}
	.gyzssb-prod .wrap .title2{width:80vw;}
}
@media screen and (max-width: 1023px)
{

}

@media screen and (max-width: 767px)
{
	.gyzssb-prod .wrap{padding: 60px 8vw 0px 8vw;}
	.gyzssb-prod .wrap .title2 h3{margin-bottom: 20px;}
	.gyzssb-prod .wrap .title2 h5{font-size: 1rem;line-height: 1.5;}
	.gyzssb-prod ul li{width:100%; }
}
@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)
{
	
}

.gyzssb-yy{padding:80px 0px;}
.gyzssb-yy ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.gyzssb-yy ul li{width:48%;display:flex;flex-direction: column;margin: 0px 0px 80px 0px; border-bottom:1px solid #ccc; padding-bottom:80px;}
.gyzssb-yy ul li .titles{display:flex;align-items: center;}
.gyzssb-yy ul li .titles i{width:120px; height: 120px; display:flex; justify-content: center; align-items: center; font-size:4rem; color:#FFFFFF; background:#ff7400; margin-right:10px;flex-shrink: 0;}
.gyzssb-yy ul li .titles h5{font-size:1.34rem;font-weight: bold; line-height: 2; padding-right:20px;}
.gyzssb-yy ul li .desc{margin-top:1rem;}

.gyzssb-yy ul li:nth-last-child(1){margin-bottom:50px; padding-bottom:0px; border:0px;}

.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: 1023px)
{
	.gyzssb-yy ul li .titles h5{font-size: 1rem;font-weight: bold;line-height: 1.2;padding-right: 10px;}
}

@media screen and (max-width: 767px)
{
	.gyzssb-yy ul li{width:100%;}
}
@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)
{
	
}

