@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: 28px; font-family:"微软雅黑"; 
color: #2B2C32; background:#fff;}


*{ margin:0; padding:0;}
a {text-decoration:none;color: #2B2C32;}
a:hover {text-decoration: underline; color:#294C41; }
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:0 auto;}

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



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

.nav_1left{ float: left;width: 710px; height: 390px;}
.nav_1left dl{ float:left;width: 710px;height: 390px; position:relative;}
.nav_1left dl img{width: 710px;height: 390px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background:rgba(0, 0, 0, 0.7);width:670px; padding:15px 20px 40px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; text-align: center; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:8px; height:8px;filter: alpha(opacity=100); border-radius: 5px; opacity: 1.0;background:#fff;}
.focusBox1 .swiper-pagination-bullet-active{background:#1A7CDB;}
.focusBox1 .swiper-pagination-bullets{}



.nav_1right{ float: right;width: 420px; height: 343px; overflow: hidden;background: #F8F8FC; padding: 20px; margin-bottom: 50px; border-bottom: 8px solid #1A7CDB;}
.nav_1right dl{line-height: 22px;}
.nav_1right dl dt{color: #2B2C32; font-weight: bold; text-align: center; margin-bottom: 5px;}
.nav_1right dl dd{color: #9497A9;line-height: 20px;font-size: 14px; margin-bottom: 20px;}

.nav_1right ul li{background:url(p0.png) no-repeat left; padding:12px 0 13px 20px; border-top: 1px dashed #E6E5E5; line-height: 24px;}




.nav_2left{ float: left;width: 580px;height: 390px;}
.nav_2left dl{width: 275px;height: 269px; background: url(bg2.png) top no-repeat;overflow: hidden; float: left; }
.nav_2left dl a{ display: block; height: 210px; width: 100%; }
.nav_2left dl dt{padding:35px 40px 0 40px; color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.nav_2left dl dd{padding:0 40px; color: #fff;line-height: 20px;font-size: 14px;}
.nav_2left dl i{width: 101px;
height: 28px; line-height: 28px; display: block; font-style: normal; float: right; margin-right: 40px;
font-size: 14px;
color: #89F5F3; text-align: center;
background: #23CAC7;
border-radius: 4px;}
.nav_2left dl:nth-child(even){ float: right; }


.nav_2right{ float: right;width: 588px;
height: 269px;
background: #23CAC7;
border-radius: 10px;}
.nav_2right ul{ padding-top: 15px; }
.nav_2right ul li{background:url(p2.png) no-repeat top 25px left 20px; padding:15px 20px 10px 37px; line-height: 24px; border-bottom: 1px dashed #72DDDB; height: 50px; }
.nav_2right ul li a{color: #fff; display: block;}
.nav_2right ul li span{ color: #A4EBEA; font-size: 14px; display: block; float: right;}


.nav_3bg{background: url(bg3.png) no-repeat top; width: 100%; padding: 60px 0; margin-bottom: 50px;}

.nav_3{ width: 1200px; margin: 0 auto;}
.nav_3 dl{width: 690px;height: 390px; position: relative;}
.nav_3 dl i{width: 690px;height: 390px; display: block; background: rgba(0, 0, 0, 0.7) url(pl.png) no-repeat center; position: absolute;}
.nav_3 dl img{width: 690px;height: 390px; }

.focusBox3 .swiper-slide {width: 690px;height: 390px;}
.focusBox3 .swiper-button-next{ position:absolute;width: 42px; height: 74px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 45%; right: 17%; }
.focusBox3 .swiper-button-prev{ position:absolute; width: 42px; height: 74px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 45%; left:17%;}


.nav_4{ width: 1200px;
background: #1A7CDB;
border-radius: 10px;margin:0 auto 50px auto; padding: 40px 0;}
.nav_4 dl{width: 350px;
height: 180px; border-right: 1px solid #1B84D9; position: relative; float: left; padding: 0 24px;}
.nav_4 dl a{ display: block; height: 165px; width: 100%; }
.nav_4 dl dt{padding:0 0 10px 0; color: #fff; font-size: 16px; font-weight: bold; line-height: 22px;}
.nav_4 dl dd{
color: #95C8FA;line-height: 20px;font-size: 14px;}
.nav_4 dl i{width: 101px;
height: 28px; line-height: 28px; display: block; font-style: normal; 
font-size: 14px;
color: #89F5F3; text-align: center;
background: #23CAC7;
border-radius: 4px;}
.nav_4 dl:nth-child(3n){ float: right; border: 0;}

.nav_5{ width: 1200px;margin:0 auto 50px auto;
background: #23CAC7;
border-radius: 10px; padding: 20px 0;}
.nav_5left{ float: left;width: 520px; padding-left: 40px;}
.nav_5left dl{border-bottom: 1px dashed #72DDDB; margin-bottom: 15px; 
line-height: 20px;}
.nav_5left dt{ color: #fff;
font-size: 16px; margin-bottom: 5px; }
.nav_5left dd{ 
color: #89F5F3;
font-size: 14px; margin-bottom: 15px; }

.nav_5right{ float: right;width: 550px; height: 310px; padding-right: 40px;}
.nav_5right dl{ float:left;width: 550px;height: 310px; position:relative;}
.nav_5right dl img{width: 550px;height: 310px; z-index:1; position:absolute; top:0; }
.nav_5right dl dt{background:rgba(0, 0, 0, 0.7);width:510px; padding:10px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; text-align: center; }

.nav_6{ float: left; width: 590px; margin-bottom: 50px;font-family:Myanmar-vLm9,Phetsarath-OT;}
.nav_7{ float: right; width: 590px; margin-bottom: 50px;font-family:Myanmar3,arial; }
.n_box{ width: 530px;
height: 302px; padding: 20px 30px;
background: #1A7CDB;
border-radius: 10px;}
.n_box a{ color: #fff; }
.n_box dl{border-bottom: 1px dashed #4293E1; padding-bottom: 20px;
height: 108px; margin-bottom: 10px; }
.n_box dl img { float: left;width: 192px; padding-right: 20px;
height: 108px; }
.n_box ul li{padding:15px 0; border-bottom: 1px dashed #4293E1; line-height: 24px;}

.nav_8{ width: 1100px; padding: 20px 50px; height: 400px; background:url(bg8.png) no-repeat top; margin: 0 auto 50px auto;}


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

.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:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%; padding:0;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{ width:100%; height:auto; background: none; margin-bottom: 2%;}

.icon_1{ width: 100%; margin:0 auto 3% auto;}
.nav_1left{ width: 100%; height: 220px; margin-bottom: 0;}
.nav_1left dl{width: 100%;height: 220px;}
.nav_1left dl img{width: 100%;height: 220px; }
.nav_1left dl dt{width:92%; padding:2% 4% 6% 4%; font-size:1em; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{  } 
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ bottom: 1%;}


.nav_1right{ float: left;width:90%;height: auto; overflow: inherit; margin-bottom: 4%; padding: 5%;}
.nav_1right ul{ padding: 2%; }
.nav_1right ul li{ line-height:1.2rem; padding: 2% 0 2% 17px;}
.nav_1right ul li a{}
.nav_1right dl{line-height:1.2rem;}
.nav_1right dl dt{margin-bottom: 1%; }
.nav_1right dl dd{line-height:1.2rem;font-size: 0.9rem;margin-bottom: 2%;}




.nav_2left{ width: 100%;height: auto;}
.nav_2left dl{  width: 90%;background: url(bg2.png) top no-repeat; background-size:cover; height:auto; overflow: inherit; margin:0 5% 2% 5%;}
.nav_2left dl a{height:auto; width: 100%; }
.nav_2left dl dt{padding:11% 10% 1% 10%; font-size: 1rem; margin-bottom: 1%;}
.nav_2left dl dd{padding:0 10% 2% 10%;line-height:1.2rem;font-size: 0.9rem;}
.nav_2left dl i{margin: 5% 40px 5% 0;
font-size: 14px; }
.nav_2left dl:nth-child(even){ float:left; }


.nav_2right{ float: left;width: 90%;height: auto; margin:0 0 5% 5%;}
.nav_2right ul{ padding: 2% 0; }
.nav_2right ul li{padding:2% 5% 2% 37px; line-height: 1.2rem; height: auto;}
.nav_2right ul li a{}
.nav_2right ul li span{ display: none; }


.nav_3bg{padding: 6% 0; margin-bottom: 5%; background-size: cover;}

.nav_3{ width: 100%; }
.nav_3 dl{width: 100%;height: 240px;}
.nav_3 dl i{width: 100%;height: 240px; }
.nav_3 dl img{width: 100%;height: 240px; }

.focusBox3 .swiper-slide {width: 100%;height: 240px;}
.focusBox3 .swiper-button-next{ width: 22px; height: 44px;top: 50%; right: 0%; }
.focusBox3 .swiper-button-prev{ width: 22px; height: 44px;top: 50%; left:0%;}


.nav_4{ width: 100%;margin:0 auto 5% auto; padding: 4% 0;}
.nav_4 dl{width:90%;
height:auto; border-right:0; padding: 0 5%; margin-bottom: 5%;}
.nav_4 dl a{  height: auto;}
.nav_4 dl dt{padding:0 0 2% 0; font-size: 1rem; margin-bottom: 0;line-height:1.2rem;}
.nav_4 dl dd{line-height:1.2rem;font-size: 0.9rem; margin-bottom: 2%;}
.nav_4 dl i{}
.nav_4 dl:nth-child(3n){ float: left; border: 0;}

.nav_5{ width: 100%;margin:0 auto 5% auto;padding: 2% 0;}
.nav_5left{ width: 90%; padding: 5%;}
.nav_5left dl{margin-bottom: 3%; 
line-height: 20px;}
.nav_5left dt{ font-size: 1rem; margin-bottom:2%; }
.nav_5left dd{ 
font-size: 0.9rem; margin-bottom: 4%; }

.nav_5right{ float:left;width: 100%; height: 220px; padding-right: 0;}
.nav_5right dl{width: 100%;height: 220px;}
.nav_5right dl img{width: 100%;height: 220px; }
.nav_5right dl dt{width:92%; padding:2% 4%; font-size:1em; }

.nav_6{ width: 100%; margin-bottom: 5%;}
.nav_7{ float: left; width: 100%; margin-bottom: 5%; }
.n_box{ width: 90%;
height:auto; padding: 2% 5%;}
.n_box a{ }
.n_box dl{padding-bottom: 2%;
height:auto; margin-bottom: 2%; }
.n_box dl img { float: left;width: 100%; padding-right: 0;
height:auto; margin-bottom: 3%; }
.n_box ul li{padding:3% 0; line-height: 1.2rem;}

.nav_8{ width: 90%; padding: 5%; height:400px; margin: 0 auto;}

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



.bottom_sbj{ width:100%; display:block; text-align:center; background:#23CAC7; color:#fff; line-height:3.5em;}
.bottom_sbj a{ color:#fff;}
.tt{ display: none; }
}