@media screen and (min-width:0px) {    html {font-size: 7.8125?%; }
}
@media screen and (min-width:40px) {    html {font-size: 7.8125?%; }
}
@media screen and (min-width:80px) {    html {font-size: 15.625%; }
}
@media screen and (min-width:120px) {    html {font-size: 23.4375%; }
}
@media screen and (min-width:160px) {    html {font-size: 31.25%; }
}
@media screen and (min-width:200px) {    html {font-size: 39.0625%; }
}
@media screen and (min-width:240px) {    html {font-size: 46.875%; }
}
@media screen and (min-width:280px) {    html {font-size: 54.6875%; }
}
@media screen and (min-width:320px) {    html {font-size: 62.5%; }
}
@media screen and (min-width:360px) {    html {font-size: 70.3125%; }
}
@media screen and (min-width:400px) {    html {font-size: 78.125%; }
}
@media screen and (min-width:440px) {    html {font-size: 85.9375%; }
}
@media screen and (min-width:480px) {    html {font-size: 93.75%; }
}
@media screen and (min-width:520px) {    html {font-size: 101.5625%; }
}
@media screen and (min-width:560px) {    html {font-size: 109.375%; }
}
@media screen and (min-width:600px) {    html {font-size: 117.1875?%; }
}
@media screen and (min-width:640px) {    html {font-size: 125%; }
}
/* 640--กท20 */.nav-btn {    width: 10%; height: 2rem; background: url(../images/head-nav.png) no-repeat; background-size: 100% 100%;}
.p1a {    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.p1a li {    width: 24.6%; background-color: #0e66bf; height: 3.29rem; text-align: center; margin-bottom: 0.4%;}
.p1a li a h3 {    font-size: 1.43rem; font-weight: 400; line-height: 3.29rem; color: #ffffff;}
.p1a li:hover {    background-color: #059341;}
.index-title {    text-align: center;}
.index-title h3 {    font-size: 1.95rem; font-weight: normal; color: #282828; margin-bottom: 0.5rem;}
.index-title p {    font-size: 0.98rem; color: rgba(0, 69, 135, .6)}

.p2 {    margin-top: 2.5rem;}
.p2a {    display: flex; justify-content: center; margin-top: 6%; border-bottom: 0.93rem solid #eeeeee; padding-bottom: 1.79rem;}
.p2a li {    width: 30%; background-color: #eeeeee; padding: 6% 2% 6%; text-align: center; box-sizing: border-box;}
.p2a li h3 {    font-size: 1.29rem; font-weight: normal; letter-spacing: 0.05rem; color: #1558a6; margin-bottom: 20%; position: relative;}
.p2a li h3::after {    content: ""; width: 30%; height: 0.14rem; background-color: #8b8b8c; position: absolute; bottom: -20%; left: 50%; transform: translateX(-50%);}
.p2a li:nth-child(2) {    margin: 0 2%;}
.p2a li p {    font-size: 0.84rem; line-height: 1.79rem; color: #595757;}
.p2a li:hover {    background-color: #0e66bf;}
.p2a li:hover h3 {    color: #fff;}
.p2a li:hover h3::after {    background-color: #fff;}
.p2a li:hover p {    color: #fff;}
.p3 {    padding-top: 2.36rem;}
.p3a {    display: flex; justify-content: center; flex-wrap: wrap; margin-top: 1.9rem;}
.p3a li {    width: 28%; height: 3.5rem; border: solid 0.07rem #bfbfbf; text-align: center; line-height: 3.5rem; font-size: 1.2rem; color: #898989; margin-bottom: 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.p3a li:nth-child(2) {    margin: 0 2%;}
.p3a li:nth-child(5) {    margin: 0 2%;}
.p3a li:hover {    border: solid 0.07rem #0e66bf; color: #0e66bf;}
.p2b {    display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 6%; border-bottom: 0.93rem solid #eeeeee; padding-bottom: 1.79rem; margin-top: 1.4rem;}
.p2b li {    width: 48%; text-align: center; margin-bottom: 4%;}
.p2b li a {    display: block;}
.p2b li a img {    width: 100%;}
.p2b li a h3 {    font-size: 1.42rem; font-weight: normal; color: #000000; opacity: 0.98; line-height: 3rem;}
.p4 {    padding: 2.06rem 0 2.94rem;}
.p4a {    padding: 0 4%; box-sizing: border-box;}
.p4a .slick-slide {    text-align: center; background-color: #ffffff; margin: 1rem;}
.p4a .slick-slide a {    display: block; padding: 2.13rem 1.6rem 2.8rem;}
.p4a .slick-active {    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);}
.p4a .slick-slide img {    display: inline-block; width: 80%;}
.p4a .slick-slide h3 {    font-size: 1.5rem; color: #0a5db9; font-weight: 400; margin: 6% 0;}
.p4a .slick-slide p {    font-size: 1rem; color: #3e3a39;}
.p4a .slick-list {    padding: 4%;}
.p4a .slick-next {    color: rgba(255, 255, 255, .1); outline: none; border: none; background: url(../images/m-right.png) no-repeat center center; width: 1.56rem; height: 3.88rem; background-size: 100% 100%; position: absolute; right: 2%; top: 50%; transform: translateY(-50%);}
.p4a .slick-prev {    color: rgba(255, 255, 255, .1); outline: none; border: none; background: url(../images/mleft.png) no-repeat center center; width: 1.56rem; height: 3.88rem; background-size: 100% 100%; position: absolute; left: 2%; top: 50%; transform: translateY(-50%); z-index: 99;}
.p5 {    border-bottom: 0.93rem solid #eeeeee; padding-bottom: 1.79rem;}
.p5a {    padding: 0 8%; overflow: hidden; margin-top: 2.5rem;}
.p5a .swiper-slide {    width: 48%;}
.p5a .swiper-slide a img {    display: block; width: 100%;}
.p5a .swiper-button-prev {    background: url(../images/gc-left.png) no-repeat center center; width: 1.56rem; height: 3.88rem; background-size: 100% 100%; position: absolute; left: -6%; top: 63%; transform: translateY(-50%); outline: none; z-index: 999; cursor: pointer;}
.p5a .swiper-button-next {    background: url(../images/gc-right.png) no-repeat center center; width: 1.56rem; height: 3.88rem; background-size: 100% 100%; position: absolute; right: -6%; top: 63%; z-index: 999; transform: translateY(-50%); outline: none; cursor: pointer;}
.p5a .swiper-slide h3 {    font-size: 1.42rem; font-weight: normal; color: #000000; text-align: center; margin-top: 1rem;}
.p5a .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {    opacity: 1 !important;}
.p6 {    padding-top: 2.5rem; background: url(../images/webab.png) no-repeat left bottom; background-size: 100%; height: 18rem;}
.p6a {    padding: 0.8rem 4rem 0;}
.p6a p {    font-size: 1.07rem; line-height: 2rem; color: #282828;}
.p6a>a {    width: 40%; height: 3.25rem; background-color: #0e66bf; font-size: 1.28rem; line-height: 2.5rem; color: #ffffff; display: block; margin: 1rem auto 0; text-align: center;}
.p7 {    background: url(../images/lc1.png) no-repeat left top; background-size: 100% 100%; margin-top: 2rem; padding-top: 2rem; padding-bottom: 1.5rem;}
.p7 .index-title h3 {   color: #fff; position: relative;}
.p7 .index-title h3::after {  content: ""; width: 4.63rem; height: 0.25rem; background-color: #ffffff; position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%);}
.p7a {    display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 2rem; margin-top: 3rem}
.p7a li {    width: 7.4rem; height: 7.4rem; background: url(../images/cir.png) no-repeat center center; background-size: 100% 100%; border-radius: 50%; margin-bottom: 2rem;}
.p7a li a {    display: block; width: 5.5rem; height: 5.5rem; line-height: 5.5rem; margin: 1rem auto 0; background-color: #fff; border-radius: 50%; text-align: center; position: relative; color: #0e66bf;}
.p7a li a h3 {    position: absolute; font-size: 1.5rem; font-weight: normal; color: #ffffff; top: -64%; left: 50%; transform: translateX(-50%);}
.p7a li:hover a {    background-color: #059341; color: #ffffff;}
 .p8 {    margin-top: 3rem;}
.p8a {    width: 88%; display: flex; justify-content: space-between; height: 3rem; line-height: 3rem; margin: 2.4rem auto 0; text-align: center;}
.p8a li {    width: 30%; background-color: #d2d2d2;}
.p8a li a {    font-size: 1.71rem; color: #3e3a39; text-align: center;}
.p8a li.cur {    background-color: #0e66bf;}
.p8a li.cur a {    color: #fff;}
.p8tab {    padding: 0 6%;}
.newslist li a {    display: block;}
.newslist li a img {    display: block; width: 100%; margin-top: 1rem;}
.newslist .newsText {    background-color: #0e66bf; padding-bottom: 1rem;}
.newslist li a h3 {    font-size: 1.46rem; font-weight: normal; color: #fefefe; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 2.5rem; border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 0 1.5rem;}
.newslist li a p {    font-size: 1.1rem; line-height: 1.86rem; color: #fefefe; margin-top: 1.4rem; padding: 0 1.5rem;}
.newslist li a span {    display: inline-block; font-size: 0.91rem; color: #fefefe; margin-top: 2rem; padding: 0 1.5rem;}
.newslist1 li {    height: 3.5rem; line-height: 3.5rem; border-bottom: 1px solid rgba(67, 67, 67, .1);}
.newslist1 li a {    display: flex; justify-content: space-between; align-items: center; width: 100%;}
.newslist1 li h3 {    font-size: 1.1rem; font-weight: normal; color: #282828; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/dot.png) no-repeat left center; padding-left: 5%;}
.newslist1 li span {    font-size: 1.1rem; font-weight: normal; font-stretch: normal; letter-spacing: 0rem; color: rgba(40, 40, 40, .5); width: 30%; text-align: right;}
 .mob-ads {    background-color: #1b1b1b; padding: 2.3rem 2% 2.3rem; text-align: center; color: #fff; }
.mob-ads .ad1 h3 {    font-size: 1.79rem;}
.mob-ads .ad1 p {    font-size: 0.71rem; line-height: 2rem;}
.mob-ads .ad2 p {    font-size: 1.28rem; line-height: 2rem;}
.mob-ads  .ad3  p {    font-size: 0.85rem; color: rgba(255, 255, 255, .8); margin-top: 1rem;}