@charset "utf-8";

/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,th,input,textarea{
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body{
    line-height:1;
}

blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
  content:'';
  content:none;
}
:focus{
  outline:0;
}
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

body,html{ margin:0px; padding:0px;}

*{
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
a{color: #000;}
a:hover {
  color: #e9474d;
}
:after,
:before{
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  display: block;
}
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
}
ul li{list-style-type: none;}
}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{zoom:1;}
a{text-decoration: none;color:#666;}
.flex{display: flex;position: relative; width: 100%;}
.flex_w{display: flex; flex-wrap:wrap; position: relative; width: 100%;}
.wrapBox{position: relative; width: 100vw; height: 100vh; overflow: hidden;}
.flex_clum{display: flex; position: relative; flex-direction: column;height: 100%;}
.flexBox_colum_ipad,.flex_ph_w,
.flexBox{display: flex; position: relative; width: 100%;}
.justify_between_stretch{justify-content:space-between;align-items:stretch;}
.justify_between_center{justify-content:space-between;align-items:center;}
.justify_center_center{justify-content:center;align-items:center;}
.col_100{position: relative; width: 100%;}
.col_70{position: relative; width: 70%;}
.col_65{position: relative; width: 65%;}
.col_62{position: relative; width: 62%;}
.col_60{position: relative; width: 60%;}
.col_50{position: relative; width: 50%;}
.col_48{position: relative; width: 48%;}
.col_45{position: relative; width: 45%;}
.col_42{position: relative; width: 42%;}
.col_40{position: relative; width: 40%;}
.col_35{position: relative; width: 35%;}
.col_30{position: relative; width: 30%;}

#ver-tc{
  position: relative;
  font-size: 14px;
  color: #666;
  font-family: "Microsoft Yahei", "PingFangSC-Regular", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
#ver-sc{
  position: relative;
  font-size: 14px;
 color: #666;
  font-family:"Microsoft Yahei", "PingFangSC-Regular", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
#ver-en{
  position: relative;
  font-size: 14px;
 color: #666;
  font-family:"Microsoft Yahei", "PingFangSC-Regular", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}


/*/main*/

.mainContent{
  position: relative;
  max-width: 1024px;
  margin:0px auto;
}

.Ir_mainRight{
   position: relative;
   flex: 1;
}
.Ir_mainRight h1{margin-top: 11px;
    margin-bottom:15px;
    padding-left: 8px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border-left: 2px solid #004989;}
.Ir_mainRight h2{font-size:14px;color: #000; padding:20px 0;}
ul.irAnnNewsulBox li,
ul.irAnnNewsulBox{
  position: relative;
  width: 100%;
  height: auto;
}
ul.irAnnNewsulBox li{
  margin-bottom: 12px;
}
ul.irAnnNewsulBox li:last-child{margin-bottom: 0px;}
ul.irAnnNewsulBox li a{
  position: relative;
  width: 100%;
  height: auto;
  padding:13px 30px;
  border-radius: 15px;
   display: flex;
    line-height: 1.5;
}
  ul.irAnnNewsulBox li:hover a{ color: #e9474d; }

.comMainInfo{
  position: relative;
  width: 100%;
  height: auto;
}
.mainContent p{
  padding-bottom:15px;
}

.annInfo{ padding-top:20px;}
.year_box{width:100%; text-align:right;}
.year_box a{ padding:0 15px; position:relative;}
.year_box a:hover{color: #e9474d;}
.year_box a.current{color: #e9474d;}
.year_box a::before {
    content: "";
    width: 1px;
    height:15px;
    border-radius: 50%;
    background: #666666;
    top:2px;
    display: block;
    position: absolute;
    left:0;
}
.year_box a:first-child::before {width:0px;}
ul.irAnnUlBox{
      position: relative;
    width: 100%;
    height: auto;
}
ul.irAnnUlBox li{padding: 20px;background: #f8f8f8;display:flex;justify-content:flex-start;}
ul.irAnnUlBox li:nth-child(even) {background: #ffffff;}

ul.irAnnUlBox li span{
  display: block;
    min-width: 135px;
	width:10%;
    line-height: 1.6;
}
ul.irAnnUlBox li a{width:85%;}
.governance ul{list-style-type: disc;
    margin-left:25px;}
.governance ul li{margin-bottom: 5px;list-style-type: disc;
    line-height: 25px;}

.committees li{ padding-bottom:20px;}
.a-link{ text-decoration:underline;}
.calendar_box ul{ margin-left:0; padding-top:10px;}
.calendar_box li{ display:flex; border-bottom:1px solid #d3d3d3;padding: 15px;}
.calendar_box li.headbox{ color:#000000;border-top:1px solid #000; border-bottom:1px solid #000;font-weight: bold;}
.calendar_box li .date{width:20%;}
.calendar_box li .title{width:80%;}
.calendar_box li p{ padding-bottom:15px;}
.highlights_box img{ max-width:100%; width:auto;}