
/* main */
/* main ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢Ãƒâ€šÃ‚Â­ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒâ€šÃ‚Â¾*/

main .carousel-indicators .active{
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #b2141a;
}

main .carousel-indicators li{
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: none;
    opacity: 1;
}
main .carousel-indicators{
    bottom: 20px;
    display: none;
}
main .carousel-item>.image{
    /*background-size: cover;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    /*height: 100vh;*/
    min-height: 500px;
}
main .carousel-item{
    /*background-size: cover;*/
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    /*height: 100vh;*/
	height: 500px;
}
main .carousel-item #my-player{
  
    height: 100%;

}

main .carousel-item>.image a{
    width: 100%;
    height: 100%;
    display: block;
}
main .carousel-item #my-player{
 
    width: 100%;
  position: relative;
  
}
main .carousel-item .video{
 
    width: 100%;
  height: 100%;
  
}
main .carousel-item video{
 
/* object-fit: cover; */
/* object-position: center; */
min-width: 100%;
min-height: 100%;
object-fit:cover ;
position: absolute;
left: 50% !important;
transform: translate(-50%,0);
z-index: 1;
top: 0;
height: 100vh;

  
}
main .carousel-caption{
    background-color: #00000018;
    right: auto;
    width: 500px;
    bottom: 20%;
    padding: 40px ;
}
main .carousel-caption{
    text-align: left;
}
main .carousel-caption h5{
    font-size: 20px;
    /* font-weight: bold; */
    /* margin-bottom: 30px; */
}
main .carousel-caption button{
    background-color: #af0000;
    border: none;
   font-size: 13px;
}
main .carousel-caption button a{
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    display: block;

}
main .carousel-caption button a img{
   width: 13px;
    margin-left: 8px;
}
/* main ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒâ€šÃ‚Â­ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â¦Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒâ€šÃ‚Â»*/
main .news{
    
}
main .tit{
    font-size: 23px;
    color: #af0000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
}
main .tit div{
    background-color: #dbdbdb;
    height: 2px;
    width: 210px;
}
main .tit p{
    margin: 0 50px;
}
main .titbg{
    margin: auto;
    
}
.news .newmain{
    display: flex;
}
.news .newmain  .carousel-caption{
    background-color: rgba(0, 0, 0, 0.308);
    left: 50%;
    width: 80%;
    bottom: 5%;
    padding: 20px;
    transform: translateX(-50%);
    text-align: center;
    line-height: 1;
}
.news .newmain  .left{
    width: 45%;
}
.news .newmain  .right{
    width:55%;
    padding:0 20px 0;
    background-color: #f3f2ef;
}
.news .newmain  .right .news-r-top ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.news .newmain  .right .news-r-top ul li{
    width: 20%;
    text-align: center;
    height: 46px;
    cursor: pointer;
    line-height: 46px;
    font-weight: bold;
    font-size: 18px;
}
.news .newmain  .right .news-r-top ul li .sj{
    margin: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #b2141a;
    display: none;
}
.news .newmain  .right .news-r-top ul li a{
    background-color: #f3f2ef;
    color: #333;
}
.news .newmain  .right .news-r-top ul li.active{
    background-color: #b2141a;
    color: #fff;
}
.news .newmain  .right .news-r-top ul li.active a{
    background-color: #b2141a;
    color: #fff;
}
.news .newmain  .right .news-r-top ul li:hover{
    background-color: #b2141a;
    color: #fff;
}
.news .newmain  .right .news-r-top ul li:hover a{
    background-color: #b2141a;
    color: #fff;
}
.news .newmain  .right .news-r-top ul li:hover .sj{
    display: block;
}
.news .newmain  .right .news-r-top ul li.active .sj{
    display: block;
}
.news .newmain  .right .news-r-bottom ul  {

    animation:nav .5s;
	-webkit-animation:nav .5s; /* Safari and Chrome */
   
}
@keyframes nav
{
	from {opacity: 0;}
	to {opacity: 1;}
}

