@charset"utf-8"; body{background:rgb(205, 205, 205);} .hd{width: 100%;position: relative;} .carousel-indicators{left: 5%;bottom: 10%;margin-left: 0;width: auto;} .carousel-indicators li{border-radius: 0;border: 0;width: auto!important;height: auto!important;font-size: 18px;padding: 20px 10px;text-indent: 0px;color: white;margin: 0 5px;} .carousel-indicators li.active{background: rgba(24, 157, 232,.8);} .carousel-inner .title{display: none;} .carousel-control{display: none;} .carousel-inner .item img{width: 100%;} .main .wrapper{padding: 10px 2% 0 2%;} .section_1{background: white;} .section ul{font-size: 0;} .section_1 ul li a.img{background-size: cover;background-position: center;} .section_1 ul li a.title{line-height: 3em;font-size: 18px;padding: 0 5px;} .section_1 ul li span{color: rgb(17, 82, 102);display: block;padding: 0 5px 1em 5px;} .section_1 ul li span:BEFORE {content: "\e601";font-family: "iconfont";margin-right: 5px;} .section .bar{padding-bottom:10px;} .section .bar .iconfont{color: rgb(83, 147, 192);position: relative;} .section .bar .zh{color: rgb(2, 70, 96);padding: 0 5px;} .section .bar .en{color: rgb(126, 126, 126);} .type-list{background: white;} .section_2 .type-list{color:rgb(54, 114, 135);padding-bottom: 30px;} .section_2 ul{font-size: 0;} .section_2 ul li{vertical-align: top;padding: 30px 0;} .section_2 ul li .date{width: 20%;border-left: 2px solid rgba(54, 114, 135,.8);margin-left: 5%;} .section_2 ul li .date span{display: block;text-align: center;} .section_2 ul li .date span:LAST-CHILD{font-size: 50px;padding-bottom: 1em;color:rgb(2, 70, 96); } .section_2 ul li .txt{width:65%;margin-left: 30%} .section_2 ul li .txt .title{font-size: 20px;color:rgb(2, 70, 96);margin-top: -5px;} .section_2 ul li .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;font-size: 14px;line-height: 1.75em;padding-top: 0.5em;} .section_2 a.more-news{display: block;margin: 0 auto;max-width: 200px;border: 1px solid rgb(2, 70, 96);color: rgb(2, 70, 96);text-align: center;padding: 1em 0;font-size: 18px;letter-spacing: 5px;} .section_3 .type-list,.section_4 .type-list{background: none;} .section_3 ul li,.section_3 ul li{display: block;} .section_3 ul li a.img{background-size: cover;background-position: top;display: block;width: 100%;padding-top: calc(100% *0.4);} .section_3 .text span,.section_4 .text span{line-height: 2em;color: white;display: block;} .section_3 .text a.title,.section_4 .text a.title{color: white;font-size: 16px;line-height: 1.5em;display: block;max-width: 470px;} .section_3 .type-list{background: white;} .section_3 .news-list{margin-right: 40px;} .section_3 .news-list>div{line-height: 2.5em;font-size: 20px;color: rgb(2, 70, 96);border-bottom: 2px #BDCAD8 solid;} .section_3 .news-list>div>.layui-icon{margin-right: 15px;font-weight: bold;} .section_3 .news-list>div>.more:BEFORE{content: "鏇村>";font-family: "榛戜綋";font-size: 14px;position: relative;top:4px;} .section_3 .news-list ul li{display: none;font-size: 16px;color: #999;padding: 0.8em 0 0.5em 0;border-bottom: 1px solid #eee;} .section_3 .news-list ul li *{font-size: 16px;} .section_4 .text a.title{max-width: 350px;} .section_4 ul li a.img{background-size: cover;background-position: top;display: block;width: 100%;padding-top: calc(100% *0.5);} @media (max-width:767px) { .carousel-indicators li{font-size: 16px;padding: 10px 5px;} .section_1,.type-list{border-radius:3px;background: white!important;} .section ul li{position: relative;} .section_1 ul li:NTH-CHILD(-n+2),.section_4 ul li:NTH-CHILD(-n+2){border-bottom: 1px solid #eee;} .section_3 ul li:NTH-CHILD(-n+1){border-bottom: 1px solid #eee;} .section_2 ul li{border-bottom: 1px solid #eee;} .section_2 ul{padding: 15px 0;} .section_2 ul li{padding: 10px 0;} .section_2 ul li .date span:LAST-CHILD{font-size: 45px;padding-bottom: 0.5em;} .section_2 .type-list{padding-bottom: 15px;} .section_2 .type-list ul li a.title{padding-top: 0!important;} .section_2 a.more-news{font-size: 15px;} .section_2 ul li .txt p{-webkit-line-clamp: 3} .section .type-list ul li a.img{width: 30%;padding-top: calc(100% * 0.18);float: left;margin: 15px 10px;border-radius: 5%;min-height: 70px;} .section .type-list ul li .text{margin-left:35%;} .section .type-list ul li a.title{font-size: 18px;color: #333!important;line-height: 1.5em;padding-top: 15px;white-space: normal;} .section .type-list ul li span.dt{font-size: 14px;position: absolute;bottom: 10px;left: 35%;padding:0 0 0 5px;color: #999!important;} .section .type-list ul li span.typename{padding: 0!important;} .section .bar .iconfont{font-size: 22px;top: 2px;} .section .bar .zh{font-size: 16px;} .section .bar .en{font-size: 12px;position: relative;top: -2px} .flink{background: white;text-align: center;margin-bottom: -19px;margin-top: 20px;padding: 10px 0;border-bottom: 1px solid #efefef;} .flink ul{font-size: 0} .flink ul li{display: inline-block;width: 20%;max-width: 100px;} .section_3 .news-list{margin:0 20px;padding-bottom: 20px;} .section_3 .news-list ul li{font-size: 14px;} .section_3 .news-list ul li:nth-child(-n+8) {display: block;} } @media (max-width:500px) { .section ul li a.title{font-size: 15px!important;} .section_2 ul li .txt .title{font-size: 15px;margin-top:-2px;padding-bottom: 10px;} } @media (min-width:768px) { .main .wrapper{padding: 30px 2% 0 2%;} .section_1{background: white;} .section_1 ul li{width: 28%;display: inline-block;} .section_1 ul li a{display:block;} .section_1 ul li a.img{padding-top: calc(100% * 9 / 16);} .section_1 ul li:NTH-CHILD(2){margin: 0 8%;} .section_1 ul li a.title{line-height: 4em;font-size: 18px;} .section .bar{margin-top: -20px} .section .bar .iconfont{font-size: 35px;top: 4px;} .section .bar .zh{font-size: 25px;padding: 0 15px;} .section .bar .en{font-size: 25px;} .section_2 ul li:LAST-CHILD {display: none;} .section_2 ul li{width: 50%;display: inline-block;} .section_3>.type-list>ul>li{display: inline-block;width: 48.5%;vertical-align: top;} .section_3>.type-list>ul>li:LAST-CHILD{margin-left: 3%;} .section_3 .text,.section_4 .text{padding: 10px;background: rgb(24, 157, 232);} .section_3 ul li .text a.title,.section_4 ul li .text a.title{font-size: 20px;height: 3em;} .section_4 ul li{display: inline-block;width: 31.33%;vertical-align: top;} .section_4 ul li:FIRST-CHILD{margin-right: 3%;} .section_4 ul li:LAST-CHILD{margin-left: 3%;} .section_3 .news-list ul li{font-size: 14px;} .section_3 .news-list ul li:nth-child(-n+5) {display: block;} } @media (min-width:992px) { .carousel-indicators li{font-size: 22px;padding: 25px 12px; } .main .wrapper{padding: 40px 2% 0 2%;} .section_1{background: white;} .section_3 ul li .text a.title,.section_4 ul li .text a.title{font-size: 22px;} } @media (min-width:1006px) { .section_3 .news-list ul li{font-size: 14px;} .section_3 .news-list ul li:nth-child(-n+6) {display: block;} } @media (min-width:1200px) { .section_2 ul li{width: 33.33%;display: inline-block;} .section_2 ul li:LAST-CHILD {display: inline-block;} .carousel-indicators{left: 7.5%;bottom: 15%;} .section_3 .news-list ul li{font-size: 15px;} .section_3 .news-list ul li:nth-child(-n+7) {display: block;} } @media (min-width:1540px) { .section_3 .news-list ul li{font-size: 16px;} .section_3 .news-list ul li:nth-child(-n+8) {display: block;} }