/* 文本区域组件：标题-副标题-横线-简介 */
.about-part01{padding: 130rem 0 510rem;color: #fff;}
.about_txt .ll{ float: left; width: 40%; padding-top: 20rem;}
.about_txt .rr{ float: right; width: 50%;}

.about_txt .title{color: #fff; line-height: 1.2;}
.about_txt .subtitle{ margin-top: 30rem;margin-bottom: 30rem;}
.about_txt .line{width: 120rem; height:1rem; background: #fff; margin: 0 0 30rem;}
.about_txt .intro{line-height:2;}

.about_txt .rr li{float: left; width: 47%; border-bottom: 1px solid #fff; padding-bottom: 30rem; margin-bottom: 80rem;}
.about_txt .rr li:nth-child(2n){ float: right;}
.about_txt .rr li h2{line-height: 1.2;}
.about_txt .rr li h2 em{margin-left: 5rem;}

.about_edit{margin-top: 20rem; padding-top: 80rem; color: #fff; border-top:1px solid rgba(255,255,255,0.5)}
.about_edit .edit_con_original{color: #fff;}

.about-part02,.about-part03{padding:85rem 0;}
.about-part02 h2,.about-part03 h2{ text-align: center; margin-bottom: 50rem; font-weight: bold;}


.history_swiper{position:relative;border-bottom: 1px solid #AAABAB;}
.history_swiper .swiper-slide{position:relative; height:110rem; text-align: center;}
.history_swiper .swiper-slide::after{opacity: 0; content:"";position:absolute; z-index: 2; left:0; bottom:0;width: 100%; height:3rem; background: #00A3E1;}
.history_swiper .swiper-slide-active::after{opacity: 1;}
.history_swiper .swiper-slide span{display:block; position: absolute; lefT:0; bottom:40rem; width: 100%; line-height: 1; text-align: center; color: #000; font-weight: bold;}
.history_swiper .swiper-slide-active span{ color: #00A3E1; font-size: 80rem; bottom:35rem;}
.history_swiper .swiper-button-prev,.history_swiper .swiper-button-next{width:62rem;height:62rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;color:#000;text-align:center;top:100rem;}
.history_swiper .swiper-button-prev{left:-115rem;}
.history_swiper .swiper-button-next{right:-115rem;}
.swiper_txt{margin:30rem auto 0;width:620rem;max-width:100%; height: 560rem; overflow-y: auto;}
.swiper_txt li{padding: 10rem 0; line-height: 30rem;}


.about-part03 ul{margin: 0 -1%;}
.about-part03 li{ float: left; width:18%; margin: 0 1% 3%; border-radius: 20rem; overflow: hidden; box-shadow: 0 0 5rem 5rem rgba(0,0,0,0.05);}

@media screen and (max-width:1800px){
.history_swiper .swiper-slide-active span{font-size: 60rem;}
}
@media screen and (max-width:1600px){
.history_swiper .swiper-slide-active span{font-size: 48rem;}
.history_swiper .swiper-button-prev, .history_swiper .swiper-button-next{top:108rem;}
}
@media screen and (max-width:1280px){
.history_swiper .swiper-slide-active span{font-size: 40rem;}
.history_swiper .swiper-button-prev, .history_swiper .swiper-button-next{top:112rem;}
}
@media screen and (max-width:1279px){
.swiper_txt{width: 100%;}
.history_swiper .swiper-button-prev, .history_swiper .swiper-button-next{top:120rem;}
}
@media screen and (max-width:1023px){
.about-part01{padding: 50rem 0 500rem;}
.about_txt .ll,.about_txt .rr{width:100%;}
.about_txt .ll{padding-top: 0; margin-bottom: 20rem;}
.about_txt .rr li{margin-bottom: 20rem;}
.about_edit{padding-top: 0; border-top: none;}
.about-part02, .about-part03{padding: 50rem 0;}
.about-part02 h2, .about-part03 h2{margin-bottom: 30rem;}
.history_swiper .swiper-slide{height:60rem;}
.history_swiper .swiper-slide span{bottom:20rem;}
.history_swiper .swiper-button-prev, .history_swiper .swiper-button-next{top:50rem;}
.history_swiper .swiper-button-prev{left:-20rem;} 
.history_swiper .swiper-button-next{right:-20rem;}
.swiper_txt{height: 420rem;}
.swiper_txt li{line-height: 1.5;}
}
@media only screen and (max-width:767px){
.about_txt .rr li p{height: 3em; overflow: hidden;}
.history_swiper .swiper-button-prev, .history_swiper .swiper-button-next{top:70rem;}
.about-part03 li{width: 48%;}
}

.strength-part01,.strength-part02{padding: 100rem 0;}
.strength-part01 li{ float: left; width: 48%; position: relative;overflow: hidden; border-radius: 20rem;}
.strength-part01 li:nth-child(2),.strength-part01 li:nth-child(3){ float: right;}
.strength-part01 li:nth-child(2){margin-bottom: 39rem;}
.strength-part01 li dt{position: relative;}
.strength-part01 li dt::before{content: "";position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.25);}
.strength-part01 li dd{position: absolute; z-index: 2; lefT:0; bottom:0; width:100%; /*height: 336rem;*/ color: #fff; padding: 90rem 60rem 50rem;}
.strength-part01 li dd h2{font-weight: bold;}
.strength-part01 li dd em{ display: block; margin: 25rem 0; width: 118rem; height: 1rem; background: #fff;}
.strength-part01 li dd p{line-height: 1.8; max-height: 3.6em; overflow: hidden;}
.strength-part01 li:first-child dd p{max-height: 5.4em;}

.strength-part02 h2{text-align: center; margin-bottom: 50rem; font-weight: bold;}
.strength-part02 h3{text-align: center;}
.strength-part02 .store_map{margin-top: 50rem; position: relative; z-index: 10;}
.store_list{margin: 50rem -1.5% 0;}
.store_list li{ float: left; width: 30.33%; margin: 0 1.5% 3%; padding:40rem 35rem 50rem; background: #fff; border-radius: 20rem; overflow: hidden;}
.store_list li dt{font-weight: bold; margin-bottom: 30rem;}
.store_list li dd{position: relative; padding-left: 55rem;}
.store_list li dt+dd{height:7.2em; line-height: 1.8; overflow: hidden; margin-bottom:5rem;}
.store_list li dd span{position: absolute; lefT:0; top:0; font-weight: bold;}
.store_list li dd a{color: #000!important; cursor: default;}

.pub_select dd{position: absolute;top: calc(100% + 1rem); left: 0;width: 100%; background: #fff; z-index: 9;padding: 10rem 0;max-height: 180rem;overflow: hidden;overflow-y: auto;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1); display: none;}
.pub_select dd p a{display: block;padding: 0 20rem;line-height: 40rem;}
.pub_select dt {position: relative;cursor: pointer;}
.pub_select dt i{position: absolute;right: 0;top: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_select dt.on_o i{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
.selectblock dl{position: relative;}
.selectblock dd{top:100%; border-radius: 10rem;}
.option p{padding: 0 20rem;line-height: 40rem; cursor: pointer;}
.address_city_store dt i{color: #000;font-weight: bold; right: 20rem;}
.address_city_store dt,.address_city_store button{padding:0 20rem; height: 60rem; line-height: 60rem;background: #fff;border-radius:10rem;}
.address_select {float: left;}
.sheng_store,.shi_store,.qu_store{width: 300rem;margin-right: 20rem;}
.address_city_store button{width: 160rem; height: 60rem; line-height: 60rem;background: #00A3E1;color: #fff; border-radius:10rem;border: none; text-align: center; cursor: pointer;}
.address_city_store{position: relative;z-index: 99; width: 78%; margin: 0 auto;}
@media screen and (max-width:1279px){
.store_list li{width: 47%;}
}
@media screen and (max-width:1023px){
.strength-part01, .strength-part02{padding: 50rem 0;}
.strength-part01 li dd{padding:30rem;}
.strength-part01 li dd em{margin:10rem 0;}
.strength-part01 li:nth-child(2){margin-bottom: 18rem;}
.sheng_store, .shi_store,.qu_store{margin-bottom: 10rem;}
.strength-part02 h2{margin-bottom: 30rem;}
.address_city_store{width: 100%;}
}
@media screen and (max-width:767px){
.strength-part01 li{width:100%; margin-bottom: 18rem;}
.sheng_store, .shi_store, .qu_store{width: 100%; margin-right: 0;}
.store_list li{width: 97%;}
.store_list li dt+dd{height: auto; margin-bottom: 10rem;}
.store_list li dd span{width: 45px;}
.store_list li dd{padding-left: 45px;}
.address_city_store dt,.address_city_store button{height: 40px;line-height: 40px; margin-bottom: 20rem;}
.option p{line-height: 30px;}
}

.industry-part01{padding: 100rem 0;}
.industry-part01 dl{position: relative; border-radius: 20rem; overflow: hidden; box-shadow: 0 0 10rem 10rem rgba(0,0,0,0.05);}
.industry-part01 dt{ float: left; width: 60.55%;}
.industry-part01 dd{position: absolute; right:0; top:0; z-index: 1; width: 53.05%; height: 100%; background: url(/static/images/industry_bg02.png) no-repeat; background-size: cover;}
.industry-part01 dd .inner{padding: 120rem 70rem 70rem 240rem; color: #fff;}
.industry-part01 dd h2{line-height: 1.2;}
.industry-part01 dd p{margin: 35rem 0;line-height: 1.8;}

.industry-part01 dd .qipao{position: absolute; z-index: 1; top:0; lefT:0; width: 100%; height: 100%;}
.industry-part01 dd .qipao li{animation:tiaodong 2s linear infinite;position: absolute; width: 34rem; height: 34rem; border-radius: 100%; border: 8rem solid rgba(255,255,255,0.35);}
.industry-part01 dd .qipao li.li01{right:52rem; top:18rem;width: 60rem; height: 60rem;animation: tiaodong 1.5s linear infinite;}
.industry-part01 dd .qipao li.li02{right:80rem; bottom:124rem;}
.industry-part01 dd .qipao li.li03{right:183rem; bottom:88rem;width:40rem; height: 40rem;animation: tiaodong 1.5s linear infinite;}
.industry-part01 dd .qipao li.li04{right:320rem; bottom:-40rem;width:100rem; height: 100rem;}
@keyframes tiaodong {
   0%, 100% {transform:translateY(0)}
   50% {transform: translateY(-10px);}
}
.industry-part02 h2{text-align: center; margin-bottom:40rem; font-weight: bold;}
.industry-part02 p{text-align: center; line-height: 1.8;}
.industry_con{padding: 100rem 0 150rem; margin-top: 50rem;}
.industry_con ul{padding: 0 50rem;}
.industry_con li{ position: relative; float: left; width:calc(33.33% - 100rem); margin: 0 50rem 100rem; border-radius: 20rem; overflow: hidden;}
.industry_con li dd{position: absolute; lefT:0; bottom:0; z-index: 2; width: 100%; padding: 90rem 30rem 50rem; text-align: center; background: url(/static/images/industry_bg03.png) no-repeat; background-size: 100% 100%;}
.industry_con li:nth-child(3n-1){top: 90rem;}
.industry_con li h3{color: #00A3E1; height: 1.5em; overflow: hidden;}
.industry_con li p{line-height: 1.8; max-height: 3.6em; overflow: hidden; margin-top: 10rem;}

@media screen and (max-width:1023px){
.industry-part01,.industry_con{padding: 50rem 0;}
.industry-part01 dt,.industry-part01 dd{ float: none; width: 100%;}
.industry-part01 dd{position: static; height: auto!important; background: #00A3E1;}
.industry-part01 dd .qipao{ display: none;}
.industry-part01 dd .inner{padding:50rem;}
.industry_con ul{padding: 0;}
.industry_con li{width: calc(50% - 40rem); margin: 0 20rem 30rem;}
.industry_con li:nth-child(3n-1){top:auto}
}
@media screen and (max-width:767px){
.industry_con li dd{padding: 40rem 20rem 20rem;}
.industry_con li p{line-height: 1.3; max-height: 3.9em;}
}

.search-part,.law-part{ padding:100rem 0;}
.search_t{background: #f4f4f4;padding: 3% 10%; margin-bottom:2%; overflow: hidden;}
.search_t input,.search_t button{height:46rem;line-height: 46rem;border:none;outline: none;}
.search_t input{padding: 0 20rem; width: calc(100% - 140rem);float: left; box-sizing: border-box;}
.search_t button{background:#00A3E1;color: #fff;width: 140rem;float: left;}
.search_p{color: #4c4c4c;padding:2% 1rem;}
.search_p span,.search_p i{color: #00A3E1;}

.search_list li{overflow: hidden;padding: 0 1rem;height: 56rem;line-height: 56rem;border-bottom: 1px solid #e6e6e6;}
.search_list li span{float: right;color: #999999;}
.search_list p{float: left;width:calc(100% - 150rem);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list p i{color: #00A3E1;}
.search_list p a{color: #4c4c4c;}
@media screen and (max-width:1023px){
.search-part,.law-part{padding: 50rem 0;}
}
@media screen and (max-width:767px){
.search_t input,.search_t button,.search_list li{height: 30px;line-height: 30px;}
.search_list p{width: calc(100% - 100px);}
.search_list li span{width: 80px; font-size: 12px;}
.search_t{padding: 3% 5%;}
}


.swiper_txt li,.strength-part01 li dd,.strength-part01 li dt::before,.industry_con li dd{transition: all 0.3s;}
@media only screen and (min-width:1025px){
.strength-part01 li:hover dd{background: url(/static/images/strength_bg02.png) left bottom no-repeat; background-size: 100% 100%;}
.strength-part01 li:hover dt::before{opacity: 0;}
.industry_con li:hover dd{background: url(/static/images/industry_bg04.png) left bottom no-repeat; background-size: 100% 100%;}
.industry_con li:hover h3,.industry_con li:hover p{color: #fff;}
.swiper_txt li:hover{font-size: 20rem; font-weight: bold;}
}