@-webkit-keyframes nav /* Safari and Chrome */
{
	from {opacity: 0;}
	to {opacity: 1;}
}
.news .newmain  .right .news-r-bottom ul li {
    display: flex;
   margin-bottom: 20px;
   font-size: 16px;
   
}
.news .newmain  .right .news-r-bottom ul li:not(:first-child) a{
    display: flex;
   justify-content: space-between;
   width: 100%;
}
.news .newmain  .right .news-r-bottom ul li a{
    color: #333;
}
.news .newmain  .right .news-r-bottom ul li a:hover{
    color: #af0000;
}
.news .newmain  .right .news-r-bottom ul li p{
 
    text-align: left;
}
.news .newmain  .right .news-r-bottom ul li .lileft{
    background-color: #ecd7d5;
    width: 67px;
    /* height: 67px; */
    margin-right: 20px;
}
.news .newmain  .right .news-r-bottom ul li .lileft p{
    text-align: center;
    font-weight: bold;
    color: #af0000;
    
}
.obtain .obtainmain .bottom .list h5{
    font-size: 22px;
    margin-bottom: 20px;
}
.news .newmain  .right .news-r-bottom ul li .liright {
    flex: 1;
    font-size: 16px;
    overflow: hidden;
}
.news .newmain  .right .news-r-bottom ul li .lileft p:last-child{
    font-size: 13px;
   
}
.news .newmain  .right .news-r-bottom ul li .lileft p:first-child{
    font-size: 32px;
}

.news .newmain  .right .news-r-bottom ul li .liright .title{
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap; 
}

.news .newmain  .right .news-r-bottom ul li .liright p:last-child{
    font-weight: 400;
}

.news .newmain  .right .news-r-bottom ul li .time{
    color: #555;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.news .newmain  .right .news-r-bottom ul li .time img{
   margin-right: 5px;
   width: 14px;
   height: 14px;
   vertical-align: middle;
   /* -webkit-vertical-align: middle; */
}

.news .newmain .left  .carousel{
 
  height: 100%;
}
.news .newmain .left  .carousel .carousel-inner {
 
  height: 100%;
}
 
.news .newmain .left  .carousel .carousel-inner .carousel-item:hover .newimage{
 transform: scale(1.2);
  
}
.news .newmain .left .carousel .carousel-inner .carousel-item{
    overflow: hidden;
    height: 100%;
}
.news .newmain .left  .carousel .carousel-inner .carousel-item .newimage{
 
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 1s;
}
 
.news .newmain .news-r-bottom ul:not(:first-child){
 
  display: none;
}
.news .newmain  .left .carousel:not(:first-child){
 
  display: none;
}
/* main ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒâ€šÃ‚Â­ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚ÂµÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â®Ãƒâ€šÃ‚Â¯*/
 .information .informationmain {
     background-color: #f3f2ef;
     padding: 40px;
 }
 .information .informationmain .top ul{

    display: flex;
    flex-wrap: wrap;

 }
 .information .informationmain .top {

    margin-bottom: 55px;

 }
 .information .informationmain .top ul li{
    display: flex;
    text-align: center;
    width: 25%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
 }
 .information .informationmain .top ul li p{
    font-size: 23px;
    font-weight: bold;
    margin-left: 10px;
 }
  .information .informationmain .top ul li p a{
    color:#333;
 }
   .information .informationmain .top ul li p a:hover{
    color:#af0000;
 }
 .information .informationmain .top ul li img{
    /* width: 30px; */
    height: 30px;
 }

 .information .informationmain .top ul li:not(:first-child) .actives{
    display: none;
 }
 .information .informationmain .top ul li:first-child .active{
    display: none;
 }
 .information .informationmain .bottom {
    min-height: 241px;
 }
 .information .informationmain .bottom ul{
    display: flex;
    flex-wrap: wrap;
   
    display: none;
 }
 .information .informationmain .bottom ul:first-child{
    display: flex;
    
 }
 .information .informationmain .bottom ul li{
    width: 30%;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    margin-right: 5%;
    height: 57px;
 }
 .information .informationmain .bottom ul li{
    animation:nav .5s;
	-webkit-animation:nav .5s; /* Safari and Chrome */
 }
 .information .informationmain .bottom ul li:nth-child(3n){
   
    margin-right: 0%;

 }
 .information .informationmain .bottom ul li:nth-child(7){
   
    margin-bottom: 0%;

 }
 .information .informationmain .bottom ul li:nth-child(8){
   
    margin-bottom: 0%;

 }
 .information .informationmain .bottom ul li:nth-child(9){
   
    margin-bottom: 0%;

 }

 .information .informationmain .bottom ul li .lileft{
    background-color: #ecd7d5;
    width: 57px;
    height: 57px;
    margin-right: 15px;
    
}
.information .informationmain .bottom ul li .lileft p{
    text-align: center;
    font-weight: bold;
    color: #af0000;
    
}
.information .informationmain .bottom ul li .lileft p:first-child{
    font-size: 28px;
    line-height: 1.2;
    
}
.information .informationmain .bottom ul li .lileft p:last-child{
    font-size: 12px;
    
}
.information .informationmain .bottom ul li .liright {
    flex: 1;
    font-size: 16px;
   
}
.information .informationmain .bottom ul li .liright a{
    flex: 1;
    font-size: 16px;
    color: #333;
 
}
.information .informationmain .bottom ul li .liright a:hover{
    color: #af0000;
 
}
/* ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒâ€šÃ‚Â­ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“  */
main .Encyclopediasmain{
    background-color: #f3f2ef;
    padding: 30px 25px 30px 0;
    display: flex;

}
main .Encyclopediasmain .Encyclopediasmain-left ul li{
    background-color: rgb(175, 0, 0);
    height: 107px;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-bottom: 1px solid #a10000;
    margin-right: 25px;
   position: relative;
   cursor: pointer;
   font-size: 18px;
}
main .Encyclopediasmain .Encyclopediasmain-left ul li .rsj{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #af0000;
    border-bottom: 10px solid transparent;
    cursor: pointer;
   position: absolute;
   right: -15px;
}

