@font-face { font-family: impact; src: url(impact.ttf); }
*{ margin: 0; padding: 0; font-weight: normal; list-style: none; }
body{ max-width: 1920px; margin: 0 auto; }
a{ text-decoration: none; }
img{ max-width: 100%; }
.wrap{ width: 1400px; margin: 0 auto; }
.imgZoom { overflow: hidden; }
.imgZoom img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; display: block; margin: 0 auto; }
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.banner img{ display: block; position: relative;  }
.banner .banac{ position: absolute; top: 55%; right: 25%; width: 210px; height: 50px; line-height: 50px; background-color: #1772cd; text-align: center; color: #ffffff; font-size: 1.25rem; text-transform: capitalize; border-radius: 30px;}
.part1{ background-color: #f6f6f6; padding: 70px 0; }
.ptit{ text-align: center; margin-bottom: 40px; font-size: 48px; line-height: 1; font-family: impact; color: #898989; display: flex; align-items: center; justify-content: center;}
.ptit:before,.ptit:after{ content: ""; display: inline-block; width: 200px; height: 3px; background-color: #898989; margin-right: 20px;}
.ptit:after{ margin-right: 0; margin-left: 20px; }
.partc{ display: flex; justify-content: space-between; align-items: flex-start; }
.partc dt{ width: 32%; }
.partc .imgZoom{ position: relative; }
.partc .imgZoom img{ width: 100%; }
.partc .txt{ position: absolute; top: -30px; left: 10%; width: 80%; height: 100%; text-align: center; color: #ffffff; background: url(pt1-1.png) no-repeat center 40%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.partc .txt h2{ font-family: impact; font-size: 36px; margin-top: 50px; line-height: 1.2;}
.partc .txt h2:after{ content: ""; display: block; width: 100px; height: 3px; background-color: #1772cd; margin: 50px auto 100px; }
.partc .txt p{ font-size: 18px;text-transform:uppercase; color: #ffffff; }
.partc dd{ width: 68%; }
.partc1{ width: 100%; display: flex; flex-wrap: wrap; }
.partc1 li{ width: 48%; margin-left: 2%; margin-bottom: 15px; }
.partc1 li .imgZoom{ position: relative; }
.partc1 li h3{ position: absolute; left: 10%; bottom: 30px; width: 80%; height: 40px; line-height: 40px; text-align: center; color: #ffffff; background-color: #1772cd; border-radius: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform: capitalize;}
.part2{ padding: 70px 0;}
.pt2{ margin-bottom: 30px; text-align: center; background: url(pt2.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 30px 0; color: #ffffff;}
.pt2 a{ color: #ffffff; }
.pt2 h2{ font-family: impact; font-size: 36px; line-height: 1.2;}
.pt2 h2:after{ content: ""; display: block; width: 100px; height: 3px; background-color: #c3a500; margin: 10px auto; }
.pt2 p{ font-size: 18px; text-transform:uppercase;}
.part2c{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -1%; }
.part2c li{ width: 31.3333%; margin: 0 1%; background-color: #f6f6f6;  }
.part2c li h3{ margin: 15px auto; width: 80%; height: 40px; line-height: 40px; text-align: center; color: #ffffff; background-color: #1772cd; border-radius: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-transform: capitalize;}
.part4 .pt2{ background: url(pt4.jpg) no-repeat center center; background-size: cover;}
.part5{ padding: 50px 0;}

.partc dt{ position:relative; }
.partm{position: absolute;  bottom: 80px; left: 10%;  width: 80%;}
.partm li { width: 48%; margin: 0 1%; float: left; text-align: center; color: #ffffff;}
.partm li a{ color: #ffffff; display: block; background-color: #1772cd; padding: 10px; border-radius: 30px; text-transform: capitalize;}
.partm li a:hover{ background-color: #333333; }

@media (max-width:1400px) {
.wrap { width: 96%; margin: 0 auto; }
.partc .txt{ background-image: none; }
}
@media (max-width:800px) {
.partc{ flex-wrap: wrap; }
.partc dt,.partc dd{ width: 100%; }
.partc dt{  margin-bottom: 20px; }
.partc dt .imgZoom img{ height: 220px; object-fit: cover; }
.partc .txt h2{ margin-top: 0; }
.partc .txt h2:after{ margin: 10px auto; }
.partc1 li h3,.part2c li h3{ width: 100%; left: 0; position: relative; }
.partc1 li{ margin: 0 1%; }
.partc1{ margin: 0 -1%; }
.part2,.part1{ padding: 40px 0;}
.part5{ padding-bottom: 40px;}
}
@media (max-width:480px) {
.part2c li,.partc1 li{ width: 100%; margin: 0 auto; }
.partm{ bottom: 30px; }
}