@charset "UTF-8";


/* 
    箭头
    @include arrow(direction,size,color);
**/
/*
    超出省略号
    @include ell();
 * */
/*
    inline-block
    @include inline_block();
 * */
/*
    font-size of REM
    @include font_size(fz);
 * */
.inve_index__body .box {
  padding: 70px 0 100px ;
}

.inve_index__body .new_title{
  text-align: center;
  font-size:36px;
  font-size:3.6rem;
  color:#333;
  margin-bottom:50px;
}

.inve_index__body .box.s_1 {
  background: url(/en/images/investor/i_bg_1.jpg) center bottom repeat-x;
  background-size: auto 100%;
}

.inve_index__body .box.s_2 {
  background: url(/en/images/investor/i_bg_2.jpg) center bottom repeat-x;
  background-size: auto 100%;
}

.inve_index__body .box.s_3 {
  background: url(/en/images/investor/i_bg_3.jpg) center bottom repeat-x;
  background-size: auto 100%;
}

.inve_index__body .box .txt {
  max-width: 100%;
  display: block;
  display: none;
}

.inve_index__body .box ul.flex {
  align-items: stretch;
  justify-content: flex-start;
}

.inve_index__body .box ul.flex li {
  width: 25%;
  margin: 0 0 80px 0;
  cursor: pointer;
}

.inve_index__body .box ul.flex li:hover .in {
  border-color: #23499e;
}

.inve_index__body .box ul.flex li .in {
  display: inline-block;
  transition: all .3s;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
  height: 100%;
}

.inve_index__body .box ul.flex li h4 {
  margin-top: -20px;
  font-size: 17px;
  font-size: 1.7rem;
  color: #23499e;
}

.inve_index__body .box ul.flex li h3 {
  color: #23499e;
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 20px;
}

.inve_index__body .box ul.flex li p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #23499e;
}

.history_list{
  border-left:1px solid #0631a4;
}
.history_list li{
  margin-bottom:20px;
  position: relative;
  padding-left:20px;
}
.history_list li i{
  position: absolute;
  left:-6px;
  top:0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border:1px solid #0631a4;
  background-color:#fff;
}
.history_list li h3{
  color:#0631a4;
  font-size:16px;
  font-size:1.6rem;
  margin-bottom:5px;
}
.history_list li p{
  color:#666;
  font-size:16px;
  font-size:1.6rem;
}


.notice_index__body{
  padding:50px 0 80px;
}

.notice_index__body .index_title span{
  font-size:30px;
  font-size:3rem;
}
.notice_index__body .index_title b{
  width: 40%;
}

.notice_title span , .notice_title em{
  display: inline-block;
  vertical-align: bottom;
  margin-bottom:30px;
}
.notice_title span{
  font-size:24px;
  font-weight: 700;
  font-size:2.4rem;
  color:#333;
  padding-right:10px;
}
.notice_title em{
  font-size:14px;
  font-size:1.4rem;
  color:#999;
}

.notice_list{
  align-items: stretch;
  justify-content: flex-start;
}
.notice_list li{
  width: calc(100% / 4);
  margin-bottom:20px;
  border-bottom:1px solid #f1f1f1;
  padding-bottom:20px;
}
.notice_list li.nb{
  border-bottom:0;
}
.notice_list li h6{
  text-align: right;
  font-size:14px;
  font-size:1.4rem;
  color:#a6a6a6;
  margin-bottom:15px;
}
.notice_list li p{
  text-align: right;
  font-size:20px;
  font-size:2rem;
  font-weight: 700;
}
.notice_list li p.r{
  color:#d25048;
}
.notice_list li p.g{
  color:#5ec455;
}


.contact_index__body{
  padding:80px 0;
}
.contact_index__body .flex{
  align-items: center;
  position: relative;
}
.contact_index__body .img{
  width: 50%;
}
.contact_index__body .txt_con{
  background-color:#fff;
  box-shadow: 0 0 10px 10px rgba(100,100,100,.1);
  width: 50%;
  margin-left:-60px;
  position: absolute;
  top:30px;
  left:50%;
  padding:40px;
}
.contact_index__body .txt_con h3{
  font-size:30px;
  font-size:3rem;
  margin-bottom:20px;
}
.contact_index__body .txt_con h4{
  font-size:20px;
  font-size:2rem;
  margin-bottom:30px;
}
.contact_index__body .txt_con p{
  margin-bottom:10px;
}
.contact_index__body .txt_con p img  , .contact_index__body .txt_con p span{
  display: inline-block;
  vertical-align:middle;
}
.contact_index__body .txt_con p span{
  color:#333;
  font-size:14px;
  font-size:1.4rem;
}
.contact_index__body .txt_con p img{
  margin-right:10px;
}
.contact_index__body .txt_con p a{
  color:#333;
}
.contact_index__body .txt_con p a:hover{
  text-decoration: none;
  color:#0732a5;
}

.gg_list__body{
  padding:50px 0;
}
.gg_list__body .index_title span{
  font-size:30px;
  font-size:3rem;
}
.gg_list__body .index_title b{
  width: 80%;
}

