/*投资者关系*/
.invest-part01{padding: 5% 0;}
.invest-part01 .con{color:#333;}
.invest-part02{padding: 0 0 5%;}
.invest-part02 h2,.invest-part02 h2 a{color:#0B6DDA;}
.invest-part02 .con{padding: 5%; margin-top: 2.5%; border-radius: 30px; background: #F1F4F7; position: relative;}
.invest-part02 .con::before{content: ""; position: absolute; lefT:50%; top:15%; width: 1px; height: 70%; background: #D9D9D9;}
.invest-part02 .con .ll,.invest-part02 .con .rr{ float: left; width: 50%; color: #585858;}
.invest-part02 .con .ll h3 em{ margin-left: 15px;}
.invest-part02 .con .ll h4{margin-top:5%; line-height: 30px;}
.invest-part02 .con .ll h4 span{font-weight: bold;}
.invest-part02 .con .ll h4 i{ display: inline-block; margin-left: 20px; margin-right: 60px;}
.invest-part02 .con .ll h4 em{display: inline-block; margin-right: 25px;}
.invest-part02 .con .ll h4.gp_down i{color: #438E33;}
.invest-part02 .con .ll h4.gp_up i{color:#E40A0A; transform: rotate(180deg);}
.invest-part02 .con .rr li{ float: left; width: 45%; margin: 2% 0; padding-left: 20%;}
.invest-part03{padding:0 0 5%;}
.invest-part03 li{ float: left; width: 48.5%; margin-bottom:3%; position: relative;}
.invest-part03 li .img{ border-radius:30px; overflow: hidden;}
.invest-part03 li:nth-child(2n){ float: right;}
.invest-part03 li .con{position: absolute; left:0; bottom:0; width: 100%; padding: 0 8% 5%; color: #fff;}
.invest-part03 li .con .more{background: #EFF2F7; color: #000;}

@media only screen and (max-width:1023px) {
.invest-part02 .con .rr li{padding-left: 10%; width: 50%;}
}
@media only screen and (max-width:767px) {
.invest-part02 .con,.invest-part03 li .img{border-radius: 15px;}
.invest-part02 .con .ll, .invest-part02 .con .rr{ width: 100%;}
.invest-part02 .con::before{ display: none;}
.invest-part02 .con .rr{margin-top: 10px;}
.invest-part02 .con .rr li{padding-left: 0;}
.invest-part03 li{width: 100%;}
}
@media only screen and (max-width:413px) {
.invest-part02 .con .ll h4 i{margin:0 20px 0 10px;}
.invest-part02 .con .ll h4 em{margin-right: 15px;}
}
.stock-part01,.stock-part02{padding: 5% 0; background: #F1F4F7;}
.stock-part02{background: #fff; padding:0 0 2%;}
.stock-part01 .con,.stock-part02 .con{max-width: 1280px; background: #fff; border-radius: 30px; padding: 5%; text-align: center; margin: 0 auto;}
.stock-part01 .con img,.stock-part02 .con img{width: 70%;}
@media only screen and (max-width:767px) {
.stock-part01 .con, .stock-part02 .con{padding: 5% 0; border-radius: 10px;}
.stock-part01 .con img,.stock-part02 .con img{width:100%;}
}


.notice-part{padding:2.5% 0; background: #F1F4F7;}
.notice-part .year_box{ width: 295px; line-height: 44px; color: #5F5F5F; position: relative; z-index: 2;}
.notice-part .year_box span{ float: left; width: 95px;}
.notice-part .year_box dl{ float: left; width: 200px; height: 44px; line-height: 44px; border-radius: 10px; border: 1px solid #D4DCE3;}
.notice-part .year_box .select-box dt a,.notice-part .year_box .select-box dt i{line-height: 44px;}
.notice-part .year_box .select-box dt a{color: #5F5F5F;}

.notice_list{margin: 3.5% 0;}
.notice_list li{padding: 2.5% 3%; position: relative; border-radius:20px; margin-bottom: 5px; background: #FFFFFF; overflow: hidden;}
.notice_list li .ico{ float: left; width: 70px; color: #D9DFE5;}
.notice_list li .ico i{vertical-align: top; top:-5px; position: relative;}
.notice_list li .txt{ float: left; width: calc(100% - 70px);}
.notice_list li .txt span{ display: block; color: #8D8D8D; margin-bottom: 10px;}
.notice_list li .txt h2{ float: left; width: calc(100% - 220px); line-height: 36px;}
.notice_list li .txt h2 a{color:#585858;}
.notice_list li .txt .rbtn_box{ opacity: 0; visibility: hidden; float: right; overflow: hidden;}
.notice_list li .txt .rbtn_box a.down{ float: left; margin-right: 20px; width: 36px;text-align: center; line-height: 36px; color: #0B6DDA;}
.notice_list li .txt .rbtn_box a.more{ float: right; margin-top: 0;}
@media only screen and (max-width:1599px) {
.notice_list li .ico{width: 50px;}
.notice_list li .txt{ width: calc(100% - 50px);}
}
@media only screen and (max-width:1279px) {
.notice_list li .ico i{ top:-2px;}
}
@media only screen and (max-width:1024px) {
.notice_list li .ico{width: 40px;}
.notice_list li .ico i{font-size: 18px;}
.notice_list li .txt{ width: calc(100% - 40px);}
.notice_list li .txt .rbtn_box{opacity: 1; visibility: visible;}
}
@media only screen and (max-width:767px) {
.notice_list li{padding: 5%;}
.notice_list li .ico{width: 30px;}
.notice_list li .txt{ width: calc(100% - 30px);}
.notice_list li .txt h2{width: 100%; line-height: 1.5;}
.notice_list li .txt .rbtn_box{ margin-top: 3%;}
}

.notice_list.promotion li .txt{width: 100%;}

.pro_tit{ text-align: center; margin: 4% 0 6%; position: relative;}
.pro_tit .swiper-container{ margin: 0 10%;}
.pro_tit .swiper-wrapper{ display: block;}
.pro_tit li{text-align: center; color: #8D8D8D; cursor: pointer; display: inline-block; width: auto; margin: 0 2.5%;}
.pro_tit li a{color: #8D8D8D;}
.pro_tit li.on,.pro_tit li.on a{color:#0B6DDA}
.pro_tit li span{ display: block; text-align: center; margin-bottom:8%;}
.pro_tit li span img{ display: inline-block; width: auto; max-width:82px; max-height: 48px;}
.pro_tit li span img+img{ display: none;}
.pro_tit li.on span img{ display: none;}
.pro_tit li.on span img+img{ display: inline-block;}
.pro_tit li.on em{ display:inline-block; color: #fff; background: #0B6DDA; padding: 0 25px; height: 40px; line-height: 40px; border-radius: 10px;}

.pro_tit .swiper-button-prev,.pro_tit .swiper-button-next{ display: none; background: none; height: 28px; line-height: 28px; margin-top: 0; top:10px}
.pro_tit .swiper-button-prev{left:-10px;}
.pro_tit .swiper-button-next{ right:-10px;}
.pro_con{margin-bottom: 5%;}
.pro_con .online_mall{ margin-bottom: 2%; float: right; width: 265px; height: 42px; line-height: 42px; border: 1px solid #E9EBED; border-radius: 10px;}
.online_mall .select-box dt a,.online_mall .select-box dt i{line-height: 42px;}

.pro_con li{margin-bottom: 2%; background: #F1F4F7; overflow: hidden;border-radius: 30px;}
.pro_con li .img{ float: left; width: 60%;}
.pro_con li .con{ float: right; width: 40%; padding:7% 4% 4%;}
.pro_con li .con h3{color: #585858;}
.pro_con li .con .c{color: #8D8D8D; margin-top: 5%; line-height: 1.8; max-height: 18em;overflow: hidden;}
.pro_con li .con .c p{margin-bottom: 5%;}
.pro_con li:nth-child(2n) .img{ float: right;}
.pro_con li:nth-child(2n) .con{ float: left;}
@media only screen and (max-width:1279px) {
.pro_con li .con{padding: 4%;}
}
@media only screen and (max-width:1023px) {
.pro_tit .swiper-container{margin: 0;}
.pro_con li .img,.pro_con li .con{ width: 100%;}
.pro_con li .img{border-radius:30px;}
.pro_con li .con .c{max-height: unset;}
}
@media only screen and (max-width:767px) {
.pro_tit li{float: left; width:50%; margin: 0 0 5px;}
.pro_tit li span{margin-bottom:5px;}
.pro_tit li span img{height: 30px;}
.pro_tit li em,.pro_tit li.on em{ height: 30px; line-height: 30px;}
.pro_tit .swiper-wrapper.fnt_24{font-size: 14px;}
.pro_tit .swiper-button-prev,.pro_tit .swiper-button-next{/*display: block;*/}
.pro_con .online_mall{width: 100%; float: none; margin-bottom: 5%;}
}


.pro_more{height: 40px;overflow: hidden;}
.pro_more a{display: inline-block;height: 40px; padding: 0 15px; background: #0B6DDA;color: #fff;text-align: center;border-radius: 10px;position: relative;}
.pro_more a i{display: block;height: 40px;line-height: 40px;}
.pro_more a span{display:none;height: 40px;line-height: 40px;}
@media only screen and (max-width:1024px) {
.pro_more a{padding: 0 30px 0 15px;}
.pro_more a i{position: absolute;right:10px;top:0;}
.pro_more a span{display: inline-block;}
}

.pro_list01{ margin: 0 0 6%;}
.pro_list01 li{ margin: 0 0 5%;}
.pro_list01 li dt{ float: left; width: 50%; border-radius: 30px; overflow: hidden; box-shadow:0 0 20px rgba(0, 0, 0, 0.2)}
.pro_list01 li dd{ float: right; width: 50%; padding:4% 5% 0 10%;color:#484848;}
.pro_list01 li dd p{color: #484848;}
.pro_list01 li dd h2{color:#0B6DDA; margin-top:5%;}
.pro_list01 li dd h4{font-weight: bold;margin-top: 3%;}
.pro_list01 li dd .pro_more{margin-top:8%;}
.pro_list01 li dd .pro_txt{ max-height: 15em; overflow: hidden;}
.pro_list01 li:nth-child(2n) dt{ float: right;}
.pro_list01 li:nth-child(2n) dd{ float: left;}
@media only screen and (max-width: 1599px) {
.pro_list01 li dd .pro_txt{ height: 13em;}
}
@media only screen and (max-width:1023px) {
.pro_list01{margin: 0 0 5%;}
.pro_list01 li:last-child{margin-bottom: 0;}
.pro_list01 li dt,.pro_list01 li dd{width: 100%;}
.pro_list01 li dd{padding: 5% 0;}
.pro_list01 li dd .pro_txt{ height: auto;}
.pro_list01 li dd .pro_more{margin-top: 5%;}
}

.pro_list02{padding: 2% 0 8%;}
.pro_list02_con{color: #585858;}
.pro_list02_img{ margin-top: 6%; border-radius: 30px; overflow: hidden;}






.pro_info{ text-align: center; color: #585858;}
.pro_info_tit{text-align: center; margin: 3% 0 5%;}
.pro_info_tit span{ display: inline-block; padding: 0 2.5%; color: #7B7B7B;cursor: pointer; position: relative;}
.pro_info_tit span::before{content:""; position: absolute; left:-2px; top:50%; margin-top: -12px; width:2px; height: 24px;transform: rotate(20deg); background: #7B7B7B;}
.pro_info_tit span.on a{color:#0B6DDA;}
.pro_info_tit span:first-child::before{ display: none;}
/*.pro_info_con .item{display: none;}
.pro_info_con .item.on{display: block;}*/

.pro_list03{ margin: 0 -1.5% 2%;}
.pro_list03 li{ float: left; width: 30.33%; margin: 0 1.5% 5%;}
.pro_list03 li dt{border-radius: 30px; overflow: hidden; box-shadow:0 0 20px rgba(0, 0, 0, 0.2)}
.pro_list03 li dd{padding:10% 4% 5%;color:#484848;}
.pro_list03 li dd p{color: #484848;}
.pro_list03 li dd h2{color:#0B6DDA; margin-top: 2%;}
.pro_list03 li dd h2 span{display: inline-block; margin-left: 10px; position: relative; top:-6px; padding: 0 13px; font-weight: bold; border-radius: 10px; border:2px solid #1B77DC;}
.pro_list03 li dd h3{margin-top: 1%;}
.pro_list03 li dd .pro_more{margin-top:8%;}
.pro_list03 li dd .pro_txt{ height: 7em; overflow: hidden;}
@media only screen and (max-width: 1599px) {
.pro_list03 li dd .pro_txt{ height: 6em;}
}
@media only screen and (max-width:1365px) {
.pro_list03 li dd h2 span{top:-3px;}
}
@media only screen and (max-width: 767px) {
.pro_info_tit span::before{ width: 1px; height: 14px;margin-top: -7px;}
.pro_list03{margin: 0 0 5%;}
.pro_list03 li{ width: 100%; margin: 0 0 5%;}
.pro_list03 li dd{padding: 5% 0;}
.pro_list03 li dd .pro_txt{ height: auto;}
.pro_list03 li dd h2 span{font-size: 12px;}
.pro_list03 li dd .pro_more{margin-top: 5%;}
}


.pro_dets_img{position: relative;}
.pro_dets_img>img{width: 100%;}
.pro_dets_img .conts{position: absolute; right:0; top:0; width: 46%; padding-top: 10%; padding-right: 16%;}
.pro_dets_img .conts h2{color:#0B6DDA;font-weight: bold; height: 1.5em; overflow: hidden;}
.pro_dets_img .conts h3{font-weight: bold; color: #484848; height: 1.5em; overflow: hidden;}
.pro_dets_img .conts p{color:#4B4B4B; margin-top: 10%; max-height: 7.5em; overflow: hidden;}
.pro_dets_con{padding: 5% 0; color: #484848;}
.pro_dets_con dt{padding-bottom: 2%; border-bottom: 1px solid #F5F7F9;}
.pro_dets_con dt span{ float: left;margin-right: 10%;}
.pro_dets_con dt span em,.pro_dets_con dd em{font-weight: bold;}
.pro_dets_con dd{padding-top: 2%;}
.pro_dets_con dd em{display: block; margin-bottom: 0.5%;}
@media only screen and (max-width: 1023px) {
.pro_dets_img .conts{padding-top: 5%;}
}
@media only screen and (max-width: 767px) {
.pro_dets_img .conts{position: static; width: 100%; padding: 5%;}
.pro_dets_img .conts p{max-height: unset; margin-top: 5%;}
.pro_dets_con dt span{width: 100%; margin-right: 0; margin-bottom: 2%;}
.pro_dets_con dd{padding-top: 5%;}
}

.innovation_part01{padding:7% 0 3%; background: #F1F4F7; color: #292929;}
.innovation_part01 dt{ float: right; width: 50%;}
.innovation_part01 dt img{width: 100%; border-radius: 30px; overflow: hidden;}
.innovation_part01 dt p{margin-top: 2%; text-align: center;}
.innovation_part01 dd{ float: left; width: 45%;}
.innovation_part01 dd p{margin: 12% 5% 0;line-height: 1.8;}

.innovation_part02{padding:6% 0; background: #fff;}
.innovation_part02 li{ float: left; width: 48.8%; position: relative;}
.innovation_part02 li:nth-child(2),.innovation_part02 li:nth-child(3){ float: right;}
.innovation_part02 li:nth-child(2){margin-bottom: 1.8%;}
.innovation_part02 li dt{width: 100%;border-radius: 30px;overflow: hidden;}
.innovation_part02 li dd{position: absolute; z-index: 1; lefT:0; bottom:0; width: 100%; padding: 5% 8% 6%;}
.innovation_part02 li dd h2{color: #fff;}
.innovation_part02 li dd .more{background: #EFF2F7; color: #000;}

@media only screen and (max-width: 1023px) {
.innovation_part01 dd p{margin: 0;}
}
@media only screen and (max-width: 767px) {
.innovation_part01{padding: 5% 0;}
.innovation_part01 dt,.innovation_part01 dd{width: 100%;}
.innovation_part01 dt{margin-bottom: 5%;}
.innovation_part02 li{width: 100%; margin: 0 0 5%!important;}
.innovation_part02 li:last-child{margin-bottom: 0;}
}

.ability_part01{padding: 3% 0 5%;}
.abip01_con p{color: #292929; line-height: 1.8;}
.abip01_con dl{margin:5% 12% 0; text-align: center;}
.abip01_con dd{ float: left; width:33.33%;position: relative; text-align: left; padding-left: 20px; color: #0B6DDA;}
.abip01_con dd::before{content: ""; position: absolute; lefT:0; top:50%; margin-top: -4px; width:8px; height: 8px; border-radius: 100%; background: #0B6DDA;}
.abip01_list{margin: 3% -1% 0;}
.abip01_list .item{ float: left; width: 31.33%; margin: 0 1%; border:1px solid #ACCDF2; border-radius: 30px;}
.abip01_list ul{padding: 8% 12%;}
.abip01_list li{width: 100%; text-align: left!important;}
.abip01_list li:nth-child(3n+1){clear: none;}

.ability_part02{padding:5% 0 6%; background:#F1F4F7;}
.ability_part02 h2{ text-align: center; color: #0B6DDA;}
.ability_part02 .swbox{ position: relative; margin-top:2%;}
.ability_part02 .swbox .swiper-container{padding: 60px 0 120px; margin: 0 70px;}
.ability_part02 li{top:25px;position: relative;}
.ability_part02 li::before{content: ""; position: absolute; z-index: 1; lefT:0; top:0; width:100%; height:100%; border-radius: 30px; background:rgba(255,255,255,0.5);}
.ability_part02 li.swiper-slide-active{top:0; z-index: 10; transform: scale(1.25);}
.ability_part02 li.swiper-slide-active::before{ opacity: 0;}
.ability_part02 .swiper-button-prev,.ability_part02 .swiper-button-next{background: none; color: #303030;}
.ability_part02 .swiper-button-prev{left:0; text-align: left;}
.ability_part02 .swiper-button-next{right:0; text-align: right;}

.ability_part02 li img{border-radius: 30px;overflow: hidden;filter: blur(2px);}
.ability_part02 li.swiper-slide-active img{ filter: blur(0);box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1); }
.ability_part02 li h3{position: absolute; left:-25%; bottom:-60px; width: 150%; z-index: 2; opacity: 0; color: #585858; text-align: center; height:1.5em; overflow: hidden;}
.ability_part02 li.swiper-slide-active h3{opacity: 1;transform: scale(0.75);}

@media only screen and (max-width: 1279px) {
    .ability_part02 li{top:15px;}
}
@media only screen and (max-width: 1023px) {
    .abip01_con dl{margin: 5% 0 0;}
    .abip01_con dd{width: 100%; margin: 0 0 2%;}
    .abip01_list .item{ width: 98%; margin: 0 0 2%;}
    .abip01_list ul{padding: 5%;}
}
@media only screen and (max-width: 414px) {
.ability_part02 .swbox{margin-top: 5%;}
.ability_part02 .swbox .swiper-container{margin: 0 30px; padding: 0;}
.ability_part02 li{top:0;}
.ability_part02 li.swiper-slide-active img{box-shadow: none;}
.ability_part02 li.swiper-slide-active,.ability_part02 li.swiper-slide-active h3{transform: scale(1);}
.ability_part02 li h3{position: static;width: 100%; margin-top: 5%; height: auto;}
}

.achievement_part01{padding: 3% 0 5%;}
.acvp01_con{margin-bottom: 3%;}
.acvp01_con p{text-align: center; color: #292929; line-height: 1.8;}
.achievement_part01 .comm_num li{ text-align: left;}
.achievement_part02{padding: 5% 0 13%;}
.achievement_part02 h2{color: #0B6DDA; text-align: center;}
.achievement_part02 h2+img{margin-top: 5%;}
.achievement_part03{position: relative;}
.achievement_part03 h2{z-index: 2; color: #0B6DDA; top:7.5%; padding: 0 5%;}

@media only screen and (max-width: 767px) {
.achievement_part01 .comm_num li{ width: 100%;}
}


.notice_list li,.notice_list li .ico,.notice_list li .txt span,.notice_list li .txt .rbtn_box{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width: 1025px) {
.notice_list li:hover{box-shadow: 0 0 20px 20px rgba(0,0,0,0.05); z-index: 2;}
.notice_list li:hover .ico,.notice_list li:hover span,.notice_list li:hover h2 a{color: #0B6DDA;}
.notice_list li:hover .txt .rbtn_box{opacity: 1; visibility: visible;} 
.pro_tit li:hover,.pro_tit li:hover a{color:#0B6DDA}
.pro_tit li:hover span img{ display: none;}
.pro_tit li:hover span img+img{ display: inline-block;}
.pro_more a:hover{ padding: 0 30px 0 15px; color: #fff!important;}
.pro_more a:hover i{position: absolute;right:10px;top:0;}
.pro_more a:hover i,.pro_more a:hover span{display: inline-block;}
.pro_con li:hover{background: #f1f5f8 url(../images/tj.png) 186% top no-repeat; background-size: auto 100%;}
.pro_con li:nth-child(2n):hover{background: #f1f5f8 url(../images/tj.png) left bottom no-repeat; background-size: auto 100%;}
}



.search-part,.sitemap-part{ padding: 4% 0;}
.search_t{background: #f4f4f4;padding: 3% 10%; margin-bottom:2%; overflow: hidden;}
.search_t input,.search_t button{height:46px;line-height: 46px; border:none;outline: none;}
.search_t input{padding: 0 10px; width: calc(100% - 140px);float: left; box-sizing: border-box;}
.search_t button{background:#0B6DDA;color: #fff;width: 140px;float: left;}
.search_p{color: #4c4c4c;padding:2%;}
.search_p span,.search_p i{color: #0B6DDA;}
.search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;}
.search_list p{float: left;width:calc(100% - 150px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list p i{color: #0B6DDA;}
.search_list li span{float: right;font-family: arial;color: #999999;}
.search_list p a{color: #4c4c4c;}
.search_list .more{ cursor: pointer; margin-top: 4%;}
@media only screen and (max-width:1024px) {
.search_t input, .search_t button{font-size: 14px;}
}
@media only screen and (max-width:767px) {
.search_t{padding:5%;}
.search_t button{width:100px;}
.search_t input{width:calc(100% - 100px);}
.search_p{padding-bottom: 0;}
.search_list li{height:40px; line-height: 40px;}
.search_list p{width: calc(100% - 90px);}
}

.sitemap-part ul{margin:0 -1%;}
.sitemap-part li{ float: left; width:23%; margin:0 1% 3%;}
.sitemap-part li:nth-child(4n+1){ clear: both;}
.sitemap-part li h2{ padding-bottom: 15px; margin-bottom: 15px; border-bottom:1px solid #E4E4E4; position: relative;}
.sitemap-part li h2::after{content: ""; position: absolute; left:0; bottom:0; width: 96px; height: 3px; background: #0B6DDA;}
.sitemap-part li h2 span{ display: block;}
.sitemap-part li p{margin-bottom: 5px;}
@media only screen and (max-width:767px){
.sitemap-part ul{margin:0;}
.sitemap-part li{width:100%; margin:0 0 20px;}
.sitemap-part li h2{padding-bottom: 10px; margin-bottom: 15px;}
.sitemap-part li p{ float: left; margin: 0 15px 5px 0px;}
}

.law-part{padding: 5% 0; border: 1px solid #900;}






