@media screen and (max-width: 767px){.page-introduce{overflow-x:hidden}}.page-introduce .container{max-width:inherit}@media screen and (min-width: 576px){.page-introduce .container{max-width:540px}}@media screen and (min-width: 768px){.page-introduce .container{max-width:720px}}@media screen and (min-width: 992px){.page-introduce .container{max-width:960px}}@media screen and (min-width: 1024px){.page-introduce .container{max-width:inherit;padding:0 10vw}}.page-introduce .col-md-12{padding:0}.page-introduce .banner-top{position:relative;min-height:300px;max-height:350px;background-color:#fff}.page-introduce .banner-top .page-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3}.page-introduce .banner-top .page-title .title-head{font-size:58px;color:#38942f;text-transform:uppercase}@media screen and (max-width: 767px){.page-introduce .banner-top .page-title .title-head{font-size:36px}}.page-introduce .banner-introduce{position:relative}@media screen and (max-width: 767px){.page-introduce .banner-introduce{padding-top:100px}}.page-introduce .banner-introduce .banner-introduce--about{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;text-align:center;max-width:855px;margin:50px auto;z-index:10}@media screen and (max-width: 991px){.page-introduce .banner-introduce .banner-introduce--about{width:100%;text-align:center;max-width:855px;margin:50px auto;position:relative}}@media screen and (max-width: 767px){.page-introduce .banner-introduce .banner-introduce--about{position:absolute;top:2em;margin:0}}.page-introduce .banner-introduce .banner-introduce--about .banner-introduce--title{font-size:36px;color:#38942f;margin-bottom:0px;font-family:"Montserrat", sans-serif;font-weight:600}@media screen and (max-width: 767px){.page-introduce .banner-introduce .banner-introduce--about .banner-introduce--title{font-size:26px}}.page-introduce .banner-introduce .banner-introduce--about .banner-introduce--des{font-size:15px;font-weight:400;padding:20px}@media screen and (max-width: 767px){.page-introduce .banner-introduce .banner-introduce--about .banner-introduce--des{text-align:justify}}.page-introduce .section-vision{position:relative}@media screen and (min-width: 768px){.page-introduce .section-vision{margin-top:80px;margin-bottom:50px}}.page-introduce .section-vision .row{align-items:center}@media screen and (min-width: 992px){.page-introduce .section-vision .row .content-vision{margin-left:60px}}.page-introduce .section-vision .row .content-vision .content-visiton--title{font-size:36px;color:#38942f;margin-bottom:20px;position:relative;padding-bottom:0px;text-transform:uppercase;margin-top:30px;font-family:"Montserrat", sans-serif;font-weight:600}@media screen and (max-width: 767px){.page-introduce .section-vision .row .content-vision .content-visiton--title{font-size:26px;text-align:center}}.page-introduce .section-vision .row .content-vision .content-vision--des{font-size:15px;color:#656565;margin-bottom:20px;font-weight:400;text-align:justify}.page-introduce .section-vision .row .section-image{padding-top:125%}.page-introduce .section-cores .container{padding-top:70px;padding-bottom:30px}@media screen and (max-width: 767px){.page-introduce .section-cores .container{padding-top:30px;padding-bottom:0px}}.page-introduce .section-cores .container .section-cores--title{text-align:center}.page-introduce .section-cores .container .section-cores--title .title-head{font-size:36px;color:#38942f;margin-bottom:50px;position:relative;padding-bottom:0px;text-transform:uppercase;margin-top:30px;font-family:"Montserrat", sans-serif;font-weight:600}@media screen and (max-width: 767px){.page-introduce .section-cores .container .section-cores--title .title-head{font-size:26px}}.page-introduce .section-cores .container .cores-blocks{display:flex;gap:10px;align-items:flex-start}@media screen and (max-width: 1023px){.page-introduce .section-cores .container .cores-blocks{flex-wrap:wrap}}@media screen and (max-width: 767px){.page-introduce .section-cores .container .cores-blocks{display:block}}.page-introduce .section-cores .container .cores-blocks .core-item{flex:0 0 33%;padding:0 1px;overflow:hidden}@media screen and (min-width: 1024px){.page-introduce .section-cores .container .cores-blocks .core-item:hover .divtext .text_outner{top:0;padding-top:10%;height:100%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out}.page-introduce .section-cores .container .cores-blocks .core-item:hover .divtext .text_outner .core-item--content .core-des{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:initial;height:auto;display:-webkit-box;-webkit-box-orient:vertical}}@media screen and (max-width: 1023px){.page-introduce .section-cores .container .cores-blocks .core-item{flex:0 0 49%}}@media screen and (max-width: 767px){.page-introduce .section-cores .container .cores-blocks .core-item{width:100%;margin-bottom:12px}}.page-introduce .section-cores .container .cores-blocks .core-item .divtext{position:relative}.page-introduce .section-cores .container .cores-blocks .core-item .divtext .img{padding-top:150%}@media screen and (max-width: 767px){.page-introduce .section-cores .container .cores-blocks .core-item .divtext .img{padding-top:95%}}.page-introduce .section-cores .container .cores-blocks .core-item .divtext .text_outner{position:absolute;top:0;height:100%;width:100%;padding-top:10%;left:0;z-index:10;background:rgba(0,0,0,0.5)}@media screen and (max-width: 1449px){.page-introduce .section-cores .container .cores-blocks .core-item .divtext .text_outner{top:0;height:100%}}.page-introduce .section-cores .container .cores-blocks .core-item .divtext .text_outner .core-item--content{color:#fff;padding:12px;transition:all 0.5s ease-in-out}@media screen and (max-width: 1449px){.page-introduce .section-cores .container .cores-blocks .core-item .divtext .text_outner .core-item--content{top:50%;padding:25px;top:50%;transform:translateY(-50%);position:absolute}}.page-introduce .section-cores .container .cores-blocks .core-item .divtext .text_outner .core-item--content .core-title{text-transform:uppercase;font-size:22px;font-weight:500;margin-bottom:20px}.page-introduce .section-cores .container .cores-blocks .core-item .divtext .text_outner .core-item--content .core-des{line-height:1.72em;font-size:15px}.page-introduce .section-image{position:relative;overflow:hidden;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.page-introduce .section-image img{z-index:1;object-fit:cover;position:absolute;width:100% !important;height:100% !important;top:0;left:0;transition:all 0.3s ease-in-out}
