@charset "utf-8";
@import url("reset.css");
@import url("header.css");
@import url("footer.css");
@import url("animate.min.css");

.Main{background:url("../images/qthd_bg_2560.png")no-repeat center top #070e12;padding-top:212px;}
.txtCon{width:100%;height: auto;overflow: hidden;text-align: center;margin-bottom:362px;}
.txtCon h1{font-size:80px;font-weight: bold;color:#ffffff;line-height:123px;text-shadow:0px 0px 40px rgba(2,40,61,0.7);}

.qthdPart{width:1490px;height:auto;overflow: visible;margin:0 auto;}
.qthdPart .listBox{width:100%;height:530px;margin-bottom: 215px;}
.qthdPart .listBox .infoTxt{width:652px;height:auto;overflow: hidden;float:left;position: relative;}
.qthdPart .listBox .infoTxt::after{content:"";width:5px;height:109px;background:#8bbb29;position: absolute;left:0px;top:35px;}
.qthdPart .listBox .infoTxt h1{width:100%;height: auto;overflow:hidden;padding-top:14px;padding-left:38px;box-sizing: border-box;}
.qthdPart .listBox .infoTxt h1 a{font-size: 36px;color:#FFFFFF;font-weight: bold;line-height:75px;}
.qthdPart .listBox .infoTxt h1:hover a{color:#8bbb29;}
.qthdPart .listBox .infoTxt p{font-size: 18px;color:#FFFFFF;line-height: 36px;text-indent:2em;margin-bottom:23px;padding-left:38px;box-sizing: border-box;text-align: justify;height: 180px;overflow: hidden;}
.qthdPart .listBox .infoTxt dl{width:100%;height: auto;overflow: hidden;}
.qthdPart .listBox .infoTxt dl dd{width:100%;height: 91px;border-radius:10px;background:#1a2327;margin-bottom:10px;}
.qthdPart .listBox .infoTxt dl dd:hover{background:#082633;}
.qthdPart .listBox .infoTxt dl dd a{display:block;width:100%;height:100%;font-size: 24px;color:#ffffff;text-align: center;line-height:91px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0px 20px;box-sizing: border-box;}
.qthdPart .listBox .infoTxt a.more{display: block;width:45px;height:38px;background:url("../images/qthd_icon_4.png")no-repeat right center;transition: all ease-in-out 0.5s;}
.qthdPart .listBox .infoTxt a.more:hover{width:55px;}
.qthdPart .listBox .focusImg{width:733px;height:100%;float:right;position: relative; }
.qthdPart .listBox .focusImg .pic{width:733px;height:466px;border-radius:20px;overflow: hidden; }
.qthdPart .listBox .focusImg .pic li{width:100%;height:100%; }
.qthdPart .listBox .focusImg .pic li a{display:block;width:100%;height:100%; overflow: hidden;}
.qthdPart .listBox .focusImg .pic li a img{width:100%;height:100%; transition:all ease-in-out 1s;}
.qthdPart .listBox .focusImg .pic li:hover a img{transform: scale(1.1);}
.qthdPart .listBox .focusImg .txt{width:100%;height:121px;border-radius:0px 0px 20px 20px;background:rgba(40,51,145,0.8);position: absolute;bottom:64px;left:0px;box-shadow:0px 0px 49px rgba(112,169,200,0.45);}
.qthdPart .listBox .focusImg .txt ul li{width:100%;height:100%;}
.qthdPart .listBox .focusImg .txt ul li a{display:block;width:100%;height:100%;padding:10px 60px 0px;box-sizing: border-box;}
.qthdPart .listBox .focusImg .txt ul li a span,
.qthdPart .listBox .focusImg .txt ul li a p{display:block;width:100%;height:auto;overflow: hidden;font-size: 24px;color:#FFFFFF;text-align: center;}
.qthdPart .listBox .focusImg .txt ul li a span{line-height:40px;text-overflow: ellipsis;white-space: nowrap;}
.qthdPart .listBox .focusImg .txt ul li a p{line-height:31px;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.qthdPart .listBox .focusImg .btn{width: 162px;height:42px;position: absolute;left:50%;transform: translateX(-50%);bottom: 0px;}
.qthdPart .listBox .focusImg .btn>a{display: block;width:26px;height:42px;transition:width ease-in-out 0.5s;position: absolute;top:0px;}
.qthdPart .listBox .focusImg .btn>a.prev{left:0px;background:url("../images/qthd_icon_2.png")no-repeat left center; }
.qthdPart .listBox .focusImg .btn>a.next{right:0px;background:url("../images/qthd_icon_3.png")no-repeat right center; }
.qthdPart .listBox .focusImg .btn>a:hover{width:36px;}
.qthdPart .listBox .focusImg .btn .pageState{width:100%;text-align: center;line-height: 42px;font-size: 22px;font-weight: lighter;color:#ffffff;}

.qthdPart .listBox2{margin-bottom:252px;}
.qthdPart .listBox2 .infoTxt{float: right;/*margin-right:47px;*/}
.qthdPart .listBox2 .focusImg{float:left;}
.qthdPart .listBox2 .infoTxt,
.qthdPart .listBox3 .infoTxt{margin-top: -34px;}

@media screen and (max-width:1920px ) {
    .Main{background:url("../images/qthd_bg.png")no-repeat center top #070e12;}
}



/* 英文版-修正 */
body.en .qthdPart .listBox .infoTxt h1 a{font-size: 28px;word-break: break-word;}