@charset "utf-8";
@import url("english_reset.css");

body{ font-family: Arial; }

.warp{ position: relative; overflow: hidden; }
/*公共图片动画*/
.AnimPic,
.AnimHover{ transition: all 0.5s; }
.AnimPic img{ display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.AnimPic:hover,
.AnimHover:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }

.HomeBanner{ width: 2560px; margin: 0 auto; }
.HomeBanner .hd{display: flex;justify-content: center;height: 0;position: relative;top: -50px;}
.HomeBanner .hd li{position:relative; border-radius: 5px;width: 20px;height: 4px;font-size: 0;background: #FFF;opacity: 0.3;margin: 0 5px;cursor: pointer;}
.HomeBanner .hd li::after{ content: ''; position: absolute; display: block; width: 40px; height: 32px; background: url("../engfile/images/english_v1_ico_1.png") no-repeat center; transform: scale(0); opacity: 0; transition: all 0.3s; left: -10px; top:-14px;  }
.HomeBanner .hd li.on{ background: none; opacity: 1; margin: 0 15px; }
.HomeBanner .hd li.on::after{ transform: scale(1); opacity: 1; }
.HomeBanner .bd{}
.HomeBanner .bd li{position: relative;overflow: hidden;width: 2560px;height: 600px;}
.HomeBanner .bd li a::after{ content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:100px; background:linear-gradient(to bottom, transparent, rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.3), rgb(0 0 0 / 0.6));}
.HomeBanner .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.HomeBanner .bd ul,
.HomeBanner .bd li{ height: calc(100vh - 240px) !important;}

.HomeBanner>a{display:block;position:absolute;width:50px;height:50px;border-radius: 50%;top:50%;transform:translateY(-50%);z-index:999;cursor: pointer;opacity: 0.6;transition: all 0.3s;display: none;}
.HomeBanner>a.prev{ left:100px; background:url(/images/tsxxzx_img11.png) no-repeat center rgba(0,0,0,0.6); }
.HomeBanner>a.next{ right:100px; background:url(/images/tsxxzx_img12.png) no-repeat center rgba(0,0,0,0.6); }
.HomeBanner>a:hover{ opacity:1;}

@media screen and (min-width:1501px ) and (max-width:2560px ) {
    .HomeBanner{ transform: translateX(calc((100vw - 2560px) / 2)); }
    .HomeBanner .bd ul,
    .HomeBanner .bd li{ width:2560px !important; }

    .HomeBanner>a.prev{left:50%;margin-left: calc(30px - 50vw);}
    .HomeBanner>a.next{right:50%;margin-right: calc(30px - 50vw);}
}
@media screen and (max-width:1500px ) {
    .HomeBanner{width:1500px;/* transform: translateX(calc((100vw - 2560px) / 2)); */}
    .HomeBanner .bd li{ width:1500px;}
}




.PartHeader{ position: absolute; top: 0; left: 0; width: 100%; z-index: 2; height: 200px; background: url("../engfile/images/english_ico_3.png") repeat-x left top;}
.PartHeader .Con{ width: calc(100vw / (2560 / 2200)); display: flex; justify-content: space-between; }

.PartHeader .Logo{ padding-top: 35px; }