.contact_index__body .span{
  padding-left:50px;
}

.gp_list{}
.gp_list.s_1{
  width: 800px;
  margin:0 auto;
}
.gp_list.ico .ico{
  width: 30px;
  height: 25px;
  background:url(/en/images/investor/dl_ico.png) center no-repeat;
  background-size:100% 100%;
  margin-right:20px;
}

.gp_list.small .date{
  width: 70px;
  padding:15px 0;
}
.gp_list.small .date h3{
  font-size:16px;
  font-size:1.6rem;
}

.gp_list.small li .txt a{
  font-size:15px;
  font-size:1.5rem;
}

.gp_list.small li {
  margin-bottom:30px;
}

.gp_list li{
  margin-bottom:30px;
  display: flex;
  align-items: center;
  transition: all .3s;
  padding:10px;
}
.gp_list li:hover{
  background-color:#0732a5;
}
.gp_list li:hover .ico{
  background-image:url(/en/images/investor/dl_ico_w.png); 
}
.gp_list li:hover .txt a{
  color:#fff;
}
.gp_list li .date{
  background-color:#0732a5;
  width: 70px;
  text-align: center;
  color:#fff;
  padding:10px 0;
}
.gp_list li .date h3{
  font-size:30px;
  font-size:3rem;
  letter-spacing: -2px;
}
.gp_list li .date p{
  font-size:12px;
  font-size:1.2rem;
}
.gp_list li .txt{
  width: calc(100% - 70px);
  padding-left:20px;
}
.gp_list li .txt a{
  font-size:20px;
  font-size:2rem;
  color:#333;
  transition: all .3s;
  text-decoration: none;
}


.bg_flex{
  align-items: flex-start;
}
.bg_flex .left_con{
  width: 200px;
  padding-top:20px;
}
.bg_flex .left_con ul li {
  text-align: center;
  margin-bottom:30px;
}
.bg_flex .left_con ul li a{
  color:#c5c5c5;
  font-size:28px;
  font-size:2.8rem;
  transition: all .3s;
}
.bg_flex .left_con ul li a:hover , .bg_flex .left_con ul li a.active{
  text-decoration: none;
  color:#0732a5;
}


.bg_flex .right_con{
  width: calc(100% - 200px);
}


.jl_flex{
  align-items: flex-start;
}

.jl_flex .in_con{
  width: 50%;
  position: relative;
}
.jl_flex .in_con.s_1{
  padding-right:10%;
}
.jl_flex .in_con.s_2{
  padding-left:10%;
}

.jl_flex .index_title{
  margin-bottom:50px;
}
.jl_flex .index_title b{
  width: 50%;
}

.jl_flex .in_con:first-child::after{
  content:"";
  width: 1px;
  background-color:#d5d5d5;
  top:100px;
  bottom:100px;
  right:0;
  position: absolute;
}


.new_sidebar{
  margin-bottom:50px;
  justify-content: center;
}
.new_sidebar.s_2{
  margin-top:50px;
}
.new_sidebar li{
  margin:0 15px;
}
.new_sidebar li a{
  display: block;
  background-color:#f6f6f6;
  height: 70px;
  line-height: 70px;
  padding:0 20px;
  transition: all .3s;
  text-align: center;
}
.new_sidebar li a:hover , .new_sidebar li a.active{
  background-color:#073298;
}
.new_sidebar li a:hover i.ico_1 , .new_sidebar li a.active i.ico_1{
  background-image:url(/en/images/investor/n_ico_1_w.png);
}
.new_sidebar li a:hover i.ico_2 , .new_sidebar li a.active i.ico_2{
  background-image:url(/en/images/investor/n_ico_2_w.png);
}
.new_sidebar li a:hover i.ico_3 , .new_sidebar li a.active i.ico_3{
  background-image:url(/en/images/investor/n_ico_3_w.png);
}
.new_sidebar li a:hover span , .new_sidebar li a.active span{
  color:#fff;
}
.new_sidebar li a:hover b , .new_sidebar li a.active b{
  display: none;
}
.new_sidebar li a i , .new_sidebar li a span , .new_sidebar li a b{
  display: inline-block;
  vertical-align: middle;
}
.new_sidebar li a i{
  width: 24px;
  height: 24px;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right:10px;
}
.new_sidebar li a i.ico_1{
  background-image:url(/en/images/investor/n_ico_1.png);
}
.new_sidebar li a i.ico_2{
  background-image:url(/en/images/investor/n_ico_2.png);
}
.new_sidebar li a i.ico_3{
  background-image:url(/en/images/investor/n_ico_2.png);
}
.new_sidebar li a span{
  font-size:22px;
  font-size:2.2rem;
  color:#333;
}
.new_sidebar li a b{
  background:url(/en/images/investor/n_ico_r.png) center no-repeat;
  background-size:90%;
  margin-left:10px;
  width: 16px;
  height: 16px;
  display: none;
}
<!--0.00017786026000977-->