body{background-color: #f5f5f5;}
main {background: url("../images/gxzl_hdbg.png") top center no-repeat #e5f3fc;padding: 0 0 10px;}

.gxzlhd{padding-top: 120px;}

.gxzlhd .list_mune{position: relative;background: linear-gradient(to bottom, #fff, #c5e4fc);border-radius: 10px;padding: 10px 60px;margin-bottom: -1px;}
.gxzlhd .list_mune li{float: left;margin-right: 40px;}
.gxzlhd .list_mune li a{display: block;font-size: 22px;color: #000;height: 60px;line-height: 60px;position: relative;}
.gxzlhd .list_mune li.on a{font-weight: bold;color: #2b90ee;}
.gxzlhd .list_mune li a::before{display: none;}
.gxzlhd .list_mune li a:hover::before{width: auto;}
.gxzlhd .list_mune li a:hover{font-weight: bold;color: #2b90ee;}

.carousel_box{display: flex;justify-content: space-between;align-items: center;height: 480px;margin-top: 20px;}
.carousel_box .overview{width: 430px;height: 100%;border-radius: 10px;background-color: #fff;padding: 30px 20px 0;}
.carousel_box .overview h3{font-size: 30px;color: #2f89fb;text-align: center;margin-bottom: 30px;}
.carousel_box .overview .overview_li{color: #fc6536;border-radius: 10px;background-color: #f2f9ff;margin-bottom: 20px;padding: 16px 0;}
.carousel_box .overview .overview_li:nth-child(2){color: #fcc00b;}
.carousel_box .overview .overview_li:nth-child(3){color: #00e000;}
.carousel_box .overview .overview_li p{font-size: 26px;text-align: center;}
.carousel_box .carousel{width: 1150px;height: 100%;position: relative;overflow: hidden;border-radius: 10px;background-color: #fff;}
.carousel_box .carousel .hd{width: 100%;position: absolute;height: 50px;line-height: 50px;bottom: 0;right: 0;z-index: 1;}
.carousel_box .carousel .hd ul{position: absolute;right: 40px;bottom: 0px;}
.carousel_box .carousel .hd li{display:inline-block;background-color: #fff;width: 12px;height: 12px;transition:all .3s;margin-left:10px;cursor:pointer;border-radius: 6px;}
.carousel_box .carousel .hd li.on{width: 50px;}
.carousel_box .carousel .hd .slideFocusInfo{color:#fff;text-indent:1em;width: 100%;text-align:left;display: block;padding-right: 36%;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
.carousel_box .carousel .bd{position: relative;z-index: 0;}
.carousel_box .carousel .bd li img{display:block;width:100%;overflow: hidden;height:100%;image-rendering: pixelated;}
.carousel_box .carousel .bd li a{display: block;}

.gxzlbd{margin-top: 60px;}
.gxname_tle{margin-bottom: 30px;display: flex;align-items: center;}
.gxname_tle a.tle{float: left;font-size: 50px;color: #308ff6;position: relative;padding-left: 20px;}
.gxname_tle a.tle:hover{color: #005eff;}
.gxname_tle a.xq_btn{float: left;font-size: 30px;color: #fff;width: 240px;height: 60px;line-height: 60px;background: linear-gradient(to right,#00dafe,#00abff);border-radius: 30px;margin-left: 40px;text-align: center;}
.gxname_tle a.xq_btn:hover{background: linear-gradient(to right,#fff,#00dafe);color: #308ff6;}
.gxname_tle a.more{font-size: 22px;color: #308ff6;position: absolute;right: 0;}
.gxname_tle a.more:hover{color: #005eff;}
.gxname_tle a.tle::after{content: "";display: block;width: 6px;height: 50px;background-color: #308ff6;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.gxzlbd .gxfl_box{margin-bottom: 70px;}
.gxzlbd .gxfl_box .gxlistbox{display: flex;justify-content: space-between;align-items: center;height: 250px;}
.gxzlbd .gxfl_box .gxlistbox .gxlist{background-color: #fff;border-radius: 10px;height: 100%;}
.gxzlbd .gxfl_box .gxlistbox .gxlist h4{font-size: 22px;text-align: center;font-weight: bold;margin-bottom: 20px;}
.gxzlbd .gxfl_box .gxlistbox .gxlist.list1{width: 28%;padding: 20px 30px;}
.gxzlbd .gxfl_box .gxlistbox .gxlist.list2{width: 70%;padding: 20px 30px;}
.gxzlbd .gxfl_box .gxlistbox .gxlist .gxlist_cont li{margin-bottom: 16px;text-align: center;}
.gxzlbd .gxfl_box .gxlistbox .gxlist .gxlist_cont li a{font-size: 18px;}
.gxzlbd .gxfl_box .gxlistbox .gxlist.list1 .gxlist_cont li{float: left;width: 33.33%;}
.gxzlbd .gxfl_box .gxlistbox .gxlist.list2 .gxlist_cont li{float: left;width: 11.11%;}

.gxlist_responsive{min-height:160px;margin-bottom: 20px;position: relative;}
.gxlist_responsive .loading {position: absolute;top: 60px;left: 50%;transform: translateX(-50%);}
.gxlist_responsive h2 {width: 100%;text-align: center;font-size: 24px;}
.gxlist_responsive .cyCont{width: calc((100% - 120px) / 4);margin-bottom: 30px;overflow: hidden;border-radius: 2px;float: left;margin-right: 40px;height: 320px;}
.gxlist_responsive .cyCont:nth-child(4n){margin-right: 0;}
.gxlist_responsive .cyCont:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.gxlist_responsive .cyCont a{display: block;padding: 20px;border-radius: 10px;background: linear-gradient(to bottom,#2b82ff 10%,#fff 30%);height: 100%;}
.gxlist_responsive .cyCont h4{margin-bottom: 20px;font-size: 26px;font-weight: normal;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;}
.gxlist_responsive .cyCont .box{padding: 40px 10px 30px;background-color: #ecf2fe;border-radius: 10px;}
.gxlist_responsive .cyCont .box p{font-size: 20px;color: #333;margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gxlist_responsive .cyCont .box p span{font-size: 18px;font-weight: bold;color: #000;}


@media screen and (max-width:959px){
    .gxzlhd{padding-top: 20px;}
    .gxzlhd .list_mune{padding: 10px;}
    .gxzlhd .list_mune li{margin: 0 25px;}
    .gxzlhd .list_mune li a{font-size: 18px;height: 36px;line-height: 36px;}
    .carousel_box{height: auto;flex-direction: column;}
    .carousel_box .overview{width: 100%;height: auto;padding: 10px 20px 0;border-radius: 0;}
    .carousel_box .overview h3{font-size: 18px;margin-bottom: 10px;}
    .carousel_box .overview .overview_li{margin-bottom: 10px;padding: 10px 0;}
    .carousel_box .overview .overview_li p{font-size: 18px;}
    .carousel_box .carousel{width: 100%;height: 200px;border-radius: 0;}
    .carousel_box .carousel .hd{height: 30px;line-height: 30px;}
    .carousel_box .carousel .hd li{height: 6px;}
    .carousel_box .carousel .hd li.on{width: 30px;}
    .gxzlbd{margin-top: 20px;}
    .gxzlbd .gxfl_box{margin-bottom: 20px;}
    .gxname_tle{margin-bottom: 10px;padding: 0 10px;}
    .gxname_tle a.tle{font-size: 18px;}
    .gxname_tle a.xq_btn{font-size: 16px;width: 120px;height: 36px;line-height: 36px;}
    .gxname_tle a.more{font-size: 14px;right: 10px;}
    .gxzlbd .gxfl_box .gxlistbox{height: auto;flex-direction: column;}
    .gxzlbd .gxfl_box .gxlistbox .gxlist.list1, .gxzlbd .gxfl_box .gxlistbox .gxlist.list2{width: 100%;padding: 10px 10px 0;}
    .gxzlbd .gxfl_box .gxlistbox .gxlist h4{font-size: 18px;margin-bottom: 10px;}
    .gxzlbd .gxfl_box .gxlistbox .gxlist .gxlist_cont li{margin-bottom: 10px;}
    .gxzlbd .gxfl_box .gxlistbox .gxlist .gxlist_cont li a{font-size: 16px;}
    .gxzlbd .gxfl_box .gxlistbox .gxlist.list2 .gxlist_cont li{width: 33.33%;}
    .gxlist_responsive{padding: 0 10px;}
    .gxlist_responsive .cyCont{width: 100%;margin-bottom: 10px;margin-right: 0;height: auto;}
    .gxlist_responsive .cyCont a{padding: 10px;}
    .gxlist_responsive .cyCont h4{font-size: 16px;margin-bottom: 10px;}
    .gxlist_responsive .cyCont .box{padding: 10px;}
    .gxlist_responsive .cyCont .box p{font-size: 16px;margin-bottom: 10px;}
    .gxlist_responsive .cyCont .box p span{font-size: 16px;}

}