@charset "utf-8";
/* CSS Document */
@import url("mobile_header.css");

.PartHeader{ width: auto; height: 60px; background: #961617; padding:0 10px; position: relative; left: auto; top: auto; box-shadow: 0 1px 10px -2px #363030; }
.PartHeader .Con{ width: auto; height: 100%; align-items: center; }
.PartHeader .Logo{ padding: 0; }
.PartHeader .Logo img{ width: 30vw; }
.PartHeader .PR{ max-width: calc(100% - 30vw); }
.PartHeader .InfoLink{ margin: 0; }
.PartHeader .InfoLink li{ display: none; }
.PartHeader .InfoLink li + li{ margin-left: 0; }
.PartHeader .InfoLink li.zh{ display: block; }


.HomeBanner.En{ }
.HomeBanner .hd{ top: -25px; }
.HomeBanner .hd li{ width: 20px; height: 4px; }

.PartNav{ height: 45px; position: relative; padding: 0 10px; background: #961617; overflow-x: auto; overflow-y: hidden; }
.PartNav::-webkit-scrollbar { display: none;}
.PartNav ul{ display: flex; }
.PartNav ul li{ height:45px; position: relative; float: left; }
.PartNav ul li + li{ margin-left: 15px; }
.PartNav ul li>a{ display: block; line-height: 45px; font-size: 16px; color: #FFF; white-space: nowrap; }
.PartNav ul li.on>a{ color: #edf163; }





.NewsPart{ padding: 1px 10px 30px; }
.NewsPart .Tit{ margin-top: 20px; height: 36px; }
.NewsPart .Tit h1{ font-size: 32px; }
.NewsPart .Tit .more img{ height: 36px; }

.NewsPicBox{ margin-top: 20px; }
.NewsPicBox li{ width: calc((100% - 10px) / 2); height: auto; }
.NewsPicBox li .pic{ height: calc((100% - 10px) / 2 / (420 / 430)); }
.NewsPicBox li .txt{ padding: 10px; height: auto; }
.NewsPicBox li .txt p{ font-size: 14px; }
.NewsPicBox li .txt h1{ margin-top: 5px; font-size: 18px; }
.NewsPicBox li .txt h1 a{ line-height: 1.2; }
.NewsPicBox li + li{ margin-left: 10px; }

.NewsList{ width: auto; margin-top: 25px; }
.NewsList li p{ font-size:14px; }
.NewsList li h1{ margin-top: 5px; font-size: 18px; }
.NewsList li h1 a{ line-height: 1.2; }


.SzbPart{ height: auto; padding: 40px 10px; background-size: auto 100%; }
.SzbPart .Con{ height: auto; }
.SzbPart .Tit{ padding-top: 20px; }
.SzbPart .Tit h1{ font-size: 28px; }
.SzbSlide{ margin-top: 20px; }
.SzbSlide .hd,
.SzbSlide>a{ display: none; }
.SzbSlide .bd{ height: auto; margin: 0 10px; }
.SzbSlide .bd ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.SzbSlide .bd li{ width: calc((100% - 10px) / 2); margin: 10px 0 15px;}
.SzbSlide .bd li .pic{ zoom:0.6; }
.SzbSlide .bd li .text{ margin-top: 10px; }
.SzbSlide .bd li .text .num{ font-size: 12px; }
.SzbSlide .bd li .text .num span{ font-size: 28px; }
.SzbSlide .bd li .text p{ font-size: 12px; word-break: break-word; }


.ArtsPart{ height: auto; padding: 1px 10px 20px;}
.ArtsPart .Tit{ margin-top: 20px; }
.ArtsPart .Tit h1{ font-size: 32px; max-width: calc(100% - 100px); word-break: break-word; line-height: 1; }
.ArtsPart .Tit .more img{ height: 36px; }

.ArtsSlide{ box-shadow: 0px 0px 5px 0px #c9bebe;}
.ArtsSlide .bd{ width: auto; height: auto; margin-top: 20px; }
.ArtsSlide .bd .tempWrap{ overflow: hidden !important; }
.ArtsSlide .bd li{ display: block !important; float: left; margin: 0; }
.ArtsSlide .bd li .pic{ width: auto; height: calc((100vw - 20px) / (800 / 500)); box-shadow:0px 0px 10px -1px #999393; z-index: 2; }
.ArtsSlide .bd li .Text{ position: relative; right: auto; top: auto; width: auto; height: auto; border: none; padding: 10px; z-index: 1;}
.ArtsSlide .bd li .Text .date{ font-size: 14px; }
.ArtsSlide .bd li .Text h1{ font-size: 18px; margin-top: 5px; }
.ArtsSlide .bd li .Text .More{ display: none; }


.ImpressionPart{ padding: 20px 10px; }
.ImpressionPart .Text{ width: auto; height: auto; }
.ImpressionPart .Text h1{ padding-top: 0; font-size: 32px; word-break: break-word; line-height: 1; }
.ImpressionPart .Text .desc{ margin-top: 10px; font-size: 18px; line-height: 1.3; }
.ImpressionPart .Text .more{ display: none; }
.ImpressionPart .VideoBox{ width: auto; height: calc((100vw - 20px) / (800 / 450)); margin-top: 20px; }

.ImpChannel{ margin-top: 10px; }
.ImpChannel>ul{ display: block; }
.ImpChannel>ul>li{ width: auto; height: calc((100vw - 20px) / (435 / 180)); margin-top: 10px; }
















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

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

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

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