.welcome { padding: 100px 0; background: url(bg_00.jpg) 45px 100px no-repeat, #fff }
.welcome .welcome__left { width: 590px }
.welcome .welcome__left .h0070b7 { font-size: 38px; margin-bottom: 20px }
.welcome .welcome__left .h999 { font-size: 19px; margin-bottom: 30px }
.welcome .welcome__left .welcome__mess { line-height: 28px }
.welcome .welcome__left .social { margin: 50px 0 30px; padding: 0 }
.welcome .welcome__left .social li { display: inline-block; margin-right: 10px }
.welcome .welcome__left .social li a { display: block; width: 44px; height: 44px }
.welcome .welcome__left .welcome__dt { padding-left: 26px; background: url(../Web/icon_contact.png) left center no-repeat }
.welcome .welcome__right { width: calc(100% - 590px); position: relative }
.welcome .welcome__right .round { overflow: hidden; border: 9px solid #fff; box-shadow: 0 0 23px rgba(0, 0, 1, .17); border-radius: 50%; position: absolute }
.welcome .welcome__right .round .khungAnh::before { padding-bottom: 100% }
.welcome .welcome__right .round01 { width: 317px; right: 260px; z-index: 3 }
.welcome .welcome__right .round02 { width: 277px; right: 130px; z-index: 2; top: 22px }
.welcome .welcome__right .round03 { width: 235px; right: 0; top: 40px; z-index: 1 }
.project { background: url(bg_01.jpg) no-repeat; padding: 60px 0 80px;background-size: cover}
.odd, .even{ width: 100%;}
.prdct__home__item{width: 100%}
 .prdct__home__item .khungAnh { width: 50% }
.prdct__home__item .khungAnh::before { padding-bottom: 57.63% }
.prdct__home__item .desc { width: 50%; display: block; position: relative; height: 170px; max-height: none; background: #fff; padding: 20px 20px 0 18px; overflow: visible }
.prdct__home__item .desc .title { font-size: 15px; line-height: 21px; padding: 0; max-height: 42px; height: 42px; overflow: hidden }
.prdct__home__item .desc .text { font-size: 14px; line-height: 21px; height: 42px; overflow: hidden }
.prdct__home__item .desc .see__detail { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto }

.odd .prdct__home__item .desc::before, .odd .prdct__home__item .desc::after { top: 50%; content: " "; height: 0; width: 0; position: absolute; margin-top: -15px; z-index: 100; pointer-events: none }
.odd .prdct__home__item .desc::after { right: 100%; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px }
.odd .prdct__home__item:nth-child(2n) .khungAnh{float: right}
.odd .prdct__home__item:nth-child(2n) .desc::before{left: 100%; transform: scaleX(-1); border: solid transparent; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px }
.odd .prdct__home__item:nth-child(2n) .desc::after { right: 100%; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 0 }
.even .prdct__home__item .desc::before { left: 100%; transform: scaleX(-1); border: solid transparent; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px }
.equip { background: url(bg_03.jpg) center center no-repeat; background-size: cover; padding: 45px 0 20px }
.equip ul.tabs { margin: 0 0 26px; padding: 0; text-align: center }
.equip ul.tabs li { display: inline-block; border: 1px solid #dbdbdb; border-right: none; margin-left: 0 }
.equip ul.tabs li a { display: block; font-size: 12px; line-height: 24px; padding: 3px 7px }
.equip ul.tabs li:last-child { border-right: 1px solid #dbdbdb }
.equip ul.tabs li.selected { border: 1px solid #aaa; background: #aaa }
.equip ul.tabs li.selected a { color: #fff }
.gallery { background: url(bg_04.jpg) center center no-repeat; background-size: cover; padding: 55px 0 75px }
.gallery .left, .gallery .right { width: 50%; float: left }
.gallery .gallery__title { padding-bottom: 15px }
.gallery .gallery__title .fl { font-size: 30px; line-height: 30px; position: relative; padding-right: 7px }
.gallery .gallery__title .fl::after { content: ''; position: absolute; width: 232px; height: 14px; left: calc(100% + 7px); bottom: 4px; background: url(../Web/3dash.png) }
.gallery .gallery__title .fr { display: block; line-height: 30px; padding-right: 10px; background: url(../Web/icon_more.png) right 11px no-repeat }
.gallery .left { padding-right: 20px }
.gallery .left .khungAnh:hover .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(cross.png) center center no-repeat; z-index: 2; pointer-events: none }
.gallery .left .khungAnh.w50 { width: 50% }
.gallery .left .khungAnh.w50::before { padding-bottom: 47.36% }
.gallery .left .khungAnh.w25 { width: 25% }
.gallery .left .khungAnh.w25::before { padding-bottom: 86.71% }
.gallery .right { padding-left: 20px }
.news__event { background: url(bg_03.jpg) center center no-repeat; background-size: cover; padding: 50px 0 25px }
.bla__des { margin-bottom: 15px }
.news__item02 { margin-bottom: 50px }
.news__item02 .item { width: 221px }
.news__item02 .item .khungAnh::before { padding-bottom: 67% }
.news__item02 .des { width: calc(100% - 221px); padding-left: 16px }
.news__item02 .des .fwb { font-size: 16px; line-height: 22px; max-height: 44px; overflow: hidden }
.news__item02 .des .fwb:hover { color: #1765a3 }
.news__item02 .des .date { font-size: 12px }
.news__item02 .des .short__des { max-height: 72px; overflow: hidden; text-align: justify }
.news__item02 .des .dt { display: block; border-radius: 2px; border: 1px solid #ccc; color: #06c; background: #fff; padding-left: 16px; line-height: 25px; position: relative; bottom: 0; right: 0; width: 82px; height: 25px }
.news__item02 .des .dt img:first-child { display: none }
.news__item02 .des .dt img:last-child, .news__item02 .des .dt:hover img:first-child { display: inline }
.news__item02 .des .dt:hover { color: #fff; background-color: #1765a3; border: 1px solid #1765a3 }
.news__item02 .des .dt:hover img:last-child { display: none }
.intro__list { padding: 40px 0 60px }
.intro__list .left { width: 600px; padding-right: 20px }
.intro__list .left .tit { font-size: 30px; margin-bottom: 5px }
.intro__list .left .intro__bla { height: 196px }
.intro__list .left .intro__bla .readmore { background: url(../Web/more03.jpg) right 7px no-repeat; padding-right: 7px }
.intro__list .right { width: 578px }
.intro__list .right .khungAnh::before { padding-bottom: 67.8% }
.news__gr { margin-bottom: 20px }
.news__gr02 { border-bottom: 1px solid #e8e8e8 }
.news__gr02:last-child { border-bottom: none; margin-bottom: 0 }
.cate { position: absolute; top: 0; left: 12px; z-index: 5 }
.cate a { color: #fff; padding: 2px 15px; font-size: 16px }
.lastest__news .lastest { width: 59.5%; position: relative; margin-bottom: 32px }
.lastest__news .lastest .khungAnh::before { padding-bottom: 48% }
.lastest__news .lastest .khungAnh::after { content: ''; position: absolute; width: 117px; height: 4px; bottom: 0; left: 0; background: #ffe400; z-index: 5 }
.lastest__news .lastest .title { padding: 0; z-index: 5; font-size: 18px; line-height: 26px; max-height: 52px; overflow: hidden; color: #fff; position: absolute; bottom: 15px; left: 20px }
.lastest__news .other { width: 40.5%; padding-left: 20px }
.lastest__news .other .other__item { margin-bottom: 27px }
.lastest__news .other .other__item .item { width: 30.5% }
.lastest__news .other .other__item .item .khungAnh::before { padding-bottom: 66.4% }
.lastest__news .other .other__item .des { width: 69.5%; padding-left: 10px }
.lastest__news .other .other__item .des .title { padding: 0; margin-top: -5px; font-size: 15px; line-height: 20px; max-height: 40px }
.lastest__news .other .other__item .des .desc { line-height: 18px; max-height: 54px; overflow: hidden }
.col__news { position: relative; width: calc((100% - 36px) / 3); margin-right: 18px }
.col__news .title { margin: 20px 0 10px; padding: 0; font-size: 14px; line-height: 22px; max-height: 44px; height: 44px; overflow: hidden; color: #000 }
.col__news .desc { font-size: 13px; line-height: 19px; max-height: 57px; overflow: hidden }
.col__news ul { border-top: 1px solid #d9d9d9; padding-left: 0; margin-bottom: 0; padding-top: 20px }
.col__news ul li { background: url(bullet05.jpg) left 10px no-repeat; padding-left: 15px; margin-bottom: 10px }
.col__news ul li a { font-size: 14px; line-height: 24px }
.col__news ul li a p { font-size: 12px; line-height: 24px; color: #828282 }
.col__news:nth-child(3n) { margin-right: 0 }
.prdct__gr { border-bottom: 1px solid #e8e8e8; margin-bottom: 35px }
.prdct__gr:last-child { border-bottom: none; margin-bottom: 0 }