.text span,span.img,span.text,span.d1,span.d2,span.d3{display: block;}


.section1{margin-bottom:30px;width:100%;display:block}
.section1 img{width:100%;margin-bottom:30px}
.section1 span{font-size:14px;line-height:22px;color:#666}
.section2 li{width:calc(33% - 18px);float:left;height:36px;line-height:36px;border-radius:36px;border:1px solid #4499db;color:#666;font-size:13px;background:#d3edff;text-align:center;margin-right:25px;cursor:pointer;overflow: hidden}
.section2{margin-bottom:45px;width:100%;display:block}
.section2 li:hover{color:#fff;background:#0074ce}
.section2 li:nth-child(3n){margin-right:0}
.section2 li:nth-child(-n+3){margin-bottom:25px}
.section3{margin-bottom:55px;display:block;overflow: hidden;}
.section3 .swiper-container{padding:10px;padding-top:5%}
.section3 .swiper-slide .text{background:#fff;border-radius:15px;width:90%;box-sizing:border-box;padding:4%;box-shadow:0 0 10px rgba(0,0,0,.2);display:block}
.section3 .swiper-slide .text .box{width:56%;box-sizing:border-box;padding:1% 0 6%;display:block}
.section3 .swiper-slide .text .d1{font-size:18px;color:#222}
.section3 .swiper-slide .text .d2{font-size:14px;color:#666;line-height:20px}
.section3 .swiper-slide .text .line{width:35px;height:2px;background:#0074ce;margin:20px 0 15px}
.section3 .swiper-slide .img{position:absolute;right:0;bottom:8%;border-radius:15px;overflow:hidden;width:46%;display:block;height:0;padding-bottom:31%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.section3 .swiper-slide .img img{width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.section3 .swiper-button-next,.section3 .swiper-button-prev{width:34px;height:34px;border-radius:34px;background:#fff;text-align:center;line-height:34px;margin-top:0;top:auto;bottom:8%;box-shadow:0 4px 8px rgba(0,0,0,.2);font-size:12px!important}
.section3 .swiper-button-next{right:50%}
.section3 .swiper-button-prev{left:calc(50% - 100px)}
.section3 .swiper-button-next:after,.section3 .swiper-button-prev:after{font-size:20px!important;color:grey}
.section3 .swiper-button-next:hover,.section3 .swiper-button-prev:hover{background:#d3edff}
.section3 .swiper-button-next:hover:after,.section3 .swiper-button-prev:hover:after{color:#fff}
.section4{margin-bottom:50px;background:#f7f7f7;display:block}
.section4 li{float:left;width:calc(100% / 3);float:left}
.section4 li .img{width:100%;position:relative;display:block;height:0;padding-bottom:69%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.section4 li .img img{width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.section4 li .text{width:100%;padding:15% 7% 11%;box-sizing:border-box;display:block}
.section4 li .text .d1{font-size:18px;color:#222}
.section4 li .text .d2{font-size:14px;color:#666;line-height:20px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}
.section4 li .text .line{width:35px;height:1px;background:#0074ce;margin:10px 0}
.section5{position:relative;width:100%;margin-bottom:45px;display:block}
.section5 .box{width:100%;box-sizing:border-box;padding:2.5%;border:2px solid #0074ce;background:#fff;border-radius:5px;overflow:hidden;font-size:14px;line-height:24px;position:relative;z-index:10;top:10px;left:10px;text-align:justify;display:block}
.section5::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:#0074ce;border-radius:5px;z-index:1}
.section6{display:block}
.section6 li{position:relative;width:100%;margin-bottom:30px}
.section6 li::after{content:'';display:block;clear:both}
.section6 li .img{position:relative;width:42%;display:block;height:0;padding-bottom:26%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;border-radius:15px;overflow:hidden;z-index:10}
.section6 li .img img{width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.section6 li .text{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:59.5%;height:100%;z-index:1;display:block}
.section6 li .text .box{width:100%;background:#fff;box-sizing:border-box;box-shadow:0 0 15px rgba(150,150,150,.2);border-radius:15px;overflow:hidden;padding:6% 6% 8% 12%;display:block}
.section6 li .text .box .d1{font-size:18px;font-weight:700}
.section6 li .text .box .d2{color:#666;font-size:14px;line-height:24px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.section6 li .text .box .line{width:30px;height:1px;background:#2287d5;margin:15px 0}
.section6 li:nth-child(2) .text{right:auto;left:0}
.section6 li:nth-child(2) .text .box{padding:6% 12% 8% 6%}
.section6 li:nth-child(2) .img{float:right}
.section7 li{width:calc(32%);float:left;margin-right:2%;text-align:center;font-size:16px;color:#666}
.section7 li .img{margin-bottom:18px;width:100%;position:relative;height:0;padding-bottom:67%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.section7{display:block;margin-bottom: 40px;}
.section7 li .img{display:block}
.section7 li .img img{width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.section7 li:nth-child(3n){margin-right:0}
.section7 li:nth-child(-n+3){margin-bottom:20px}
.section7 li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 13px;}
.section8{margin-top: 30px;overflow: hidden;display: block;}
.section8 a{float: left;width: 48%;font-size: 15px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.section8 a:nth-child(2){float: right;}

.section9{margin-bottom: 55px;overflow: hidden;display: block;}
.section9 li{width: 48%;float: left;border-radius: 10px;overflow: hidden;position: relative;transition: all 0.5s;cursor: pointer;}
.section9 li .bg{
    width:100%;
    height:0;
    padding-bottom: 48%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    display: block;
}
.section9 li .bg img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section9 li .text{width: 100%;height: 100%;position:absolute;left: 0;top: 0;background: rgba(0,116,206,0.8);box-sizing: border-box;color: #fff;display: block;padding: 8% 4% 0;opacity: 0;transition: all 0.5s;}
.section9 li .text .d1{font-size: 20px;margin-bottom: 15px;display: block;}
.section9 li .text .d2{width: 40px;height: 2px;background: #fff;margin-bottom: 15px;display: block;}
.section9 li .text .d3{font-size: 14px;line-height: 24px;color: #d8d8d8;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
}
.section9 li:nth-child(2){float: right;}
.section9 li:hover .text{opacity: 1;}
.section9 li:hover{box-shadow: 0px 0px 24px rgba(5,122,205,0.5)}

.section10{margin-bottom: 55px;overflow: hidden;display: block;background: #f5f5f5;position: relative;}
.section10 .left{width: 66%;}
.section10 .left ul li{overflow: hidden;position: relative;}
.section10 .left ul li .img{width: 50%;display: block;
    height:0;
    padding-bottom: 24.5%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    display: block;
    float: right;
}
.section10 .left ul li .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section10 .left ul li .text{width: 50%;display: block;float: left;box-sizing: border-box;padding: 4% 3% 0;}
.section10 .left ul li .text .d1{font-size: 18px;margin-bottom: 10px;}
.section10 .left ul li .text .d2{width: 36px;height: 1px;background: #0074ce;margin-bottom: 10px;}
.section10 .left ul li .text .d3{font-size: 12px;line-height: 20px;color: #666666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.section10 .left ul li:nth-child(2) .text{background: #25292c;width: 50%;height: 100%;position: absolute;right: 0;top: 0;}
.section10 .left ul li:nth-child(2) .text span{color: #fff;}
.section10 .left ul li:nth-child(2) .img{float: left;}
.section10 .right{width: 34%;height: 100%;position: absolute;right: 0;bottom: 0;}
.section10 .right .img{width: 100%;
    height:0;
    padding-bottom: 95%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: absolute;
    right: 0;
    bottom: 0;
}
.section10 .right .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section10 .right .text{width: 100%;display: block;float: left;box-sizing: border-box;padding: 4% 3% 0;}
.section10 .right .text .d1{font-size: 18px;margin-bottom: 10px;}
.section10 .right .text .d2{width: 36px;height: 1px;background: #0074ce;margin-bottom: 10px;}
.section10 .right .text .d3{font-size: 12px;line-height: 20px;color: #666666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.section11{margin-bottom: 55px;overflow: hidden;display: block;position: relative;}
.section11 li{float: left;width: 50%;box-sizing: border-box;padding: 4% 4% 6%;}
.section11 li:nth-child(-n+2){padding: 4% 4% 6%;}
.section11 li:nth-child(n+3){padding: 6% 4% 4%;}
.section11 li .img{
    margin: 0 auto;
    width: 210px;
    height: 210px;
    position: relative;
    border-radius: 100px 100px 0 100px;
    overflow: hidden;
    margin-bottom: 20px;
}
.section11 li .img img{height: 100% !important;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section11 li .d1{text-align: center;margin-bottom: 15px;font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.section11 li .d2{font-size: 14px;line-height: 24px;color: #666666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.section11 li:nth-child(2n){border-left: 1px solid #dfddde;}
.section11 li:nth-child(-n+2){border-bottom:  1px solid #dfddde;}

.section12{margin-bottom: 55px;display: block;position: relative;overflow: hidden;}
.section12 .swiper-container{overflow: visible;}
.section12 .swiper-slide{background: #fff;overflow: hidden;box-shadow: 0px 0px 20px rgba(199,199,199,0.3);}
.section12 .swiper-slide .img{float: left;
    width: 45%;
    height:0;
    padding-bottom:33%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.section12 .swiper-slide .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section12 .swiper-slide .text{width: 55%;height: 100%;display:flex;align-items:center;justify-content: center;position: absolute;right: 0;top: 0;}
.section12 .swiper-slide .text .box{width: 75%;}
.section12 .swiper-slide .text .box .d1{font-size: 24px;margin-bottom: 25px;}
.section12 .swiper-slide .text .box .d2{font-size: 14px;line-height: 24px;color: #666666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.section12 .swiper-container{padding:  0 0 60px;width: calc(100% - 40px);margin: 0 auto;}
.section12 .swiper-pagination-bullet{width: }


.section13{margin-bottom: 55px;overflow: hidden;display: block;position: relative;}
.section13 .swiper-slide{box-sizing: border-box;padding: 0 3.5%;}
.section13 .swiper-slide .img{
    width: 100%;
    height:0;
    padding-bottom: 51%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    margin-bottom: 15px;
}
.section13 .swiper-slide .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section13 .swiper-slide .d1{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.section13 .swiper-slide .d2{font-size: 12px;line-height: 18px;color: #666666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.section13 .swiper-slide.swiper-slide-active{border-right: 1px solid #e4e4e4;}
.section13 .swiper-button-next, .section13 .swiper-button-prev{width: 30px;height: 30px;background: #e4e4e4;}
.section13 .swiper-button-next::after, .section13 .swiper-button-prev::after{display: block;font-size: 20px;color: #fff;}

.section14{margin-bottom: 55px;overflow: hidden;display: block;position: relative;}
.section14 img{margin: 0 auto;width: 32%;}
.section14 li{position: absolute;width: 32%;}
.section14 li .d1{font-size: 16px;color: #0074ce;font-weight: bold;}
.section14 li .d2{font-size: 14px;color: #666666;line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.section14 li:nth-child(1){left: 0;top: 15%;text-align: right;}
.section14 li:nth-child(2){left: 0;top: 53%;text-align: right;}
.section14 li:nth-child(3){right: 0;top: 15%;}
.section14 li:nth-child(4){right: 0;top: 53%;}

.section15{margin-bottom: 55px;overflow: hidden;display: block;position: relative;}
.section15 .swiper-container{padding-bottom: 50px;}
.section15 .swiper-slide{background: #fff;border: 1px solid #f3f3f3;box-sizing: border-box;text-align: center;padding: 1.5%;}
.section15 .swiper-slide .img{
    width: 100%;
    height:0;
    padding-bottom: 40%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    margin-bottom: 20px;
}
.section15 .swiper-slide .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section15 .swiper-slide .d1{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.section15 .swiper-slide .d2{font-size: 12px;color: #666666;line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.section15 .swiper-slide-active{border: 1px solid #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.section15 .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 10px;box-sizing: border-box;background: none;border: 1px solid #004ea5;}
.section15 .swiper-pagination-bullet-active{background: #0062b1;border: 1px solid #004ea5;}

.section16{margin-bottom: 55px;overflow: hidden;display: block;position: relative;}
.section16 li{width: 50%;float: left;}
.section16 li .img{float: right;
    width: 50%;
    border-radius: 10px;
    height:0;
    padding-bottom: 37%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    overflow: hidden;
}
.section16 li .img img{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section16 li .text{float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: right;
    padding: 4% 5% 0;
}
.section16 li .text .d1{
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
}
.section16 li .text .d1::after{
    content: '';
    position: absolute;
    left:auto;
    right: -10%;
    top: calc(50% - 10px);
    width:0;
    height:0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 14px solid #0062b1;
}
.section16 li .text .d2{
    font-size: 12px;
    line-height: 24px;
    color: #333333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.section16 li:nth-child(-n+2){margin-bottom: 20px;}
.section16 li:nth-child(-n+2) .img{float: left;}
.section16 li:nth-child(-n+2) .text{float: right;text-align: left;}
.section16 li:nth-child(-n+2) .text .d1::after{
    content: '';
    position: absolute;
    left: -10%;
    top: calc(50% - 10px);
    width:0;
    height:0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #0062b1;
    border-right: 0;
}
.section17{margin-bottom: 55px;overflow: hidden;display: block;position: relative;}
.section17 .tab-t{width: 31%;height: 100%;position: absolute;left: 0;top: 0;}
.section17 .tab-t span{width: 100%;height: 25%;background: #13131f;color: #fff;font-size: 17px;display:flex;align-items:center;justify-content: center;border-bottom: 1px solid #fff;cursor: pointer;}
.section17 .tab-t span:last-child{border: 0}
.section17 .tab-t span.this{background: #0074ce;position: relative;}
.section17 .tab-t span.this::after{content: '';position: absolute;top: 0;right: -30px;width: 30px;height: 100%;background: url(../images/arr-r.png) left center no-repeat;z-index: 9999;}

.section17 .tab-c{float: right;width: 69%;position: relative;display: none;z-index: 10;}

.section17 .tab-c .img{
    width:100%;
    height:0;
    padding-bottom: 53%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.section17 .tab-c .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section17 .tab-c .text{width: 100%;height: 60px;line-height: 60px;text-align: center;background: rgba(0,0,0,0.5);color: #fff;position: absolute;left: 0;bottom: 0;}
.section17 .tab-c .text span{font-size: 14px;color: #fff;display: inline-block;margin: 0 2px;}
.section18{margin-bottom: 55px;overflow: hidden;display: block;position: relative;}
.section18 li{width: 32%;float: left;margin-right: 2%;position: relative;}
.section18 li .img{    width:100%;
    height:0;
    padding-bottom: 75%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
}
.section18 li .img img{width: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section18 li .text{width: 90%;height: auto;background: rgba(255,255,255,0.7);position: absolute;left: 5%;bottom: 5%;box-sizing: border-box;padding: 12px 10px;}
.section18 li .text .d1{font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 5px;}
.section18 li .text .d2{font-size: 12px;line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.section18 li:last-child{margin-right: 0;}

.section19{margin-bottom: 55px;overflow: hidden;display: block;position: relative;}
.section19 li{width: calc(100% / 3);float: left;text-align: center;}
.section19 li .img{width: 135px;height: 135px;margin: 0 auto 25px;border-radius: 135px;overflow: hidden;position: relative;}
.section19 li .img img{height: 100% !important;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;}
.section19 li .d1{font-size: 18px;margin-bottom: 5px;font-weight: bold;}
.section19 li .d2{font-size: 14px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.section20{margin-bottom: 55px;display: block;position: relative;}
.section20 li{width: 31%;background: #fff;border-radius: 10px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.2);box-sizing: border-box;padding: 2.5% 2.5% 1%;float: left;margin-right: 3.5%;}
.section20 li .d1{font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 4px;}
.section20 li .d2{height: 40px;line-height: 20px;font-size: 12px;color: #777;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.section20 li:nth-child(3n){margin-right: 0;}
.section20 li:nth-child(-n+3){margin-bottom: 20px;}



@media (max-width:1200px){
    .section6 li{margin-top:30px}
    .section10 .left ul li .text {padding: 2% 2% 0;}
    .section10 .left ul li .text .d1 {font-size: 16px;margin-bottom: 5px;}
    .section10 .left ul li .text .d2 {margin-bottom: 4px;}
    .section10 .left ul li .text .d3 {
        font-size: 12px;
        line-height: 18px;
        color: #666666;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .section10 .right .text {padding: 2% 2% 0;}
    .section10 .right .text .d1 {font-size: 16px;margin-bottom: 5px;}
    .section10 .right .text .d2 {margin-bottom: 4px;}
    .section10 .right .text .d3 {
        font-size: 12px;
        line-height: 18px;
        color: #666666;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }



}
@media (max-width:1000px){
    .section9 li .text {padding: 3% 3% 0;}
    .section9 li .text .d1 {font-size: 16px;margin-bottom: 5px;}
    .section9 li .text .d2 {margin-bottom: 5px;}
    .section9 li .text .d3 {
        font-size: 12px;
        line-height: 20px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

}

@media (max-width:768px){
    .section4{background:0 0}
    .section4 li{float:none;width:100%;margin-bottom:10px;background:#f7f7f7}
    .section4 li::after{content:'';display:block;clear:both}
    .section4 li .img{width:50%;float:left;padding-bottom:35%}
    .section4 li .text{width:50%;float:right;padding:3% 4% 0}
    .section3 .swiper-slide{overflow:hidden;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.2)}
    .section3 .swiper-slide .img{position:relative;width:100%;padding-bottom:83.5%;border-radius:0}
    .section3 .swiper-slide .text{width:100%;border-radius:0}
    .section3 .swiper-slide .text .box{width:100%;padding:1% 0 12%}
    .section3 .swiper-button-next{right:calc(50% - 50px);bottom:3%}
    .section3 .swiper-button-prev{left:calc(50% - 50px);bottom:3%}
    .section6 li{overflow:hidden;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.2)}
    .section6 li .img{width:100%;padding-bottom:62%;border-radius:0}
    .section6 li .text{position:static;width:100%;border-radius:0;overflow:hidden;padding:0}
    .section6 li .text .box{width:100%;border-radius:0;padding:4% 5%!important}
    .section7 li{width:48%;margin-right:0}
    .section7 li:nth-child(2n){float:right}
    .section7 li:nth-child(-n+4){margin-bottom:20px}
    .section5 .box{top:5px;left:5px;display:block}
    .section2 li{width:48%;margin-right:0;font-size:12px}
    .section2 li:nth-child(2n){float:right}
    .section2 li:nth-child(-n+4){margin-bottom:20px}
    .section4 li .text .d1{font-size:14px}
    .section4 li .text .d2{font-size:12px;line-height:20px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
    .section8 a{float: left;width: 48%;font-size: 14px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float: none;width: 100%;}
    .section8 a:nth-child(2){float: none;width: 100%;}
    .section10 .left {width: 100%;float: none;}
    .section10 .right {width: 100%;height: auto;position: static;}
    .section10 .right .img {position: relative;}
    .section10 .right .text {padding: 2% 2%;}
    .section11 li .img {
        width: 160px;
        height: 160px;
        margin-bottom: 10px;
    }
    .section11 li .d1 {font-size: 16px;margin-bottom: 10px;}
    .section11 li .d2 {font-size: 12px;line-height: 20px;}
    .section12 .swiper-slide .text .box .d1 {font-size: 18px;margin-bottom: 10px;}
    .section12 .swiper-slide .text .box .d2 {
        font-size: 12px;
        line-height: 20px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .section13 .swiper-slide .d1 {font-size: 14px;margin-bottom: 5px;}
    .section13 .swiper-slide .d2 {
        font-size: 12px;
        line-height: 18px;
        color: #666666;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .section14 img {margin: 0 auto 20px;max-width: 90%;}
    .section14 li {width: 100%;position: static;text-align: left !important;}
    .section14 li .d1 {font-size: 14px;margin-bottom: 5px;}
    .section14 li .d2 {font-size: 12px;line-height: 20px;}

    .section16 li .text .d1::after{
        right: -5%;
        top: calc(50% - 5px);
        border-top: 5px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 5px solid #0062b1;
    }
    .section16 li:nth-child(-n+2) .text .d1::after{
        left: -5%;
        top: calc(50% - 5px);
        border-top: 5px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 5px solid #0062b1;
        border-right: 0;
    }

    .section16 li {width: 100%;float: left;}
    .section16 li .text {padding: 2% 3% 0;}
    .section16 li .text .d1 {font-size: 14px;margin-bottom: 4px;}
    .section16 li .text .d2 {font-size: 12px;line-height: 18px;}
    .section17 .tab-t {width: 100%;height: auto;position: static;}
    .section17 .tab-t span{float: left;width: 50%;height: 40px;line-height: 40px;}
    .section17 .tab-t span.this::after{display: none;}
    .section17 .tab-c{width: 100%;}
    .section17 .tab-c .text span {font-size: 12px;}
    .section18 li {width: 100%;margin-right: 0%;margin-bottom: 20px;}
    .section18 li:last-child{margin-bottom: 0;}
    .section19 li {width: 100%;margin-bottom: 20px;}
    .section19 li:last-child{margin-bottom: 0;}
    .section20 li {width: 48%;margin-right:0;margin-bottom: 20px;}
    .section20 li:nth-child(2n){float: right;}


}


@media (max-width:450px){
    /*.section9 li {width: 100%;margin-bottom: 0.1rem;}*/
    .section11 li .img {width: 1.2rem;height: 1.2rem;margin-bottom: 0.1rem;}
    .section11 li .d1 {font-size: 0.14rem;margin-bottom: 0.1rem;}
    .section11 li .d2 {font-size: 0.12rem;line-height: 0.18rem;}
    .section12 .swiper-slide .img {width: 100%;padding-bottom: 66%;}
    .section12 .swiper-slide .text  {width:100%;position: relative;}
    .section12 .swiper-slide .text .box{width: 100%;box-sizing: border-box;padding: 0.1rem;}
    .section12 .swiper-slide .text .box .d1{font-size: 0.16rem;margin-bottom: 0.1rem;}

    .section16 li{margin-bottom: 0.15rem !important;}
    .section17 .tab-t span{font-size: 0.14rem;}
    .section12 .swiper-container {padding: 0 0 0.3rem;}
    .section15 .swiper-slide .d1 {font-size: 0.14rem;margin-bottom: 0.05rem;}
    .section15 .swiper-slide .d2 {font-size: 0.12rem;line-height: 0.18rem;}

}