﻿@charset "utf-8";
@font-face{font-family:AlibabaSansViet-Md;src:url(/js/40339/AlibabaSansViet-Md.ttf) format("truetype");font-display:swap}
:root{--color:#e7791a;--fontfamily:'AlibabaSansViet-Md', Arial, Helvetica, sans-serif}
.table tr:nth-child(even){background:#fff}
.table tr:nth-child(odd){background:#eee}
.pro-detail .pro-detail-content .pro-detail-box{max-width:1100px;margin:0 auto}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.row-jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.row-jc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.row-ac{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.row-as{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.row-ae{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.row-je{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.row-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.col-24{width:100%}
.col-23{width:95.8333333333%}
.col-22{width:91.6666666667%}
.col-21{width:87.5%}
.col-20{width:83.3333333333%}
.col-19{width:79.1666666667%}
.col-18{width:75%}
.col-17{width:70.8333333333%}
.col-16{width:66.6666666667%}
.col-15{width:62.5%}
.col-14{width:58.3333333333%}
.col-13{width:54.1666666667%}
.col-12{width:50%}
.col-11{width:45.8333333333%}
.col-10{width:41.6666666667%}
.col-9{width:37.5%}
.col-8{width:33.3333333333%}
.col-7{width:29.1666666667%}
.col-6{width:25%}
.col-5{width:20.8333333333%}
.col-4{width:16.6666666667%}
.col-3{width:12.5%}
.col-2{width:8.3333333333%}
.col-1{width:4.1666666667%}
.text-center{text-align:center}
.text-center{text-align:center}
.py-5{padding-top:50px;padding-bottom:50px}
.py-10{padding-top:100px;padding-bottom:100px}
.pb-5{padding-bottom:50px}
.mt-5{margin-top:50px}
.pl-10{padding-left:100px}
.mt-12{margin-top:120px}
.mt-3{margin-top:30px}
.row-cols-3>.col{width:33.33333%}
.g-4{margin-left:-20px;margin-right:-20px}
.g-4>.col{padding:20px}
@media (max-width:1024px){.mt-md-3{margin-top:30px}
.py-md-3{padding-top:30px;padding-bottom:30px}
.col-md-24{width:100%}
.pl-md-0{padding-left:0}
.pb-md-3{padding-bottom:30px}}
@media (max-width:768px){.col-sm-24{width:100%}
.mt-sm-2{margin-top:20px}
.g-sm-2{margin-left:-10px;margin-right:-10px}
.g-sm-2>.col{padding:10px}
.mt-sm-1{margin-top:10px}}
@media (max-width:480px){.col-ms-24{width:100%}
.mt-ms-2{margin-top:20px}
.row-cols-ms-1>.col{width:100%}
.mt-ms-0{margin-top:0}}
.l-sm-wrap{max-width:1300px}
.common-title{font-size:48px;font-weight:700}
@media (max-width:1024px){.common-title{font-size:24px}}
.imgbox{overflow:hidden}
.imgbox img{width:100%;-webkit-transition:.2s;transition:.2s;display:block}
.imgbox img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}
.home-banner{text-align:center;padding:5% 0 3%;background:#f0f0f0}
.home-banner .banner-text{max-width:750px;margin:0 auto}
.home-banner .banner-text .banner-title{font-size:80px;font-weight:700;line-height:1;margin-top:40px}
.home-banner .banner-text .banner-p{font-size:20px;font-weight:700;margin:50px auto 100px}
.home-banner .banner-text .banner-btn{cursor:pointer;padding:12px 30px 12px 50px;color:#fff;background:#000;border-radius:999px;font-size:20px;position:relative}
.home-banner .banner-text .banner-btn:before{content:"";position:absolute;left:25px;border-width:5px 8px;border-style:solid;border-color:transparent transparent transparent #fff;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.home-banner .banner-text .banner-btn:hover{background:#fff;color:#000}
.home-banner .banner-text .banner-btn:hover:before{border-left-color:#000}
@media (max-width:1024px){.home-banner .banner-text .banner-title{font-size:30px;margin-top:20px}
.home-banner .banner-text .banner-p{font-size:18px;margin:30px auto}
.home-banner .banner-text .banner-btn{font-size:16px}}
@media (max-width:480px){.home-banner .banner-text .banner-p{margin:10px auto;font-size:16px}}
.home-video .img{position:relative}
.home-video .img .playbtn{position:absolute;background:#fff;border-radius:50%;width:30px;height:30px;right:40px;bottom:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.home-joy .common-title{text-align:center}
.home-joy .joy-main .item p{font-size:32px;margin-top:20px}
@media (max-width:1024px){.home-joy .joy-main .item p{font-size:24px}}
@media (max-width:768px){.home-joy .joy-main .item p{font-size:18px}}
.home-joy .joy-btn{text-align:center;margin-top:100px}
.home-joy .joy-btn a{display:inline-block;padding:12px 25px;background:#000;border-radius:999px;border:1px solid #000;color:#fff}
.home-joy .joy-btn a i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.home-joy .joy-btn a:hover{color:#000;background:#fff}
@media (max-width:1024px){.home-joy .joy-btn{margin-top:30px}
.home-joy .joy-btn a{padding:8px 20px}}
.home-pro{background:#f4f4f4}
.home-pro .left .desc{margin-top:10px}
.home-pro .pro-pic-list .imgbox+.imgbox{margin-top:50px}
.home-pro .pro-pic-list .imgbox{-webkit-box-shadow:0 8px 13px rgba(0,0,0,.1);box-shadow:0 8px 13px rgba(0,0,0,.1)}
@media (max-width:480px){.home-pro .pro-pic-list .imgbox+.imgbox{margin-top:20px}}
.home-show{background:#f4f4f4}
.home-show .home-show-top .title{font-size:30px}
.home-show .home-show-top .show-btn-group>div{width:40px;height:40px;background:#000;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;cursor:pointer}
.home-show .home-show-top .show-btn-group .next{margin-left:40px}
@media (max-width:768px){.home-show .home-show-top .title{font-size:22px}
.home-show .home-show-top .show-btn-group .next{margin-left:20px}}
.home-hotpro{background:#f4f4f4}
.home-hotpro .hotpro-swiper .swiper-slide{background:#fff;height:auto}
.home-hotpro .hotpro-swiper .swiper-slide .pro-title{padding:20px 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-hotpro .hotpro-btn{margin-top:40px}
.home-hotpro .hotpro-btn .next{margin-left:auto;width:40px;height:40px;background:#000;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;cursor:pointer}
@media (max-width:768px){.home-hotpro .hotpro-btn{margin-top:20px}}
.home-news{background:#f4f4f4}
.home-news .news-swiper .swiper-slide .news-title{padding:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-news .news-swiper .swiper-slide .imgbox{-webkit-box-shadow:0 0 13px rgba(0,0,0,.1);box-shadow:0 0 13px rgba(0,0,0,.1)}
.home-news .news-swiper .swiper-slide .news-desc{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333}
.home-news .news-btn{margin-top:40px}
.home-news .news-btn .next{margin-left:auto;width:40px;height:40px;background:#000;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;cursor:pointer}
@media (max-width:768px){.home-news .news-btn{margin-top:20px}}
.common-rm{background:#000;border-radius:999px;color:#fff;padding:8px 20px;display:inline-block;margin-top:30px}
.common-rm:hover{background:#fff}
@media (max-width:768px){.common-rm{margin-top:15px}}
.lazy-wrap{position:relative}
.lazy-wrap img{position:absolute}
.lazy-loaded img{position:static}
@media (min-width:769px){.contact .contact-sec1 .contact-sec1-item{width:30%}}
section.home-video>a{display:block;width:100%}
.home-video img{width:100%;clip-path:inset(0px)}
.home-video .img .playbtn{right:120px;bottom:80px}
.home-video lite-youtube{max-width:100%}
.home-video2 .img,.home-video3 .img{transition:.3s}
.home-banner-popwindow{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999;background:rgba(0,0,0,.5);display:none}
.home-banner-pop-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.home-banner-pop-info{background:#fff;border-radius:10px;position:relative;padding:45px}
.home-banner-pop-info span{cursor:pointer;position:absolute;width:40px;height:40px;top:5px;right:5px}
.home-banner-pop-info span:before{content:'';width:28px;height:3px;border-radius:2px;background:#000;position:absolute;transform:rotate(45deg);top:19px;left:6px}
.home-banner-pop-info span:after{content:'';width:28px;height:3px;border-radius:2px;background:#000;position:absolute;transform:rotate(-45deg);top:19px;left:6px}
.home-banner-pop-info iframe{border-radius:6px;width:60vw;height:65vh}
@media (max-width:768px){.home-banner-pop-info{padding:40px 10px 10px}
.home-banner-pop-info span{width:30px;height:30px}
.home-banner-pop-info span:before,.home-banner-pop-info span:after{width:22px;top:13px;left:4px}
.home-banner-pop-info iframe{width:85vw;height:65vw}}
.head-menu-box nav>ul li .side_nav2{padding-left:15px;}
@media (min-width:1025px){.head-main .head-logo{max-width:inherit;max-height:100%;}
.head-main .head-logo img{max-height:95px;}
.head.is-fixed .head-main .head-logo img{max-height:75px}}