.dn{display: none!important;}
.db{display: block;}
.hr_fs16{font-size: 16px;}
.hr_fs18{font-size: 18px;}
.ml80{margin-left: 80px!important;}
.ml120{margin-left: 120px!important;}
.overflowH{overflow: hidden;}
.RCMS_EDITOR img{max-width: 100%;}
.hr_oneRow{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.icon-menu.the-icons.span3:before {
    content: "";
}
.inner span.hr_fs18{font-size: 18px;}
.containerBox-team .profile_pic img,
.container-hr .floatR_img img{width: 100%;}
.container-responsibility .mainContainer-ideaResponsibility .inner > h3 {display: none;}
.container-responsibility .mainContainer-jywh .inner > h3:first-of-type {display: none;}
.container-responsibility .mainContainer-socialBenefit .floatR_img img {width: 240px;}
.mainContainer-responsibilityReporting .w47p img{height: 202px;}
.mainContainer-hjReport .w47p img{height: 162px;}
.container-investor .ir-pic{display: block;}
.containerBox-financialReports .img-shadow {width: 150px;}
.containerBox-fsmd .img-shadow {
    width: 150px;
    height: 200px;
    object-fit: cover;
}
.containerBox-fsmd .nav_side{display: none;}
.containerBox-materials .inner .inner_title {height: auto;}
.containerBox-materials .styled-select.midSelect {margin-top: -30px;}
.containerBox-StockCall .show-hide,
.containerBox-reportForms .show-hide{display: none;}


@keyframes fadeInLeft{
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-40px);
        transform: translateZ(0) translateX(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }
}
.header .sub_menu ul{
    opacity: 0;
    /* width: 0; */
    /* transition: all 0.4s ease; */
}
.header .sub_menu ul.on{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    opacity: 1;
    animation: fadeInLeft .6s ease forwards;
}
.header .sub_menu ul:nth-of-type(2).on,
.header .sub_menu ul:nth-of-type(3).on{
    justify-content: center;
}
.header .sub_menu ul:nth-of-type(3).on{
   margin-left: 92px;
}
/* .header .sub_menu a{display: inline-block;} */
.containerBox-index #carousel a img { width: initial;}
.containerBox-index #carousel a:hover img { width: 100%;}
.containerBox-index .cycle-pager {margin-top: 32.5px;}
.containerBox-index .banner .banner_nav .cycle-pager li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
}
.containerBox-index .banner .banner_nav .cycle-pager li.cycle-pager-active {
    background: #ffb403;
}

@media screen and (max-width: 768px) {
    .containerBox-index .cycle-pager {
        margin-top: 16.5px;
    }
}

.container-aboutUs .mainContainer-honor .inner p {
    margin-bottom: 0;
}


.container-aboutUs .inner ul.honor li {
    list-style: disc;
    padding-left: 2px;
    margin-bottom: 4px;
}
@media screen and (max-width: 480px) {
    .container-aboutUs .inner table ul.honor li {
        padding-left: 0px;
        margin-left: 17px;
    }
}


.hr_fs32 {
    font-size: 32px;
}
.hr_f_center {
    display: flex;
    justify-content: center;
}
.hr_fb {
    font-weight: bold;
}
.hr_color {
    color: #C39639;
}
.hr_position_r {
    position: relative;
}
.hr_position_a {
    position: absolute;
}


.yearHintBox *{
    box-sizing: border-box;
}
.yMoveClass{ transition: all ease-in-out 1s; }
.yearHintBox{ overflow: hidden; width: 100%; height: 100%; text-align: center; 
  transition: all 1s;
}
.yearHintBox .yLogo{ height: 9vh;overflow: hidden; margin:9vh auto 7vh }
.yearHintBox .yLogo img{ height: 100%; }
.yearHintBox .yBtn{ font-size:100px; line-height: 1; margin:3vh 0 5vh; position: relative; }
.yearHintBox .yBtn:after{ content: ""; position: absolute; height: 100%; width: 2px; background: #C39639; 
  left: 50%;
}
.yearHintBox .yTxt{letter-spacing: 0.69em; font-weight: bold;}
.yearHintBox .yBtn .btn{ cursor: pointer; }
.yearHintBox .yBtn .btn.yes_btn{ margin-right:100px; }
.yearHintBox .yPic{ height: 38vh; overflow: hidden; }
.yearHintBox .yPic img{ height: 100%; }
.yearHintBox .ycopy{ font-weight: 600;
   width: 100%; height: 60px; bottom: 4vh; left: 0;right: 0; font-size:16px;
}
.yearHintBox .ycopy .yfCopy{padding-top: 6px; font-weight: 400; }
.ytopTxt.active,.alertMd.active{ opacity: 0; transform: translateY(-100px); }
.yfootTxt.active,.yPic.active{ opacity: 0; transform: translateY(100px);}
.yearHintBox.active{ opacity: 0.5; }
@media screen and (max-height:900px){
  .yearHintBox .yLogo{ margin:8vh 0 6vh; }
  .yearHintBox .yBtn{ font-size:80px; }
  .yearHintBox .yTxt{ font-size:30px; }
}
@media screen and (max-height:860px){
  .yearHintBox .yBtn{ font-size:70px; }
  .yearHintBox .yTxt{ font-size:28px; }
  .yearHintBox .yLogo{ margin:7vh 0 5vh; }
}
@media screen and (max-height:800px){
  .yearHintBox .yBtn{ font-size:60px; }
  .yearHintBox .yTxt{ font-size:26px; }
  .yearHintBox .yBtn{ margin:2vh 0 4vh; }
}
@media screen and (max-width:1380px){
  .yearHintBox .yPic img{ max-width: 100%; }
}
@media screen and (max-width:1180px){
  .yearHintBox .yBtn{ font-size:56px; }
  .yearHintBox .yPic{ height:auto; }
  .yearHintBox .yPic img{ max-width: 100%; height: auto; }
  .yearHintBox_in{ height: calc(96% - 100px); 
    display: flex; flex-direction: column; justify-content: space-around; align-items: center;
  }
  .yearHintBox .yLogo{ margin:4vh auto 0; }
  .yearHintBox .yBtn{ margin:40px 0 0; }
}
@media screen and (max-width:980px){

}
@media screen and (max-width:880px){

}
@media screen and (max-width:750px){
  
}
@media screen and (max-width:640px){
  .yearHintBox .yLogo{ margin:2vw auto 0; }
  .yearHintBox_in{ height: 100%; padding-bottom: 40px; }
  .yearHintBox .yTxt{ font-size:20px; }
  .yearHintBox .yBtn{ font-size:50px; margin-top: 20px; }
  .yearHintBox .yBtn .btn.yes_btn{ margin-right:60px; }
  .alertMd{ padding:5vw 0; }
  .yearHintBox .ycopy{ font-size:12px; 
    bottom:20px; padding:0 16px; height: auto;
  }
}

.hr_ts{ 
	-webkit-transition: all .4s ease; 
	-moz-transition: all .4s ease; 
	-o-transition: all .4s ease; 
	transition: all .4s ease; 
}