main .Encyclopediasmain .Encyclopediasmain-left ul li:not(:first-child) .rsj{
    display: none;
}
main .Encyclopediasmain .Encyclopediasmain-right-top {
    display: flex;
}
main .Encyclopediasmain .Encyclopediasmain-right-top:not(:first-child) {
    display: none;
}
main .Encyclopediasmain .Encyclopediasmain-right {
   display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
main .Encyclopediasmain .Encyclopediasmain-right {
   
    display: none;
}
main .Encyclopediasmain div.Encyclopediasmain-right:first-child {
   
    display: flex ;
}



main .Encyclopediasmain .Encyclopediasmain-right p{
    font-size: 14px;
    line-height: 2.5;
    color: #333;
    max-height: 245px;
    overflow: hidden;
}
main .Encyclopediasmain .Encyclopediasmain-right .title{
    font-size: 18px;
    font-weight: bold;
}
main .Encyclopediasmain .Encyclopediasmain-right-top .left{
  margin-right: 20px;
  width: 420px;
  overflow: hidden;
}
main .Encyclopediasmain .Encyclopediasmain-right-top .left:hover img{
  transform: scale(1.2);
}
main .Encyclopediasmain .Encyclopediasmain-right-top .left img {
    transition: transform 1s;
}
main .Encyclopediasmain .Encyclopediasmain-right-top .right {
    flex: 1;
}
main .Encyclopediasmain .Encyclopediasmain-right-bottom ul{
    display: flex;
}
main .Encyclopediasmain .Encyclopediasmain-right-bottom {
    margin-top: 15px;
}
main .Encyclopediasmain .Encyclopediasmain-right-bottom ul li{
    margin-right: 30px;
    cursor: pointer;
    text-align: center;
    color: #333;
    width: 120px;
}
main .Encyclopediasmain .Encyclopediasmain-right-bottom ul li>div:hover img{
    transform: scale(1.2);
}
main .Encyclopediasmain .Encyclopediasmain-right-bottom ul li>div img{
    transition: all 1s;
}
main .Encyclopediasmain .Encyclopediasmain-right-bottom ul li>div{
    overflow: hidden;
}
main .Encyclopediasmain .Encyclopediasmain-right-bottom ul li:last-child{
    margin-right: 0;
}
/* ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒâ€šÃ‚Â­ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒâ€¦Ã‚Â¸ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â´Ãƒâ€šÃ‚Â» */
main .lifemain ul{
    display: flex;
    flex-wrap: wrap;
}
main .lifemain ul li{

    width: 20%;
    height: auto;
    position: relative;
}
main .lifemain ul li>div{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
main .lifemain ul li .img img{
    width: 100%;
    height: 100%;
    transition: all 1s;
}
main .lifemain ul li:hover .img img{
    transform: scale(1.2);
}
main .lifemain ul li a,
main .lifemain ul li a:hover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
}

main .lifemain ul li p{
    font-size: 22px;
    margin-top: 20px;
}
/* ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒâ€¦Ã‚Â¸ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â°Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸Ãƒâ€¦Ã‚Â¡ */
.obtain .obtainmain .top .left>div{
    width: 50%;
    height: auto;
   position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.178);
    
}
.obtain .obtainmain .top .left>div .img img{
    width: 100%;
    height: 100%;
   display: block;
    
}
.obtain .obtainmain .top .left>div .img {
    width: 100%;
    height: 100%;

    
}

