@charset "utf-8";
/* 默认 */
@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);}

body {font-size: 16px; line-height: 26px; font-family:"微软雅黑"; 
color: #F0D099; background:#BF424C url(bg.png) no-repeat center 860px;}


*{ margin:0; padding:0;}
a {text-decoration:none;color: #F0D099;}
a:hover {text-decoration: underline; color:#F0D6A3; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}

.container{ width:1200px; margin:-100px auto 0 auto;}

.banner{ width:100%; height:1032px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 60px; }
.banner2{ padding-top: 160px; }


.icon_1{ width: 100%; height: auto; margin-bottom: 25px; text-align: right; }
.icon_0{ width: 100%; height: auto; margin-bottom: 15px; text-align: center; }

.nav_1left{ float: left;width: 520px; }
.nav_1left_img dl{ float:left;width: 520px;height: 330px; position:relative;}
.nav_1left_img dl img{width: 520px;height: 330px; z-index:1; position:absolute; top:0; }
.nav_1left_img dl dt{background:rgba(188, 52, 67, 0.8);width:480px; padding:15px 20px; position:absolute; z-index:9; bottom:0; color:#F0D099; font-size:20px;font-weight: bold;}

.nav_1right0{ margin-top: 40px; }
.nav_1right0 dl{ height: 92px; line-height: 22px; margin-bottom: 33px;}
.nav_1right0 dl dt{ width: 400px; float: right; color: #F0D099;font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.nav_1right0 dl dd{width: 400px; float: right;line-height: 26px;margin-bottom: 20px;}
.nav_1right0 dl span{ width: 74px; height: 74px; text-align: center;font-size: 16px; overflow: hidden; float: left; padding: 14px 0 0 9px;}
.nav_1right0 dl span i{ display: block;font-size: 28px; border-bottom: 1px solid #F0D099; height: 35px; font-style: normal; margin-bottom: 5px;}
.nav_1right0 dl a{background:url(bg1_1.png) no-repeat left; display: block;height: 92px; color: #F0D099;}
.nav_1right0 dl a:hover{background:url(bg1_2.png) no-repeat left; }
.nav_1right0 dl a span{color: #F0D099;}
.nav_1right0 dl:hover a span{color: #BC3443; }
.nav_1right0 dl:hover a span i{border-bottom: 1px solid #BC3443;}

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:8px; height:8px;filter: alpha(opacity=100); opacity: 1.0; border: 1px solid #F0D099; background: #BC3443;}
.focusBox1 .swiper-pagination-bullet-active{background:#F0D099;}
.focusBox1 .swiper-pagination-bullets{ left: 35%;}
.focusBox1 .swiper-button-next{ position:absolute;width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 45%; right: 0; }
.focusBox1 .swiper-button-prev{ position:absolute; width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 45%; left:0;}



.nav_7left {}
.nav_7left .swiper-pagination-bullet{ width:8px; height:8px;filter: alpha(opacity=100); opacity: 1.0; border: 1px solid #F0D099; background: #BC3443;}
.nav_7left .swiper-pagination-bullet-active{background:#F0D099;}
.nav_7left .swiper-pagination-bullets{ left: 35%;}
.nav_7left .swiper-button-next{ position:absolute;width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 45%; right: 0; }
.nav_7left .swiper-button-prev{ position:absolute; width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 45%; left:0;}




.focusBox3 {  }
.focusBox3 .swiper-pagination-bullet{ width:12px; height:12px;filter: alpha(opacity=100); opacity: 1.0; border-radius: 6px; background: #FDDD89;}
.focusBox3 .swiper-pagination-bullet-active{width: 25px;}
.focusBox3 .swiper-pagination-bullets{ }

.focusBox3 .swiper-button-next{ position:absolute;width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 45%; right: 0; }
.focusBox3 .swiper-button-prev{ position:absolute; width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 45%; left:0;}


.focusBox4 {}
.focusBox4 .swiper-pagination-bullet{ width:12px; height:12px;filter: alpha(opacity=100); opacity: 1.0; border-radius: 6px; background: #FDDD89;}
.focusBox4 .swiper-pagination-bullet-active{width: 25px;}
.focusBox4 .swiper-pagination-bullets{ }

.focusBox4 .swiper-button-next{ position:absolute;width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 30%; right: 0; }
.focusBox4 .swiper-button-prev{ position:absolute; width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 30%; left:0;}


.focusBox5 { padding-bottom:60px; }
.focusBox5 .swiper-pagination-bullet{ width:12px; height:12px;filter: alpha(opacity=100); opacity: 1.0; border-radius: 6px; background: #BC3443;}
.focusBox5 .swiper-pagination-bullet-active{width: 25px;}
.focusBox5 .swiper-pagination-bullets{ }

.focusBox5 .swiper-button-next{ position:absolute;width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 40%; right: 0; }
.focusBox5 .swiper-button-prev{ position:absolute; width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 40%; left:0;}


.nav_1right{ float: right;width: 630px; margin-bottom:110px;}
.nav_1right dl{ height: 92px; line-height: 22px; margin-bottom: 33px;}
.nav_1right dl dt{ width: 520px; float: right; color: #F0D099;font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.nav_1right dl dd{width: 520px; float: right;line-height: 26px;margin-bottom: 20px;}
.nav_1right dl span{ width: 74px; height: 74px; text-align: center;font-size: 16px; overflow: hidden; float: left; padding: 14px 0 0 9px;}
.nav_1right dl span i{ display: block;font-size: 28px; border-bottom: 1px solid #F0D099; height: 35px; font-style: normal; margin-bottom: 5px;}
.nav_1right dl a{background:url(bg1_1.png) no-repeat left; display: block;height: 92px; color: #F0D099;}
.nav_1right dl a:hover{background:url(bg1_2.png) no-repeat left; }
.nav_1right dl a span{color: #F0D099;}
.nav_1right dl:hover a span{color: #BC3443; }
.nav_1right dl:hover a span i{border-bottom: 1px solid #BC3443;}


.all_centerbg{ width: 1200px; margin: auto; }




.nav_2bg{background:url(bg2.png) no-repeat top; width: 100%; height: 728px; margin-bottom: 60px;}
.nav_2{ padding-top: 100px; width: 1040px; margin:0 auto; }

.all_imgbg{ margin-bottom: 20px; }
.all_imgbg dl{ width: 330px; height: 190px; position: relative; }
.all_imgbg dl dt img{ width: 330px; height: 190px; }
.all_imgbg dl a{ width: 330px; height: 190px;text-decoration: none;}
.all_imgbg dl a dd{ display: none; }
.all_imgbg dl a:hover dd{ display: block; width: 250px; padding: 0 40px; height: 190px;background:rgba(188, 52, 67, 0.8);display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; top: 0;font-size: 20px;font-weight: bold;line-height: 36px;}

.all_txtbg{  }
.all_txtbg dl{ width: 478px; height: 98px; float: left; background:url(bg2_1.png) no-repeat top; margin-bottom: 20px; padding: 15px;}
.all_txtbg dl:nth-child(even){ float: right; }
.all_txtbg dl dt{ color: #fff;font-size: 18px; margin-bottom: 5px; width: 350px; font-weight: bold; }
.all_txtbg dl dd{ color: #fff; width: 350px; }
.all_txtbg dl span{ float: right; text-align: center; width: 102px; 
color: #F0D099; line-height: 44px;}
.all_txtbg dl span i{width: 101px;
height: 41px;
background: #F0D099;
border-radius: 20px; display: block;
font-size: 20px;
color: #CB464F;  font-style: normal; line-height: 41px;}

.nav_3bg{background:url(bg3.png) no-repeat top; width: 100%; height: 800px; margin-bottom: 60px;}
.nav_3{ padding-top: 60px; width: 1040px; margin:0 auto; }
.nav_3 dl {background:url(bg3_1.png) no-repeat top; width: 182px; height: 585px; padding: 100px 60px 0 60px;}
.nav_3 dl img{width: 182px;height: 182px; border-radius: 50%;}
.nav_3 dl dt{color: #F0D099;
font-size: 18px; margin-bottom: 5px; font-weight: bold;}
.nav_3 dl dd{color: #F0D099; font-size: 16px; line-height: 24px;}


.nav_4bg{background:url(bg4.png) no-repeat top; width: 100%; height: 800px; margin-bottom:230px;}
.nav_4{ padding-top: 75px; width: 1140px; margin:0 auto; }
.nav_4 .nav4_box1{ float: left; }
.nav_4 .nav4_box1 dl{ width: 790px; height: 495px; display: block; position: relative; }
.nav_4 .nav4_box1 dl img{ width: 790px; height: 495px; }
.nav_4 .nav4_box1 dl i{width: 790px; height: 495px;background: rgba(0, 0, 0, 0.6) url(btn_video.png) no-repeat center; position: absolute; top: 0; }
.nav_4 .nav4_box2{ float: right;background: #CD4A37;width: 330px;height: 495px; padding-right: 20px; }
.nav4_box2a{background:url(bg4_1.png) no-repeat left 35px;width: 320px;  padding: 20px 30px 0 10px;height: 120px;}
.nav4_box2a dl{ width: 280px; border-bottom: 1px solid #E9BD7A; height: 120px; float: right; margin:0 10px 10px 0;}
.nav4_box2a dl dt{font-size: 20px; font-weight: bold;
line-height: 36px; height: 70px; margin-bottom: 5px; }
.nav4_box2a dl dd{font-size: 14px;}


.nav4_box2b{width: 290px; margin: 10px 30px 0 40px; height: 310px; overflow: auto;}
.nav4_box2b::-webkit-scrollbar-thumb{background:#E9C585;border-radius: 5px;}
.nav4_box2b::-webkit-scrollbar {width: 6px;}


.nav4_box2b dl{ width: 270px; height: 90px; margin-bottom: 15px;  }
.nav4_box2b dl dt{ width: 130px; height: 90px;  display: block; position: relative; float: left; }
.nav4_box2b dl dt img{ width: 130px; height: 90px;  }
.nav4_box2b dl dt i{width: 130px; height: 90px; background: rgba(0, 0, 0, 0.6) url(btn_video.png) no-repeat center; background-size: 25%; font-size: ; position: absolute; top: 0; }
.nav4_box2b dl dd{ float: right; width: 130px;
color: #F0E5DD; font-weight: bold;
line-height: 24px; font-size: 16px; }
.nav4_box2b dl dd span{ display: block;
font-size: 14px; font-weight: normal; }


.all_imgbg2{ height: 300px; margin-bottom: 50px; }
.all_imgbg2 dl{ width: 385px; height: 240px; position: relative; }
.all_imgbg2 dl dt img{ width: 385px; height: 240px; }
.all_imgbg2 dl a{ width: 385px; height: 240px;text-decoration: none;}
.all_imgbg2 dl a dd{ display: none; }
.all_imgbg2 dl a:hover dd{ display: block; width: 305px; padding: 0 40px; height: 240px;background:rgba(188, 52, 67, 0.8);display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; top: 0;font-size: 20px;font-weight: bold;line-height: 36px;}

.all_txtbg2{ height: 800px;  }
.all_txtbg2 dl{ width: 540px; height: 128px; float: left; background:url(bg2_2.png) no-repeat top; margin-bottom: 20px; padding: 15px 20px;}
.all_txtbg2 dl:nth-child(even){ float: right; }
.all_txtbg2 dl dt{ color: #fff;font-size: 18px; margin-bottom: 5px; width: 420px; font-weight: bold; }
.all_txtbg2 dl dd{ color: #fff; width: 420px; }
.all_txtbg2 dl span{ float: right; text-align: center; width: 102px; 
color: #F0D099; line-height: 44px;}
.all_txtbg2 dl span i{width: 101px;height: 41px;background: #F0D099;border-radius: 20px; display: block;font-size: 20px;color: #CB464F;  font-style: normal; line-height: 41px;}


.nav_7left{ float: left; width: 580px;}
.nav_7left dl{ float:left;width: 580px;height: 360px; position:relative;}
.nav_7left dl img{width: 580px;height: 360px; z-index:1; position:absolute; top:0; }
.nav_7left dl dt{background:rgba(188, 52, 67, 0.8);width:540px; padding:15px 20px; position:absolute; z-index:9; bottom:0; color:#F0D099; font-size:18px;line-height: 30px;}


.nav_7right{ float: right; width: 600px; margin-bottom: 130px; }
.nav_7right dl a{height: 100px; display: block; padding: 10px; text-decoration: none;}
.nav_7right dl a:hover{background: #FFCC8C;
color: #BC3443;}
.nav_7right dl dt{ display: block; width: 60px; height: 60px; float: left; text-align: center;
font-size: 16px; padding: 15px 0 0 10px; line-height: 30px; }
.nav_7right dl dt span{ display: block; 
}
.nav_7right dl dt span i{ font-style: normal;font-size: 20px;} 
.nav_7right dl dd{width: 485px; float: right; padding-top: 5px; line-height: 22px;}
.nav_7right dl dd p{ font-size: 18px; margin-bottom: 5px;line-height: 34px; }

.bottom_bg{ width: 100%; height: 110px;background:url(bottombg.png) no-repeat top;  }

.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; background:#BF424C;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%; padding:0; margin: 0; }
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}



.banner{ width:100%; height:20rem; text-align: center; margin-bottom: 0; background-size: cover; }
.banner2{ width: 60%; margin: auto;  padding-top: 3rem; }


.icon_1{ width: 80%; height: auto; margin-bottom: 2%; text-align: right; float: right; }
.icon_0{ width: 70%; height: auto; margin:0 auto 2% auto; text-align: center; }

.nav_1left{ width: 100%; height: 230px;}
.nav_1left_img dl{ width: 100%;height: 230px;}
.nav_1left_img dl img{width:100%;height: 230px; }
.nav_1left_img dl dt{width:90%; padding:3% 5%; font-size:1.05rem; line-height: 1.4rem;}

.nav_1right0{ width: 100%; margin: 4% 0; }
.nav_1right0 dl{ width: 90%; height: auto; line-height:1.2rem; margin-bottom: 5%; padding-left: 5%;}
.nav_1right0 dl dt{ width: 100%; float: left; font-size: 1rem; margin-bottom: 2%;}
.nav_1right0 dl dd{ width: 100%; float: left; font-size: 0.9rem; line-height: 1.3rem; margin-bottom: 5%;}
.nav_1right0 dl span{ display: none;}
.nav_1right0 dl a{background-image: none;}


.nav_1right{ width: 100%; margin: 4% 0; }
.nav_1right dl{ width: 90%; height: auto; line-height:1.2rem; margin-bottom: 5%; padding-left: 5%;}
.nav_1right dl dt{ width: 100%; float: left; font-size: 1rem; margin-bottom: 2%;}
.nav_1right dl dd{ width: 100%; float: left; font-size: 0.9rem; line-height: 1.3rem; margin-bottom: 5%;}
.nav_1right dl span{ display: none;}
.nav_1right dl a{background-image: none;}


.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{}
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ }
.focusBox1 .swiper-button-next{ }
.focusBox1 .swiper-button-prev{ }



.nav_7left {}
.nav_7left .swiper-pagination-bullet{}
.nav_7left .swiper-pagination-bullet-active{}
.nav_7left .swiper-pagination-bullets{}
.nav_7left .swiper-button-next{ }
.nav_7left .swiper-button-prev{ }






.all_centerbg{ width: 100%; }




.nav_2bg{background:#EDD29E; background-image: none; width: 100%; height: auto; margin-bottom: 6%;}
.nav_2{ padding-top: 5%; width: 90%; margin:0 auto; }

.all_imgbg{ margin-bottom: 5%; }
.all_imgbg dl{ width: 100%; }
.all_imgbg dl dt img{ width: 100%; }
.all_imgbg dl a{ width: 100%; }
.all_imgbg dl a dd{ display: none; }
.all_imgbg dl a:hover dd{ display: none; }

.all_txtbg{ }
.all_txtbg dl{ width:90%; height:  auto; background-size: cover; margin-bottom: 2%; padding: 5%; border-radius: 5px;}
.all_txtbg dl:nth-child(even){ float: left; }
.all_txtbg dl dt{font-size: 1rem; margin-bottom: 1%; width: 100%;}
.all_txtbg dl dd{ width: 100%; font-size: 0.9rem; }
.all_txtbg dl span{ display: none; }



.focusBox3 {}
.focusBox3 .swiper-pagination-bullet{}
.focusBox3 .swiper-pagination-bullet-active{}
.focusBox3 .swiper-pagination-bullets{ }

.focusBox3 .swiper-button-next{ }
.focusBox3 .swiper-button-prev{ }




.nav_3bg{background:url(bg3.png) no-repeat top; width: 100%; height: auto; margin-bottom: 6%;}
.nav_3{ padding-top: 3.8rem; width: 80%; }
.nav_3 dl {}
.nav_3 dl img{}
.nav_3 dl dt{}
.nav_3 dl dd{}


.focusBox4 {}
.focusBox4 .swiper-pagination-bullet{ width:12px; height:12px;filter: alpha(opacity=100); opacity: 1.0; border-radius: 6px; background: #FDDD89;}
.focusBox4 .swiper-pagination-bullet-active{width: 25px;}
.focusBox4 .swiper-pagination-bullets{ }

.focusBox4 .swiper-button-next{ position:absolute;width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 30%; right: 0; }
.focusBox4 .swiper-button-prev{ position:absolute; width: 51px; height: 52px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 30%; left:0;}



.nav_4bg{width: 100%; height: auto; margin-bottom:10%;}
.nav_4{ padding-top: 75px; width: 100%; }
.nav_4 .nav4_box1{ }
.nav_4 .nav4_box1 dl{ width:100%; height: 275px;}
.nav_4 .nav4_box1 dl img{ width: 100%; height: 275px; }
.nav_4 .nav4_box1 dl i{width: 100%; height: 275px;}

.nav_4 .nav4_box2{ float: left;width: 95%;height: auto; padding-right: 5%; }
.nav4_box2a{ height: auto; }
.nav4_box2a dl{ width: 90%; height: auto; float: right; margin:0 10px 10px 0; padding-bottom: 5%;}
.nav4_box2a dl dt{font-size: 1.1rem; 
line-height: 1.4rem; height: auto; margin-bottom: 2%; }
.nav4_box2a dl dd{font-size:0.9rem;}


.nav4_box2b{width: 80%; margin-bottom: 5%; }



.nav4_box2b dl{ width: 270px; height: 90px; margin-bottom: 15px;  }
.nav4_box2b dl dt{ width: 130px; height: 90px;  display: block; position: relative; float: left; }
.nav4_box2b dl dt img{ width: 130px; height: 90px;  }
.nav4_box2b dl dt i{width: 130px; height: 90px; background: rgba(0, 0, 0, 0.6) url(btn_video.png) no-repeat center; background-size: 25%; font-size: ; position: absolute; top: 0; }
.nav4_box2b dl dd{ float: right; width: 130px;
color: #F0E5DD; font-weight: bold;
line-height: 26px; }
.nav4_box2b dl dd span{ display: block;
font-size: 14px; font-weight: normal; }



.all_imgbg2{ height: 300px; margin-bottom: 0;background: #FDDDB0; }
.all_imgbg2 dl{ width: 385px; height: 240px; position: relative; }
.all_imgbg2 dl dt img{ width: 385px; height: 240px; }
.all_imgbg2 dl a{ width: 385px; height: 240px;text-decoration: none;}
.all_imgbg2 dl a dd{ display: none; }
.all_imgbg2 dl a:hover dd{ display: block; width: 305px; padding: 0 40px; height: 240px;background:rgba(188, 52, 67, 0.8);display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; top: 0;font-size: 20px;font-weight: bold;line-height: 36px;}

.focusBox5 { padding-bottom:30px; }
.focusBox5 .swiper-pagination-bullet{}
.focusBox5 .swiper-pagination-bullet-active{}
.focusBox5 .swiper-pagination-bullets{ }

.focusBox5 .swiper-button-next{ }
.focusBox5 .swiper-button-prev{ }

.all_txtbg2{ height:auto; background: #FDDDB0; }
.all_txtbg2 dl{ width:90%; height: auto; background-size: cover; margin-bottom: 3%; padding: 5%;}
.all_txtbg2 dl:nth-child(even){ float: left; }
.all_txtbg2 dl dt{font-size: 1rem; margin-bottom:2%; width: 100%; }
.all_txtbg2 dl dd{ width: 100%; font-size: 0.9rem; }
.all_txtbg2 dl span{ display: none;}




.nav_7left{ width: 100%;}
.nav_7left dl{ width: 100%;height: 230px;}
.nav_7left dl img{width:100%;height: 230px; }
.nav_7left dl dt{width:90%; padding:3% 5%; font-size:1.05rem; line-height: 1.4rem;}



.nav_7right{ float: left; width: 100%; margin-bottom: 10%; }
.nav_7right dl a{height: auto; padding: 10px;}
.nav_7right dl dt{ display:none; }
.nav_7right dl dt span i{ font-style: normal;font-size: 20px;} 
.nav_7right dl dd{width: 100%; float: left; padding-top: 5%; line-height:1.4rem; font-size: 0.9rem;}
.nav_7right dl dd p{ font-size: 1rem;line-height:1.4rem; }

.bottom_bg{ width: 100%; height: 110px;background:url(bottombg.png) no-repeat top;  }

.bottom_bg{ width: 100%; height: auto; background:none;}



.bottom_sbj{ width:100%; display:block; text-align:center; color:#fff; line-height:3.5em; border-top: 1px solid #fff;}
.bottom_sbj a{ color:#fff;}
.tt{ display: none; }
}