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

body{ font-family: Arial; }


.BannerPart{position:relative;overflow:hidden;width:100%;height:720px;height:100vh;}
.BannerPart .swiper-container{margin-top:-40px;width:100%;height:calc(100vh + 80px);}
.BannerPart .arrow-left{position:absolute;top:0;left:0;z-index:999;width:15%;height:100%;}
.BannerPart .arrow-left span{position:absolute;top:50%;left:20px;display:block;margin-top:-32px;width:64px;height:64px;border-radius:100%;background:rgba(180,180,180,.25) url(../engfile/images/arrows.png) no-repeat center 17px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;}
.BannerPart .arrow-left:hover span{opacity:.6;}
.BannerPart .arrow-right{position:absolute;top:0;right:0;z-index:999;width:15%;height:100%;}
.BannerPart .arrow-right span{position:absolute;top:50%;right:20px;display:block;margin-top:-32px;width:64px;height:64px;border-radius:100%;background:rgba(180,180,180,.25) url(../engfile/images/arrows.png) no-repeat center -71px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;}
.BannerPart .arrow-right:hover span{opacity:.6;}
.BannerPart .pagination{position:absolute;right:50%;bottom:110px;display:flex;margin-right:-700px;}
.BannerPart .pagination li{display:block;padding:9px;width:15px;height:15px;cursor:pointer;}
.BannerPart .pagination li span{display:block;width:15px;height:15px;border-radius:50%;background:#fff;}
.BannerPart .pagination li span i{display:none;}
.BannerPart .pagination .current span,.pagination .firstCurrent span{background:#932127;opacity:1;transition:all .5s ease;}
.BannerPart .pagination .click span{background:gray;}
.BannerPart .pagination .click span i{display:none;}
.BannerPart .autoplay li span i{opacity:1;transform:scaleX(0);transform-origin:0;}
.BannerPart .autoplay .firstCurrent span i{transition:all 3s linear;transform:scaleX(1);}
.BannerPart .autoplay .current span i{transition:all 4s linear;transform:scaleX(1);}
.BannerPart .autoplay .replace span{background:gray;}
.BannerPart .autoplay .replace span i{transform:scaleX(0);}
.BannerPart .swiper-slide .title{position:absolute;bottom:80px;left:50%;margin-left:-700px;padding:20px 0;width:1200px;color:#fff;font-size:36px;line-height:1.5;user-select:none;}

.BannerPart .swiper-slide{ position: relative; }
.BannerPart .swiper-slide .pic{ position: relative; width: 100%; height: 100%; position: absolute; z-index: 0; }
.BannerPart .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; }




.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{ height: 1049px; background: url("../engfile/images/english_ico_5.png") no-repeat center top; z-index: 3; padding-top: 1px;}

.AnimTit{ width: 430px; height: 200px; margin-top: -51px; cursor: pointer; background:url("../engfile/images/english_ico_1.png") no-repeat #932127; }
.AnimTit .Con{ height: 50px; position: relative; display: flex; align-items: center; padding-left: 100px; padding-right: 50px;}
.AnimTit .Con h1{ font-size: 24px; color: #FFF; user-select: none; }
.AnimTit .Con::before{ content: ''; display: block; width: 20px; height: 11px; position: absolute; right: 50px; background: url("../engfile/images/english_ico_4.png") no-repeat center; transition:all 0.3s;}

.AnimTit.Down .Con::before{ opacity: 0; }
.AnimTit.Down .Con{ transition: all 0.8s; height: 150px; padding-top: 50px; }
.AnimTit.Down .Con h1{ transition: all 0.8s; font-size: 58px;}


.SlideFocus{ margin-top: 65px; }
.SlideFocus .bd{}
.SlideFocus .bd li{ position: relative; overflow: hidden; height: 550px;}
.SlideFocus .bd li a{ display: block; width: 840px; height: 550px; position: relative; overflow: hidden; }
.SlideFocus .bd li img{ width: 100%; height: 100%; object-fit: cover; }

.SlideFocus .TextCon{ position: absolute; width: 540px; height: 550px; top: 0; right: 0; }
.SlideFocus .TextCon .tbd{ position: relative; }
.SlideFocus .TextCon .tbd li{ position: relative; overflow: hidden; padding-top: 25px; padding-left: 20px; height: 530px;}
.SlideFocus .TextCon .tbd li::before{ content: ''; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 12px; background-color: #932127; }
.SlideFocus .TextCon .tbd li h1{ position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; font-size: 36px; line-height: 1.3; word-break: keep-all; }
.SlideFocus .TextCon .tbd li .date{ display: block; font-size: 18px; line-height: 1.5; margin-top: 25px; color: #932127; font-style: italic; }
.SlideFocus .TextCon .tbd li .desc{ position: relative; overflow: hidden; font-size: 18px; color: #686868; line-height: 1.6; margin-top: 25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; text-indent: 2em; }
.SlideFocus .TextCon .tbd li .More{ position: absolute; left: 0; bottom: 37px;}
.SlideFocus .TextCon .tbd li .More a{ display: block; width: 110px; font-size: 18px; color: #932127; background: url("../engfile/images/english_ico_6.png") no-repeat right center; line-height: 1.5;}

.SlideFocus .TextCon .hd{ position: absolute; width: 350px; right: 0; bottom: 45px; }
.SlideFocus .TextCon .hd ul{ display: flex; position: relative; height: 3px; background: #ddd; }
.SlideFocus .TextCon .hd li{ position: relative; width: 20%; height: 30px; transform: translateY(-13.5px); cursor: pointer; }
.SlideFocus .TextCon .hd li::before{ content: ''; display: block; position: absolute; width: 100%; height: 3px; top: 50%; transform: translateY(-50%); background-color: #932127; transition: all 0.3s; opacity: 0;}
.SlideFocus .TextCon .hd li em{ display: block; position:absolute; width: 6px; height: 30px; top: 0; right: 0; background: #fcc740; transition: all 0.3s; opacity: 0; }
.SlideFocus .TextCon .hd li::after{ content: ''; display: none; position: absolute; font-size: 18px; color: #932127; right: 0; top: 100%; line-height: 1.5; user-select: none; }
.SlideFocus .TextCon .hd li:nth-of-type(1)::after{ content: '01'; }
.SlideFocus .TextCon .hd li:nth-of-type(2)::after{ content: '02'; }
.SlideFocus .TextCon .hd li:nth-of-type(3)::after{ content: '03'; }
.SlideFocus .TextCon .hd li:nth-of-type(4)::after{ content: '04'; }
.SlideFocus .TextCon .hd li:nth-of-type(5)::after{ content: '05'; }

.SlideFocus .TextCon .hd li.on::before{ opacity: 1; }
.SlideFocus .TextCon .hd li.on::after{ display: block; }
.SlideFocus .TextCon .hd li.on em,
.SlideFocus .TextCon .hd li:hover em{ opacity: 1; }




.NewsPicBox{ }
.NewsPicBox ul{ display: flex; justify-content: flex-start; }
.NewsPicBox li{ position: relative; overflow: hidden; background-color: #FFF; transition: all 0.3s; width: 450px; height: 130px; }
.NewsPicBox li + li{ margin-left: 25px; }
.NewsPicBox li .pic{position: relative;width: 200px;float: left;height: 130px;}
.NewsPicBox li .pic img{ width: 100%; height: 100%; object-fit: cover; }
.NewsPicBox li .txt{ position: relative; width: 210px; float: right; margin-right: 20px; padding-top: 15px; color: #932127;}
.NewsPicBox li .txt p{ display: block; position: relative; font-size: 18px; font-weight: bold; line-height: 1.5; }
.NewsPicBox li .txt h1{ position: relative; margin-top: 12px; font-size: 20px; padding-bottom: 10px; }
.NewsPicBox li .txt h1 a{ display: block; height: 52px; position: relative; overflow: hidden; line-height: 1.3; 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%; }








.ImpressionPart{ height: 1170px; background: url("../engfile/images/english_ico_7.png") no-repeat center top;}

.TextTit{ padding-top: 70px; }
.TextTit h1{ text-align: center; display: block; position: relative; font-size: 58px; line-height: 1.3; }
.TextTit .desc{ position: relative; font-size: 24px; line-height: 1.5; margin-top: 15px; word-break: keep-all; text-align: justify; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.TextTit .More{ width: 250px; height: 60px; margin: 50px auto 0; position: relative; border-radius: 30px; border: 1px solid #932127; transition: all 0.3s;}
.TextTit .More a{ display: block; padding: 0 40px; line-height: 60px; font-size: 24px; color: #932127; background: url("../engfile/images/english_ico_8.png") no-repeat 90% center; }
.TextTit .More:hover{ box-shadow:0px 0px 12px -4px #b54b4b; transform: translateY(-3px); }





.SwiperPart{ width: 100%; height: 675px; margin-top: 93px; }
.SwiperPart .swiper-container{ width: 100%; height: 100%; }
.SwiperPart .swiper-container li{ position: relative; padding-bottom: 25px; padding-right: 40px; padding-left: 25px; box-sizing: border-box; }
.SwiperPart .swiper-container li .PicCard{ position: relative; overflow: hidden; height: 100%; border-radius: 8px; }
.SwiperPart .swiper-container li .PicCard img{ width: 100%; height: 100%; object-fit: cover; }
.SwiperPart .swiper-container li .More{ position: absolute; right: 0; bottom: 0; border: 1px solid #ddd; border-top-right-radius: 35px; width: 198px; height: 58px; background: #FFF; }
.SwiperPart .swiper-container li .More a{ display: block; text-align: center; line-height: 58px; font-size: 18px; color: #932127; padding-right: 40px; background: url("../engfile/images/english_ico_6.png") no-repeat 80% center; }






.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:88px;}

.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;}






/*通用概览==========================*/
.dw1400{ width: 1400px; }

.PageBanner{overflow:hidden;margin:0 auto;position: relative;}
.PageBanner img{ min-width:100%;}
@media screen and (max-width:2560px ) {
    .PageBanner img{transform: translateX(calc((100vw - 2560px) / 2)); }
}
@media screen and (max-width:750px ) {
    .PageBanner img{transform: translateX(-46%);left: 50%;position: relative;}
}
.PageBanner::after{ content: ''; position: absolute; display: block; width: 100%; height: 160px; left: 0; bottom: 0; background: linear-gradient(transparent, rgba(0,0,0,0.8));}


.PageTitlePart{margin-top: -130px;/* z-index: 4; */}
.PageTitlePart .w1400{ overflow:initial; }
.PageTitlePart .PageTit{color: #FFF;user-select: none;text-shadow: 2px 1px 3px #3a3838;}
.PageTitlePart .PageTit h1{ font-size: 48px; line-height: 1.5;}
.PageTitlePart .PageTit p{ font-size: 16px; line-height: 1.5; margin-top: 5px; }
.PageTitlePart .dqwz{position: relative;padding: 15px 0;/* height: 60px; */line-height: 30px;color: #FFF;background-color: #972c2c;max-width: 830px;margin:28px 0 0;overflow: initial;}
.PageTitlePart .dqwz a{color: #FFF;padding: 0 5px;}
.PageTitlePart .dqwz a:hover{ text-decoration: underline; }
.PageTitlePart .dqwz::before,
.PageTitlePart .dqwz::after{ content: ''; display: block; position: absolute; height: 60px; top: 0; }
.PageTitlePart .dqwz::before{ width: calc((100vw - 1400px) / 2); transform: translateX(-100%); background-color: #972c2c; }
.PageTitlePart .dqwz::after{ width: 20px; right: -20px; background: url("../images/PubList_ico_1.png") no-repeat left top; }
.PageTitlePart .dqwz font:nth-of-type(1){ display:none;}


.PageConMain{ margin-top: 65px; }
.PageLeftNav{ width: 313px; }
.PageLeftNav .NavLogo{ height: 138px; background: url("../images/PubList_ico_3.png") no-repeat right bottom #972c2c; display: flex; align-items: center; justify-content: center; user-select: none; box-shadow:0px 0px 5px -2px #333; }
.PageLeftNav .ChannPart{ width: 277px; margin: 10px auto 55px; background: url("../images/PubList_ico_7.png") no-repeat center bottom #f3f3f3; padding-bottom: 250px;  }
.PageLeftNav .ChannPart .onBar{ position: absolute; z-index: 0; width: 313px; height: 86px; background-color: #972c2c; left: -18px; filter: drop-shadow(0px 2px 5px #999); }
.PageLeftNav .ChannPart .onBar.First{ background-image: url("../images/PubList_ico_4.png"); background-repeat: no-repeat; background-position: right top; }
.PageLeftNav .ChannPart .onBar::before,
.PageLeftNav .ChannPart .onBar::after{ content: ''; display: block; width: 18px; height: 9px; position: absolute; bottom: -9px; }
.PageLeftNav .ChannPart .onBar::before{ left: 0; background: url("../images/PubList_ico_5.png") no-repeat; }
.PageLeftNav .ChannPart .onBar::after{ right: 0; background: url("../images/PubList_ico_6.png") no-repeat; }
.PageLeftNav .ChannPart ul{ position: relative; z-index: 1; }
.PageLeftNav .ChannPart li{ position: relative; height: 88px; padding-bottom: 2px; }
.PageLeftNav .ChannPart li::after{ content: ''; display: block; position: absolute; width: 80%; height: 2px; background: linear-gradient(to right, transparent, #FFF, #FFF, #FFF, transparent); left: 10%; bottom: 0; transition: all 0.5s; }
.PageLeftNav .ChannPart li:nth-last-of-type(1)::after{ display: none; }
.PageLeftNav .ChannPart li a{display: flex;height: 100%;font-size: 22px;color: #972c2c;align-items: center;justify-content: center;line-height: 1.2;transition: color 0.5s;position: relative;z-index: 2;padding: 0 20px;word-break: keep-all;text-align: center;}
.PageLeftNav .ChannPart li.on a{ color: #FFF; }

.PageLeftNav .ChannPart li.on::after{ opacity: 0; }
.PageLeftNav .ChannPart li:nth-of-type(1).on::before{ content: ''; display: block; position: absolute; top: 0; right: -17px; width: 130px; height: 100%; z-index: 0; background: url("../images/PubList_ico_4.png") no-repeat right top; }



.ContentPart{width: 1040px;margin-top: 15px;}
.ContentPart .ConTitle{ height: 71px; border-bottom: 1px solid #972c2c; }
.ContentPart .ConTitle span{ font-size: 32px; color: #972c2c; line-height: 70px; display: inline-block; padding: 0 15px; padding-left: 25px; background: url("../images/dian.png") no-repeat left center; user-select: none; }

.ConNewsPart{min-height: calc(100vh - 659px);}


.NewsList{ padding: 10px 0; }
.NewsList li{ position: relative; overflow: hidden; display: flex; justify-content: space-between; padding: 10px 0; font-size: 18px; }
.NewsList li a{ display: inline-block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; max-width:calc(100% - 150px); }
.NewsList li a:hover{ text-decoration: underline; }


/*仿layui分页样式*/
.ThePages{padding: 10px 0px;clear: both;overflow:hidden; text-align: center;}
.ThePages a,.ThePages span,.ThePages em{display: inline-block; *display: inline; *zoom: 1;color: #333;font-size: 12px;}
.ThePages a,.ThePages em{padding: 0 15px;line-height: 28px;}
.ThePages a:not([href]){cursor: no-drop;}
.ThePages span a,.ThePages>a{border: 1px solid #e2e2e2;}
.ThePages span,.ThePages>a{margin: 0 -3px 5px 0;background-color: #fff;}
.ThePages span.onhover a{background: #972c2c; border: 1px solid #972c2c; color:#FFF;}

.ThePages span.pn a{font-size:0;height: 28px;}
.ThePages span.pn.prev a::after{content:'Prev';font-size: 12px;}
.ThePages span.pn.next a::after{content:'Next';font-size: 12px;}

/*概览-文章*/
.ContentText{ padding:20px 10px; }
.ContentText img{ max-width:100%; }




/*文章细览===========================================================*/
.article{padding-bottom: 30px;position: relative;}
.article .Article_fbt2{text-indent: 2em;font-size:14px;}  
.article .Article_bt {height: auto;font-size: 42px;color:#000000;text-align:center;padding:10px 0;line-height:1.5;}
.article .Article_bt h1{font-weight: normal; }
.article .Article_fbt{/* padding-bottom:10px; */font-size: 18px;text-align: center;line-height: 35px;}
.article .Article_ly{font-size: 12px;color:#888888; text-align:center;margin:0 auto;margin-top:8px;background: url(../images/PublicText_ico_1.png) center bottom repeat-x;padding-bottom: 20px;}
.article .Article_zw{margin-top:20px;overflow: hidden;min-height: 200px;line-height: 30px;border-bottom: 1px solid #EEEEEE;}

.share_jiucuo{margin-top: 10px;height: 50px;/* line-height: 50px; */}
.share{width: 400px;float: left;height:auto;font-size: 12px;margin-top: 10px;}
.share .fx{display: block;float: left;height: 20px;margin-top: 2px;}
.jiucuo1{/* width: 432px; */float: right;height: 30px;margin-top: 10px;}


.pages{ clear:both;font-size: 14px;}
.pages span{width:auto;color:#fff;padding:0 15px;background: #8c1515;display:block;height: 32px;line-height: 32px;float:left;}
.pages a{padding-left:10px;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;display: inline-block;width: 90%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pages .prevpage{height: 32px;line-height:32px;background:#eee;}
.pages .nextpage{height: 32px;line-height:32px;margin: 5px 0;background:#eee;}


.information{margin-top:2px; font-size: 14px;}
.information h1{background:#eee;  overflow:hidden;}
.information span{width:auto;display:block;color:#fff;padding:0 15px;background: #1d5ec8;margin:2px 0;height:40px;line-height:40px;font-size: 14px;float: left;overflow: hidden;}
.information ul{padding: 10px;background:#fff;}
.information ul li{height:30px;line-height:30px;background: url(Home_ico_4.png) left center no-repeat;padding-left: 20px;text-align:right;}
.information ul li a{float:left;width: 89%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.information ul li i{  color:#666;}
.information ul li span{color:#666; float: right; background: none;padding: 0;margin: 0;line-height: 30px;height: 30px;}

#Zoom img{max-width: 100%;display: block;margin: 0 auto;}
#Zoom video{width: 100%;}
#Zoom table{cellspacing:0px;cellpadding:1px;border-spacing:1px;background:#909090;/* background:#ffffff; */}
#Zoom table tr td{background:#ffffff;}
#sp{ text-align:center;}

.smallFont{font-size: 10px; margin:0 5px 0 5px;cursor: pointer;}
.medFont {font-size: 14px;margin:0 5px 0 0;cursor: pointer;}
.largeFont{font-size: 16px;margin:0 5px 0 0;cursor: pointer;}
.curFont { color:red;}


.Article_xx{
    overflow: hidden;
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
    }
.Article_xx table{cellspacing:0px;cellpadding:1px;border-spacing:1px;background: #eeeeee;}
.Article_xx table tr td{background:#ffffff;}