.obtain .obtainmain .top{
    display: flex;
}
.obtain .obtainmain .top .left{
   display: flex;
   width: 45%;
}
.obtain .obtainmain .top .left>div .img img{
    transition: all 1s;
}
.obtain .obtainmain .top .left>div .img {
    overflow: hidden;
}
.obtain .obtainmain .top .left>div:hover .img img{
    transform: scale(1.2);
}
.obtain .obtainmain .top .left>div a{
  
    height: 64px;
    background-color: rgba(175, 0, 0, 0.773);

    text-align: center;
    line-height: 64px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
}

.obtain .obtainmain .top .left>div a p{
  
 
    font-size: 18px;
   
}
.obtain .obtainmain .top .right{
    width: 55%;
    height: 100%;
}
.obtain .obtainmain .top .right ul{
    display: flex;
    flex-wrap: wrap;

    
 }
.obtain .obtainmain .top .right ul li{
    width: 50%;
    height: 50%;
    position: relative;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, 0.178);
 }
.obtain .obtainmain .top .right ul li .img img{
    transition: all 1s;
    width: 100%;
 }
.obtain .obtainmain .top .right ul li .img {
    overflow: hidden;
    width: 100%;

    height: 100%;
 }
.obtain .obtainmain .top .right ul li:hover .img img{
    transform: scale(1.2);
 }
.obtain .obtainmain .top .right ul li a{
    color: #fff;
 }
.obtain .obtainmain .top .right ul li p{
    height: 64px;
    background-color: rgba(175, 0, 0, 0.773);
    font-size: 18px;
    text-align: center;
    line-height: 64px;
    position: absolute;
    bottom: 0;
    width: 100%;
 }
 .obtain .obtainmain .bottom{
     position: relative;
     overflow: hidden;
 }
.obtain .obtainmain .bottom .img{
    
    width: auto;
    height: 400px;
 }
.obtain .obtainmain .bottom .img img{
    
    width: 100%;
    height: 100%;
     transition: all 1s;

 }
 .obtain .obtainmain .bottom .img img:hover{
     transform: scale(1.2);
 }

.obtain .obtainmain .bottom .list{
    width: 390px;
    padding: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #ffffffe8;
    transform: translatey(-50%);
 }
.obtain .obtainmain .bottom .list h5{
    color: #af0000;
 
 }
 .obtain .obtainmain .bottom .list h5 a{
    color: #af0000;
 
 }
.obtain .obtainmain .bottom .list .zhuan{
    margin-top: 25px;
 
 }
 .obtain .obtainmain .bottom .list .zhuan a { 
    color: #af0000;
 
 }

.obtain .obtainmain .bottom .list li{
    border-bottom: 2px solid #dbdbdb;
    display: flex;
    justify-content: space-between;
    
 }
.obtain .obtainmain .bottom .list li:hover p{
    font-size: 16px;

 }
.obtain .obtainmain .bottom .list li a{
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 2;
    color: #333;
 }
.obtain .obtainmain .bottom .list li p{
    font-size: 14px;
    transition: all 0.2s;
 }
.obtain .obtainmain .bottom .list li a span{
    color: #af0000;
    font-weight: bold;
 }
