.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
#articleInfo16 .item {position: relative;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;display: inline-flex;justify-content: space-between;}
#articleInfo16 .item > div {width: 45%;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;z-index: 10;}
#articleInfo16 .item:nth-child(2n) > div {float: right;}
#articleInfo16 .item:nth-child(2n) .photo {animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo16 .item .photo {background-position: 50%;background-repeat: no-repeat;background-size: cover;position: relative;display: none;}
#articleInfo16 .item:after{content:'';position:absolute;width: 100px;height: 10px;background-color: #ededed;top: 10px;left: -30px;z-index: 0;display: none;}
#articleInfo16 .item .photo iframe{height: 420px;border-width: 0px;}
#articleInfo16 .item .photo img {width: 100%;}
#articleInfo16 .item .info {margin: 0 0% 0 0%;width: 100%;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;padding: 40px 0 0 0;}
#articleInfo16 .item:nth-child(2n) .info {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo16 .item .info h5 {font-size: 60px;line-height: 100%;position: absolute;left: 0;letter-spacing: 1px;-webkit-text-stroke-color: #ececec;opacity: .6;white-space: nowrap;color: transparent;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #b7b7b754;text-transform: uppercase;font-family: 'Montserrat', sans-serif;display: none;}
#articleInfo16 .item .info h3 {padding: 10px 0 10px;color: #292929;border-bottom: 1px #dcdcdc solid;font-size: 25px;letter-spacing: 1px;margin-bottom: 10px;}
#articleInfo16 .item .info article {margin: 20px 0 0px 0;line-height: 190%;letter-spacing: 0px;}

