
 


 
.se_iphone_nav{display:none; }


/*手机站样式开始*/
@media only screen and (max-width: 860px){

.icenter { width: 92%; }


.se_iphone_nav{ position: fixed; top: 0; right: 0; z-index: 99999; width: 100%;  height: auto;     display: block; }
.se_iphone_nav .s_aa{ cursor: pointer; position: fixed; height: 80px; display: flex; justify-content: center; align-items: center; width: 40px; right: 2%; z-index: 99999;  }
.se_iphone_nav .s_aa .fa{ display: block; color: #333; font-size: 22px;}
.se_iphone_nav .s_aa .fa-remove{ display:none; }
.se_iphone_nav .s_aa .fa{font-size:0;}
.se_iphone_nav .s_aa .fa-navicon img{display: block; width: 100%; height: auto; filter: brightness(0) invert(1);}
.se_iphone_nav .s_aa .fa-remove img{display: block; width: 80%; height: auto; }
.se_iphone_nav .act .fa-navicon{ display: none;}
.se_iphone_nav .act .fa-remove{ display: block;    color: #9fc426; }
.se_iphone_nav .s_bb{ display: none;position: fixed; width: 100%; top: 0; padding: 70px 5%; background: #fff;    overflow-y: scroll; height:calc(100% - 0px); }
.se_iphone_nav .s_bb .se_nav_ul{ display: block;  margin-bottom: 5px;}
.se_iphone_nav .s_bb .se_nav_ul .dd{overflow: hidden; padding: 10px 16px; background: none; display: flex; justify-content: space-between; align-items: center;    cursor: pointer;  }
.se_iphone_nav .s_bb .se_nav_ul .one{display: block; }
.se_iphone_nav .s_bb .se_nav_ul .dd span,.se_iphone_nav .s_bb .se_nav_ul .dd span a{color: #333; font-size: 24px;    font-weight: bold; display: block;}
.se_iphone_nav .s_bb .se_nav_ul .dd i{color: #333; font-size: 30px; display: block; transition: all .3s; transform: rotate(90deg); }
.se_iphone_nav .s_bb .se_nav_ul .go i{ transform: rotate(-90deg);color: #9fc426;}
.se_iphone_nav .s_bb .se_nav_ul .go span{color: #9fc426;}
.se_iphone_nav .s_bb .se_nav_ul .dt{display: none;}
.se_iphone_nav .s_bb .se_nav_ul .dt p{display: block; overflow: hidden; padding: 20px 30px; padding-top: 5px; }
.se_iphone_nav .s_bb .se_nav_ul .dt p a{display: block; color: #666; font-size: 16px; padding: 6px;}

.se_iphone_nav .s_bb .se_nav_ul_Global{margin-top: 100px;}
.se_iphone_nav .s_bb .se_nav_ul_Global .dd{display: flex; justify-content: flex-start;}
.se_iphone_nav .s_bb .se_nav_ul_Global .dd span, .se_iphone_nav .s_bb .se_nav_ul_Global .dd span a{ font-size: 20px; }
.se_iphone_nav .s_bb .se_nav_ul .dd i{ margin-left: 30px; font-size: 24px;}
.se_iphone_nav .s_bb .se_nav_ul .dt p a{font-size: 16px;}

 
#dh2:hover .se_iphone_nav .s_aa .fa-navicon img{ filter: initial; }
.dh2_1 .se_iphone_nav .s_aa .fa-navicon img{ filter: initial; }












.dh2 .icenter .pcnav,.adfooter .tb a.se{ display: none; }

.adfooter .ta .lf .flogo img, .dh2 .icenter .logo img{ height: 40px; }

.adfooter .tb{  display: flex ; flex-direction: column; align-items: flex-start;  border-top: 1px solid #eee; padding-top: 40px; }
.adfooter .tb a{ margin: 4px 0 0 0; }
.adfooter .ta .lf,.adfooter .ta .lf .lfb dl p{ width: 100%; max-width: 100%;  }
.adfooter .ta{  overflow: hidden;  display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.adfooter .ta dl{float: left; width: 50%; margin: 20px 0 0 0; }
.adfooter .ta dl dd a{ margin: 0 0 8px; }
.adfooter .ta dl dt a{ margin-bottom: 10px; font-size: 16px;  }
.adfooter .ta .lf .lfb dl{ width: 100%; float: none; margin: 0 0 20px;  }
.adfooter .ta .lf{ border-bottom: 1px solid #eee; padding-bottom: 10px; }
.adfooter .ta .lf .lf_a dl{ margin: 0 0 20px 0;}

.totop{ right: 10px; zoom: 0.7; }
.mbx .ct{ padding: 12px 0; }
 
.mbx .ct a, .mbx .ct .fa, .mbx .ct span,.invest_info_1 .tbs dl dt span,.inshcode .rh p span{ font-size: 12px; }
.websearch .rh .pkn .in,.websearch .lf dd a,.websearch .rh .webs_procat .protp span, .home_bar_search .ca .tb .b1 .webs_procat .protp span,.inverstment_bottom dd p{ font-size: 14px; }
.in_fina_dl .pdflist .box .tt span{  font-size:20px;  }
.inshcode .rh h4, .invest_info_2 h3, .invest_teamlist dd h3, .appshow_pic .acpic .lf strong, .appshow_pic .acpic .rh strong, .app_show_pro .icenter h3, .proshowdata2 .icenter h3, .proshow_jcsearch .jxf h3, .responsibility_piclist dl dd p strong, .company_clture dl dt p strong, .home_esg a dd strong, .dh2 .icenter .pcnav dd .downav_pro .webnavd_code .icenter .pronav_rh .dlist.d1 h3, .dh2 .icenter .pcnav dd .downav_pro .webnavd_code .icenter .pronav_rh .dlist h3{font-size:22px; }
.inshcode .rh p font{ font-size:24px; }
.pagebanner .text h3, .inshcode .rh h3, .ab_company .lf strong, .incompany .tt h3{ font-size:28px; }

.invest_teamlist,.newsshow_content,.pageapplist,.inverstment_code .act,.inverstment_pdf,.joblist,.home_esg{ margin: 60px auto; }
.newsshow_list,.quality_1,.quality_2,.quality_2,.appshow_pic,.app_show_pro,.home_info,.inapp,.innews{    padding: 60px 0;}



.websearch .rh .pkn{ width:100%; }
.websearch .lf dd a{ padding: 0 20px; }
.websearch .lf dd a,.websearch .lf dl,.websearch .lf,.websearch .rh .pkn .in,.websearch .rh .webs_procat .protp, .home_bar_search .ca .tb .b1 .webs_procat .protp{ height:40px; }
.websearch .rh .pkn .b_s_t{ height:40px; width:40px;  }
.websearch .rh .webs_procat dd, .home_bar_search .ca .tb .b1 .webs_procat dd{    padding-bottom: 6px; margin: 0px 0 6px 0;}
.websearch .rh .webs_procat .protb, .home_bar_search .ca .tb .b1 .webs_procat .protb{    height: 300px; }


.pagebanner{  height: 240px; }
.pagebanner img{position: relative; height: 100%; object-fit: cover;}
.pagebanner .text h3:after{height: 2px; margin-top: 6px; width: 50px; }
.pagebanner .text{    margin-top: 20px;}


.in_finalist .tab{    font-size: 20px;     width: 40%; }
.in_finalist .years{ width: 60%; height: 40px; }
.in_finalist .years .down li{ height:40px;    font-size: 16px;  }
.in_finalist .taa .down{ width: 100%; }


.invest_teamlist{ grid-template-columns: repeat(1, 1fr); }
.invest_teamlist dd h4{ font-size: 14px; margin: 12px 0; }
.invest_teamlist dd{ padding: 20px; }


.invest_info_1{ padding: 16px; }
.invest_info_1 h3{ font-size: 16px; }
.invest_info_1 .tbs dd span{ height: 40px; font-size: 12px;}
.invest_info_1 .tbs dl dt span{ height: 46px;}
.invest_info_2 h3{ margin: 0 0 16px 0;  font-size: 16px; text-align: center; }
.invest_info_2{ padding: 16px;}

.invest_info_2 .tables{ overflow-x: scroll; }
.invest_info_2 .tables dd,.invest_info_2 .tables dl{ width:800px; }

.invest_info_2 .tables dd font, .invest_info_2 .tables dd span,.invest_info_2 .tables dl dt font, .invest_info_2 .tables dl dt span{    font-size: 14px; height:40px;    padding: 0 10px; }
.invest_info_2 .tables dd span,.invest_info_2 .tables dl dt span{ width:53%; }
.invest_info_2 .tables dd span:nth-child(3),.invest_info_2 .tables dd span:nth-child(4),.invest_info_2 .tables dl dt span:nth-child(3),.invest_info_2 .tables dl dt span:nth-child(4){ width: 20%;}

.inshcode .rh .tags{ display: block;}
.inshcode .rh .tags span{ margin: 0 2px;  display: inline-block; }

.inverstment_bottom dd{ padding: 26px;}
.inverstment_bottom dd p{ line-height: 24px; }

.inverstment_code .act{ display: block; padding: 0; }
.inverstment_code .rh,.inverstment_code .rh_dm{ width: 100%; padding: 20px; }


.inapp .inevent_swiper{ width: 92%; margin: 0 auto; left: 0; }
.web_contact_swip .app_a_more .c_txt{ min-height: 280px;    padding: 20px; }
.inapp .swry{margin-top: 50px; }
.web_contact_swip .app_a_more i strong{ font-size: 40px; }
.web_contact_swip .app_a_more .c_txt dd p{margin: 12px 0}
.web_contact_swip .app_a_more .c_txt dd p font{margin-right:0; }
.web_contact_swip{    margin-bottom: 100px;}
.web_contact_swip .app_a_more:nth-child(1) i{height: auto;}


.page_tt h3,.home_tt .lf span,.quality_webtt,.app_a_more .txt strong,.inverstment_bottom dd h3{ font-size: 26px; line-height: 30px; }
.quality_pic .act .lf dd strong{font-size:18px; }
.page_tt h4,.web_contact_swip .app_a_more .c_txt dd p a,.quality_pic .act .lf dd p{ font-size:14px; }
.page_tt p{font-size: 14px;}
.n_l_12{ grid-template-columns: repeat(1, 1fr); grid-gap: 0 0;}
.newsinfo_weblist p{ height: 200px; }
.newsinfo_weblist dl{ padding: 20px; }
.newsinfo dl strong{ min-height: auto;}

.newfy a{width: 36px; height: 36px;    margin: 0 2px; }
.newfy{}

.newsshowtt{margin-bottom: 60px;}
.newsshowtt .ic dl,.newsshow_content .i_ca{width: 100%; max-width: initial;}
.newsshowtt .ic h3{font-size: 22px; line-height: 28px;}
.mbx .ct span:nth-child(7){display: none;}

.quality_1 .icode{grid-gap: 0 0px; grid-template-columns: repeat(1, 1fr);}
.quality_1 .icode li{min-height: initial; margin: 0 auto 20px; width: 96%;  }
.ablscss dd a{font-size: 16px; margin-right: 12px;}
.ablscss dl dt a{ width: 32%; }
.ablscss dl dt a:nth-child(3n){ margin-right:0; }
.ablscss dl dt a span{margin: 12px 0; font-size: 12px; height: 32px; }
.ablscss dl dt a i{ height: 150px;}
.ablscss dl dt{ margin-top: 10px; }

.quality_pic .act{    display: block;}
.quality_pic .act .lf{    margin-bottom: 20px; }



.pageapplist{ display: block;}
.app_a_more .txt dd .more{ margin: 0 6px 7px 0; padding: 0 10px; }
.app_a_more .txt dd .more .mt{ font-size: 12px; }
.app_a_more i img{height: 100%; object-fit: cover;}
.app_a_more:nth-child(1) i{max-height: initial; height: 360px;}
.app_a_more i{max-height: initial; height: 260px;}
.app_a_more .txt{width: 90%; left: 5%; top: 5%;}

.home_info .h_i_a{display: block;}
.home_info .h_i_a dl{padding: 30px 20px; margin-bottom: 30px;}


.appshow_pic .acpic{ display: block; }
.appshow_pic .acpic .lf,.appshow_pic .acpic .rh{ width: 100%; margin: 0 0 30px 0; }
.a_p_list_table .taa,.a_p_list_table .tbb{ width: 720px; }
.a_p_list_table{    overflow-x: scroll;}


.webprolist{ display: block; }
.webprolist dl{ padding: 20px; margin: 0 0 30px 0; display: flex ; justify-content: space-between; align-items: center; }
.webprolist dl h3,.webprolist dl .img{ margin: 0;}
.webprolist dl .img{ height:90px; }

.joblist .jb_le .bt .jobbt font{color: #333; font-size: 14px; display: block;}
.joblist .jb_le .bt .jobbt font a{display: inline-block; margin: 0;}
.joblist .jb_le .tp .lf{ width: calc(100% - 50px); }
.joblist .jb_le .tp .lf dd p{ width:100%; }
.joblist .jb_le .tp .lf dd p span, .joblist .jb_le .tp .lf dd p font{ float: none;  font-size: 12px;}
.joblist .jb_le .tp,.joblist .jb_le .bt{ padding: 20px;}
.joblist .jb_le{    margin: 0 0 30px;}


.responsibility_swiper .inevent_swiper{        padding: 0;}
.responsibility_swiper .app_a_more:nth-child(1) i{ height:auto; }
.responsibility_swiper .app_a_more .r_sd_text{    padding: 20px;}
.responsibility_swiper .app_a_more .r_sd_text strong{    font-size: 18px;}
.responsibility_swiper .swiper-slide{    border: 1px solid #ddd;}

.responsibility_piclist dl{  width: 92%; border: 1px solid #eee; margin: 0 auto 40px;  height: auto;}
.responsibility_piclist dl i,.responsibility_piclist dl:nth-child(2n) i{width: 100%; position: relative; left: 0; }
.responsibility_piclist dl dd{height: auto; margin: 20px auto;}
.responsibility_piclist dl dd p,.responsibility_piclist dl:nth-child(2n) dd p{ width: 100%; padding: 0; }
.responsibility_piclist dl dd p span{ font-size: 14px; }
.responsibility_piclist dl dd p strong{ font-size: 20px; }
.responsibility_swiper .page_tt{        margin: 0 auto 30px;}


.abhistroy .abhis li dd strong{font-size: 40px;}
.abhistroy .abhis li dd span{ font-size: 14px; }
.abhistroy .abhis li i,.abhistroy .abhis li dd{ width:100%; }
.abhistroy .abhis li dl{display: block;}
.abhistroy .abhis li dd{ padding: 30px;}
.abhistroy .abhis li i:after{ transform: rotate(0deg); margin: 0; top: 100%; margin-top: -36px; right: 78%; }
.abhistroy .bo_hist{ zoom: 0.7; }
.abhistroy .bo_hist font, .abhistroy .bo_hist span{ font-size: 18px; }


.company_clture dl dt{ display: flex ; flex-direction: column;          margin: 0 auto 20px;}
.company_clture dl dt p{width: 100%; padding: 20px; margin-top: 20px;}
.company_clture h3{ font-size: 28px;}
.company_clture{ padding: 60px 0; }
.company_clture dl dt p span{font-size: 16px;        margin: 12px 0 0 0;}


.ab_company{ margin: 60px auto 0; display: block; overflow: hidden;}
.ab_company .lf{ width: 100%; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; }
.ab_company .lf strong{ margin-bottom: 10px;}
.ab_company .lf span{ font-size: 18px; line-height: 26px;}
.ab_company .lf span br{display: none;}
.ab_company .rh{ width: 100%; font-size: 14px; line-height: 26px;}

.incompany{ padding: 60px 0 0;}
.incompany .in_co_bum .lf dl{ width: 100%; margin: 0 0 20px 0; }
.incompany .in_co_bum .rh{position: relative; width: 92%; margin: 0 auto; border-radius: 4px;}
.incompany .in_co_bum .lf dl dd font{ font-size: 16px; }
.incompany .in_co_bum .lf dl dd p span{font-size: 56px; line-height: 56px;}
.incompany .in_co_bum .lf dl dd p i{ font-size: 16px; }
.incompany .in_co_bum .lf dl dd{padding-bottom: 12px; margin-bottom: 12px;}



.home_esg a:nth-child(3){ display: none; }
.home_esg a{ width: 48%; }
.home_esg a dd{ display: block; padding: 16px; }
.home_esg a dd strong{ font-size: 20px; margin: 0 0 12px 0; }


.incompany .tt{ width: 96%; margin: 0 auto 30px; }
.incompany .tt h3{font-size:26px; }
.incompany .tt h4{width: auto; font-size: 14px;}

.home_tt .lf{ margin: 0 0 20px 0; }
.home_tt .lf span{margin-bottom: 10px;}
.home_tt .lf font{ font-size: 14px;}
.home_tt{ display: block; }

.inpro{    padding: 60px 0 60px;}
.prolisttable .ica{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px;}
.prolisttable dl{ float: none; width: auto; border: 1px solid #eee; margin: 0 0 20px 0; padding: 20px;}
.prolisttable dl .ta i img{ height:80px; }
.prolisttable dl .ta{}



.inshcode{ display: block;width: 92%;margin: 60px auto;overflow: hidden;}
.inshcode .act{ display: block; }
.inshcode .rh{width: 100%; padding: 20px 0;}
.inshcode .lf{display: flex ; width: 100%; height: 100px; align-items: center; justify-content: space-between;}
.inshcode .lfimg{ width: 100%; height: 100px; }
.inshcode .lf .more .mt, .inshcode .lf .more .fa{font-size: 16px;}
.inshcode .lf .more{width: 160px; height: 40px;}


.banner{ height: calc(90% - 140px); }
.banner video{   }
.banner .mm_home{ }

.home_bar_search{ width:92%; }
.home_bar_search.on{ width:98%; }
.home_bar_search .ca .ta a{ font-size: 16px; }
.home_bar_search .ca .tb .b1 form input{    height: 50px;  font-size: 16px; }
.home_bar_search .ca .tb .b1 form .btnsubmit{width: 50px; height: 50px;}
.home_bar_search .ca .tb .b1 form .btnsubmit img,.websearch .rh .pkn .b_s_t img{ height:20px; }
.home_bar_search.on .ca .tb .b1 form input, .home_bar_search.on .ca .tb .b1 form .btnsubmit,.home_bar_search.on .ca .tb .b1 .webs_procat .protp{    height: 70px;}
.inshcode .rh dt .b{ line-height: 70px;  font-size: 70px; }

 
input, textarea, button {-webkit-appearance: none;  appearance: none;  border-radius: 0;  }


.banner_text{ height: auto; padding: 24px 0; }
.banner_text .icenter{  display: block; }
.banner_text .lf{ font-size: 24px; line-height: 30px; width:100%; }
.banner_text .lf br{display: none; }
.banner_text .lf:after{ margin: 10px 0;  ; height: 0; position: relative;  width: 100px;}
.banner_text .rh{ width: 100%;display: block; }
.banner_text .rh span{ font-size: 14px; line-height: 24px; margin: 0 0 10px 0; }


.innews .i_n_a_list{ display: block; }
.innews .i_n_a_list .lf{ width: 100%; border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 30px; }
.innews .i_n_a_list .rh{ width: 100%; position: relative; padding: 0; height: auto;}
.innews .i_n_a_list .rh .innews_swiper{ padding-right: 0; }

.innews .i_n_a_list .rh .newsinfo{ display: block;}
.innews .i_n_a_list .rh .newsinfo p{ position: relative; width: 100%; overflow: hidden; border: 1px solid #eee; margin-bottom: 20px; }
.innews .i_n_a_list .rh .innews_swiper .newsinfo dl{ width: 100%; padding: 0; }
.innews .i_n_a_list .rh .newsscrollbar{ opacity: 0; }

.innews .newsscrollbar_pagination{display: block; text-align: center;}
.innews .newsscrollbar_pagination span{ width: 10px; height: 10px; opacity: 1; background: #ddd; }
.innews .newsscrollbar_pagination .swiper-pagination-bullet-active{ background:#9fc426; }
.innews{    padding: 0 0 60px;}
.innews .i_n_a_list .lf .newsinfo p{margin-bottom: 20px; }


.corss_prolist dd span{ font-size: 12px;   padding: 8px 10px;}

.corss_prolist dt span{padding: 6px 10px; font-size: 12px;}



.dh2 .icenter .rh{ display:none; }



.privacy_se{width: 100%; bottom: 0; right: 0; padding: 20px; }
.privacy_se .icenter p{ font-size: 12px;}
.privacy_se .icenter button{ margin: 10px auto 0; }

.inverstment_code{ overflow: inherit;}
.inverstment_code .rh{ padding: 20px 20px;}
.inverstment_code .act{ width: 100%; }


.cross_s_tip{    margin-bottom: 30px;}

.proshow_jcsearch{ padding: 50px 0; }
.proshow_jcsearch .jxf{ width: 100%; padding: 26px; }
.proshow_jcsearch form input{ height: 50px; }
.proshow_jcsearch form .btnsubmit{ width: 50px; height: 50px; }
.proshow_jcsearch form .btnsubmit img{ height: 22px; }
.proshow_jcsearch .jxf h3{ margin-bottom: 12px; font-size: 20px; }
.proshow_jcsearch .jxf h4{ font-size: 12px; margin: 10px 0 0 0; }

.proshowdata2 .icenter ul{ display: block; }
.proshowdata2 .icenter ul li{ margin: 0 0 16px 0; }
.proshowdata2 .icenter ul li a{ padding: 12px; }
.proshowdata2 .icenter ul li a span{ font-size: 14px; width: calc(100% - 50px); }
.proshowdata2 .icenter ul li a i{ display:none; }
.proshowdata2 .icenter ul li a font{ font-size: 14px; }
.proshowdata2 .icenter ul li a font img{ margin: 0 8px 0 0; }

.proshow_tt dl{ width: 100%; margin: 40px auto; display: block;  }
.proshow_tt dl .lf{ width: 100%; }
.proshow_tt dl .lf img{width: auto; max-width: 50%; margin: 0 auto 26px;}
.proshow_tt dl .rh{ width: 100%; }
.proshow_tt dl .rh h4, .proshow_tt dl .rh h4 p{ font-size: 14px;  line-height: 26px; }
.proshow_tt dl .rh h3{ font-size: 26px; border-bottom: 1px solid #ddd; }
 
.protabto .icenter a{ font-size: 14px; height: 42px; margin: 0 20px 0 0;  }

.choose .content{grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; }
.choose .content a{ margin-right: 0; }


.sidebar__controls__container__resetLink,.tt_excel{ font-size: 14px; margin: 12px 20px 0 0; }
.t_compare{margin: 0;}
.t_compare img{width: 18px; }
.t_compare span{ font-size: 14px; }
.proshowtitletabletop .filter-tab{ width: 100%; margin: 12px 0 0 0; }


.datasx{    overflow: hidden;}
div.dtsp-verticalContainer{overflow-x: hidden; width: 100%;}
.dataTables_scrollHead{    top: auto;}
.dataTables_wrapper .bottom{    flex-direction: column;}
.dataTables_wrapper .dataTables_length select{width: 100px; margin: 5px 0;}









}


 