/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
html { font-size:56% }
body { font-family:webfont, "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif }

.mo_positionRelative { position: relative!important }
.mo_positionAbsolute { position: absolute!important } 
.mo_positionStatic { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }

/* float */
.mo_fleft { float:left!important }
.mo_fright { float:right!important }
.mo_fnone { float:none!important }
/* text-align */
.mo_tleft { text-align:left!important }
.mo_tright { text-align:right!important }
.mo_tcenter { text-align:center!important }

h1, .h1 { font-size: 2.8rem }
h2, .h2 { font-size: 2.4rem }
h3, .h3 { font-size: 2.2rem }
h4, .h4 { font-size: 2rem }
h5, .h5 { font-size: 1.8rem }
h6, .h6 { font-size: 1.6rem }

.mo_margintop0 { margin-top:0!important }
.mo_margintop5 { margin-top:5px }
.mo_margintop10 { margin-top:10px }
.mo_margintop15 { margin-top:15px }
.mo_margintop20 { margin-top:20px }
.mo_margintop30 { margin-top:30px }
.mo_margintop40 { margin-top:40px }
.mo_margintop50 { margin-top:50px }
.mo_margintop60 { margin-top:60px }

.mo_marginbottom0 { margin-bottom:0!important }
.mo_marginbottom5 { margin-bottom:5px }
.mo_marginbottom10 { margin-bottom:10px }
.mo_marginbottom20 { margin-bottom:20px }
.mo_marginbottom30 { margin-bottom:30px }

.mo_marginleft0 { margin-left:0!important }
.mo_marginleft5 { margin-left:5px }
.mo_marginleft10 { margin-left:10px }
.mo_marginleft20 { margin-left:20px }

.mo_marginright0 { margin-right:0!important }
.mo_marginright10 { margin-right:10px }
.mo_marginright5 { margin-right:5px }
.mo_marginright20 { margin-right:20px }
.mo_marginright30 { margin-right:30px }

.mo_marginauto { margin-left:auto; margin-right:auto }

.mo_paddingtop0 { padding-top:0!important }
.mo_paddingtop5 { padding-top:5px }
.mo_paddingtop10 { padding-top:10px }
.mo_paddingtop15 { padding-top:15px }
.mo_paddingtop20 { padding-top:20px }
.mo_paddingtop30 { padding-top:30px }

.mo_paddingbottom0 { padding-bottom:0!important }
.mo_paddingbottom5 { padding-bottom:5px }
.mo_paddingbottom10 { padding-bottom:10px }
.mo_paddingbottom15 { padding-bottom:15px }
.mo_paddingbottom20 { padding-bottom:20px }
.mo_paddingbottom30 { padding-bottom:30px }

.mo_paddingleft0 { padding-left:0!important }
.mo_paddingleft10 { padding-left:10px }
.mo_paddingleft20 { padding-left:20px }

.mo_paddingright0 { padding-right:0!important }
.mo_paddingright10 { padding-right:10px }
.mo_paddingright20 { padding-right:20px }

.mo_padding0 { padding:0!important }
.mo_padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding10_0 { padding:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display: block }
.mo_undis { display:none }

.area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66, .area_65, .area_60, .area_55, .area_50, .area_45, .area_40, .area_35, .area_33, .area_30, .area_25, .area_20, .area_15, .area_10 { float:none; width:100% }

.mo_width100 { max-width: 100%; width:100% }
.mo_width95 {width: 95%;}
.mo_width35 { max-width: 35%; width:35% }
.mo_heightauto { height: auto }

.mo_imgw80 { max-width:80% }

.com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit }
.com-rows_2, .com-rows_max2, .com-rows_3, .com-rows_4, .com-rows_5 { max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }
.mo_com-rows_2 { height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.mo_row0 {margin: 0 auto;}

.mo_left0 { left: 0!important; right: auto!important }
.mo_right0 { left: auto!important; right: 0!important }

/*-------------------通用头部-------------------*/ 
#cd-lateral-nav { display: block }
.headbox { display: none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; position: relative }

/*-------------------底部通用-------------------*/
.copyright { position: static; top: 0; left: 0; right: auto; margin-top: 20px } 


/*-------------------内页通用-------------------*/
.title-img { width: 80px; right: -90px }

.inside-titlebox { height: calc( 40vh - 60px) }
.inside-title { right: -20px; white-space:nowrap }
.inside-sloganbox { height: calc( 40vh - 60px); top: 60px }
.inside-slogan-l { height: 100px }
.inside-slogan-r { height: 20px; line-height: 20px!important }

.headspace { height: 60px }

/*-------------------首页-------------------*/
.inbusiness-box { height: 100px } 
.inbusiness-box.box05, .inbusiness-box.box06 { height: 200px }
.inbusiness-title { font-size: 16px }
.inbusiness-box.box05 .inbusiness-title, .inbusiness-box.box06 .inbusiness-title { font-size: 16px }

/*-------------------关于我们-------------------*/
.about-con01 { padding: 30px 0 }
.about-con01 .area_25 { width: 50%; float: left }
.about-con01 .iconfont { font-size: 6em!important }
.aboutkv { background: url(../images/about/mo_aboutkv.jpg) center top no-repeat; background-size: 100% auto }
.about_width50 .area_25{width: 50%;float: left;}

.about_enterprise .about-title{width: 90%;top:30px;right: 20px;}
.about_enterprise2 .about-title{width: 90%;}
.about_enterprise .mo_tleft{top: 30px;left: 30px;}
.about_enterprise .mo_tright{top: 30!important;left: 0!important;}

.about_enterprise:nth-of-type(2) .culture_box{left: 0;top:-100%;z-index: -1;}
.about_enterprise:nth-of-type(3) .culture_box{top: 0;z-index: -1;}
.about_enterprise:nth-of-type(4) .culture_box{top: 0;left:0;z-index: -1;}
.about_enterprise:nth-of-type(5) .culture_box{top: 0;left:0;z-index: -1;}
.about_enterprise:nth-of-type(6) .culture_box{top: 0;left:0;z-index: -1;}

.about_enterprise:nth-of-type(2) em{border-left:none;position: absolute;top: 45%;right: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #f8f8f8;}
.about_enterprise:nth-of-type(4) em{border-left:none;position: absolute;top: 45%;right: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #f8f8f8;}
.about_enterprise:nth-of-type(6) em{border-left:none;position: absolute;top: 45%;right: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #f8f8f8;}

.culture_box .width50{width: 80%;}
.about-p{display: none;}

.about_tabs a>span { display: none }
.about_line { display: none }
.about_tabs { width: 100% }
.about_tabs a { width: 4.5% }
.about-con02 { min-height: auto }
.about-con02 .width60 { width: 98% }

/*-------------------新闻-------------------*/
.newskv .com-rows_2 { height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.newskv { background: url(../images/news/mo_newskv.jpg) right bottom no-repeat; background-size: 100% auto }
.news-jq{line-height: 24px;}
.news_year>div{width:50px;}
.news_month>div{width:100px;height: 350px;}
/*-------------------投资者关系-------------------*/
.irkv { background: url(../images/ir/mo_irkv.jpg) center bottom no-repeat; background-size: 100% auto }
.irindex-con02 .area_25 { width: 50%; float: left }
.irindex-con02 .iconfont { font-size: 6em!important }
.profile-table th, .profile-table td { padding: 10px }

.financial-dl { margin-left: 0 }
.financial-dl dt { width: 100%; margin-left: 0; text-align: left; padding: 8px 8px 0 }
.financial-dl dt span { display: none }
.financial-dl dd { border-top: 0 }
.financial-list li { float: left; width: 25%; padding: 8px; text-align: left }

.report-con .com-rows_2 { height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.report-con .width60 { width: 65% } 

.ir-tabsbox h5.width10 { width: 25% }
.ir-tabsbox .width90 { width: 75%; overflow-x: auto }
/*.ir-tabs { width: 700px }*/
.ir-tabs li { width: 100px; padding-right: 0 } 
.ir-tabs li a { font-size: 24px }
.ir-dl { margin-left: 0 }
.ir-dl dt { width: 100%; margin-left: 0; text-align: left; padding: 8px 8px 0; border-bottom: 0 }
.ir-dl dt span { display: none }
.ir-dl dd a { border-top: 0; padding: 8px }
.profile-table span {width: 100%;}

/*-------------------业务布局-------------------*/
.businesskv { padding-top: 120px; padding-bottom: 60px }

.business-page .nav-line { display: none }

/*-------------------可持续发展-------------------*/
.developkv { background: url(../images/develop/mo_developkv.jpg) center bottom no-repeat; background-size: 100% auto }
.think-con02 { margin-top: 0; padding-top: 30px; padding-bottom: 360px; background: url(../images/develop/think-bg02.png) 20px 20px no-repeat; background-size:70% auto; position: relative }
.think-con02 .container { position: absolute; bottom: 0 }
.think-con03 .imgw90 { max-width: 100%; width: 100% }



/*-------------------招聘-------------------*/
.joinkv { background: url(../images/join/mo_joinkv.jpg) center bottom no-repeat; background-size: 100% auto }
.post-titlebox { height: auto }

.social-dl { margin-right: 40px; height: 40px; line-height: 40px }
.social-dl dd { width: 40px; margin-right: -40px }
.social-dl dd a { height: 40px; line-height: 40px }
.social-dl dd a .icon-search.fa-3x { font-size: 2em!important; line-height: 40px }
input.social-input { width: 100%; height: 36px; line-height: 36px; padding: 0 15px }

.social-list li { text-align: left }
.social-list li.width40 { width: 100%; padding-bottom: 0 }
.social-list li.width40 span { display: none }
.social-list li.width35 { width: 45% }
.social-list li.width15 { width: 35% }
.social-list li.width10 { width: 20% }

/*-------------------联系我们-------------------*/
.contactkv { background: url(../images/contact/mo_contactkv.jpg) right bottom no-repeat; background-size: 100% auto }
.contact-con01 .width25 { width: 50% }
/* .contact-con01 .contact-con01-d1, .contact-con01 .contact-con01-d4 { background: #f0f0f0 }
.contact-con01 .contact-con01-d2, .contact-con01 .contact-con01-d3 { background: #f6f6f6 } */
.contact-con01 .contact-shade { padding-top: 45px }
.contact-con01 a:hover { background: #f6f6f6; color: #18a464 }
.contact-con01 a:hover .color18a464 { color: #18a464 }

.contact-shade h6 span { font-size: 12px }
.contact-con02 a { width: 33.33% }




/* ----------------------------通用----------------------------- */
 .mo_area50 {width: 50%;float: left;}
 .mo_width90 {width: 90%;}
 .mo_fontSize23 {font-size: 23px;}

 
 .mo_borderl_none {border-left: none;}

 .mo_letter-spacing0 {letter-spacing: 0;}
 .mo_letter-spacing5 {letter-spacing:5px}
 .mo_letter-spacing10 {letter-spacing:10px}
 
 .mo_bgefefef {background: #efefef;}

 .mo_seedis {display: block;}

/* ------------------------公司治理 (new)------------------------ */
.government-con .area_70 {margin: 0;}
.government-con .area_30 {margin-top: 0;}

/*----------------------------可持续发展（报告）-------------------- */
.report-com .area_33.padding20 {padding: 0 20px 20px 20px;}

/* ---------------------------可持续发展---------------------*/
.pro-height_l,.dev-promise .pro-height_r {height: auto;}
.dev-indexheight {height: calc(20vh); min-height: 200px;}
.dev-bg { background: url(/images/development/mo_indexkv.jpg) bottom center no-repeat; background-size: cover;}
#go01 {top: 450px!important;}
/* ---------------------------内部管治---------------------*/
.numArray {width: 60px; height: 60px; line-height: 60px; margin-top: 3px;}
.numDev .numDevTxt {width: 100%; height: 160px;padding-top: 10px; padding-left: 60px;}
.numDev .numArray {left: -35px;margin-top: 15px;}
.EsgRight { width: calc(100% - 60px);}

/* ---------------------------绿色经营---------------------*/
.gb-con li {padding: 0 0 30px 0;}
.dev-gbheight {height: calc(50vh);min-height: 650px;}
.news-swiper.container{ width: auto !important;padding: 0 !important;}
.news-swiper .swiper-container { width: 100%;float: none;}
.news-swiper .swiper-pagination {width: 100%; height: 50px; overflow: hidden;}
.news-swiper .swiper-pagination-bullet { height: 0; overflow: hidden;}
.news-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {height: 50px;}
.news-swiper .swiper-container-horizontal>.swiper-scrollbar {bottom: 110px;}
.news-swiper .swiper-pagination-bullet div.width100{padding:0 6.5%}
.swPro-txt {min-height: auto;}
.swPro-icon {width:100px; height: 100px;}

/* ---------------------------以人为本---------------------*/
.poDev {height: auto; padding-bottom: 30px;}
.poDev-bg,.poDev-bg2 { background: none;}
.poDev-abu,.poDev-abur{width: 100%;}


/* -------------------------绿色金融----------------------------- */
.finace-bg { background: url(/images/development/mo_fundbg.jpg) bottom center no-repeat; background-size: cover;}
.devfinacekv { background-position: left;}
.finaceBox-btn {padding-left: 10px;}
.finacsBox { top: 73%;}
.finacsBox .icon-fiance {width: auto;padding: 0 21px;}
.finaceBox-btn { width: 300px; height: 60px;line-height: 60px;}
.devfinacekv {min-height: 1500px;}
.devfinacekv .h5 {font-size: 1.3rem;}
.devfinacekv .block-padding {padding-top:0; padding-bottom: 0;}

/*-------------- 社会公益----------------------- */
.sw-bg {background: url(/images/development/mo_sw-kv.jpg) right center no-repeat; background-size: cover;}

.recbtn {background: transparent;}

/* 廉政建设 */
.EsgRight-eff {width: calc(100% - 60px);}

.mo_address{width: calc(100% - 100px);display: block; float: right;}

/* .mo_indexkv .imgw50{max-width: 80%;}
.mo_indexkv .imgw60{max-width: 100%;} */


}


/*iPhone6和iPhone8*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) {   
    .devfinacekv {min-height: 1500px;}


 }


/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }
.finaceBox-btn {width: 245px; height: 55px; line-height: 55px;}
.finacsBox .icon-fiance { width: 22px;}
.gb-circleLis { width: 130px; height: 130px;}
}