.PartHeader .PR{display: flex;justify-content: flex-end;max-width: 1400px;flex-direction: column;align-items: flex-end;}
.PartHeader .InfoLink{ height: 45px; margin-top: 25px; }
.PartHeader .InfoLink ul{ display: flex; height: 100%; font-size: 14px; color: #FFF; }
.PartHeader .InfoLink li{ position: relative; height: 100%; line-height: 45px;}
.PartHeader .InfoLink li + li{ margin-left: 5px; }
.PartHeader .InfoLink li a{ color: #FFF; }
.PartHeader .InfoLink li a:hover{ text-decoration: underline; }
.PartHeader .InfoLink li.zh img{ margin-right: 5px; }

.PartHeader .PartNav{ height: 60px; }
.PartHeader .PartNav ul{ display: flex; }
.PartHeader .PartNav li{ position: relative; overflow: hidden; height: 60px; font-size: 22px; }
.PartHeader .PartNav li + li{ margin-left: 35px;}
.PartHeader .PartNav li::before{ content: ''; display: block; position: absolute; bottom: 5px; border-bottom: 3px solid #932127; left: 50%; transform: translateX(-50%); width: 0; transition: width 0.3s;}
.PartHeader .PartNav li a{ display: block; line-height: 60px; color: #FFF; }
.PartHeader .PartNav li:hover a{ color: #932127; text-shadow: 1px 1px 1px #d9d3d3;}
.PartHeader .PartNav li:hover::before{ width: 30px; }

@media screen and (max-width:1960px ) {
    .PartHeader .PartNav li + li{ margin-left: 15px; }
}



















.NewsPart{ z-index: 3; padding: 1px 0 80px; background-color: #FFF;  }

.NewsPart .Tit{ height: 50px; margin-top: 70px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.NewsPart .Tit h1{ font-size: 60px; user-select: none; }


.NewsPicBox{ }
.NewsPicBox ul{ display: flex; justify-content: flex-start; }
.NewsPicBox li{ position: relative; overflow: hidden; background-color: #FFF; transition: all 0.3s; width: 420px; height: 600px; box-shadow:0px 2px 9px -5px #938a8a; }
.NewsPicBox li + li{ margin-left: 25px; }
.NewsPicBox li .pic{ position: relative; height: 430px; }
.NewsPicBox li .pic img{ width: 100%; height: 100%; object-fit: cover; }
.NewsPicBox li .txt{ position: relative; height: 170px; padding:25px 30px; box-sizing: border-box; }
.NewsPicBox li .txt p{ display: block; position: relative; font-size: 18px; line-height: 1.5; color: #999; }
.NewsPicBox li .txt h1{ position: relative; margin-top: 12px; font-size: 24px; }
.NewsPicBox li .txt h1 a{ display: block; height: auto; position: relative; overflow: hidden; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.NewsPicBox li .txt h1::after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0; border-bottom: 1px solid #932127; transition: width 0.3s ease 0.2s;}

.NewsPicBox li:hover{ box-shadow: 0px 2px 20px -4px #7e7171; }
.NewsPicBox li:hover .txt h1::after{ width: 100%; }


.NewsList{ width: 505px; }
.NewsList li{ position: relative; padding: 20px 0; border-bottom: 1px solid #999; }
.NewsList li::after{ content: ''; display: block; position: absolute; left: 0; bottom: -1px; border-bottom: 1px solid #932127; width: 0; transition: width 0.3s; }
.NewsList li p{ display: block; position: relative; font-size: 18px; line-height: 1.5; color: #999; }
.NewsList li h1{ position: relative; margin-top: 10px; font-size: 24px; }
.NewsList li h1 a{ display: block; height: auto; position: relative; overflow: hidden; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.NewsList li:hover::after{ width: 100%; }

.NewsList .more{ position: absolute; top: -5px; right: -10px; }
.NewsList .more a{ padding: 5px 10px; }



.SzbPart{ height: 650px; background: url("../engfile/images/english_v1_ico_4.png") no-repeat center top; box-sizing: border-box; padding: 80px 0;}
.SzbPart .Con{ height: 490px; background:rgba(255,255,255,0.7); border-radius: 20px; }
.SzbPart .Tit{ text-align: center; padding-top: 70px; }
.SzbPart .Tit h1{ font-size: 60px; }

.SzbSlide{ margin-top: 50px; }
.SzbSlide .bd{ margin: 0 130px; position: relative; height: 170px; }
.SzbSlide .bd li{ position: relative; overflow: hidden; float: left; width: 265px; margin: 0 10px; text-align: center; }
.SzbSlide .bd li .pic{ display: flex; height: 80px; align-items: center; justify-content: center;}
.SzbSlide .bd li .text{ margin-top: 20px; color: #777; user-select: none; }
.SzbSlide .bd li .text .num{ font-size: 16px; }
.SzbSlide .bd li .text .num span{ font-size: 36px; color: #932127; font-weight: bold; }
.SzbSlide .bd li .text p{ font-size: 18px; }
.SzbSlide .hd{ position: relative; margin-top: 50px; }
.SzbSlide .hd ul{ display: flex; justify-content: center; }
.SzbSlide .hd li{ position: relative; overflow: hidden; margin: 0 6px; width: 16px; height: 16px; border-radius: 50%; cursor: pointer; background-color: #cac9ca; font-size: 0; }
.SzbSlide .hd li.on{ background-color: #961617; }
.SzbSlide>a{ display: block; position: absolute; width: 80px; height: 130px; cursor: pointer; top: 20px; }
.SzbSlide>a.prev{ left: 15px; background: url("../engfile/images/english_v1_ico_13.png") no-repeat center; }
.SzbSlide>a.next{ right: 15px; background: url("../engfile/images/english_v1_ico_14.png") no-repeat center; }





.ArtsPart{ height: 765px; padding: 1px 0;}
.ArtsPart .Tit{ height: 50px; margin-top: 70px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.ArtsPart .Tit h1{ font-size: 60px; user-select: none; }

.ArtsSlide .bd{ width: 1480px; height: 500px; margin: 60px auto 0; }
.ArtsSlide .bd .tempWrap{ overflow:initial !important;}
.ArtsSlide .bd li{ position: relative; overflow: hidden; margin: 0 40px; }
.ArtsSlide .bd li .pic{ position: relative; overflow: hidden; width: 800px; height: 500px; }
.ArtsSlide .bd li .pic img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.ArtsSlide .bd li .Text{ position: absolute; right: 0; border: 2px solid #e8e8e8; width: 680px; height: 326px; box-sizing: border-box; top: 87px; background: rgba(255,255,255,0.8); padding: 60px 60px 0; }
.ArtsSlide .bd li .Text .date{ font-size: 18px; color: #999; line-height: 1.5; }
.ArtsSlide .bd li .Text h1{ position: relative; overflow: hidden; display: block; font-size: 24px; line-height: 1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 15px; }
.ArtsSlide .bd li .Text .More{ position: relative; display: block; width: 200px; height: 50px; border-radius: 25px; margin-top: 40px; background-color: #932127; }
.ArtsSlide .bd li .Text .More a{ display: block; text-align: center; line-height: 50px; font-size: 14px; color: #FFF; }

.ArtsSlide .hd{ position: absolute; left: 50%; margin-left: 500px; top: 310px; }
.ArtsSlide .hd ul{ display: flex; }
.ArtsSlide .hd ul li{ position: relative; overflow: hidden; width: 14px; height: 14px; border-radius: 50%; background-color: #ccc; cursor: pointer; font-size: 0; }
.ArtsSlide .hd ul li + li{ margin-left: 9px; }
.ArtsSlide .hd ul li.on{ background-color: #932127; }
.ArtsSlide>a{ position: absolute; display: block; top: 0; height: 500px; cursor: pointer; z-index: 10; width: calc((2560px - 1400px) / 2); }
.ArtsSlide>a.prev{ right: 50%; margin-right: 700px; }
.ArtsSlide>a.next{ left: 50%; margin-left: 700px; }



.ImpressionPart{ padding: 80px 0; background: #f0f0f0;}
.ImpressionPart .Text{ width: 560px; height: 450px; }
.ImpressionPart .Text h1{ font-size: 60px; user-select: none; word-break: break-word; line-height: 1.1; padding-top: 10px;}
.ImpressionPart .Text .desc{ position: relative; font-size: 24px; line-height: 1.5; margin-top: 30px; word-break: break-word; }
.ImpressionPart .Text .more{ position: absolute; bottom: 0;}
.ImpressionPart .VideoBox{ width: 800px; height: 450px; background-color: #000;}
.ImpressionPart .VideoBox video{ width:100%; height:100%; }

.ImpChannel{ margin-top: 60px; }
.ImpChannel>ul{ display: flex; justify-content: space-between; }
.ImpChannel>ul>li{ position: relative; overflow: hidden; width: 435px; height: 250px; }
.ImpChannel>ul>li img{ width: 100%; height: 100%; object-fit: cover; }
.ImpChannel>ul>li::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.3; z-index: 2;}
.ImpChannel>ul>li .T{ display: block; height: 48px; border: 1px solid #FFF; border-radius: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3;}
.ImpChannel>ul>li .T a{ display: block; text-align: center; line-height: 48px; font-size: 24px; color: #FFF; padding: 0 20px; white-space: nowrap; }
.ImpChannel>ul>li .T a::after{ content: '>'; padding-left: 10px;}











.Footer{}
.Footer .RedCon{ background: #932127; padding: 15px 0;}
.Footer .RedCon .FootDate{ display: flex; flex-direction: column; flex-wrap: wrap; min-width: 800px; max-height: 102px; }
.Footer .RedCon .FootDate li{ position: relative; display: flex; justify-content: flex-start; font-size: 16px; color: #FFF; line-height: 1.5; padding: 5px 0;}
.Footer .RedCon .FootDate li img{ margin-right: 10px; }

.RelEwm{}
.RelEwm ul{ display: flex; align-items: center; height: 102px; }
.RelEwm li{ margin-left: 30px; }
.RelEwm li img{ max-width:80px; }

.BlackCon{ background: #000; padding: 15px 0;}
.BlackCon ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.BlackCon li{ font-size: 16px; line-height: 1.5; color: #FFF; margin: 0 15px;}