.bottomLine{position:relative}
.bottomLine .awardsControlBox{display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:30px 30px 30px;flex-shrink:0;width:100px;background-image:-webkit-gradient(linear,left top,right top,from(#303166),to(#61629d));background-image:linear-gradient(to right,#303166,#61629d);background-position:50%;background-size:100% calc(100% - 20px);background-repeat:no-repeat;position:absolute;left:-130px;top:-10px;z-index:10}
.bottomLine .awardsTitle{color:#fff;font:700 20px "Montserrat",sans-serif;text-transform:uppercase}
.bottomLine .awardsList{display:flex;flex-direction:column;padding-bottom:20px}
.awardsList{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:20px}
.awardsList h3{padding:0}
.awardsList li .topBox{padding-bottom:20px;margin:0px 0 0px 30px;width:calc(100% - 400px)}
.awardsList li .topBox >div{padding:0px 0px 7px 15px}
.awardsList li .topBox >div .Box,.txxxtBox{padding-bottom:20px}
.awardsList li .topBox >div font{position:relative;display:inline-block;margin-right:6px;padding-right:6px;color:#c6c6c6;background:-webkit-gradient(linear,left top,left bottom,from(#eaeaea),to(#eaeaea)) 100% 50%/1px 15px no-repeat;background:-webkit-linear-gradient(top,#eaeaea,#eaeaea) 100% 50%/1px 15px no-repeat;background:-o-linear-gradient(top,#eaeaea,#eaeaea) 100% 50%/1px 15px no-repeat;background:linear-gradient(to bottom,#eaeaea,#eaeaea) 100% 50%/1px 15px no-repeat;font-weight:400;width:80px;display:none}
.awardsList li .topBox >div .Box{border-bottom:1px solid #ccc}
.awardsList li .topBox >div p b{padding-right:20px}
.awardsList li .topBox >div p span a{font-weight:400;line-height:130%;font-size:15px}
.awardsList li .topBox >div p b svg{width:18px;height:18px;fill:#5b5b5b}
.txxxtBox{padding:0 0 0 20px}
.txxxtBox li{width:100%;line-height:1.8;letter-spacing:0.2px;font-weight:400;display:list-item;padding-left:2px;margin:0;font-size:15px;list-style-type:decimal;list-style-position:inherit}
.awardsList li .topBox h3{font-size:28px;padding:0px 0px 0px 10px;color:var(--thirdly);display:flex;align-items:baseline;font-weight:500;position:relative;margin-bottom:10px;line-height:130%}
.awardsList.top_box li .topBox h2{font-size:16px;font-weight:400;padding:0px 20px 10px 10px}
.awardsList li .topBox h3::before{content:"";display:block;position:absolute;top:50%;left:-50px;height:2px;width:40px;margin-top:-1px;background:var(--thirdly)}
.awardsList li .topBox h3::after{content:"";width:max(135px,13%);padding-bottom:max(95px,13%);z-index:-1;background:transparent;background-image:-o-radial-gradient(#dfe2e8 1px,transparent 0);background-image:radial-gradient(#dfe2e8 1px,transparent 0);background-size:10px 10px;background-position:-2px -2px;position:absolute;top:50%;left:0;-webkit-transform:translate(-41%,-39%);-ms-transform:translate(-41%,-39%);transform:translate(-41%,-39%)}
.awardsList li .topBox h3 b{background-color:#e9e9e9;color:#000;padding:3px 5px;font-size:14px;font-weight:400;margin-left:10px}
.awardsList li .topBox h3 span{font-size:15px;margin-left:10px;display:flex;align-items:center}
.awardsList li.name{margin:20px 20px;padding:0px 0px;display:flex;align-items:flex-start;width:100%}
.awardsList li .classPictype{float:left;width:380px;position:relative}
.awardsList li .classPictype p{text-align:center}
.bottomLine .Txtbox{padding:20px;position:relative}
.bottomLine .Txtbox h2{font-size:24px;line-height:160%;letter-spacing:0px;color:#55469a}
.awardsList li .topBox p{font-size:14px;display:flex;align-items:baseline;margin-bottom:7px}
.awardsList li .topBox p i{color:#bfbfbf;margin-right:4%;font-size:13px}
.bottomLine article{margin:10px 0px 0px}
ul.awardsList.top_box li{position:relative;flex-wrap:wrap;align-items:center;width:calc(100% - 40px)}
.awardsList.top_box li .classPictype{overflow:hidden;display:inline-block}
.awardsList.top_box li.small .classPictype{position:relative;width:140px;height:140px;top:-50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.awardsList.top_box li.small .topBox{margin:0 0 20px 0;width:100%}
ul.awardsList.top_box li{display:flex;flex-direction:row}
ul.awardsList.top_box li.focus{padding:0;display:list-item}
.awardsList.top_box li:first-child .topBox{width:230px;flex:1 1 auto}
.staffJob h4{padding:10px 0 10px 0;font-size:16px}
/*table
*----------------------------------------------------------------------------*/
.table-container{width:100%;margin:20px 0 30px}
.table_brand{width:100%;border-right:1px #e6e6e6 solid;border-top:1px #e6e6e6 solid;border-spacing:0px;background-color:#fff}
.table_brand td a{color:var(--primary);vertical-align:bottom}
.table_brand th,.table_brand td{border-left:1px #e6e6e6 solid;border-bottom:1px rgb(76 76 76 / 17%) solid;padding:14px 10px;width:auto;font-size:15px;font-weight:400}
.table_brand td:nth-child(1){text-align:center;width:130px;background-color:#f2f2f2}
.table_brand td h2{text-align:center;font-size:18px;padding-bottom:10px}
.table_brand tr th:nth-child(1){font-size:16px;font-weight:400;line-height:160%}
.table_brand tr:nth-child(1){font-weight:500;text-align:center}
.table_brand tr tr:nth-child(odd){background-color:rgb(215 215 215 / 0%)}
.table_brand td.alt{text-align:left}
.table_brand tr.black_bg{background-color:#535353;color:#fff}


@media screen and (max-width: 1440px) {
	#articleInfo16 .item .photo:before{font-size: 75px;}
	#articleInfo16 .item .info .awardsList li{margin: 0 30px 20px 0;width: 41%;}
	#articleInfo16 .item .info .bottomLine article{margin: 70px 0 0px 0;}
	#articleInfo16 .item .info .awardsControlBox{right: -150px;top: -130px;}
	.awardsList li.focus{margin: 0;padding: 0;}
}
@media screen and (max-width: 1366px) {
	.awardsList li .topBox h3{font-size: 18px;}
	.awardsList li .classPictype {width: 260px;}
	.awardsList li .topBox{width: calc(100% - 300px);}
}
@media screen and (max-width: 1280px) {
	#articleInfo16 .item .photo:before{font-size: 70px;}
	.awardsList li.focus{padding: 0;}
	.bottomLine{padding: 40px 0 0;}
	.bottomLine .awardsControlBox{left: 0px;
    top: 10px;width: 230px;padding: 20px 30px 20px;}
	.awardsList li .topBox >div{display: flex;flex-direction: column;padding: 0px 0px 7px 10px;}
	.awardsList li .topBox >div .Box, .txxxtBox {width: calc((100% / 1) - 0px);}
}
@media screen and (min-width: 1281px){
	ul.awardsList.top_box li .topBox h3::before{display:none}
	ul.awardsList.top_box li.focus:after{display:none}
	ul.awardsList.top_box li:after{content:'';position:absolute;width:95%;height:72%;bottom:0;left:50px;z-index:-1;right:0;border:1px solid #ccc}
	.awardsList.top_box li .topBox h3{background:linear-gradient(to top,#f3f3f3 0%,#f7f7f7 100%);display:inline-flex;padding:0px 20px 0px 10px}
	.awardsList.top_box li:first-child .topBox{margin:60px 90px 0}
	ul.awardsList.top_box li{padding:0vw 0vw 2vw;display:flex;align-items:flex-start}
	.awardsList.top_box li .TTOP{width:350px}
}
@media screen and (max-width: 1024px) {
	#articleInfo16 .item > div, #articleInfo16 .item .info{float: none;width: 100%;margin: 0;}
	#articleInfo16 .item .info .awardsControlBox{right: 0;top: -130px;padding: 30px 20px 30px;width: 180px;}
	#articleInfo16 .item .photo:after{display: none;}
	#articleInfo16 .item .info h5{font-size: 50px;}
	.awardsList li .topBox h3{font-size: 20px;padding: 0px 0px 0px 10px;margin-bottom: 7px;}
	.awardsList li .topBox h3 b{top: 0px;}
	.awardsList li{margin: 0px 20px 0px 0px;}
	.table_brand th, .table_brand td{padding: 6px 6px;}
	#articleInfo16 .item{display: inline-flex;flex-wrap: wrap;}
	.awardsList li.name{width: calc(100% - 40px);}
	.awardsList.top_box li.small { margin-bottom: 50px; width: calc(50% - 40px);}
}
@media screen and (max-width: 960px) {
	.awardsList li .topBox h3::before{display: none;}
	.table_brand tbody{height: 40px;overflow: overlay;}
	.table_brand {width: 645px;}
	.staffJob {width: 90%;overflow-x: scroll;margin: auto;-webkit-overflow-scrolling: touch;}

}
@media screen and (max-width: 768px) {
	#articleInfo16 .item .info {margin: 0;width: 100%;padding: 20px 0 0px 0px;}
	#articleInfo16 .item:nth-child(2n) .info h5 ,#articleInfo16 .item:nth-child(2n) .info h3 {margin: 0 auto 0 0;}
	#articleInfo16 .item:after{display: none;}
	.awardsList li.name{padding: 10px 0px;width: calc((100% / 1) - 0px);margin: 0px 0px 0px 0px;}
	.awardsList li .topBox {padding-bottom: 5px;}
	.awardsList.top_box li {/* padding: 0 20px; */}
	.awardsList.top_box li:first-child {width: 100%;}
	.awardsList.top_box li.small { margin: 20px 10px 50px; width: calc(50% - 20px); }
}

@media screen and (max-width: 560px) {
	.bottomLine .awardsControlBox{position: inherit;top: 0;width: -webkit-fill-available;padding: 20px 20px 20px;}
	.bottomLine article{margin: 20px 0 0px 0;}
	#articleInfo16 .item .info h3{font-size: 20px;}
	#articleInfo16 .item .info .awardsList li{margin: 0 12px 20px 0;width: 44%;}
	.bottomLine{padding: 10px 0 0;}
	#articleInfo16 .item .photo iframe{height: 320px;}
	.awardsList li.name{padding: 10px 0px;width: calc((100% / 1) - 0px);margin: 0px 0px 0px 0px;display: flex;flex-direction: column;align-items: center;}
	.awardsList li .topBox {padding-bottom: 20px;margin: 10px 0 10px 0px;width: calc(100% - 0px);}
	.awardsList li .classPictype{padding: 0px 0px 20px 0px;width: 300px;}
	.awardsList.top_box li { flex-direction: inherit; }
	.awardsList.top_box li .classPictype { padding: 0; }
	.awardsList.top_box li:first-child {align-items: center;display: flex;justify-content: center;}
	.awardsList.top_box li:first-child .classPictype {margin-bottom: 20px;}
	.awardsList.top_box li.small { margin: 20px 0; padding: 20px 10px 10px; width: 100%; }
	.awardsList.top_box li.small .classPictype { margin-right: 15px; width: 120px; height: 120px; top: 2.5em; left: auto; -weblit-transform: translateX(0); transform: translateX(0); }
	.awardsList.top_box li.small .topBox { width: 1%; flex: 1 1 auto; }
}

@media screen and (max-width: 480px) {
	#articleInfo16 .item > div ,#articleInfo16 .item:nth-child(2n) > div {float: none;}
	#articleInfo16 .item .photo:before{font-size: 45px;bottom: -7px;}
	#articleInfo16 .item .photo {position: relative;margin: 0 auto 10px;width: 100%;}
	#articleInfo16 .item .info h5{font-size: 45px;}
	#articleInfo16 .item .info h5 ,
	#articleInfo16 .item .info h3 ,
	#articleInfo16 .item:nth-child(2n) .info h5 ,
	#articleInfo16 .item:nth-child(2n) .info h3 {margin: 0;padding: 0 0 10px;width: 100%;position: relative;}
	#articleInfo16 .item .info article{margin: 20px 0;line-height: 180%;}
}
@media screen and (max-width: 450px) {
	.awardsList.top_box li { flex-direction: column; align-items: center; }
	.awardsList.top_box li.name .topBox {width: 85%;padding-bottom: 0;}
	.bottomLine .awardsList{padding-bottom: 0;}
	.awardsList.top_box li.name .classPictype { margin-right: 0; top: auto; }
	.awardsList.top_box li.small { margin-bottom: 0; }
	.awardsList.top_box li.small .topBox { margin-top: 30px; }
}