.banner{background-image: url('../images/ban-ir.jpg');}
.banner .en{background-image: url('../images/ban-en-ir.png');}
.stock{height: 620px;background: url('../images/ir-stock.jpg') no-repeat center / cover; margin-bottom: 10px;}
.stock-box{padding: 100px 0 0 90px;}
.stock-name{font-size: 24px; margin-bottom: 17px;}
.stock-num{display: flex;align-items: flex-end;line-height: 1;}
.stock-num .stock-price{font-size: 56px;color: #d93800; margin-bottom: -5px;}
.stock-num .stock-info{margin-left: 24px;font-size: 30px;}
.stock-num .stock-info span{display: inline-block;margin-left: 10px;}
.stock-num .green{color: #0f990f;}
.stock-list{margin-top: 40px; display: flex; flex-wrap: wrap; width: 430px;line-height: 1;}
.stock-list li{width: 215px; margin-bottom: 35px; font-size: 30px;}
.stock-list li span{font-size: 14px;display: inline-block;margin-bottom: 10px;}
.stock-source{font-size: 12px;color: #3d3d3d;}
.invest{display: flex; justify-content: space-between; flex-wrap: wrap; color: #4e5259;}
.invest a{color: #747475;}
.panel{background: #f8f8fa; margin-bottom: 10px; padding: 10px 20px; width: calc(50% - 5px); min-height: 320px;box-sizing: border-box;}
.panel-file,.panel-esg{width:calc(24.7% - 5px);}
.panel-contact{width: 100%;}
.panel-tit{border-bottom: 2px solid #eaeaeb; display: flex; line-height: 40px;}
.panel-tit p{font-size: 17px; flex: 1;}
.panel-tit .more:hover{color: #000;}
.list li{border-bottom: 1px solid #eeeeef;}
.list a{display: block; padding: 10px 100px 10px 0; position: relative; color: #636363; font-size: 16px;}
.list a:before{position: absolute;content: "";right: 22px;top: 50%;width: 30px;height: 30px; margin-top: -15px; border-radius:50%;border: 1px solid #dedede;background: url('../images/asdasdl.png') no-repeat center / 30px auto;}
.list a:hover:before{border-color:#3a7bbf;background-color:#3a7bbf; background-image: url('../images/asdasdlbg.png');}
.list a span{font-size: 14px;}
.panel .corporate{margin-top: 20px; height: 258px; position: relative;}
.panel .corporate::after,.panel .corporate::before{content: ''; position: absolute;  background: #eaeaeb;}
.panel .corporate::before{left: 0; top: 50%; width: 100%; height: 1px;}
.panel .corporate::after{top: 0; left: 50%; width: 1px; height: 100%;}
.panel .corporate .item{box-sizing: border-box;float: left; width: 50%; height: 128px; line-height:20px; padding:38px 35px; text-align: center; font-size: 18px;}
.panel .corporate .icon{float: left; width: 52px; height: 52px; border-radius: 50%; background-color: #dedede; background-image: url('../images/ir-corporate.png');}
.panel .corporate .c1{background-position: 0 0;}
.panel .corporate .c2{background-position: 0 -52px;}
.panel .corporate .c3{background-position: 0 -104px;}
.panel .corporate .c4{background-position: 0 -156px;}
.panel .corporate .item:hover .icon{background-color: #cacaca;}
.book{margin-top: 30px; display: flex; justify-content: center;}
.book li{margin: 0 35px; width: 148px; text-align: center;}
.book-img{overflow: hidden; border-radius: 8px;}
.book-img img{display: block;width: 100%; height: 200px; object-fit: cover; -webkit-transition: all .2s linear; transition: all .2s linear;}
.book a:hover img{-webkit-transform: scale(1.04); transform: scale(1.04);}
.book-name{margin-top: 6px; font-size: 15px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis}
.panel-contact-list{display: flex;justify-content: space-around; padding-top: 96px;}
.panel-contact-list li{position: relative; padding:12px 0 0 55px; margin: 0 30px; font-size: 15px;}
.panel-contact-list li i{position: absolute; left: 0; top: 0; display: block; width: 48px; height: 48px; border-radius: 50%; background: #dedede url('../images/ir-contact.png') no-repeat;}
.panel-contact-list li .email{background-position: 0 0;}
.panel-contact-list li .add{background-position: 0 -58px;}
.panel-contact-list li .work{background-position: 0 -116px;}
.panel-contact-list .ct{font-weight: bold;}
.panel-contact-list .desc{margin-top: 20px;}
.corporate-team{padding: 40px 0;}
.tab-tit{display: flex; align-items: center; justify-content: space-between;}
.tab-tit .tab-name{font-size: 26px;}
.tab-tit li{display: inline-block; font-size: 16px; border: 1px solid #dedede; cursor: pointer; margin-left: 10px; padding:6px 10px;min-width: 120px; text-align: center;border-radius: 3px; color: #999;}
.tab-tit li.on{color: #010101;background: #ffdf4b;border-color: #ffdf4b;}
.tab-con{margin-top: 30px; font-size: 16px;}
.tab-con .item{display: none;}
.team{display: flex;flex-wrap: wrap;}
.team li{width: calc(33.333% - 14px);min-height: 235px;margin-right: 20px;margin-bottom: 20px;}
.team li:nth-child(3n) {margin-right: 0;}
.team-list{padding: 15px 0;font-size: 14px;}
.team-list p{padding: 5px 0;}
.team-list .power{color: #3498db;display: inline-block;margin-top: 10px;}
.corporate-file{background: #f8f8fa; padding: 70px 0;}
.ir-list{padding: 80px 0;}
.ir-list .content{margin-left: 230px;}
.ir-list .content .title{text-align: left; margin-bottom: 20px;}
.ir-list .content .book{justify-content: normal;flex-wrap: wrap;}
.ir-list .content .book li{width: calc(25% - 20px); margin: 0 20px 20px 0; display: none;}
.ir-list .content .book-name{font-size: 18px;}
.ir-list .content .book-img img{height: auto;}
.side-year{position: absolute;left: 0;top: 0;width: 220px;}
.side-year::after{content: ''; width: 1px;position: absolute;left: 0;top: 20px;bottom: 40px;background: #d8d9dc;}
.side-year li{margin-bottom: 20px;line-height: 40px; position: relative; font-size: 20px; padding-left: 20px; cursor: pointer;}
.side-year li::after{content: '';width: 7px;height: 7px;border-radius: 50%;background: #d8d9dc;position: absolute;left: -3px;top: 50%; margin-top: -3px; z-index: 1;}
.side-year li.cur{font-weight: bold; color: #3a7bbf;}
.side-year li.cur::after{background: #3a7bbf;}

.en .stock-list li span{font-size: 12px;}
.en .panel-contact-list li{max-width: 460px;}
.en .panel-contact-list .ct{font-size: 12px;}
.en .panel-contact-list .ct p{margin-bottom: 6px;}
@media(min-width: 1500px) {
    .main{width: 1500px;}
	.en .panel-tit p{font-size:20px;}
	.en .team-list{font-size: 16px;}
	.panel .corporate .item{font-size: 20px;line-height: 52px;padding: 38px 20px}	
}








