/* @font-face{font-family:Myanmar;src:url(../../2022/20221128zltl/font/Myanmar-vLm9.ttf);}
@font-face{font-family:Phetsarath-OT;src:url(../../2022/20221128zltl/font/PhetsarathOT.ttf);}
@font-face{font-family:Myanmar3;src:url(../../2022/20221128zltl/font/Myanmar3.ttf);} */

@charset "utf-8";

/*！--CSS重置和样式初始化*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0
}

@font-face {
  font-family: Phetsarath;
  src: url('../css/Phetsarath\ OT.ttf');
}

html {
  font-size: 14px;
}

body {
  color: #000000;

  font-family: Phetsarath;
  font-weight: 400;
  height: 100%;
  font-size: 16px;


}

td,
th,
caption {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  /* text-decoration:none;  */
}

img {
  border: none;
  display: block;
  margin: 0;
  padding: 0;
}

ol,
ul,
li {
  list-style: none;
}

table {
  border-collapse: collapse;
}

.banxin {
  width: 1200px;
  margin: 0 auto;
}

.flexRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.flexColumn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 头部 */



.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.ellipsis4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.ellipsis5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.ellipsis8 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

.flex {
  display: flex;
}

.flexC {
  display: flex;
  align-items: center;
}

.flexCC {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexBC {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexAC {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.mt50 {
  margin-top: 50px
}

.mt100 {
  margin-top: 100px;
}

.mt10 {
  margin-top: 10px
}

.mt20 {
  margin-top: 20px
}

.mt_25 {
  margin-top: -25px
}

.pd25 {
  padding: 25px
}

.pd20 {
  padding: 20px
}

.pdlr20 {
  padding-left: 20px;
  padding-right: 20px;
}


@media screen and (max-width: 750px) {

  html {

    font-size: calc(100vw / 46.875);

  }


  .tt {

    display: none !important;

  }

}

html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #fff;
  font-family: Phetsarath;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

.swiper {
  width: 100%;
  height: 100%;
}

.h200 {
  height: 100px;
  width: 100%;
}

.swiper-slide {

  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.page {

  background-color: #0A96FF;
}


.banner {
  background-image: url(../images/banner.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1920px 600px;
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  height: 600px;
}

.mTitle {

  height: 530px;
}

.ttBack {
  background-image: url(../images/tt_c.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1000px 90px;
  height: 90px;
  width: 1020px;
  margin: 170px auto 0 auto;
  display: flex;
  justify-items: center;
  align-items: center;
}

.title1 {
  background-image: url(../images/title1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 244px 56px;
  height: 56px;
  width: 244px;
  margin: 20px auto 20px auto;
}

.title2 {
  background-image: url(../images/title2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 230px 56px;
  height: 56px;
  width: 230px;
  margin: 50px auto 20px auto;
}

.title3 {
  background-image: url(../images/title3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 231px 56px;
  height: 56px;
  width: 231px;
  margin: 0px auto 00px auto;
}

.title4 {
  background-image: url(../images/title4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 231px 56px;
  height: 56px;
  width: 231px;
  margin: 50px auto 20px auto;
}
.title5 {
  background-image: url(../images/title5.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 282px 56px;
  height: 56px;
  width: 282px;
  margin: 50px auto 0px auto;
}

.more1 {
  background-image: url(../images/more1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 118px 21px;
  height: 21px;
  width: 118px;


}

.ttT {
  background-image: url(../images/tt.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 193px 64px;
  height: 64px;
  width: 193px;
  color: #fff;
  font-size: 32px;
  line-height: 64px;
  padding-left: 30px;
  text-shadow: 0px 2px 20px #FF8F20;
}

.text1 {
  font-size: 24px;
  font-family: PingFangSC;
  font-weight: normal;
  color: #fff;
}

.text2 {
  color: #fff;
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: normal;
}

.ttContent {
  width: 760px;
}

.titleCommon {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;

}

.tl {
  background-image: url(../images/tl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 320px 60px;
  height: 60px;
  width: 320px;
}

.tr {
  background-image: url(../images/tr.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 340px 60px;
  height: 60px;
  width: 340px;
}

.tc {
  position: relative;
  height: 38px;
  width: 485px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tc3 {
  z-index: 888;
  font-size: 50px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 1px;

  color: #00B3C3;
}

.ll2 {
  width: 660px;
  height: 418px;
  background: linear-gradient(327deg, rgba(10, 149, 255, 0) 49%, #0A77FF 97%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.ywBody {
  height: 375px;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  position: relative;
}

.ywLeft {
  width: 600px;
  height: 360px;
  overflow: hidden;
}

.sw {
  width: 600px;
  height: 360px;
}

.swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.sss {
  width: 100%;
  height: 100%;
  display: block;
}

.ssp2 {
  width: 75%;
  font-size: 16px;
  line-height: 50px;
  text-align: justify;
  padding-left: 5%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #2b2377;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ss2 {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #0A78FF;
  color: white;
  height: 50px;

}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.first {
  height: 215px;
}

.ywRight {
  margin-left: 50px;
  width: 560px;
  height: 360px;
  padding: 15px;
}

.fcc {
  margin-top: 15px;
  line-height: 28px;
}

.date1 {
  float: right;
  font-size: 16px;
  color: #fff;
}

.dashed {
  height: 1px;
  width: 100%;
  border-top: 1px dashed #E5E5E5;
}

.swiper-pagination {
  position: absolute;
  bottom: 5px !important;
  right: 15px !important;
  width: 100px !important;
  left: auto !important;
  ;
}

.swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #0A96FF;
}

.rank ul li {
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}

.date2 {
  float: right;
  font-size: 16px;
  color: #fff;
}

.yuan {
  display: inline-block;
  background: linear-gradient(213deg, #499ce03b 14%, #23bdab36 80%);
  width: 16px;
  height: 16px;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 16px;
  margin-right: 10px;
}

.yqbhBdoy {
  height: 520px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(183, 233, 255, 0.616) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3列 */
  grid-gap: 1px;
  /* 格子之间的间隔 */
  width: 1200px;
  margin-top: 24px;
}

.grid-item {
  background-color: transparent;
  /* 格子的背景色 */
  border: none;
  /* 去除边框 */
  padding: 30px;
  /* 内边距 */
  box-sizing: border-box;
  /* 防止内边距导致尺寸变化 */
}

/* 添加分割线样式 */
.grid-item {

  border-right: 1px solid #00B3C3;
  /* 右边框为分割线 */
  border-bottom: 1px solid #00B3C3;
  /* 底边框为分割线 */
}

.grid-item p {
  color: #000 !important;
}

/* 最后一列和最后一行的格子去除右边和底边框 */
.grid-item:nth-child(3n) {
  border-right: none;
}

.grid-item:nth-last-child(1) {
  border-bottom: none;
}

.grid-item:nth-last-child(2) {
  border-bottom: none;
}

.grid-item:nth-last-child(3) {
  border-bottom: none;
}

.text3 {
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0px;
}

.text4 {
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0px;
}

.date {
  margin-top: 16px;
  margin-bottom: 9px;
}

.arrow-right {
  margin-top: 30px;
  width: 11px;
  height: 19px;
  background-image: url(../images/rightarrow1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px 19px;
  float: right;
}

.arrow-right2 {
  margin-top: 30px;
  width: 11px;
  height: 19px;
  background-image: url(../images/rightarrow2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px 19px;
  float: right;
}

.rmtRmt {
  height: 530px;
  width: 1200px;
  margin: 30px auto 30px auto;
  display: flex;
  justify-content: space-between;
}

.rmtleft {
  position: relative;
  box-sizing: border-box;
  width: 761px;
  height: 530px;
  padding: 22px;
  background: linear-gradient(180deg, #C1E5FD 0%, #48E5E7 80%, #8EC7FA 100%);
}

.rmtImg {
  width: 715px;
  height: 424px;
}

.rmtright {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.rmtright_item {
  width: 415px;
  height: 250px;
  position: relative;
  background: linear-gradient(180deg, #C1E5FD 0%, #48E5E7 80%, #8EC7FA 100%);
}

.text6 {

  font-family: PingFangSC;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #fff;
  text-align: center;
  line-height: 80px
}

.text7 {

  font-family: PingFangSC;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #fff;
  text-align: center;
  line-height: 50px
}

.rmtImg2 {
  width: 100%;
  height: 200px;
}

.play {
  position: absolute;
  bottom: 115px;
  left: 50px;
  width: 50px;
  height: 50px;
  background-image: url(../images/play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px;
}


.play2 {
  position: absolute;
  bottom: 0px;
  margin: auto;
  right: 0;
  top: 0;
  left: 0px;
  width: 50px;
  height: 50px;
  background-image: url(../images/play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px;
}

.gqdtBody {
  width: 1200px;
  height: 689px;
  margin: 30px auto 30px auto;
}



.swiper-slide2 {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw2 {
  width: 1200px;
  height: 689px;
}

.zmhdBody {
  display: flex;
  justify-content: center;
  margin: 30px auto 30px auto;
}

.wwbdtop {
  display: flex;
  justify-content: space-between;
}

.wwbbtt {
  margin-left: 20px;
}

.wwbd {
  height: 400px;
  width: 1200px;
  margin: 30px auto 20px auto;
}

.wwbdtopItem {
  display: flex;
  justify-content: space-between;
  color: #fff;

}

.wwbdtopItem img {
  width: 200px;
  height: 140px;
}

.wwbbText1 {
  font-family: MicrosoftYaHei;
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  width: 340px;
}

.wwbbText2 {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  text-align: justify;
  width: 340px;
}

.wwbdBottom {
  margin-top: 50px;
  color: #fff;
  height: 200px;
  display: flex;
  justify-content: space-between;
}
.eng{
  background-image: url(../images/Eng.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 230px 35px;
  width: 230px;
  height: 35px;
  margin-bottom: 30px;
}
.laowo{
  background-image: url(../images/laowo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 234px 35px;
  width: 234px;
  height: 35px;
  margin-bottom: 30px;
}
.miandian{
  background-image: url(../images/miandian.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 294px 35px;
  width: 294px;
  height: 35px;
  margin-bottom: 30px;
}

.wbtItem {
  width: 370px;
  height: 40px;
}

.wbtItem p {
  height: 30px;
}

.pxlt {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 50px auto 0 auto;
}

.pxltItme {
  height: 180px;
  width: 280px;
}

.pxltItme img {
  height: 130px;
  width: 280px;
}

.pxltItme p {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  background-color: #0A78FF;
  text-align: center;
}

.kmyxitem {
  height: 280px;
  width: 400px;
  background-color: #0A78FF;
}

.kmyx {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 1200px;
  margin: 20px auto 0 auto;
}

.kmyxitem img {
  height: 100%;
  width: 100%;
      object-fit: cover;
    object-position: top;
}

.arr1 {
  background-image: url(../images/arr1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 12px;
  width: 35px;
  height: 12px;
  margin: 17px 0;
}

.kmyxText1 {
  font-size: 24px;
  line-height: 30px;
  color: white;
}

.kmyxText2 {
  font-size: 16px;
  line-height: 26px;
  color: white;
}

.pd40 {
  box-sizing: border-box;
  padding: 38px;
}
.luokuan{
  background-image: url(../images/luokuan.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1920px 100px;
  width: 1920px;
  margin-left: auto;
  margin-right: auto;
  height: 100px;
}

.ynyxbg{
  background-image: url(../images/bg3.png);
  background-repeat: no-repeat;
  background-position: center;

  background-size: 1920px 600px;
  width: 1920px;
  height: 600px;
  margin-top: -400px;
  margin-left: auto;
  margin-right: auto;
}

.ycfc{
  width: 1200px;
  height: 460px;
  margin: 20px auto 0 auto;
}
.ycfcItem{
  height: 460px;
  /* width: 140px; */
  
  display: flex;
}

.fullImg img{
  width: 780px;
  height: 460px;
}

.sImg{
  width: 140px;
  height: 460px;
  overflow: hidden;
 
  background-color: rebeccapurple;
}
.sImg img{
  display: block;
  width: 780px;
  height: 460px;
 
}