.obtain .obtainmain .bottom .list li:last-child{
    border-bottom: none;
 
 }
 /* ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒâ€šÃ‚Â­ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¢Ãƒâ€¹Ã…â€œ */
 .special .specialmain ul{
    display: flex;
 }
 .special .specialmain ul li{
    height: 168px;
    width: 24%;
    margin-right: 1.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
 }
 .special .specialmain ul li .img{
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
 .special .specialmain ul li .img img{ 
   height: 100%;
   width: 100%;
   transition: all 1s;
 }
 .special .specialmain ul li:hover .img img {
    transform: scale(1.2);
}
.special .specialmain ul li a>div>div{
    display: flex;
    align-items: center;
 }
.special .specialmain ul li a{
 
display: flex;
 
align-items: center;
 
justify-content: center;
 
position: absolute;
 
top: 50%;
 
left: 50%;
 
z-index: 1;
 
transform: translate(-50%,-50%);
 }
.special .specialmain ul li a>div>div p{
    font-size: 12px;
    margin-left: 5px;
 }
.special .specialmain ul li a>div>div img{
    height: 21px;
 }
.special .specialmain ul li a>div>p{
    text-align: center;
    font-size: 18px;
 }
.special .specialmain ul li a>div{
  background-color: rgb(173 0 0 / 0.5);
  width: 170px;
  color: rgb(255, 255, 255);
  padding: 6px;
  height: 80px;
 }
 /* ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â«ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¸ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¯Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¨Ãƒâ€¹Ã¢â‚¬Â Ãƒâ€šÃ‚Âª */
 .Navigation .Navigationmain ul{
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 30px;
 }
 .Navigation .Navigationmain ul li{
     width: 12.5%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-bottom: 40px;
 }
 .Navigation .Navigationmain ul li p{

     font-size: 16px;
     margin-top: 10px;
     /* font-weight: bold; */
 }
 .Navigation .Navigationmain ul li a{
     color: #af0000;
     
 }
 .Navigation .Navigationmain ul li a div{
     height: 65px;
     text-align: center;
     overflow: hidden;
 }
 .Navigation .Navigationmain ul li a:hover{
    color: hsla(0, 100%, 34%, 0.847);
     
 }
 .Navigation .Navigationmain ul li a div:hover img{
    transition: all 0.5;
     
 }
 .Navigation .Navigationmain ul li a p{
     font-size: 16px;
 
     
 }
 .special .specialmain{
   
 }
 .special .box{
    overflow: hidden;
   /*height: 170px; */
   position: relative;
 }
 .special .specialmain ul li{
    margin-right: 19px;
    height: auto;
}
 .special .specialmain ul {
    position: absolute;
}
 @media screen and (max-width:1400px) {
    .news .newmain .right .news-r-bottom ul li .liright p:last-child{
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .news .newmain .right .news-r-bottom ul li:not(:first-child) p{
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    main .Encyclopediasmain .Encyclopediasmain-right-top .left{
        width: 60%;
    }
    main .Encyclopediasmain .Encyclopediasmain-right-bottom ul li{
        width: 16%;
        overflow: hidden;
    }
    main .Encyclopediasmain .Encyclopediasmain-right-bottom ul li>p{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
 }
 @media screen and (max-width:1100px) {
   main .carousel-item>.image{
    height: 100vh; 
}
    .special .box {
        overflow-x: scroll;
    }
    .special .box::-webkit-scrollbar {
        display: none;
}  
}
 @media screen and (max-width:800px) {
   main .carousel-item>.image{
    min-height: 90px;
}
    main .carousel-item{
        height: auto;
    }
    main .carousel-item #my-player{
        width: 100%;
    }
    main .tit{
        font-size: 28px;
    }
    .information .informationmain{
        padding: 20px;
    }
    main .carousel-item>.image{
        height: 400px;
    }
    main .carousel-item .video{
        height: 400px !important;
    }
    main .banners{
        margin-top: 100px;
    }
    /* ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒâ€šÃ‚Â­ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â¦Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒâ€šÃ‚Â» */
    .news .newmain .right .news-r-bottom ul li .liright{
        font-size: 18px;
    }
    .news .newmain .right .news-r-bottom ul li{
        font-size: 18px;
    }
    .news .newmain .right .news-r-bottom ul li .lileft{
        width: 80px;
        height: 80px;
    }
    .news .newmain .right .news-r-top ul li{
        font-size: 22px;
        font-weight: bold;
    }
    .news .newmain{
        flex-direction: column;
    }
    .news .newmain .left{
        height: 300px;
        width: 100%;
    }
    .news .newmain .right{
        width: 100%;
    }
    .information .informationmain .bottom ul li {
        width: 49%;
        display: flex;
        align-items: center;
        margin-bottom: 2%;
        margin-right: 2%;
        height: 57px;
    }
    /* ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚ÂµÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â®Ãƒâ€šÃ‚Â¯ */
    .information .informationmain .top ul li p{
        font-size: 22px;
    }
    .information .informationmain .bottom ul li:nth-child(3n) {
        margin-right: 2%;
    }
    .information .informationmain .bottom ul li:nth-child(2n) {
        margin-right: 0%;
    }
    .information .informationmain .bottom ul li:nth-child(7) {
        margin-bottom: 2%;
    }
    .information .informationmain .bottom ul li:nth-child(6) {
        margin-bottom: 2%;
    }
    .information .informationmain .bottom ul li:nth-child(8) {
        margin-bottom: 2%;
    }
    .information .informationmain .bottom ul li .liright a{
        font-size: 18px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .information .informationmain .bottom ul li .lileft p:last-child{
        font-size: 14px;
    }
    /* ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ */
    main .Encyclopediasmain .Encyclopediasmain-left ul li{
        font-size: 22px;
        margin-right: 2%;
        width: 24%;
    }
    main .Encyclopediasmain{
        padding: 20px 0;
    }
    main .Encyclopediasmain .Encyclopediasmain-right .title{
        font-size: 22px;
    }
    main .Encyclopediasmain .Encyclopediasmain-right p{
        font-size: 16px;
        line-height: 1.6;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
    }
    main .Encyclopediasmain .Encyclopediasmain-right-bottom ul li{
        margin-right: 10px;
        height: 106px;
        width: 115px;
    }
    main .Encyclopediasmain{
        flex-direction: column;
    }
    main .Encyclopediasmain .Encyclopediasmain-left ul{
        display: flex;
        margin-bottom: 20px;
    }
    main .Encyclopediasmain .Encyclopediasmain-left ul li:last-child{
        margin-right: 0;
    }
    main .Encyclopediasmain .Encyclopediasmain-left ul li .rsj{
        right: auto;
        bottom: -18px;
        transform: rotate(90deg);
    }
    /* ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒâ€¦Ã‚Â¸ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â´Ãƒâ€šÃ‚Â» */
    main .lifemain ul li{
        width: 50%;
        height: auto;
    }
    main .lifemain ul li p{
        font-size: 28px;
    }
    /* <!-- ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒâ€¦Ã‚Â¸ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â°Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸Ãƒâ€¦Ã‚Â¡ --> */
    .obtain .obtainmain .bottom .img{
        display: none;
    }
    .obtain .obtainmain .top .left>div a p{
        font-size: 22px;
    }
    .obtain .obtainmain .bottom .list h5{
        font-size: 24px;
    }
    .obtain .obtainmain .bottom .list{
        width: 100%;
        position: static;
        transform: translatey(0%);
    }
    .obtain .obtainmain .bottom .list li p{
        font-size: 18px;
    }
    .obtain .obtainmain .top{
        flex-direction: column;
    }
    .obtain .obtainmain .top .left>div{
        width: 50%;
        height: auto;
    }
    .obtain .obtainmain .top .right ul li {
        height: 215px;
        overflow: hidden;
    }
    .obtain .obtainmain .top .right{
        height: auto;
    }
    .special .specialmain ul li{
        
    }
    .special .specialmain ul{
        flex-wrap: wrap;
    }
    /* ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¢Ãƒâ€¹Ã…â€œ */
    .special .specialmain ul li a>div>div p{
        font-size: 16px;
    }
    .special .specialmain ul li a>div>div img{
        display: block;
    }
    .special .specialmain ul li a>div>p{
        font-size: 22px;
    }
    /* ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â«ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¸ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¯Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¨Ãƒâ€¹Ã¢â‚¬Â Ãƒâ€šÃ‚Âª */
    .Navigation .Navigationmain ul li{
        width: 25%;
    }
    .Navigation .Navigationmain ul li a p{
        font-size: 18px;
    }
    .obtain .obtainmain .top .left{
        width: 100%;
    }
    .obtain .obtainmain .top .right{
        width: 100%;
    }
    .obtain .obtainmain .top .right ul li .img img{
        object-fit: cover;
        object-position: center;
    }
 }
 @media screen and (max-width:750px) {
   main .carousel-item>.image{
    min-height: 90px;
}
    main .carousel-caption h5{
        font-size: .5333rem;
        margin-bottom: .4rem;
    }
    main .carousel-caption{
        padding: .2667rem;
        width: 7.2rem;
    }
    main .carousel-caption button a{
        padding: .1333rem .2667rem;
    }
    main .carousel-caption button{
        font-size: .32rem;
    }
    .carousel-caption{
        left: 50%;
        transform: translateX(-50%);
    }
    main .banners{
        margin-top: 2.1333rem;
    }

    .news .newmain .right .news-r-bottom ul li .liright p:last-child{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .news .newmain .right .news-r-bottom ul li{
        overflow: hidden;
    }
    main .Encyclopediasmain .Encyclopediasmain-right-bottom ul{
        position: absolute;
        overflow-x: scroll;

    }
    main .Encyclopediasmain .Encyclopediasmain-right-bottom {
        position: relative;
        overflow: hidden;
    }
    main .carousel-item .video{
        height: 300px !important;
    }
    main .carousel-item>.image{
        height: 300px;
    }
    
    main .tit{
        font-size: .5867rem;
    }
    main .tit div{
        width: 1.3333rem;
    }
    main .tit p{
        margin: 0 .6667rem;
    }
    .news .newmain .left .carousel .carousel-inner .carousel-item .newimage{
        height: 200px;
    }
    .news .newmain .left{
        height: 200px;
    }
    .news .newmain .right .news-r-top ul li{
        font-size: .4267rem;
    }
    .news .newmain .right{
        padding: 0 .1333rem 0;
    }
    .news .newmain .right .news-r-bottom ul li .liright{
        overflow: hidden;
        font-size: .3733rem;
    }
    .news .newmain .right .news-r-bottom ul li .lileft p:first-child{
        font-size: .6667rem;
    }
    .news .newmain .right .news-r-bottom ul li .lileft p:last-child{
        font-size: .32rem;
    }
    .news .newmain .right .news-r-bottom ul li .lileft{
        width: 4rem;
        height: 3rem;
    }
    .news .newmain .right .news-r-bottom ul li:not(:first-child) a p{
        font-size: .3733rem;
        word-wrap: normal;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* width: 5.3333rem; */
    }
    .news .newmain .right .news-r-bottom ul li .time{
        font-size: .3733rem;
    }
    .information .informationmain{
        padding: .5333rem 0;
    }
    .information .informationmain .top ul li p{
        font-size: .4267rem;
    }
    .information .informationmain .top ul li {
        width: 50%;
        margin-bottom: .2667rem;
    }
    .information .informationmain .top ul li div{
        line-height: .5;
    }
    .information .informationmain .bottom ul li .liright a{
        font-size: .3733rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .information .informationmain .bottom ul li{
        width: 100%;
        margin: 1% 0;
    }
    .information .informationmain .top{
        margin-bottom: .4rem;
    }
    .information .informationmain .bottom ul li .lileft p:first-child{
        font-size: .6667rem;
    }
    .information .informationmain .bottom ul li .lileft p:last-child{
        font-size: .32rem;
    }
    main .Encyclopediasmain{
        padding: 0;
    }
    main .Encyclopediasmain .Encyclopediasmain-left ul li{
        font-size: .4267rem;
        height: 1.3333rem;
    }
    main .Encyclopediasmain .Encyclopediasmain-right-bottom{
        overflow-x: scroll;
        width: 100%;
        position: relative;
        height: 2.24rem;
    }
   
    main .Encyclopediasmain .Encyclopediasmain-right-top{
        flex-direction: column;
    }
    main .Encyclopediasmain .Encyclopediasmain-right-top .left{
        width: 100%;
    }
    main .Encyclopediasmain .Encyclopediasmain-right p{
        font-size: .3733rem;
    }
    main .lifemain ul li p{
        font-size: .48rem;
    }
    .obtain .obtainmain .top .left>div a p{
        font-size: .4267rem;
    }
    .obtain .obtainmain .top .right ul li{
        height: auto;
    }
    .obtain .obtainmain .top .left>div a{
        height: 1.3333rem;
        line-height: 1.3333rem;
    }
    .obtain .obtainmain .top .right ul li p{
        height: 1.3333rem;
        line-height: 1.3333rem;
    }
    .obtain .obtainmain .bottom .list{
        padding: .4rem 0;
    }
    .obtain .obtainmain .bottom .list li a{
  
    }
    .obtain .obtainmain .bottom .list li p{
        font-size: .3733rem;
    }
    .obtain .obtainmain .bottom .list li span{
        font-size: .3733rem;
    }
    .special .specialmain ul li a>div>p{
        font-size: .4267rem;
    }
    .special .specialmain ul li a>div>div p{
        font-size: .32rem;
    }
    .special .specialmain ul li a>div{
        width: 4rem;
        height: 1.6rem;
    }
    .Navigation .Navigationmain ul li a p{

        font-size: .3733rem;
    }
 }