.wrap {}
.wrap header {
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 0 120px;
}
.wrap header .logo {}
.wrap header .logo h1 {}
.wrap header .logo h1 img {}
.wrap header .menu {}
.wrap header .menu a {
    margin-right: 60px;
}
.wrap header .menu a:last-child {
    margin-right: 0
}
.wrap header .menu a span {
    font-size: 0.9rem;
}
.wrap header .icon {}
.wrap header .icon a {
    margin-right: 10px;
}
.wrap header .icon a img {}
.wrap main {}
.wrap main .mainbg {}
.wrap main .mainbg img {}
.wrap main .product {
    padding: 60px 180px 100px 180px;
}
.wrap main .product .title_product {

}
.wrap main .product .title_product span {
    font-size: 1rem;
    border-bottom: 1px solid #000;
}
.wrap main .product .title_product p {
    font-size: 1.5rem;
    font-weight: 600;
    padding-top: 10px;
}
.wrap main .product .title_product p:nth-of-type(2) {
    font-size: 1.75rem;
    font-weight: 700;
    padding-bottom: 30px;
}
.wrap main .product .categori {
    display: flex;
    gap: 40px;
}
.wrap main .product .categori a {
}
.wrap main .product .categori a img {}
.wrap main .about_dasuong {
}
.wrap main .about_dasuong .title_dasuong {
    padding: 60px 180px 30px 180px;
}
.wrap main .about_dasuong .title_dasuong span {
    font-size: 1rem;
    border-bottom: 1px solid #000;
}
.wrap main .about_dasuong .title_dasuong p {
    font-size: 1.5rem;
    font-weight: 600;
    padding-top: 10px;
}
.wrap main .about_dasuong .title_dasuong p:nth-of-type(2) {
    font-size: 1.75rem;
    font-weight: 700;
    padding-bottom: 30px;
}
.wrap main .about_dasuong .banner {
    position: relative;
    padding-bottom: 64px;
}
.wrap main .about_dasuong .banner img {}
.wrap main .about_dasuong .banner .bntxt {
    position: absolute;
    left: 370px; top:80px;
}
.wrap main .about_dasuong .banner .bntxt p {
    font-size: 1.063rem;
    font-weight: 600;
    text-align: center;
    color: #FFF;
}
.wrap main .about_dasuong .dasuong_list {
    display: flex;
    justify-content:center;
    gap: 100px;
}
.wrap main .about_dasuong .dasuong_list .cate {
    text-align: center;
}
.wrap main .about_dasuong .dasuong_list .cate a {}
.wrap main .about_dasuong .dasuong_list .cate a img {}
.wrap main .about_dasuong .dasuong_list .cate a p {
    font-size: 0.938rem;
    padding-top: 10px;
}
.wrap main .news {
}
.wrap main .news .title_news {
    padding: 60px 180px 30px 180px;
}
.wrap main .news .title_news span {
    font-size: 1rem;
    border-bottom: 1px solid #000;
}
.wrap main .news .title_news p {
    font-size: 1.5rem;
    font-weight: 600;
    padding-top: 10px;
}
.wrap main .news .title_news p:nth-of-type(2) {
    font-size: 1.75rem;
    font-weight: 700;
    padding-bottom: 30px;
}
.wrap main .tech {
    width: 600px;
}
.wrap main .tech .tech_d {
}
.wrap main .tech .tech_d .tech_s {
    margin: 0 auto;

}
.wrap main .tech .tech_d .tech_s img {
}
.wrap main .tech .tech_d .tech_s p {
    font-size: 1.25rem;
}
.wrap main .swiper-button-prev {}
.wrap main .swiper-button-next {}
.wrap main .cooper {}
.wrap main .cooper .title_cooper {
    padding: 60px 180px 30px 180px;
}
.wrap main .cooper .title_cooper span {
    font-size: 1rem;
    border-bottom: 1px solid #000;
}
.wrap main .cooper .title_cooper p {
    font-size: 1.5rem;
    font-weight: 600;
    padding-top: 10px;
}
.wrap main .cooper .cooper_img {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 50px;
}
.wrap main .cooper .cooper_img .cooper_top {}
.wrap main .cooper .cooper_img .cooper_top a {}
.wrap main .cooper .cooper_img .cooper_top a img {}
.wrap main .cooper .cooper_img .cooper_bottom {}
.wrap main .cooper .cooper_img .cooper_bottom a {}
.wrap main .cooper .cooper_img .cooper_bottom img {}
.wrap main .contact {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.wrap main .contact .top_crad {
    padding-bottom: 30px;
}
.wrap main .contact .top_crad .crad1 {
    position: relative;
}
.wrap main .contact .top_crad .crad1 img {}
.wrap main .contact .top_crad .crad1 .call_warp {
    position: absolute;
    left: 100px; top:133px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wrap main .contact .top_crad .crad1 .call_warp img {}
.wrap main .contact .top_crad .crad1 .call_warp span {
    font-size: 1.5rem;
    color: #FFF;
}
.wrap main .contact .top_crad .crad1 .des {
    position: absolute;
    top: 218px;
    left: 100px;
}
.wrap main .contact .top_crad .crad1 .des p {
    font-size: 1.25rem;
    line-height: 1.2;
    color: #FFF;
}
.wrap main .contact .top_crad .crad2 {}
.wrap main .contact .top_crad .crad2 img {}
.wrap main .contact .bottom_crad {
}
.wrap main .contact .bottom_crad .crad3 {}
.wrap main .contact .bottom_crad .crad3 img {}
.wrap main .contact .bottom_crad .crad4 {
    position: relative;
}
.wrap main .contact .bottom_crad .crad4 img {}
.wrap main .contact .bottom_crad .crad4 .map_warp {
    position: absolute;
    left: 100px; top:133px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wrap main .contact .bottom_crad .crad4 .map_warp img {}
.wrap main .contact .bottom_crad .crad4 .map_warp span {
    font-size: 1.5rem;
    color: #FFF;
}
.wrap main .contact .bottom_crad .crad4 .des {
    position: absolute;
    top: 218px;
    left: 100px;
}
.wrap main .contact .bottom_crad .crad4 .des p {
    font-size: 1.25rem;
    line-height: 1.2;
    color: #FFF;
}
.wrap footer {
} 
.wrap footer .footer_wrap {
    padding: 40px 120px;
    background-color: #000;
} 
.wrap footer .footer_wrap .line1 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
} 
.wrap footer .footer_wrap .line1 h1 {} 
.wrap footer .footer_wrap .line1 h1 img {} 
.wrap footer .footer_wrap .line1 a {
    margin-right: 30px;
} 
.wrap footer .footer_wrap .line1 .line1_txt span {
    color: #FFF;
}
.wrap footer .footer_wrap .line2 {} 
.wrap footer .footer_wrap .line2 span {
    font-size: 0.875rem;
    color: #FFF
} 
.wrap footer .footer_wrap .line3 {
    padding-top: 10px;
} 
.wrap footer .footer_wrap .line3 p {
    font-size: 1rem;
    color: #FFF
}