锘?*濯掍綋鑱旂粶*/ .liaison-part{ margin:5% 0 8%; padding:5% 5% 7%; background: #E7EBF0;} .liaison-part .inner{max-width: 740px; width:100%;margin:0 auto;} .liaison-part h2,.liaison-part h3,.liaison-part p{ text-align: center;color:#000;} .liaison-part h3 a{color:#000; display: inline-block; border-bottom: 1px solid #000; margin-top:10px; padding-bottom:4px;} .liaison-part p{margin:7% 0 5.5%;} .liaison-part ul{margin:0 -10px;} .liaison-part li{ float: left; width:calc(33.33% - 20px); margin:0 10px 20px;} .liaison-part li.long{ width:calc(100% - 20px);} .liaison-part li .inp{position: relative; padding:0 25px;height: 46px; line-height: 46px; background: #fff; border-radius: 5px;} .liaison-part li .inp input{ width:100%; height: 46px; line-height: 46px;} .liaison-part li .inp em{position: absolute; lefT:0; top:0; width:20px; height: 100%; text-align: right; color:#FF0F0F;} .liaison-part li .inp01{ height: 120px;} .liaison-part li .inp01 textarea{ padding-top: 10px; width:100%; height: 100px;} .liaison-part .btn{ display: block; margin:5% auto 0; width:162px; height: 54px; line-height: 54px; text-align: center; color:#fff; border-radius:30px; background: #003F82;} .btnbox-layer{ display: none; position: fixed; z-index: 10010; min-width: 200px;padding:3% 5%; background: #fff;} .btnbox-bg{ display: none; position: fixed; z-index: 10000; lefT:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.5);} .btnbox-layer .btn-close{position: absolute; right:10px; top:5px; font-size: 24px;} .btnbox-layer span{ display: block; text-align: center; color:#003F82;} .btnbox-layer p{ text-align: center; margin-top:2%;} @media only screen and (max-width:767px){ .liaison-part p br{ display: none;} .liaison-part ul{margin:0} .liaison-part li,.liaison-part li.long{ width:100%; margin:0 0 10px;} .liaison-part .btn{ height: 46px; line-height: 46px;} .btnbox-layer{ padding:7% 5%;} } /*鏄熷姩鎬?/ .dynamic-top{padding:1.5% 0 2%; position: relative; z-index: 1000;} .dynamic-top .year-select{ float: left; width:300px; height: 42px;} .dynamic-top .type-item{ float: right; text-align: left; width:calc(100% - 330px);line-height: 40px;} .dynamic-top .type-item a{color:#434343;} .dynamic-top .type-item a.on{color:#000; font-weight: bold;} .dynamic-top .type-item em{margin:0 15px; color:#434343} .dynamic-top .year-select span{ float: left; width:85px; line-height: 40px; color:#84888D;} .dynamic-top .year-select .select-box{ float: left; width:calc(100% - 87px); border:1px solid #A5A5A5; border-radius: 30px;} .select-box{ position:relative;} .select-box dt a{ display:block; line-height: 40px; color:#000000; position:relative; z-index:2;overflow:hidden; margin:0 10px 0 20px; text-overflow:ellipsis; white-space:nowrap; } .select-box dt i{position: absolute; right:0; top:0; width:40px; line-height: 40px; text-align: center; font-size: 24px;} .select-box dd{display:none; line-height: 36px; padding: 10px 0; position:absolute; lefT:0; top:calc(100% + 1px); z-index:110; width:100%;max-height:200px; overflow:auto; border-radius: 20px; background:#E2E2E2;} .select-box dd a{display:block; padding:0 10px 0 20px; color:#000;} .select-box dd a:hover{color:#003F82!important;} .dynamic-list{padding-bottom: 5%;} .dynamic-list ul{padding-bottom: 2%;} .dynamic-list li{ float: left; width:48%; border:1px solid #CFD3D6; margin-bottom: 3%;} .dynamic-list li:nth-child(2n){ float: right;} .dynamic-list li dl{padding:5% 8% 6%;} .dynamic-list li dt em{ display: block; margin-bottom: 2%; font-family: Arial, Helvetica, sans-serif; color:#A1A1A1;} .dynamic-list li dt h2{max-height: 3em; height: 3em; margin-bottom: 5%;} .dynamic-list li dd{ margin:5% 0 0; width:100%; height: 70px; line-height: 70px;text-align: center; border-radius: 30px; background: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);} .dynamic-list li dd a{ display: block; text-align: center;} .dynamic-list li dd img{vertical-align: middle;max-width:250px; max-height: 40px;} @media only screen and (max-width:1023px){ .dynamic-top .type-item{width:100%; text-align: left;} } @media only screen and (max-width:767px){ .dynamic-list li{width:100%} .dynamic-top .type-item em{margin:0 10px;} .dynamic-list li dl{padding:5%;} .dynamic-list li dd{ height: 50px; line-height: 50px;} } /*鍖荤枟鍋ュ悍鏈嶅姟*/ .busi_service_part01{padding:5% 0 0;} .busi_service_part01 .img{ float: left; width:48.61%;} .busi_service_part01 .txt{ float: right; width:43%;} .busi_service_part01 .txt h2{margin: 5% 0;} .busi_service_part01 .txt .c{color:#84888D;height: 23.5em; overflow: hidden;} .busi_service_part01 .txt .c p{margin-bottom: 3%; line-height: 1.8;} .busi_service_part01 .txt .c p:first-child{color:#000;} .busi_service_part01 .txt .c p:last-child{margin-bottom: 0;} .busi_service_part02{padding:3% 0 7%;} .busi_service_part02 h2{ text-align: center; margin-bottom: 2%;} .busi_service_part02 p{text-align: center; margin-bottom: 4%;} .busi_service_part02 ul{ border-top:1px solid #CBCBCB;} .busi_service_part02 li{ float: left; width:calc(25% - 1px); border-right:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB;} .busi_service_part02 li:nth-child(4n){border-right: none;} .busi_service_part03{padding:4% 0 5%;} .busi_service_part03 h2{ margin-bottom: 3%; text-align: center;} .busi_service_part03 ul{margin:0 -0.5%;} .busi_service_part03 li{ float: left; width:13.88%; margin:0 0.5%; overflow: hidden;} .busi_service_part03 li.on{width:39.23%;} .busi_service_part03 dl{position: relative;} .busi_service_part03 dt{position: relative;} .busi_service_part03 dt em{position: absolute; lefT:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.2);} .busi_service_part03 dt h3{ position: absolute; z-index: 1; left:0; bottom:5%; color:#fff; width:100%; text-align: center;} .busi_service_part03 dd{opacity: 0; position: absolute; z-index: 10; lefT:0; top:0; width:80%; height: 100%; padding:5% 10%; color:#fff; background: rgba(26,167,188,0.8);} .busi_service_part03 dd span{ display: block; margin-top:20%; width:41px; height: 35px; overflow: hidden;} .busi_service_part03 dd h3{margin:8% 0 3%;} .busi_service_part03 dd p{ line-height: 1.8; height: 5.4em;} .busi_service_part03 li.on dt h3{ display: none;} .busi_service_part03 li.on dd{opacity: 1;} .busi_service_part04{padding:10% 0 25%;color:#202F45; margin-bottom: 5%;} .busi_service_part04 h2{margin-bottom: 1.5%;} .busi_service_part04 p{ line-height: 1.8;} .busi_service_part05 li{ float: left; width:48.61%; margin-bottom: 2.7%;} .busi_service_part05 li:nth-of-type(2){ float: right;} .busi_service_part05 li:nth-of-type(3){width:35.97%;} .busi_service_part05 li:nth-of-type(4),.busi_service_part05 li:nth-of-type(5){ float: right; width:61.18%;} .busi_service_part05 li dl{position: relative;} .busi_service_part05 li dl::after{content: ""; z-index: 1; position: absolute; lefT:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.12);} .busi_service_part05 li dd{position: absolute; z-index: 2; lefT:8%; bottom:50px; width:84%; color:#fff;} .busi_service_part05 li dd h2{margin-bottom: 2%;} .busi_service_part05 li:nth-of-type(1) p,.busi_service_part05 li:nth-of-type(2) p{width:75%;} .busi_service_part06{margin-top: 3%; padding:6% 0;} .busi_service_part06 .ll{ float: left; width:35%; padding: 0 5%; color:#fff;} .busi_service_part06 .ll h2{margin-bottom: 2%;} .busi_service_part06 .rr{ float: right; width:50%;} .busi_service_part06 .rr ul{ padding-left: 5%;} .busi_service_part06 .rr li{ float: left; width:33.33%;max-width: 160px;text-align: center; color:#fff;} .busi_service_part06 .rr li span{ display: block; margin:0 auto 8%; width:110px; height: 110px; border-radius: 5px; overflow: hidden;} .busi_service_part06 .rr li span img{ width:100%;} @media only screen and (max-width:1399px){ .busi_service_part01 .txt h2{margin-top:0;} } @media only screen and (max-width:1365px){ .busi_service_part01 .txt h2{margin-top:0;} .busi_service_part01 .txt .c{ height: 20em;} } @media only screen and (max-width:1279px){ .busi_service_part01 .txt .c{ height: 16.5em;} .busi_service_part06 .ll{padding: 0 5% 0 0; width:45%;} .busi_service_part06 .rr ul{padding-left: 0;} } @media only screen and (max-width:1023px){ .busi_service_part01 .txt .c{ height: 13.5em;} .busi_service_part06 .rr li{margin:0;} .busi_service_part06 .rr li span{width:80px; height: 80px;} .busi_service_part06 .rr li p{font-size: 14px;} .busi_service_part05 li dd{bottom:20px;} } @media only screen and (max-width:767px){ .busi_service_part01 .img,.busi_service_part01 .txt{width:100%;margin-bottom: 5%;} .busi_service_part02 li{width:calc(50% - 1px);} .busi_service_part02 li:nth-child(2n){border-right: none;} .busi_service_part03 li,.busi_service_part03 li.on{ width:100%; margin:0;} .busi_service_part03 dt img{ width:100%;} .busi_service_part03 dd{ opacity: 1; position: static; height: auto;} .busi_service_part03 dd span{margin-top:0;} .busi_service_part05 li{width:100%!important;} .busi_service_part06 .ll,.busi_service_part06 .rr{width:100%; padding: 0;} .busi_service_part06 .ll{margin-bottom: 5%;} } .busi_app_part01{padding:7% 0;} .busi_app_part01 .ll{ float: left; width:15.27%;} .busi_app_part01 .ll img{ width:100%;} .busi_app_part01 .rr{ float: right; width:72%; margin-right: 5%; color:#fff;} .busi_app_part01 .rr h2{margin-bottom: 2%;} .busi_app_part01 .rr h3{margin-bottom: 2%;} .busi_app_part01 .rr dl{margin: 6% 10% 0;} .busi_app_part01 .rr dd{ float: left; width:33.33%; text-align: center;} .busi_app_part01 .rr dd span{ display: block; margin:0 auto 20px; width:138px; height: 138px; overflow: hidden;} .busi_app_part01 .rr dd span img{ width:100%; } .busi_app_part01 .rr dd em{ display: block;} .busi_app_part02{padding:8% 0; background: #fff;} .busi_app_part02 h2{ text-align: center; margin-bottom:1%; color:#000;} .busi_app_part02 h3{ text-align: center;margin-bottom: 2%; color:#202F45;} .busi_app_part02 p{line-height: 1.8; color:#202F45; text-align: center;} .busi_app_part02 dl{margin:5% 0 0;} .busi_app_part02 dt{padding-bottom: 30px; margin-bottom: 30px; text-align: center; border-bottom:1px solid #CCCCCC;} .busi_app_part02 dt img{ max-width:210px;} .busi_app_part02 dd{ float: left; width:25%; text-align: center;margin-bottom:20px;} .busi_app_part02 dd img{max-width:210px; width:100%} .busi_app_part02 dd span{ display: block; margin-top: 20px; color:#202F45;} .busi_app_part03{padding:8% 0;background: #E7EBF0;} .busi_app_part03 h2{ text-align: center; margin-bottom:1%; color:#202F45;} .busi_app_part03 h3{ text-align: center;margin-bottom: 2%; color:#202F45;} .busi_app_part03 p{line-height: 1.8; color:#84888D; text-align: center;} .busi_app_part03 h4{ text-align: center; margin:3% 0;} .busi_app_part03 h4 img{max-width: 100%;} .busi_app_part03 ul{margin:0 -1%;} .busi_app_part03 li{ float: left; width:23%; margin:0 1% 1%; background: #fff;} .busi_app_part03 li .img{ border-bottom:1px solid #E5E5E5;} .busi_app_part03 li p{ height: 50px; line-height: 50px;} .busi_app_part04{padding:8% 0 0;background: #fff;} .busi_app_part04 h2{ text-align: center; margin-bottom:1%; color:#202F45;} .busi_app_part04 h3{ text-align: center;margin-bottom: 2%; color:#202F45;} .busi_app_part04 p{line-height: 1.8; color:#84888D; text-align: center;} .busi_app_part04 h4{ text-align: center; margin:3% 0 1%;color:#202F45;} .busi_app_part04 img{max-width: 100%;} .busi_app_part05{padding:8% 0;background: #fff;} .busi_app_part05 h2{ text-align: center; color:#202F45;margin-bottom: 3%;} .busi_app_part05 .con{position: relative;} .busi_app_part05 .swiper-button-prev{ left:-50px; width:48px; height: 48px; margin-top:-24px; text-align: center; line-height: 48px; background: none;} .busi_app_part05 .swiper-button-next{ right:-50px; width:48px; height: 48px;margin-top:-24px; text-align: center; line-height: 48px; background: none;} .busi_app_part05 .swiper-button-prev i,.busi_app_part05 .swiper-button-next i{ font-size: 48px; color:#003C82;} .busi_app_part05 .swiper-button-prev.swiper-button-disabled i,.busi_app_part05 .swiper-button-next.swiper-button-disabled i{color:#333;} .busi_app_part05 dl{padding: 0;box-sizing: border-box;} .busi_app_part05 dl dd{overflow: hidden;} .busi_app_part05 dl dt{padding: 25px 40px 45px;box-sizing: border-box;border-bottom: 1px solid #9b9b9b;transition: all .3s;} .busi_app_part05 dl dt span{color: #9b9b9b;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;} .busi_app_part05 dl dt h3{color: #202F45; height: 1.5em; overflow: hidden; margin-bottom: 5px;} .busi_app_part05 dl dt h4{color:#202F45;height: 1.5em; overflow: hidden;margin-bottom: 20px;} .busi_app_part05 dl dt p{color: #9b9b9b;line-height: 28px;height: 56px;overflow: hidden;margin-bottom: 30px;} .busi_app_part05 dl dt .index_more{background: #003c82;width: 33px;height: 22px;line-height: 22px;border-radius: 20px;color: #fff;text-align: center;transition: all .3s;font-weight: bold;} @media only screen and (max-width:1279px){ .busi_app_part05 .swiper-button-prev{left:-30px; margin-top:-15px;} .busi_app_part05 .swiper-button-next{right:-30px;margin-top:-15px;} .busi_app_part05 .swiper-button-prev i,.busi_app_part05 .swiper-button-next i{font-size: 30px;} } @media only screen and (max-width:1023px){ .busi_app_part01 .rr dl{margin:5% 0 0;} .busi_app_part05 dl dt{padding:20px;} .busi_app_part05 .swiper-button-prev{left:-20px; width:20px; height: 20px; line-height: 20px; margin-top:-10px;} .busi_app_part05 .swiper-button-next{right:-20px;width:20px; height: 20px; line-height: 20px; margin-top:-10px;} .busi_app_part05 .swiper-button-prev i,.busi_app_part05 .swiper-button-next i{font-size: 20px;} } @media only screen and (max-width:767px){ .busi_app_part05 .swiper-button-prev{lefT:0;} .busi_app_part05 .swiper-button-next{right:0;} .busi_app_part05 dl dt{padding:20px 0;} .busi_app_part01 .rr{margin-right: 0; width:80%;} .busi_app_part01 .rr dd{ width:30.33%; margin:0 1.5%;} .busi_app_part01 .rr dd span{ width:100%; height: auto;} .busi_app_part02 dd{ width:50%; margin-bottom: 5%;} .busi_app_part03 li{ width: 48%;} .busi_app_part05 dl dt p{ height: auto;} } /*鍒涙柊骞冲彴*/ .pub_roll{ padding:3% 0; background: #E7EBF0;} .pub_roll i.icon-xw{ float: left; width:86px; line-height: 90px; font-size: 40px; color:#BABABA;} .pub_roll .pub_rbox{ float: right; width:calc(100% - 86px); height: 90px; overflow: hidden;} .pub_rbox li em{ display: block;color:#9B9B9B; font-family: Arial, Helvetica, sans-serif;} .pub_rbox li h2{color:#203148; margin:5px 120px 10px 0;} .pub_rbox li h2 a{color:#203148;} .pub_rbox li p{color:#84888D; margin-right: 120px;} .pub_rbox li .index_more{position: absolute; right:0; top:35px;} .platform-part{padding:3% 0 5%; background: #fff;} .platform-part h2{ text-align: center; color:#203148;margin-bottom: 2%;} .platform-part .c{ text-align: center; color:#84888D; line-height: 1.8; margin-bottom: 5%;} .platform-part ul{margin:0 -0.95%;} .platform-part li{float: left; width:29.16%; margin:0 0.95% 2.74%;} .platform-part li:first-child{width:35.97%;} .platform-part li dl{position: relative;} .platform-part li dt{position: relative;} .platform-part li dt span{ position: absolute; lefT:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.2);} .platform-part li dd{position: absolute; lefT:35px; bottom:30px; color:#fff;} @media only screen and (max-width:1024px){ .pub_rbox li .index_more{top:25px;} } @media only screen and (max-width:1023px){ .pub_roll i.icon-xw{font-size:30px; width:50px;} .pub_roll .pub_rbox{width:calc(100% - 50px);} .platform-part li dd{left:20px; bottom:20px;} } @media only screen and (max-width:767px){ .pub_roll i.icon-xw{font-size:24px; width:40px;} .pub_roll .pub_rbox{width:calc(100% - 40px);} .pub_rbox li h2,.pub_rbox li p{margin-right: 0;} .pub_rbox li .index_more{position: static; margin-top:10px;} .pub_roll .pub_rbox{ height: 115px;} .platform-part .c p br{ display: none;} .platform-part ul{margin:0;} .platform-part li{width:100%; margin: 0 0 5%;} .platform-part li:first-child{width:100%;} } .clinical-part{padding:3% 0 5%; background: #fff;} .clinical-part h2{ text-align: center; color:#203148;margin-bottom: 2%;} .clinical-part .c{ text-align: center; color:#84888D; line-height: 1.8; margin-bottom: 5%;} .clinical-part li{width:100%; margin:0 0 2%;} .clinical-part li dl{ background: #E7EBF0;} .clinical-part li dt{ float: right; width:50%;} .clinical-part li dd{float: left; width:50%; position: relative;} .clinical-part li dd::after{content: ""; position: absolute; lefT:10%; bottom:0; width:80px; height: 1px; background: #000;} .clinical-part li dd .con{padding:7% 10%; height:14.4em; color:#84888D; line-height: 1.8; position: relative;} .clinical-part li:nth-child(2n) dt{ float: left;} .clinical-part li:nth-child(2n) dd{ float: right;} @media only screen and (max-width:1365px){ .clinical-part li dd .con{ height: 12.6em;} } @media only screen and (max-width:1279px){ .clinical-part .c p br{display: none;} .clinical-part li dd .con{ height: 9em;} } @media only screen and (max-width:767px){ .clinical-part li dt,.clinical-part li dd{width:100%;} .clinical-part li dd .con{ height: auto; padding:5%;} .clinical-part li dd::after{left:5%;} } .drugs-tit{ padding:4% 0; text-align: center;} .drugs-tit ul{ display: inline-block;} .drugs-tit li{ float: left; padding:0 45px; height: 42px; line-height: 42px;} .drugs-tit li.on{color:#fff; background: #003F82; border-radius: 30px;} .drugs-tit li.on a{color: #fff!important;} .drugs-con{padding-bottom: 3%;} .drugs-con li{margin-bottom:5%;} .drugs-con li dt{ height: 100px; line-height: 100px; z-index: 2; position: relative; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);} .drugs-con li dt h2{ float: left; width:calc(90% - 200px); padding-left: 5%; color:#203148;} .drugs-con li dt span{ float: right; width:160px; height: 48px; margin-top:26px; padding-right: 5%; overflow: hidden;} .drugs-con li dt span img{width:100%;} .drugs-con li dd{ padding:3% 5% 5%; background: #E7EBF0;} .drugs-con li dd .imglist{margin-top: 4%;} .drugs-con li dd .imglist ul{margin:0 -1.5%;} .drugs-con li dd .imglist li{ float: left; width:30.33%; margin:0 1.5%;} .drugs-txt{ text-align: center; margin: 0 0 5%;} .drugs-txt h2{color:#203148;margin-bottom: 2%;} .drugs-txt p{color:#8E9196;} a.d_more{ display: block; margin: 3% auto 0; width:150px; height: 34px; line-height: 34px; text-align: center;color:#fff!important; border-radius: 20px; background: #003F82;} .txtlist{margin-top: 4%;} .txtlist li{ float: left; width:48%; padding: 2% 0; border-top:2px solid #9B9B9B;} .txtlist li:nth-child(2n){ float: right;} .txtlist li span{ float: left; width:46px; height: 46px; overflow: hidden;} .txtlist li span img{ width: 100%;} .txtlist li .c{ float: right; width:calc(100% - 60px);} .txtlist li .c h3{margin-bottom: 15px; color:#202F45;} .txtlist li .c .item{ color:#84888D; height: 6em; overflow: hidden;} .txtlist li .c p{margin-bottom: 10px;} .drugs-con li dd .img{width:100%;} .drugs-con li dd .img img{max-width:100%;} .drugs-box01{padding:4% 5%; background: #E7EBF0; margin-bottom: 7%;} .drugs-box01 h2{color:#000; margin-bottom: 1.5%;} .drugs-box01 .edit_con_original{margin-bottom: 4%;} .txtlist01{margin-top: 2%;} .txtlist01 ul{margin:0 -1.5%;} .txtlist01 li{ float: left; width:30.33%; margin: 0 1.5%; padding: 2% 0; border-top:2px solid #9B9B9B;} .txtlist01 li dt{color:#202F45;margin-bottom: 5%;} .txtlist01 li dd{ padding-left: 28px; margin-bottom: 10px; color:#84888D; background: url(../images/drugs_dot.jpg) 0 8px no-repeat;} .drugs-box01 .img{width:100%; margin-bottom: 5%;} .drugs-box01 .img img{max-width:100%;} .drugs-box01 .img.mart{margin-top: 3%;} .txtlist02{margin: 3% 0 5%; background: #fff;} .txtlist02 ul{margin:0 -1%; padding:2% 3% 3%;} .txtlist02 li{ float: left; width:31.33%; margin: 0 1%;} .txtlist02 li img{width:100%;} .txtlist02 li dt{padding-bottom: 20px;margin-bottom: 20px; border-bottom: 1px solid #6FBEA5;} .txtlist02 li dt h3{color:#202F45; margin-bottom: 15px;} .txtlist02 li dt span{ display: block;} .txtlist02 li dt img{margin-bottom: 20px;} .txtlist02 li dt p{color:#84888D; min-height: 4.5em; overflow: hidden;} .txtlist02 li dd h3{color:#000; margin-bottom: 10px;} .txtlist02 li dd p{color:#84888D; margin-bottom: 5px;} @media only screen and (max-width:1023px){ .drugs-tit li{padding: 0 30px;} } @media only screen and (max-width:767px){ .drugs-tit li{padding: 0; width:33.33%; height: 30px; line-height: 30px;} .drugs-con li dt{ height: auto; padding: 10px 0; overflow: hidden;} .drugs-con li dt span{ width:100px; height: 30px; margin-top: 0px;} .drugs-con li dt h2{width:calc(90% - 110px); font-size: 16px; line-height: 30px;} .drugs-con li dd .imglist ul,.txtlist01 ul{margin:0;} .drugs-con li dd .imglist li,.txtlist01 li,.txtlist02 li{width:100%; margin:0 0 2%;} .txtlist li{width:100%; padding: 5% 0 3%;} .txtlist01{margin-top: 5%;} .txtlist01 li{padding:5% 0 3%;} .txtlist02 ul{margin:0;padding: 5%;} .txtlist02 li{margin-bottom:5%; padding-bottom: 5%; border-bottom:2px solid #003F82;} .txtlist02 li dt p{min-height: auto;} } @media only screen and (min-width:1025px){ .dynamic-list li,.busi_service_part03 dd{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .dynamic-list li:hover{background: #003F82;} .dynamic-list li:hover em,.dynamic-list li:hover h2,.dynamic-list li:hover h2 a{color:#fff!important;} .dynamic-list li:hover .index_more a{ background: #fff; color:#003F82!important;} .busi_app_part05 .swiper-slide:hover dt{background: #003c82;} .busi_app_part05 .swiper-slide:hover span,.busi_app_part05 .swiper-slide:hover h3,.busi_app_part05 .swiper-slide:hover h4,.busi_app_part05 .swiper-slide:hover p{color: #fff!important;} .busi_app_part05 .swiper-slide:hover .index_more{background: #fff;color: #003c82;} } .d_phoneimg{display: none;} @media only screen and (max-width:1024px){ .d_phoneimg{display: block;} .d_pcimg{display: none;} } .btnbox-layer02 .btn-close{display: none;} .btnbox-layer-btn{margin-top: 20px;} .btnbox-layer-btn{display: block;margin: auto;width: 100px;height: 40px;line-height: 40px;text-align: center; background: #003c82;color: #fff;margin-top: 20px;border-radius: 20px;cursor: pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} @media only screen and (min-width:1024px){ .btnbox-layer-btn:hover{opacity: 0.8} } .busi_service_part03 dt img{width: 565px;} .busi_app_part02 dd:nth-of-type(4n+1){clear:both} @media only screen and (max-width:767px){ .busi_service_part03 dt img{width:100%;} .busi_app_part02 dd:nth-of-type(4n+1){clear:inherit;} .busi_app_part02 dd:nth-of-type(2n+1){clear:both} } .busi_app_part05 dl dt span,.busi_app_part05 dl dt .index_more{display: none;} .busi_app_part05 dl dt p{margin-bottom: 0;} .busi_app_part05 dl dt p{line-height: 28px;height: 112px;-webkit-line-clamp: inherit; -webkit-box-orient: inherit;} @media only screen and (max-width:767px){ .busi_app_part05 dl dt p{line-height: 24px;height: auto;} .busi_app_part05 .swiper-button-next,.busi_app_part05 .swiper-button-prev{top:150px;} } @media only screen and (max-width:330px){ .busi_app_part05 .swiper-button-next,.busi_app_part05 .swiper-button-prev{top:120px;} } .busi_service_part06 .ll .index_more2{padding-top: 20px;} .busi_service_part06 .ll .index_more2 a{color: #333;} .appliances_more_a{padding-top: 20px;text-align: center;} .appliances_more_a a{font-size: 14px; display: inline-block;width: 150px;height: 30px;line-height: 30px;background: #003b83;text-align: center;color: #fff;border-radius:20px;} .busi_app_part03 h4{margin-bottom: 0;} .busi_app_part03 .appliances_more_a{padding-bottom: 30px;} @media only screen and (max-width:767px){ .busi_app_part03 .appliances_more_a{padding-bottom: 20px;} } @media only screen and (min-width:1025px){ .busi_service_part06 .ll .index_more2 a:hover{color: #333 !important;} .appliances_more_a a:hover{opacity: 0.8;color: #fff !important;} } .noimg{visibility: hidden;opacity: 0;} .conslide_hide{display: none;} .slidebox{overflow: hidden;margin: 0 -12px;} .slidebox .conbox{width: 33.33%;float: left;} .slidebox .conbox a{display: block;margin: 0 12px;} @media only screen and (max-width:767px){ .slidebox .conbox{width: 100%;float: none;} .slidebox .conbox a,.slidebox{margin: 0;} }