/*保险企业的痛点*/ .new_con_1{float: left;width: 100%;padding: 40px 5% 0px;} .new_con_1 .cc{float: left;width: 100%;} .new_con_1 .cc .li{float: left;width: 48%;background: #8ea4ff;box-shadow: 0 15px 0px rgba(0,0,0,0.02);padding: 50px;border-radius: 0 20px 20px 20px;position: relative;} .new_con_1 .cc .li:last-child{float: right;background: #ffd672} .new_con_1 .cc .li .img{float: left;color: #fff;position: absolute;width: 120px;height: 120px;top: 50px;left: 50px;} .new_con_1 .cc .li .img span{float: left;color: #fff;font-size: 120px;line-height: 120px;} .new_con_1 .cc .li p{float: left;color: #fff;font-size: 20px;line-height: 40px;width: 100%;padding: 20px 0 0 160px;min-height: 120px;} @media (max-width: 992px) { .new_con_1{padding: 20px 0 0px;} .new_con_1 .cc .li{float: left;width: 100%;margin-bottom:10px;padding: 25px 20px 25px;border-radius: 0 10px 10px 10px;} .new_con_1 .cc .li .img{position: absolute;width: 60px;height: 60px;top: 25px;left: 20px;} .new_con_1 .cc .li .img span{font-size: 60px;line-height: 60px;} .new_con_1 .cc .li p{font-size: 16px;line-height: 30px;padding: 0px 0 0 80px;min-height: 60px;} } /*产品*/ .new_con_2{float: left;width: 100%;padding: 40px 0 40px;} .new_con_2 .cc{float: left;width: 100%;} .new_con_2 .cc .li{float: left;width: 33.333%;position: relative;} .new_con_2 .cc .li:nth-child(3n){} .new_con_2 .cc .li:hover .text{height: 100%;background: rgba(0,122,189,0.8);} .new_con_2 .cc .li:hover .text .title{font-size: 22px;} .new_con_2 .cc .li .img{float: left;width: 100%;} .new_con_2 .cc .li .img img{float: left;width: 100%;position: relative;} .new_con_2 .cc .li .text{float: left;width: 100%;position: absolute;z-index: 3;background: rgba(0,0,0,0.5);top: 0;padding: 30px;color: #fff;transition:0.5s;height: 100%;} .new_con_2 .cc .li .text .title{float: left;width: 100%;line-height: 50px;font-size: 20px;font-weight: bold;transition:0.5s;} .new_con_2 .cc .li .text ol{float: left;width: 100%;} .new_con_2 .cc .li .text ol li{float: left;width: 100%;line-height: 30px;font-size: 14px;} @media (max-width: 992px) { .new_con_2{padding: 20px 0 0px;} .new_con_2 .cc .li{width: 100%;} .new_con_2 .cc .li .text{padding: 20px;} .new_con_2 .cc .li:hover .text .title{font-size: 20px;} .new_con_2 .cc .li .text .title{line-height: 40px;font-size: 16px;} .new_con_2 .cc .li .text ol li{line-height: 24px;font-size: 13px;} } /*服务客户*/ .new_con_3{float: left;width: 100%;padding: 30px 0 0px;} .new_con_3 .cc{float: left;width: 100%;} .new_con_3 .cc img{float: left;width: 100%;} .new_con_3 .cc .img_pc{display: block;} .new_con_3 .cc .img_m{display: none;} @media (max-width: 992px) { .new_con_3{padding: 20px 0 0px;} .new_con_3 .cc .img_pc{display: none;} .new_con_3 .cc .img_m{display: block;} } /*痛点——机遇*/ .new_con_4{float: left;width: 100%;padding: 30px 0 0;} .new_con_4 .cc{float: left;width: 100%;} .new_con_4 .cc .li{float: left;width: 50%;background-image:linear-gradient(to right,#6a86a1,#22303c);box-shadow: 0 15px 0px rgba(0,0,0,0.02);padding: 50px 70px;border-radius: 20px 0 0 20px;position: relative;text-align: right;transition:0.5s;z-index: 1;} .new_con_4 .cc .li:hover{box-shadow: 0 0px 30px rgba(0,0,0,0.25);z-index: 6;} .new_con_4 .cc .li:last-child{background-image:linear-gradient(to left,#537fff,#3537fe);border-radius: 0 20px 20px 0;text-align: left;} .new_con_4 .cc .li .img{float: left;color: #fff;width: 100%;margin-bottom: 30px;} .new_con_4 .cc .li .img span{color: #fff;font-size: 100px;line-height: 100px;transition:0.5s;} .new_con_4 .cc .li .img img{width:100px;} .new_con_4 .cc .li .text{float: left;width: 100%;} .new_con_4 .cc .li .text p{float: left;width: 100%;line-height:32px;color: #fff;font-size: 16px;} @media (max-width: 992px) { .new_con_4{padding: 20px 0 0;} .new_con_4 .cc .li{float: left;width: 100%;margin-bottom:0px;padding: 30px 20px;border-radius: 10px 10px 0 0;} .new_con_4 .cc .li:nth-child(2){border-radius: 0 0 10px 10px;} .new_con_4 .cc .li .img{position: absolute;width: 60px;height: 60px;top: 30px;left: 20px;} .new_con_4 .cc .li .img span{font-size: 60px;line-height: 60px;} .new_con_4 .cc .li .img img{height:60px;} .new_con_4 .cc .li .text p{font-size: 13px;line-height: 24px;padding: 0px 0 0 80px;min-height: auto;text-align: left;} } /*产品服务*/ .new_con_5{float: left;width: 100%;padding: 30px 0 0;} .new_con_5 .cc{float: left;width: 100%;} .new_con_5 .cc .li{float: left;width: 50%;background:#f4f4f4;position: relative;transition:0.5s;z-index: 1;} .new_con_5 .cc .li:hover{box-shadow: 0 0px 30px rgba(0,0,0,0.25);z-index: 6;background: #fa0;} .new_con_5 .cc .li:hover .text b{color: #fff;} .new_con_5 .cc .li:hover .text p{color: #fff;} .new_con_5 .cc .li:hover .text span{color: #fff;} .new_con_5 .cc .li:hover .text i em{background-image: linear-gradient(to left,#fff,#fff);} .new_con_5 .cc .li .img{float: left;width: 50%;top:0;left: 0;} .new_con_5 .cc .li .img img{float: left;width:100%;} .new_con_5 .cc .li .img span{color: #fff;font-size: 120px;line-height: 120px;transition:0.5s;} .new_con_5 .cc .li .text{float: left;width: 50%;padding: 20px;} .new_con_5 .cc .li .text b{float: left;width: 100%;line-height:30px;color: #000;font-size: 24px;transition:0.5s; } .new_con_5 .cc .li .text i{float: left;width: 100%;margin:15px 0 10px;transition:0.5s; } .new_con_5 .cc .li .text i em{float: left;width: 40px;height: 5px;border-radius: 5px;background-image: linear-gradient(to left,#0c82c3,#007abd);transition:0.5s; } .new_con_5 .cc .li .text p{float: left;width: 100%;line-height:32px;color: #333;font-size: 16px;transition:0.5s; } .new_con_5 .cc .li .text span{float: left;width: 100%;line-height:32px;color: #333;font-size: 16px;transition:0.5s;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden; } @media (max-width: 992px) { .new_con_5{padding: 20px 0 0;} .new_con_5 .cc .li{float: left;width: 100%;margin-bottom:0px;padding:0px;border-radius: 0 10px 10px 10px;background: #ddd;} .new_con_5 .cc .li .img{position: relative;width: 100%;top: 0;left: 0;} .new_con_5 .cc .li .text{float: left;width: 100%;padding: 20px;position: absolute;z-index: 3;background: rgba(0,0,0,0.4);bottom: 0;} .new_con_5 .cc .li .text b{float: left;width: 100%;line-height:30px;color: #fff;font-size: 20px;transition:0.5s; } .new_con_5 .cc .li .text i{float: left;width: 100%;margin:15px 0;transition:0.5s; } .new_con_5 .cc .li .text i em{float: left;width: 40px;height: 5px;border-radius: 5px;background-image: linear-gradient(to left,#fff,#fff);transition:0.5s; } .new_con_5 .cc .li .text p{float: left;width: 100%;line-height:24px;color: #fff;font-size: 13px;transition:0.5s; } .new_con_5 .cc .li .text span{float: left;width: 100%;line-height:24px;color: #fff;font-size: 13px;transition:0.5s; } } /*一线讲师团*/ .new_con_team{float: left;width: 100%;padding: 30px 0 0;} .new_con_team .cc{float: left;width: 100%;} .new_con_team .cc .li{float: left;width: 49.5%;background:#f8f8f8;position: relative;transition:0.5s;z-index: 1;border-right: 1px solid #fff;padding: 25px;border-radius: 15px 0 0 15px;} .new_con_team .cc .li:nth-child(2){border-radius: 0 15px 15px 0;float: right;} .new_con_team .cc .li .tt{float: left;width: 100%;position: relative;border-bottom: 1px dashed #ddd;padding-bottom: 15px;margin-bottom: 15px;} .new_con_team .cc .li .tt .img{width: 60px;position: absolute;top: 0;left: 0;} .new_con_team .cc .li .tt .img img{width: 60px;height: 60px;border-radius: 60px;border: 5px solid #fff;} .new_con_team .cc .li .tt .rr{width: 100%;padding: 0 0 0 80px;float: left;height: 60px;} .new_con_team .cc .li .tt .rr b{float: left;width: 100%;line-height:60px;color: #000;font-size: 24px;transition:0.5s; font-weight: normal;} .new_con_team .cc .li .text{float: left;width: 100%;min-height: 300px;} .new_con_team .cc .li .text p{float: left;width: 100%;line-height:30px;color: #333;font-size: 15px;transition:0.5s; } @media (max-width: 992px) { .new_con_team{padding: 20px 0 0;} .new_con_team .cc .li{width: 100%;border-right:none;padding:15px;margin-bottom: 10px;border-radius: 10px 10px 0 0;} .new_con_team .cc .li:nth-child(2){border-radius: 0 0 10px 10px;} .new_con_team .cc .li .text{min-height: auto;} .new_con_team .cc .li .tt .rr b{font-size: 20px;} } .new_con_6{float: left;width: 100%;padding:0;} .new_con_6 .ul{float: left;width: 100%;position: relative;} .new_con_6 .ul li{float: left;width:48%;margin:80px 1% 0px;position: relative;padding: 0px 20px 40px;transition:0.5s;border-radius:15px;box-shadow: 0 10px 15px rgba(0,0,0,0.05);background: #fff;color: #000;} .new_con_6 .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;margin-bottom: 15px;} .new_con_6 .ul li .tit1 span{display: inline-block;font-size: 60px;line-height: 100px;float: none;color: #fff;background: var(--themecolor);height: 100px;margin-top: -75px;border-radius:100px 100px 0 100px;width: 100px; font-family: 'bebas';} .new_con_6 .ul li .tit2{float: left;width:100%;line-height:50px;overflow: hidden;font-size: 22px;text-align: center;transition:0.5s;font-weight: bold;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color: var(--themecolor);} .new_con_6 .ul li .line{float: left;width:100%;margin: 10px 0 20px;padding: 0 42%;} .new_con_6 .ul li .line i{float: left;width:100%;height: 2px;background: var(--themecolor);margin: 0px 0;transition:0.5s;} .new_con_6 .ul li .p{float: left;width:100%;line-height: 30px;font-size: 16px;height: 90px;overflow: hidden;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding: 0 30px;} @media (max-width: 992px) { .new_con_6 .ul li{float: left;width:100%;margin:60px 0 0px;position: relative;padding: 0px 20px 30px;transition:0.5s;border-radius:15px;box-shadow: 0 5px 15px rgba(0,122,189,0.1);background: #fff;color: #000;} .new_con_6 .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;margin-bottom: 15px;} .new_con_6 .ul li .tit1 span{display: inline-block;font-size: 40px;line-height: 72px;float: none;color: #fff;background: var(--themecolor);height: 72px;margin-top: -75px;border-radius:72px 72px 0 72px;width: 72px; font-family: 'bebas';} .new_con_6 .ul li .tit2{float: left;width:100%;line-height:50px;overflow: hidden;font-size: 18px;text-align: center;transition:0.5s;font-weight: bold;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color: var(--themecolor);} .new_con_6 .ul li .line{float: left;width:100%;margin: 0px 0 10px;padding: 0 42%;} .new_con_6 .ul li .line i{float: left;width:100%;height: 2px;background: var(--themecolor);margin: 0px 0;transition:0.5s;} .new_con_6 .ul li .p{float: left;width:100%;line-height: 30px;font-size: 16px;height: 90px;overflow: hidden;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding: 0 30px;} } .new_con_7{float: left;width: 100%;padding: 30px 0 0;} .new_con_7 .ul{float: left;width: 100%;position: relative;} .new_con_7 .ul li{float: left;width:23%;margin:0 1% 0;position: relative;transition:0.5s;border-radius:15px;box-shadow: 0 15px 35px rgba(0,122,189,0.1);background: #fff;color: #000;overflow: hidden;} .new_con_7 .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;background: #ffd672;} .new_con_7 .ul li .tit1 span{display: inline-block;font-size: 60px;line-height: 100px;float: none;color: #fff;height: 100px;width: 100px;} .new_con_7 .ul li .line{float: left;width:100%;margin:0px 0 20px;padding: 0 42%;} .new_con_7 .ul li .line i{float: left;width:100%;height: 6px;background: #fa0;margin: -3px 0 0;transition:0.5s;} .new_con_7 .ul li .p{float: left;width:100%;line-height: 30px;font-size: 16px;height: 120px;overflow: hidden;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding: 0 30px;margin-bottom: 50px;} @media (max-width: 992px) { .new_con_7{float: left;width: 100%;padding:20px 0 0;} .new_con_7 .ul{float: left;width: 100%;position: relative;} .new_con_7 .ul li{float: left;width:48%;margin:0 0 10px;position: relative;transition:0.5s;border-radius:10px;box-shadow: 0 15px 35px rgba(0,122,189,0.1);background: #fff;color: #000;overflow: hidden;} .new_con_7 .ul li:nth-child(2n){float: right;} .new_con_7 .ul li .tit1 span{display: inline-block;font-size: 40px;line-height: 80px;float: none;color: #fff;height: 80px;width: 80px;} .new_con_7 .ul li .line{float: left;width:100%;margin:0px 0 15px;padding: 0 35%;} .new_con_7 .ul li .line i{float: left;width:100%;height: 6px;} .new_con_7 .ul li .p{float: left;width:100%;line-height: 26px;font-size: 14px;height: 104px;padding: 0 10px;margin-bottom: 20px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} } .new_con_8{float: left;width: 100%;padding: 40px 0 40px;} .new_con_8 .img_pc{float: left;width: 100%;position: relative;} .new_con_8 .img_m{float: left;width: 100%;position: relative;display: none;} @media (max-width: 992px) { .new_con_8 .img_pc{display: none;} .new_con_8 .img_m{display: block;} } .xyg_con_1{float: left;width: 100%;position: relative;margin: 0px 0 40px; } .xyg_con_1 .img{float: left;width: 400px;position: absolute;left: 0;top: 0;z-index: 1;text-align: center;} .xyg_con_1 .img img{max-width: 100%;} .xyg_con_1 .text{float: left;width: 100%;padding: 0 0 0 300px;z-index: 2;min-height: 400px;margin-top: 40px;} .xyg_con_1 .text .con{float: left;width: 100%;padding: 50px 30px 40px 100px;border-radius: 30px 30px 0 30px;border: 1px dashed #ddd;box-shadow: 10px 10px 0px rgba(0,0,0,0.05);background: #fff;} .xyg_con_1 .text p{float: left;width: 100%;border-radius: 0 10px 10px 10px;line-height: 24px;margin: 0 0 10px;padding: 15px 15px;background-image: linear-gradient(to left,#48b0e9,#1d8de7);color: #fff;font-size: 15px;} @media (max-width: 992px) { .xyg_con_1{margin: 0px 0 0px; } .xyg_con_1 .img{float: left;width: 100%;position: relative;left: 0;top: 0;z-index: 1;text-align: center;padding: 0 50px;} .xyg_con_1 .img img{max-width: 100%;} .xyg_con_1 .text{padding: 0 0px;min-height: auto;margin-top: -90px;} .xyg_con_1 .text .con{float: left;width: 100%;padding: 80px 20px 30px;border-radius: 20px 20px 0 20px;border: 1px dashed #ddd;box-shadow:none;background: #fff;} .xyg_con_1 .text p{line-height: 24px;margin: 0 0 5px;padding: 15px 15px;font-size: 13px;} } .xyg_con_2{float: left;width: 100%;position: relative;margin: 0px 0 40px; } .xyg_con_2 .l{float: left;width:30%;} .xyg_con_2 .l .li{float: left;;width: 100%;background: #41abe5;border-radius: 20px 0 20px 20px;margin:10px 0 0;padding: 30px;position: relative;} .xyg_con_2 .l .li b{float: left;font-size: 24px;color: #fff;border-bottom: 4px solid #fff;line-height: 30px;margin-bottom: 10px;padding-bottom: 15px;} .xyg_con_2 .l .li p{float: left;width: 100%;line-height: 30px;font-size: 16px;color: #fff;} .xyg_con_2 .l .li span{color: #000;font-size: 80px;background: linear-gradient(90deg,#41abe5, #41abe5);-webkit-background-clip: text; -webkit-text-fill-color: transparent;position: absolute;z-index: 4;bottom: 20px;right: -80px;} .xyg_con_2 .r{float: right;width: 70%;padding-left: 60px;position: absolute;bottom: 0;right: 0;} .xyg_con_2 .r .li{float: left;width: 100%;background: #f4fbff;padding: 40px;margin: 20px 0 10px;border-radius: 20px 0 20px 20px;box-shadow: 10px 10px 0 rgba(0,122,189,0.2);position: relative;} .xyg_con_2 .r .li .ll{float: left;width: 240px;padding: 20px;border-radius: 10px;text-align: center;border: 1px dashed var(--themecolor);position: absolute;top: 40px;left: 40px;z-index: 3;} .xyg_con_2 .r .li .ll i{display: inline-block;vertical-align: top;line-height: 40px;color: var(--themecolor);font-size: 18px;font-style: normal;padding: 0 13px;margin: 2px;border-radius: 6px;border: 1px dashed var(--themecolor);} .xyg_con_2 .r .li .rr{float: right;width: 100%;padding-left: 270px;} .xyg_con_2 .r .li .rr .title{float: left;width: 100%;line-height: 30px;color:#000;font-weight: bold;font-size: 24px;} .xyg_con_2 .r .li .rr .stitle{float: left;border-radius: 36px;line-height: 36px;background: var(--themecolor);margin: 10px 0;color: #fff;border: 1px solid var(--themecolor)} .xyg_con_2 .r .li .rr .stitle b{float: left;line-height: 36px;background: #fff;color: var(--themecolor);border-radius: 36px;overflow: hidden;padding: 0 8px;} .xyg_con_2 .r .li .rr .stitle span{float: left;line-height: 36px;padding: 0 15px 0 8px;} .xyg_con_2 .r .li .rr .text{float: left;width: 100%;line-height: 24px;color:#000;font-size: 16px;} @media (max-width: 992px) { .xyg_con_2{float: left;width: 100%;position: relative;margin: 0px 0 40px; } .xyg_con_2 .l{float: left;width:100%;} .xyg_con_2 .l .li{float: left;;width: 100%;background: #e25685;border-radius: 20px 0 20px 20px;margin:10px 0 0;padding: 30px;position: relative;} .xyg_con_2 .l .li b{float: left;font-size: 20px;color: #fff;border-bottom: 2px solid #fff;line-height: 30px;margin-bottom: 10px;padding-bottom: 10px;} .xyg_con_2 .l .li p{float: left;width: 100%;line-height: 26px;font-size: 14px;color: #fff;} .xyg_con_2 .l .li span{color: #000;font-size: 80px;background: linear-gradient(90deg,#f80, #fd0);-webkit-background-clip: text; -webkit-text-fill-color: transparent;position: absolute;z-index: 4;bottom: -100px;right:40%; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);} .xyg_con_2 .r{float: right;width: 100%;padding: 0px;position: relative;bottom: 0;right: 0;margin-top: 50px;} .xyg_con_2 .r .li{float: left;width: 100%;background: #f4fbff;padding: 20px;margin: 20px 0 10px;border-radius: 20px 0 20px 20px;box-shadow: 10px 10px 0 rgba(0,122,189,0.2);position: relative;} .xyg_con_2 .r .li .ll{float: left;width: 100%;padding: 20px;border-radius: 10px;text-align: center;border: 1px dashed var(--themecolor);position: relative;top: 0px;left: 0px;z-index: 3;} .xyg_con_2 .r .li .ll i{display: inline-block;vertical-align: top;line-height: 40px;color: var(--themecolor);font-size: 16px;font-style: normal;padding: 0 13px;margin: 2px;border-radius: 6px;border: 1px dashed var(--themecolor);} .xyg_con_2 .r .li .rr{float: right;width: 100%;padding-left: 0;padding-top: 20px;} .xyg_con_2 .r .li .rr .title{float: left;width: 100%;line-height: 30px;color:#000;font-weight: bold;font-size: 20px;} .xyg_con_2 .r .li .rr .stitle{float: left;border-radius: 36px;line-height: 36px;background: var(--themecolor);margin: 10px 0;color: #fff;border: 1px solid var(--themecolor)} .xyg_con_2 .r .li .rr .stitle b{float: left;line-height: 36px;background: #fff;color: var(--themecolor);border-radius: 36px;overflow: hidden;padding: 0 8px;} .xyg_con_2 .r .li .rr .stitle span{float: left;line-height: 36px;padding: 0 15px 0 8px;} .xyg_con_2 .r .li .rr .text{float: left;width: 100%;line-height: 26px;color:#000;font-size: 14px;} } .xyg_con_3{float: left;width: 100%;padding: 0px 0 0px;} .xyg_con_3 .ul{float: left;width: 100%;position: relative;} .xyg_con_3 .ul li{float: left;width:24.25%;margin:80px 1% 30px 0;position: relative;padding: 0px 20px 40px;transition:0.5s;border-radius:15px;box-shadow: 0 15px 35px rgba(0,0,0,0.05);background: #fff;color: #000;} .xyg_con_3 .ul li:hover{box-shadow: 0 15px 10px rgba(0,122,189,0.1);} .xyg_con_3 .ul li:nth-child(4){margin-right: 0;} .xyg_con_3 .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;margin-bottom: 15px;} .xyg_con_3 .ul li .tit1 span{display: inline-block;font-size: 60px;line-height: 120px;float: none;color: #fff;background: var(--themecolor);height: 120px;margin-top: -75px;border-radius:120px 120px 30px 30px;width: 120px; font-family: 'bebas';} .xyg_con_3 .ul li .tit2{float: left;width:100%;line-height:50px;overflow: hidden;font-size: 22px;text-align: center;transition:0.5s;font-weight: bold;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color: var(--themecolor);} .xyg_con_3 .ul li .line{float: left;width:100%;margin: 10px 0 20px;padding: 0 42%;} .xyg_con_3 .ul li .line i{float: left;width:100%;height: 2px;background: var(--themecolor);margin: 0px 0;transition:0.5s;} .xyg_con_3 .ul li .p{float: left;width:100%;line-height: 36px;font-size: 16px;overflow: hidden;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;padding: 0 0px;min-height: 216px;} @media (max-width: 992px) { .xyg_con_3{padding: 0px 0 0px;} .xyg_con_3 .ul li{float: left;width:100%;margin:80px 0 0px;position: relative;padding: 0px 12px 30px;transition:0.5s;border-radius:15px;box-shadow: 0 5px 15px rgba(0,122,189,0.1);background: #fff;color: #000;} .xyg_con_3 .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;margin-bottom: 15px;} .xyg_con_3 .ul li .tit1 span{display: inline-block;font-size: 60px;line-height: 100px;float: none;color: #fff;background: var(--themecolor);height: 100px;margin-top: -75px;width: 100px; font-family: 'bebas';} .xyg_con_3 .ul li .tit2{float: left;width:100%;line-height:40px;overflow: hidden;font-size: 20px;text-align: center;transition:0.5s;font-weight: bold;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color: var(--themecolor);} .xyg_con_3 .ul li .line{float: left;width:100%;margin: 5px 0 15px;padding: 0 42%;} .xyg_con_3 .ul li .line i{float: left;width:100%;height: 2px;background: var(--themecolor);margin: 0px 0;transition:0.5s;} .xyg_con_3 .ul li .p{float: left;width:100%;line-height: 26px;font-size: 14px;overflow: hidden;text-align: center;padding: 0 0px;min-height: auto} } .xyg_con_4{float: left;width: 100%;padding: 40px 0 40px;} .xyg_con_4 .img_pc{float: left;width: 100%;position: relative;} .xyg_con_4 .img_m{float: left;width: 100%;position: relative;display: none;} @media (max-width: 992px) { .xyg_con_4 .img_pc{display: none;} .xyg_con_4 .img_m{display: block;} } .xyg_con_5{float: left;width: 100%;padding: 0px;position: relative;} .xyg_con_5 .li{float: left;width: 33.333%;border: 1px solid #03a9f4;box-shadow: 0 10px 10px rgba(0,0,0,0.05);position: relative;z-index: 3;transition:0.5s;margin-top: 30px;} .xyg_con_5 .li:nth-child(1){border-right: 0;} .xyg_con_5 .li:nth-child(2){border: 1px solid #fa0;} .xyg_con_5 .li:nth-child(2) .title{background: #fa0;} .xyg_con_5 .li:nth-child(3){border: 1px solid #bd9bff;border-left: none;} .xyg_con_5 .li:nth-child(3) .title{background: #bd9bff;} .xyg_con_5 .li:hover{box-shadow: 0 10px 40px rgba(0,0,0,0.35);z-index: 9;position: relative;margin-top: 0;} .xyg_con_5 .li .title{float: left;width: 100%;line-height: 70px;background: #41abe5;color: #fff;padding: 10px 20px;} .xyg_con_5 .li .title strong{float: left;font-size: 60px;font-family: 'bebas';margin-right: 20px;} .xyg_con_5 .li .title b{float: left;font-size: 20px;margin-right: 10px;} .xyg_con_5 .li .title i{float: left;line-height: 30px;border: 1px dashed rgba(255,255,255,0.8);margin: 19px 0 0 10px;font-style: normal;padding: 0 12px;border-radius: 30px;} .xyg_con_5 .li .text_1{float: left;width: 100%;padding: 20px;background: #eee; } .xyg_con_5 .li .text_1 b{float: left;line-height: 40px;font-size: 18px;width: 100%;} .xyg_con_5 .li .text_1 b strong{float: left;line-height: 40px;font-size: 18px;} .xyg_con_5 .li .text_1 b i{float: left;line-height: 30px;font-size: 14px;color: #fff;background-image: linear-gradient(to right,#ffc107,#fa0);border-radius: 30px;padding: 0 12px;margin: 5px;font-style: normal;} .xyg_con_5 .li .text_1 p{float: left;line-height: 30px;font-size: 15px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow-y: hidden;} .xyg_con_5 .li .text_2{float: left;width: 100%;padding:20px;background: #eee; } .xyg_con_5 .li .text_2 b{float: left;line-height: 40px;font-size: 18px;width: 100%;} .xyg_con_5 .li .text_2 b strong{float: left;line-height: 40px;font-size: 18px;} .xyg_con_5 .li .text_2 b i{float: left;line-height: 30px;font-size: 14px;color: #fff;background-image: linear-gradient(to right,#ffc107,#fa0);border-radius: 30px;padding: 0 12px;margin: 5px;font-style: normal;} .xyg_con_5 .li .text_2 p{float: left;line-height: 30px;font-size: 15px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow-y: hidden;} .xyg_con_5 .li .mudi{float: left;width: 100%;padding:10px 20px; margin-bottom: 30px;} .xyg_con_5 .li .mudi b{float: left;width: 100%;font-size: 16px;margin-bottom: 0px;line-height: 40px; } .xyg_con_5 .li .mudi p{float: left;width: 100%;font-size: 14px; line-height: 30px;min-height: 120px;} @media (max-width: 992px) { .xyg_con_5 .li{float: left;width: 100%;border: 1px solid #03a9f4;box-shadow: 0 10px 10px rgba(0,0,0,0.05);position: relative;z-index: 3;transition:0.5s;margin-top:0px;} .xyg_con_5 .li:nth-child(1){border: 1px solid #03a9f4;} .xyg_con_5 .li:nth-child(2){border: 1px solid #fa0;} .xyg_con_5 .li:nth-child(2) .title{background: #fa0;} .xyg_con_5 .li:hover{box-shadow: 0 10px 40px rgba(0,0,0,0.35);z-index: 9;position: relative;margin-top: 0;} .xyg_con_5 .li .title{float: left;width: 100%;line-height: 70px;background: #03a9f4;color: #fff;padding: 10px 20px;} .xyg_con_5 .li .title strong{float: left;font-size: 60px;font-family: 'bebas';margin-right: 20px;} .xyg_con_5 .li .title b{float: left;font-size: 20px;margin-right: 10px;} .xyg_con_5 .li .title i{float: left;line-height: 30px;border: 1px dashed rgba(255,255,255,0.8);margin: 19px 0 0 10px;font-style: normal;padding: 0 12px;border-radius: 30px;} .xyg_con_5 .li .text_1{float: left;width: 100%;padding: 20px;background: #eee; } .xyg_con_5 .li .text_1 b{float: left;line-height: 40px;font-size: 18px;width: 100%;} .xyg_con_5 .li .text_1 b strong{float: left;line-height: 40px;font-size: 18px;} .xyg_con_5 .li .text_1 b i{float: left;line-height: 30px;font-size: 14px;color: #fff;background-image: linear-gradient(to right,#ffc107,#fa0);border-radius: 30px;padding: 0 12px;margin: 5px;font-style: normal;} .xyg_con_5 .li .text_1 p{float: left;line-height: 30px;font-size: 15px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow-y: hidden;} .xyg_con_5 .li .text_2{float: left;width: 100%;padding:20px;background: #eee; } .xyg_con_5 .li .text_2 b{float: left;line-height: 40px;font-size: 18px;width: 100%;} .xyg_con_5 .li .text_2 b strong{float: left;line-height: 40px;font-size: 18px;} .xyg_con_5 .li .text_2 b i{float: left;line-height: 30px;font-size: 14px;color: #fff;background-image: linear-gradient(to right,#ffc107,#fa0);border-radius: 30px;padding: 0 12px;margin: 5px;font-style: normal;} .xyg_con_5 .li .text_2 p{float: left;line-height: 30px;font-size: 15px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow-y: hidden;} .xyg_con_5 .li .mudi{float: left;width: 100%;padding:10px 20px; margin-bottom: 10px;} .xyg_con_5 .li .mudi b{float: left;width: 100%;font-size: 16px;margin-bottom: 0px;line-height: 40px; } .xyg_con_5 .li .mudi p{float: left;width: 100%;font-size: 14px; line-height: 30px;min-height: auto;} } .xsrc_1_new{float: left;width: 100%;position: relative;margin: 40px 0 0; } .xsrc_1_new img{max-width: 100%;} .xsrc_1_new .pc{display: block;} .xsrc_1_new .wap{display: none;} .xsrc_1{float: left;width: 100%;position: relative;margin: 40px 0 40px; } .xsrc_1 .l{float: left;width:100%;padding-right: 300px;z-index: 4;position: relative;} .xsrc_1 .l .con{float: left;width:100%;background: rgba(255,255,255,0.4);} .xsrc_1 .l .li{float: left;width: 100%;margin:4px 0 0;position: relative;background:rgba(255,255,255,0.1);border-radius: 10px;} .xsrc_1 .l .li .ll{position: relative;float: right;background: #cb3c3c;border-radius: 10px 10px 0 0px;padding: 30px 20px 20px 30px;text-align: right;width: 30%;} .xsrc_1 .l .li .ll b{display: inline-block;color: #fff;line-height: 44px;padding: 0 15px;border: 1px dashed #fff;border-radius: 6px;margin: 0 3px 10px;font-size: 16px;} .xsrc_1 .l .li .ll span{color: #000;font-size:40px;background: linear-gradient(90deg,var(--themecolor), var(--themecolor));-webkit-background-clip: text; -webkit-text-fill-color: transparent;position: absolute;z-index: 4;top: 17px;right: -38px; transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} .xsrc_1 .l .li .ll .success{top: -18px;background: linear-gradient(90deg,#ddd,#aaac);-webkit-background-clip: text; -webkit-text-fill-color: transparent;} .xsrc_1 .l .li:nth-child(1) .rr{padding: 0px 20px 0px 50px;margin-top: -11px;} .xsrc_1 .l .li:nth-child(1) .ll .span{top: 50px;background: linear-gradient(90deg,#ddd,#aaa);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .xsrc_1 .l .li:nth-child(2) .ll{background: #e98b00;width: 40%;border-radius: 10px 0 0 0;} .xsrc_1 .l .li:nth-child(2) .ll span{background: linear-gradient(90deg,#ddd,#aaa);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .xsrc_1 .l .li:nth-child(3) .ll{background: #ffb100;width: 50%;border-radius: 10px 0 0 0;} .xsrc_1 .l .li:nth-child(3) .ll span{background: linear-gradient(90deg,#ddd,#aaa);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .xsrc_1 .l .li:nth-child(4) .ll{background: #2d3560;width: 60%;border-radius: 10px 0 0 0;} .xsrc_1 .l .li:nth-child(4) .ll span{background: linear-gradient(90deg,#ddd,#aaa);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .xsrc_1 .l .li .rr{width: 40%;float: right;padding: 25px 20px 0px 50px;} .xsrc_1 .l .li .rr em{color: var(--themecolor);font-size: 18px;display: inline-block;line-height: 44px;font-size: 20px;float: left;font-style: normal;font-weight: bold;width: 100%;margin-bottom: 25px;} .xsrc_1 .l .li .rr i{color: var(--themecolor);font-size: 18px;display: inline-block;line-height: 44px;font-size: 20px;float: left;font-style: normal;font-weight: bold;width: 100%;} .xsrc_1 .r{float: right;width: 600px;position: absolute;top: 0px;right: 0;z-index: 1;} .xsrc_1 .r img{max-width: 100%;} @media (max-width: 992px) { .xsrc_1_new{margin: 10px 0 0;padding: 0 10px; } .xsrc_1_new .pc{display: none;} .xsrc_1_new .wap{display: block;} .xsrc_1{float: left;width: 100%;position: relative;margin: 20px 0 0px; } .xsrc_1 .l{float: left;width:100%;padding-right: 0px;z-index: 4;position: relative;margin-top: -40px;} .xsrc_1 .l .con{float: left;width:100%;padding-top: 40px;} .xsrc_1 .l .li{float: left;;width: 100%;margin:0 0 4px;position: relative;border-radius: 10px;padding:0 0px;} .xsrc_1 .l .li:nth-child(1) .rr{padding: 0px 0px 0px 35px;margin-top: -2px;} .xsrc_1 .l .li:nth-child(1) .ll .span{top: 35px} .xsrc_1 .l .li:nth-child(2) .ll{background: #e98b00;width: 60%;border-radius: 0 0 0 0;} .xsrc_1 .l .li:nth-child(3) .ll{background: #ffb100;width: 60%;border-radius: 0 0 0 0;} .xsrc_1 .l .li:nth-child(4) .ll{background: #2d3560;width: 60%;border-radius: 0 0 0 10px;} .xsrc_1 .l .li .ll{position: relative;float: right;background: #cb3c3c;border-radius: 10px 10px 0 0px;padding: 30px 12px 15px 12px;text-align: right;width: 60%;} .xsrc_1 .l .li .ll b{display: inline-block;color: #fff;line-height:26px;padding: 0 0px;border: none;border-radius: 0;margin: 0 3px 10px;font-size: 15px;font-weight: bold;} .xsrc_1 .l .li .ll span{color: #000;font-size:30px;background: linear-gradient(90deg,var(--themecolor), var(--themecolor));-webkit-background-clip: text; -webkit-text-fill-color: transparent;position: absolute;z-index: 4;top: 17px;right: -30px; } .xsrc_1 .l .li .ll .success{top: -10px;} .xsrc_1 .l .li .rr{width: 40%;float: right;padding: 25px 0px 0px 35px;} .xsrc_1 .l .li .rr em{color: var(--themecolor);font-size: 16px;display: inline-block;line-height: 24px;float: left;font-style: normal;font-weight: bold;width: 100%;margin-bottom: 22px;} .xsrc_1 .l .li .rr i{color: var(--themecolor);font-size: 16px;display: inline-block;line-height: 24px;float: left;font-style: normal;font-weight: bold;width: 100%;} .xsrc_1 .r{float: right;width: 100%;position: relative;top: 0px;right: 0;z-index: 1;padding: 0 25%;} .xsrc_1 .r img{max-width: 100%;} .xsrc_1_container{padding: 0;} } .xsrc_2{float: left;width: 100%;padding: 40px 0 20px;} .xsrc_2 .cc{float: left;width: 100%;} .xsrc_2 .cc .li{float: left;width: 23.5%;margin: 0 2% 0 0;background:#fff;padding: 30px;transition:0.5s;border: 1px dashed #cde4f0;border-left:4px solid #cde4f0;} .xsrc_2 .cc .li:nth-child(4){margin-right: 0;} .xsrc_2 .cc .li .img{float: left;color: #fff;width: 100%;margin-bottom: 10px;} .xsrc_2 .cc .li .img .span{color: var(--themecolor);font-size: 64px;line-height: 100px;transition:0.5s;float: left;} .xsrc_2 .cc .li .img .arrow{color: #ddd;font-size: 48px;line-height: 100px;transition:0.5s;float: right;} .xsrc_2 .cc .li .text{float: left;width: 100%;} .xsrc_2 .cc .li .text b{float: left;width: 100%;line-height:40px;color: #000;font-size: 24px;margin-bottom: 10px;} .xsrc_2 .cc .li .text .te{float: left;width: 100%;min-height: 144px;} .xsrc_2 .cc .li .text .te p{float: left;width: 100%;line-height:36px;color: #666;font-size: 16px;} @media (max-width: 992px) { .xsrc_2{padding: 20px 15px 0;} .xsrc_2 .cc .li{float: left;width: 100%;padding: 15px 15px 15px 25px;margin-bottom: 10px;} .xsrc_2 .cc .li .img{float: left;width: 20%;margin-bottom: 0px;} .xsrc_2 .cc .li .img .span{color: var(--themecolor);font-size:40px;line-height:50px;transition:0.5s;float: left;width: 100%;} .xsrc_2 .cc .li .img .arrow{color: var(--themecolor);font-size: 24px;line-height:30px;transition:0.5s;float: left;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);text-align: center;} .xsrc_2 .cc .li .text{width: 80%;padding:0px 0 0 0px;} .xsrc_2 .cc .li .text b{width: 100%;line-height:40px;color: #000;font-size: 18px;margin-bottom:4px;} .xsrc_2 .cc .li .text .te{width: 100%;min-height: auto;} .xsrc_2 .cc .li .text .te p{width: 100%;line-height:26px;color: #666;font-size: 13px;} } .xsrc_3{float: left;width: 100%;padding: 20px 0 0px;} .xsrc_3 .img_pc{float: left;width: 100%;position: relative;} .xsrc_3 .img_m{float: left;width: 100%;position: relative;display: none;} @media (max-width: 992px) { .xsrc_3 .img_pc{display: none;} .xsrc_3 .img_m{display: block;} } /*产品*/ .xsrc_4{float: left;width: 100%;padding: 40px 0 40px;} .xsrc_4 .cc{float: left;width: 100%;} .xsrc_4 .cc .li{float: left;width: 33.333%;position: relative;} .xsrc_4 .cc .li:nth-child(3n){} .xsrc_4 .cc .li:hover .text{background: rgba(180,0,0,0.8);} .xsrc_4 .cc .li:hover .text .title{font-size: 24px;} .xsrc_4 .cc .li .img{float: left;width: 100%;} .xsrc_4 .cc .li .img img{float: left;width: 100%;position: relative;} .xsrc_4 .cc .li .text{float: left;width: 100%;position: absolute;z-index: 3;background: rgba(0,0,0,0.5);bottom: 0;padding: 20px 30px 20px;color: #fff;transition:0.5s;height: auto;} .xsrc_4 .cc .li .text .title{float: left;width: 100%;line-height: 50px;font-size: 20px;font-weight: bold;transition:0.5s;} .xsrc_4 .cc .li .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;} @media (max-width: 992px) { .xsrc_4{padding: 30px 0 20px;} .xsrc_4 .cc .li{width: 100%;} .xsrc_4 .cc .li .text{padding: 20px;} .xsrc_4 .cc .li:hover .text .title{font-size: 20px;} .xsrc_4 .cc .li .text .title{line-height: 40px;font-size: 16px;} .xsrc_4 .cc .li .text p{line-height: 24px;font-size: 13px;} } /*产品*/ .xsrc_5{float: left;width: 100%;padding: 40px 0 40px;} .xsrc_5 .tt{float: left;width: 100%;border: 1px dashed #a4dfff;border-radius: 20px;overflow: hidden;padding: 30px 50px;} .xsrc_5 .tt .con{float: left;width: 100%;position: relative;margin-bottom: 0px;padding: 0 0 30px;border-bottom: 2px dashed #7ed2ff;margin-bottom: 30px;} .xsrc_5 .tt .con b{float: left;width: 20.5%;height: 120px;vertical-align: middle;line-height: 30px;text-align: center;background: #a4dfff;border-radius: 20px;display:flex;} .xsrc_5 .tt .con b:first-child{margin-left: -15px;margin-right: 15px;} .xsrc_5 .tt .con b:nth-of-type(4){margin-right: -15px;float: right;} .xsrc_5 .tt .con b i{display: inline-block;vertical-align: middle;font-style: normal;align-self:center;padding:0 20px;color: #fff;font-size: 20px;font-weight: normal;} .xsrc_5 .tt .con p{float: left;width: 6%;line-height: 120px;font-size: 70px;color: #aaa;text-align: center;height: 120px;} .xsrc_5 .tt .con p span{top: 0;line-height: 120px;vertical-align: middle;font-size: 30px;color: var(--themecolor)} .xsrc_5 .tt .con .lines_l{position: absolute;bottom: 0;left:0;float: left;height: 30px;font-size: 30px;line-height: 30px;color:#7ed2ff;margin-left: -13px;} .xsrc_5 .tt .con .lines_r{position: absolute;bottom: 0;right:0;float: right;height: 30px;font-size: 30px;line-height: 30px;color:#7ed2ff;margin-right: -13px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(0deg);} .xsrc_5 .tt .title{float: left;width: 100%;position: relative;background: #e8f7ff;line-height: 80px;color: var(--themecolor);font-size: 30px;text-align: center;border-radius: 20px;font-weight: bold;} .xsrc_5 .bb{float: left;width: 100%;text-align: center;} .xsrc_5 .bb .con{float: left;width: 100%;} .xsrc_5 .bb .con .li{float: left;width: 50%;text-align: center;} .xsrc_5 .bb .con .li p{} .xsrc_5 .bb .con .li p span{color: var(--themecolor);transform: rotate(90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);line-height: 50px;font-size: 30px;display: inline-block;} .xsrc_5 .bb .con .li b{color: #fff;border-radius: 40px;line-height: 80px;padding: 0 80px;display: inline-block;background: var(--themecolor);font-size: 24px;} .xsrc_5 .bb .img{float: left;width: 100%;margin: 50px 0 0;} .xsrc_5 .bb .img img{float: left;width: 100%;} .xsrc_5 .bb .img img.img_pc{display: block;} .xsrc_5 .bb .img img.img_m{display: none;} @media (max-width: 992px) { .xsrc_5{float: left;width: 100%;padding: 20px 0 0px;} .xsrc_5 .tt{float: left;width: 100%;border: 1px dashed #79a8ff;border-radius: 20px;position: relative;padding: 15px;} .xsrc_5 .tt .con{float: left;width: 100%;position: relative;margin-bottom: 10px;padding: 0 30px 0 0;border:none;border-right: 2px dashed #7ed2ff;} .xsrc_5 .tt .con b{float: left;width: 100%;height: 64px;vertical-align: middle;line-height: 24px;text-align: center;background: #a4dfff;border-radius:14px;display:flex;text-align: center;} .xsrc_5 .tt .con b i{display: inline-block;vertical-align: middle;font-style: normal;align-self:center;padding:0 5px;color: #fff;font-size: 16px;font-weight: normal;width: 100%;} .xsrc_5 .tt .con p{float: left;width: 100%;line-height: 30px;font-size: 30px;color: #aaa;text-align: center;height: 30px;} .xsrc_5 .tt .con p span{top: 0;line-height: 30px;vertical-align: middle;font-size: 24px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);float: left;margin-left: 46%;} .xsrc_5 .tt .con b:first-child{margin-left: 0;margin-right: 15px;} .xsrc_5 .tt .con b:nth-of-type(4){margin-right: 0;float: left;} .xsrc_5 .tt .con .lines_l{position: absolute;bottom: auto;top:0;left:auto;right:0;float: left;height: 30px;font-size: 30px;line-height: 30px;color:#7ed2ff;margin-left: -0;transform: rotate(270deg);-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);} .xsrc_5 .tt .con .lines_r{position: absolute;bottom: 0;right:0;float: right;height: 30px;font-size: 30px;line-height: 30px;color:#7ed2ff;margin-right: -0;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);} .xsrc_5 .tt .title{float: left;width: 100%;position: relative;background: #e9f1ff;line-height: 60px;font-size: 20px;text-align: center;border-radius: 10px;font-weight: bold;} .xsrc_5 .bb{float: left;width: 100%;text-align: center;} .xsrc_5 .bb .con{float: left;width: 100%;} .xsrc_5 .bb .con .li{float: left;width: 50%;text-align: center;} .xsrc_5 .bb .con .li p{} .xsrc_5 .bb .con .li p span{transform: rotate(90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);line-height: 40px;font-size: 30px;display: inline-block;} .xsrc_5 .bb .con .li b{color: #fff;border-radius: 40px;line-height: 40px;padding: 0 30px;display: inline-block;font-size: 15px;} .xsrc_5 .bb .img{float: left;width: 100%;margin: 10px 0 0;} .xsrc_5 .bb .img img{float: left;width: 100%;} .xsrc_5 .bb .img img.img_pc{display: none;} .xsrc_5 .bb .img img.img_m{display: block;} }