html,
body { position: relative;     background-color: #000;}
body{display: none;}

.section{
    width: auto;
    height: auto;
    display: inline !important;
}
.news-content { width: 100%;  background: url(../img/news/bg.jpg); background-size: contain; position: relative; overflow: hidden;}
.news-content .newsScale{
    position: relative;
}
.listtips{  
    font-size: 30rem;
    color: #fff;
    text-align: center;
    width: 100%  !important;}

.news-content .top{
    position: relative;
    width: 100%;
    margin: 180rem auto 0;
    height: 70rem;
}

.top-title {  color: #ffdf91; 
    position: absolute;
    left: 50%;
    transform: translate(-50%);
 }

.top-title h4 { font-size: 70rem; text-shadow: 0 0 10rem #513c09; font-weight: bold; position: relative; line-height: 70rem;}


.top-title h4::after{ content: ''; position: absolute; height: 15rem; width: 400rem; background: url(../img/icon.png)  no-repeat;    background-size: 460rem auto; background-position:  -30rem -248rem; left: -420rem; top: 33rem; }
.top-title h4::before{ content: ''; position: absolute; height: 15rem; width: 400rem; background: url(../img/icon.png)  no-repeat;    background-size: 460rem auto; background-position: -30rem -323rem; right: -420rem; top: 33rem; }


.bannerBox { width: 95%; margin: 150rem auto 0; position: relative; }

.ad { width: 100%; margin: 0 auto; }

.ad .swiper-container { width: auto; height: auto; }

.ad .swiper-slide { width: 1500rem; height: auto;filter: brightness(.5);
    background: url(../img/news/banner.png) center center no-repeat;
    background-size: 100% auto;

}
.ad .swiper-slide a {width: 1500rem;height: 516rem;display: block;}

.ad .swiper-slide .topNews{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.ad .swiper-slide .com{
    width: 45%;
    height:auto;
   position: relative;
}
.ad .swiper-slide  .newsImg{
    border: 1rem solid #fffaec;
}
.ad .swiper-slide  .newsImg img{
    display: block;
    height: 100%;
    width: 100%;
}
.ad .swiper-slide  .newsText{
    padding-left: 50rem;
}
.ad .swiper-slide  .newsText h4{
    font-family: nsb;
    color: #464242;
    font-size: 22rem;
}
.ad .swiper-slide  .newsText h1{
    font-family: nsb;
color: #482e10;
font-size: 40rem;
margin-top: 20rem;
padding-bottom: 20rem;
background: url(../img/news/line.png) left bottom no-repeat;
background-size: 600rem auto;
text-shadow: 0 0 2rem  #ffd339;
}
.ad .swiper-slide  .newsText p{
    margin-top: 20rem;
    
    color: #343434;
    font-size: 24rem;
}

.ad .swiper-slide  .newsText p span{
    font-family: nsb;
    color: #482e10; 
}





/* .ad .swiper-slide a img{width: 100%;} */
.ad  .news_jd{ width: 35rem; height: 60rem; top: 50%; margin-top: -65rem;}
.ad  .news_next{ background: url(../img/icon.png)  no-repeat; background-size: 300rem auto; background-position: -18rem -1032rem; right:170rem; }
.ad  .news_prev{ background: url(../img/icon.png)  no-repeat; background-size:300rem auto; background-position: -18rem -947rem; left: 170rem; }


.ad .swiper-slide-active{filter: brightness(1);}

.news_dian { height: auto; width: 100%; margin-top: 50rem; position: relative; }

.news_dian .swiper-pagination-bullet { width: 17rem; height: 15rem;background: url(../img/icon.png) no-repeat; background-position: -14rem -304rem; background-size: 250rem;  opacity: 1; z-index: 60; margin-left: 25rem; }

.news_dian .swiper-pagination-bullet-active {  background-position: -18.5rem -313rem; background-size: 300rem; box-shadow: 0 0 20rem #fff; }

.swiper-slide-shadow-right,.swiper-slide-shadow-left{ opacity: 1 !important; background-image: none !important;}
.swiper-slide-active .swiper-slide-shadow-right,.swiper-slide-active .swiper-slide-shadow-left{ opacity: 0 !important; }

.newslist{ width: 95%; margin: 50rem auto 0; height: auto; }

.newslist .news-top{ height: auto; width: 100%; position: relative; display: flex; justify-content: space-between; }


.newslist .news-top .select{  height: 50rem; width: 250rem; border: 1rem solid #d1a851; color: #d0a34e; background-color: #2f465f; font-size: 20rem; text-indent: 20rem; line-height: 50rem; cursor: pointer; font-weight: bold; position: relative; text-transform:uppercase;}
.newslist .news-top .select::after{ content: ''; height: 20rem; width: 22rem; position: absolute;;background: url(../img/icon.png) no-repeat;background-position: -19rem -256rem;    background-size: 300rem auto; right: 20rem; top: 17rem; }
.newslist .news-top .up::after{ transform: rotate(180deg); }
.newslist .news-top .opt{ display: none; position: absolute; margin-top: 0rem; left: 0; background-color:#2f465f; width: 252rem; cursor: pointer; }
.newslist .news-top .opt li{     font-size: 20rem;  height: 40rem; line-height: 40rem; color: #fff; border-bottom: 1rem solid #d1a851; text-indent: 20rem; text-transform:uppercase;}
.newslist .news-top .opt li:last-child{ border-bottom: none; }
.newslist .news-top .opt li:hover{ color: #482e10; background-color: #d0a34e; }


.newslist .news-top .search{ height: 50rem; width: auto; line-height: 50rem; position: relative; }

.newslist .news-top .search input{  color: #d0a34e; font-size: 23rem;  height: 50rem; text-indent: 20rem; vertical-align: top; border: 1rem solid #d1a851; background-color: #1e2f46; }
.newslist .news-top .search input::placeholder{ color: #525d6c; }

.newslist .news-top .search .searchBtn{ position: absolute; height: 52rem; width: 55rem; background: url(../img/icon.png) no-repeat;    background-size: 258rem; background-position: -15rem -1351rem;  right: 0; top: 0; }




.newslist .listbox{ height: auto; width: 100%; margin-top: 50rem; padding-bottom: 50rem; }
.newslist .listbox ul{ font-size: 0; }

.newslist .listbox li{ display: inline-block; width: 31%; height: auto; margin-right: 3.5%; margin-bottom: 50rem; vertical-align: top; overflow: hidden; }

.newslist .listbox li:nth-child(3n){ margin-right: 0; }
.newslist .listbox li .img{ width:100%; height: 425rem; overflow: hidden; }
.newslist .listbox li img{ width: 100%; }




.newslist .listbox .txt{ height: auto; margin-top: 30rem; position: relative; }


.newslist .listbox .txt .title{ display: flex; height:25rem; justify-content: space-between; position: relative;}

.newslist .listbox .txt .title h3{ color: #f9d075; font-size: 25rem; padding-left: 15rem; border-left: 10rem solid #f9d075; line-height: 1; }
.newslist .listbox .txt .news-title h3{ color: #c3c3c3; border-left: 10rem solid #c3c3c3; }
.newslist .listbox .txt .g-title h3{ color: #55a7fd; border-left: 10rem solid #55a7fd; }

.newslist .listbox .txt .title em{ font-family: nsb; color: #c3c3c3; font-size:25rem; line-height: 1; }
.newslist .listbox  p{ margin-top: 20rem; color: #fff; font-size: 42rem; font-family: nsb; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }



.listbox  .lookmore{ display: none;font-family: nsb; width: 100%; height: 50rem; font-size: 36rem; line-height: 50rem; text-align: center; border: 1rem solid #979797;  color: #b1b1b1; background-color: #1e2f46; margin-top: 50rem; }



/* detail */

.news-detail { width: 100%; background: url(../img/news/detailbg.jpg) ; background-size: cover; position: relative; overflow: hidden;  }
.dl-content{ width: 1500rem; height: auto; margin: 0 auto 0; padding-top: 200rem; position: relative; min-height: 1400rem; }

.dl-content .goback{  color: #fff; font-weight: bold; font-size: 32rem; position: relative; padding-left: 40rem; text-transform: uppercase;}
.dl-content .goback::after{ content: ''; position: absolute; left: 2rem; top: 14rem; width: 15rem; height: 15rem; border-left: 4rem solid #fff; border-top: 4rem solid #fff; transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.dl-content .goback::before{ content: ''; position: absolute; left: 20rem; top: 14rem; width: 15rem; height: 15rem; border-left: 4rem solid #fff; border-top: 4rem solid #fff; transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.lang_ar .dl-content .goback::after, 
.lang_ar .dl-content .goback::before,
.lang_th .dl-content .goback::after, 
.lang_th .dl-content .goback::before
{top: 20rem;}




.dl-content .title{ font-family: nsb; color: #ffe59e; font-size: 80rem; text-align: center; margin-top: 50rem; }

.dl-content  .time{ font-family: nsb; display: block; color: #6d6d6d; font-weight: bold; text-align: center; font-size: 24rem; margin-top: 20rem; }


.dl-content .txt{ margin-top: 50rem;  margin-bottom: 50rem;color: #cbcbcb; font-size: 24rem;  line-height: 45rem; }
.dl-content .txt p{ font-size: 24rem; line-height: 60rem; margin-bottom: 30rem; }

.dl-content .txt img{ width: auto; display: block; margin: 30rem auto; max-width: 100%;height: auto;}

.dl-content .gotop{ position: absolute; width: 60rem; height: 60rem;background: url(../img/icon.png) no-repeat;    background-size: 258rem; background-position: -115rem -1261rem; right: -80rem; bottom: 100rem;    filter: drop-shadow(0 0 15rem #ffe59e); }
.dl-content .gotop:hover{
    filter: drop-shadow(0 0 15rem #fff);
   
}




.foot{ text-align: center;    padding-bottom: 20rem; background: #000; }


/* ipad */

.ipad  .dl-content .txt,.ipad  .dl-content .txt p{font-size: 30rem;}


/* lang_ar */
.lang_ar .ad .swiper-slide .com{text-align: right;    direction: rtl;}
.lang_ar .ad .swiper-slide .newsText h1{    background-position: right bottom;   }
.lang_ar  .newslist .listbox p{text-align: right; direction: rtl;}
.lang_ar .newslist .listbox .txt .title h3{position: absolute;right: 0;}


.lang_ar .dl-content .goback{right: 0;position: absolute;    padding-right: 60rem;}
.lang_ar .dl-content .title{margin-top: 80rem;}
.lang_ar .dl-content .txt{text-align: right;direction: rtl;}
.lang_ar  .dl-content .goback::after,
.lang_ar  .dl-content .goback::before{
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);  
}
.lang_ar  .dl-content .goback::after{left: 100rem;}
.lang_ar  .dl-content .goback::before{left: 115rem;}
.lang_ar .dl-content .gotop{left: 0;right: auto;}