@charset "utf-8";
/* CSS Document */
.about_one{ display: flex; align-items: center; justify-content: space-between; gap: 30px;color:#151515; padding: 50px 0px;}
.about_one .box{ width: 45%; display: flex; flex-direction: column; gap: 15px;}
.about_one .photo{ flex:1; overflow: hidden;}
.about_one .photo img {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}
.about_one .box .lab{ color:#d9ab20; font-size: 17px; font-weight: 600;}
.about_one .box .title{  font-size: 32px; font-weight: 600; line-height: 1.1;}
.about_one .box .desc p{ margin-bottom: 15px;}
.about_one .box .desc p:last-child{ margin-bottom: 0px;}
.about_one .box .ab_cont{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.about_one .box .ab_cont .list{ display: flex; align-items:stretch; flex-wrap: wrap;max-width: 360px;}
.about_one .box .ab_cont .list li{ width: 50%; display: flex; align-items: center; padding-bottom: 6px; line-height: 26px; gap: 15px; flex-wrap: wrap;}
.about_one .box .ab_cont .list li svg{ width: 15px; height: 15px; fill: #d9ab20;}
.about_one .box .ab_cont .more{ display: flex;align-items: center; justify-content: center; width: 170px; height: 50px;transition: all .3s ease;-webkit-transition: all .3s ease; border: 1px #d9ab20 solid; color: #d9ab20;font-weight: 600;}
.about_one .box .ab_cont .more:hover{ background-color: #d9ab20; color: #fff; text-decoration: none; }

.gc_one{ display: flex; align-items: center; justify-content: space-between; padding: 40px 0px;}
.gc_one .gc_list{ width: 55%; padding-top: 40px; }
.gc_one .gc_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
align-items: stretch;}
.gc_one .gc_list ul li{ overflow: hidden;}
.gc_one .gc_list ul li img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
.gc_one .gc_content{ width: 45%; padding-left: 4%; padding-top: 30px;  display: flex; flex-direction: column; gap: 15px;}
.gc_one .gc_content .lab{text-transform: uppercase; font-size: 21px; font-weight: 600;color: #d9ab20;}
.gc_one .gc_content .title{font-size: 32px; font-weight: 600;color: #151515; line-height: 1.1;}
.gc_one .gc_content .sml{font-size: 17px;}
.gc_one .gc_content .list{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
align-items: stretch;}
.gc_one .gc_content .list li{box-shadow: 0px 0px 8px rgb(0 0 0 / 18%); background-color: #fff; padding: 20px 10px; list-style:none; text-align: center; line-height: 1.1;}
.gc_one .gc_content .list li .box{display: flex; flex-direction: column;gap: 10px; }
.gc_one .gc_content .list li .num{ font-weight: 600;color: #d9ab20; font-size: 35px;}

.gc_two{ display: flex; align-items: center; justify-content: space-between; padding: 50px 0px; gap: 40px;}
.gc_two .box{ width: 33%; display: flex; flex-direction: column; gap: 15px;}
.gc_two .box .title{    font-size: 32px;
    font-weight: 600;
    color: #151515;
    line-height: 1.1;}
.gc_two .box .list li{ display: flex; align-items: center; padding-bottom: 6px; line-height: 26px; gap: 15px; flex-wrap: wrap;}
.gc_two .box .list li svg{ width: 15px; height: 15px; fill: #d9ab20;}
.gc_two .Factory{ flex:1; overflow: hidden;}
.gc_two .Factory ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
align-items: stretch;}
.gc_two .Factory ul li {list-style: none;text-align: center;  overflow: hidden;}
.gc_two .Factory ul li .photo{ position: relative; padding-top: 120%; margin-bottom: 10px;}
.gc_two .Factory ul li .photo img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
 .gc_two.no2{flex-direction: row-reverse; }

.gc_two .Factory ul.ul2 li .photo{ padding-top: 80%; }
@media (max-width: 1200px){
	.gc_two.no2,
	.gc_two {
		flex-direction: column;
		gap: 30px;
	}
	.gc_two .box{
		width:100%;	
	}
	.gc_two .Factory{
		width:100%;
	}
}

@media (max-width:768px){
.about_one{ flex-direction: column; padding: 20px 0px 30px; font-size: 14px;}
.about_one .box{ width: 100%;}
.about_one .photo{ width: 100%;}
.about_one .box{ font-size: 14px;}
.about_one .box .title{ font-size: 30px;}
.about_one .box .lab{ font-size: 13px;}
.about_one .box .ab_cont .more{ width: 150px; height: 45px;}
.gc_one{ flex-direction: column; gap: 30px;}
.gc_one .gc_list{ width: 100%;}
.gc_one .gc_content{ width: 100%; padding-left: 0px;}
.gc_two{ flex-direction: column; gap: 30px;}
.gc_two .box{ width: 100%;}
.gc_two .Factory{ flex:none; width: 100%; font-size: 14px;}
.gc_two.no2{ flex-direction: column;}

.gc_one .gc_content .title{ font-size: 28px;}
.gc_two .box .title{ font-size: 28px;}
.gc_one .gc_content .list li .num{ font-size: 32px;}
.gc_two{ padding: 10px 0px 20px;}
}

/*9月5日新增*/
.new_adv{ position: relative; margin-top: 0px;background-color: #F8F6F3;}
.new_adv img{ width: 100%; height: auto; min-height: 200px; opacity: .2;object-fit: cover;
 object-position: center center;}
.new_adv .content{ left: 50%; top: 50%;transform: translate(-50%,-50%); position: absolute; text-align: center;max-width: 1400px; width: 90%;}
.new_adv .content .title{ line-height: 1; font-size: 36px; font-weight: 600;color: #161616; margin-bottom: 50px;}
.new_adv .content .more{  margin: 0px auto 0px;font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    padding: 14px 25px;
    border-width: 1px;
    border-color: rgb(249, 89, 89);
    background-color: var(--color);
    color: rgb(255, 255, 255);}
.new_adv .content .more:hover{ background-color: #fff; color:rgb(249, 89, 89); border: 1px rgb(249, 89, 89) solid;}

@media (max-width:768px){
	.new_adv{ position: relative; background-color: #F8F6F3; height: 140PX;}
    .new_adv .content .title{ font-size: 20px; margin-bottom: 30px;}
}