/* CSS Document */

*{margin: 0;padding: 0}
html,body{font-size: 16px;color:#37474f;font-family: Microsoft Yahei,Arial,sans-serilf; }
@media(max-width:1200px){
    html,body{font-size: 15px}
}
@media(max-width:1024px){
    html,body{font-size: 14px}
}
@media(max-width:768px){
    html,body{font-size: 13px}
}
@media(max-width:576px){
    html,body{font-size: 12px}
}
a:hover,a:focus{text-decoration: none;}
.container{max-width: 1400px !important;width: 100%;}
section{padding: 6.25rem 0 6rem;}
@media(max-width:576px){
    section{padding:3.25rem 0 3rem;}
}
.bg-f5{background-color: #f5f5f5;}
.bg-special{background-color:#009fe8; }

/*header*/
header{box-shadow: 0 3px 6px rgba(0,0,0,.15)}
header .top{background-color: #009fe8;font-size: 12px;padding: .75rem 0;color: #fff;}

header .top .contact span{display: inline-block;margin:0 1rem;}
header .top .contact span:first-child{margin-left: 0;}
header .top .contact span:last-child{margin-right: 0;}
header .top .contact span i{margin-right: .5rem;}
header .mid{padding: 1.25rem 15px;}
header .mid .logo{max-width: 26.25rem;}
header .mid .logo img{max-width: 100%;}
@media(min-width:992px){
    header .mid .nav li{margin-left: 1.875rem;}
    header .mid .nav li a{color: #000;}
    header .mid .nav li:hover >a{color:#009fe8;}
    header .mid .nav li .dropdown-menu{font-size: .875rem;padding: 1.25rem;}
    header .mid .nav li .dropdown-menu a{border-bottom: 1px dashed #ddd;padding: 0;line-height: 2;display: block;}
    header .mid .nav li .dropdown-menu a + a{margin-top: 1rem;}
    header .mid .nav li .dropdown-menu a:hover{background-color: transparent;color: #009fe8;border-color:#009fe8;}
}
@media(max-width:991px){
	header .mid .nav{position:fixed;left: -100%;top:0;width: 61.8%;height: 100%;background-color: #fff;-webkit-box-shadow: inset -3px 0 6px rgba(0,0,0,.15);-moz-box-shadow: inset -3px 0 6px rgba(0,0,0,.1);box-shadow: inset -3px 0 6px rgba(0,0,0,.1);z-index: 1070;padding:1.25rem;flex-direction:column}
    header .mid .nav li{border-bottom: 1px solid #ddd;}
    header .mid .nav li+ li{margin-top: 1rem;}
    header .mid .nav li > a{font-size: 16px;line-height: 2;color: #000;}
    header .mid .nav li .dropdown-menu{position: relative;left: 0;top: 0;width: 100%;border: 0;}
    header .mid .nav li .dropdown-menu a{font-size: 14px;display: block;color: #868686;line-height: 2;}
}

@media(max-width:576px){
    header .mid .logo{max-width: 75%;}
}
.mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1060;
    display: none;
}
/*banner*/
.bannerPc {
    text-align: center;
    overflow: hidden;
}
.bannerPc ul, .bannerPc li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bannerPc a {
    display: block;
}
.bannerPc img {
    max-width: 100%;
    vertical-align: middle;
}
.banner-html5zoo { /*overflow:hidden;*/
}
.banner-html5zoo .html5zoo-arrow-left-0, .banner-html5zoo .html5zoo-arrow-right-0 {
    width: 40px !important;
    height: 60px !important;
    top: 50% !important;
    margin-top: -30px !important;
    background: url(../img/slide_bPc.png) no-repeat !important;
    display: block !important;
    visibility: hidden;
}
.banner-html5zoo:hover .html5zoo-arrow-left-0, .banner-html5zoo:hover .html5zoo-arrow-right-0 {
    visibility: visible;
}
.banner-html5zoo .html5zoo-arrow-left-0 {
    left: 50px !important;
    background-position: 0 0 !important;
}
.banner-html5zoo .html5zoo-arrow-right-0 {
    right: 50px !important;
    background-position: -40px 0 !important;
}
.banner-html5zoo .html5zoo-arrow-left-1, .banner-html5zoo .html5zoo-arrow-right-1 {
    width: 40px !important;
    height: 60px !important;
    top: 50% !important;
    margin-top: -30px !important;
    background: url(../img/slide_bPc.png) no-repeat !important;
    display: block !important;
    visibility: hidden;
}
.banner-html5zoo:hover .html5zoo-arrow-left-1, .banner-html5zoo:hover .html5zoo-arrow-right-1 {
    visibility: visible;
}
.banner-html5zoo .html5zoo-arrow-left-1 {
    left: 50px !important;
    background-position: 0 0 !important;
}
.banner-html5zoo .html5zoo-arrow-right-1 {
    right: 50px !important;
    background-position: -40px 0 !important;
}
.banner-html5zoo .html5zoo-nav {
    text-align: center;
}
.banner-html5zoo .html5zoo-bullet-span {
    width: 1em !important;
    height: 2px !important;
    float: none !important;
    display: inline-block;
    background: #fff !important;
    opacity: 0.5;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0 5px !important;
    vertical-align: middle;
}
.banner-html5zoo .html5zoo-bullet-span.active {
    width: 1em !important;
    height: 1em !important;
    border: 2px solid #fff;
    background: none !important;
    opacity: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}


/*footer*/
footer{background-color:#009fe8;color: #fff;}
footer .top dl{margin-top: 3.125rem;margin-bottom: 0;}
footer .top dl dt{font-size: 1.25rem;padding-bottom: .5rem;border-bottom:1px solid #ddd;margin-bottom: 1rem;}
footer .top dl dd{margin-bottom: 0;}
footer .top dl dd a{display: block;line-height: 2.5rem;color:#fff;}
footer .top dl dd p{margin-bottom:0;line-height: 2.5rem;}
footer .copyright{border-top: 1px solid #ddd;margin-top: 1.875rem;padding: 1.25rem 0;font-size: .875rem;line-height: 2;}
footer .copyright span + span{margin-left: 1.25rem;}
footer .copyright a{color: #fff;}
footer .top dl dd a:hover,footer .copyright a:hover{color:#fc0;}
@media(max-width:576px){
    footer{background-color: #f5f5f5;color: #37474f;}
    footer .top{display: none;}
    footer .copyright{margin-bottom: 55px;padding-top: 1.25rem;padding-bottom: 1.25rem;margin-top: 0;border-top: 0;}
}


#botNav{padding:10px 0;box-shadow: 0 -2px 3px -1px rgba(0,0,0,.15);background-color:#009fe8;}
#botNav a{display:block;width: 25%;text-align: center;color:#fff;}
#botNav a span{display:block;font-size: 14px;}



/*index*/
.title{margin-bottom: 3.125rem;text-align: center;}
.title h3{color:#000;margin-bottom: .5rem;font-size:2.5rem;}
.title h3 span{color:#009fe8;font-weight:bold;}
.title p{line-height: 2;}
@media(max-width:576px){
    .title{margin-bottom: 1.875rem;}
}

#index .section-1 .info h3{margin-top: .5rem;margin-bottom: 1rem;color: #009fe8;}
#index .section-1 .info p{line-height: 2;text-align: justify;}
#index .section-1 .info ul{margin-top:1.875rem;}
#index .section-1 .info ul li{margin-bottom: 1.25rem;}
#index .section-1 .info ul li span{background-color: #fff;display: block;padding: .75rem 1.25rem;box-shadow:0 0 10px rgba(0,0,0,.15) }
#index .section-1 .info ul li span i{color: #009fe8;}

#index .section-1 .img{padding: .5rem;background-color: #fff;}

#index .section-1 .list dl{margin:1.875rem auto 0;padding: 1.875rem 1.25rem;max-width: 15rem;position: relative;}
#index .section-1 .list dl::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 3rem;height: 1px;background-color: #009fe8;display: block;}
#index .section-1 .list dl dt{background-color: #009fe8;width: 5rem;height: 5rem;border-radius: 50%;margin: 0 auto;text-align: center;line-height: 5rem;}
#index .section-1 .list dl dd {margin-bottom: 0;}

#index .section-1 .list dl dd h5{margin-top: 1.25rem;margin-bottom: 0;color:#000;font-size: 1.5rem;font-weight: bold;}
#index .section-1 .list dl dd small{text-transform: uppercase;color:#999;font-size: .875rem;font-weight: normal;}
#index .section-1 .list dl dd p{line-height: 2;min-height: 4em; color:#666;margin-bottom: 0;margin-top: 1rem;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media(max-width:576px){
    #index .section-1 .list dl{padding-left:0;padding-right: 0;}
}
#index .section-1 .list dl:hover{background-color: #009fe8;}
#index .section-1 .list dl:hover dt{background-color:#213B98;box-shadow: 0 3px 6px rgba(0,0,0,.1)}
#index .section-1 .list dl:hover dd h5{color:#fff;}
#index .section-1 .list dl:hover dd small{color:#fff;}
#index .section-1 .list dl:hover dd p{color:#fff;}


#index .section-2 ul li{background-color:#fff;margin-bottom: 1.25rem;padding: 1rem 1.25rem;cursor: pointer;border: 1px solid #ddd;}
#index .section-2 ul li.active,#index .section-2 ul li:hover{background-color:#009fe8;color:#fff;border-color:#009fe8;}
#index .section-2 .pane{display: none;}
#index .section-2 .pane.active{display: block;}
#index .section-2 .pane .item .img{border: 1px solid #ddd;overflow: hidden;}
#index .section-2 .pane .item .img img{max-width: 100%;transition: all linear .4s;}
#index .section-2 .pane .item p{text-align:center;margin-top: .5rem;line-height: 2;color:#37474f;}
#index .section-2 .pane .item:hover .img{border-color:#009fe8;}
#index .section-2 .pane .item:hover .img img{transform: scale(1.2)}
#index .section-2 .pane .item:hover p{color:#009fe8;}
@media(max-width:991px){
    #index .section-2 ul{text-align: center;}
    #index .section-2 ul li{display: inline-block;margin-left: 0.625rem;margin-right: 0.625rem;padding: .625rem 1.25rem;border-radius: .25rem;}
}

.swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

#index .section-3 .swiper-slide .img{border: 1px solid #ddd;overflow: hidden;}
#index .section-3 .swiper-slide img{max-width: 100%;transition: all linear .4s;}
#index .section-3 .swiper-slide p{margin-top: .5rem;line-height: 2;color:#37474f;margin-bottom: 0;}

#index .section-3 .swiper-slide:hover .img{border-color:#009fe8;}
#index .section-3 .swiper-slide:hover .img img{transform: scale(1.2)}
#index .section-3 .swiper-slide:hover p{color:#009fe8;}


#index .section-4{background:url('../img/adv_bg.jpg')center no-repeat;background-size: cover;}
#index .section-4 .tab_header ul{margin-bottom: 0;}
#index .section-4 .tab_header ul li{box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);width: 25%;background-color: #fff;text-align: center;padding: 1.75rem 1.25rem;cursor: pointer;}
#index .section-4 .tab_header ul li:hover,#index .section-4 .tab_header ul li.active{background-color:#009fe8;color: #fff; }
#index .section-4 .tab_header ul li h4{font-weight:bold;color: #009fe8;}
#index .section-4 .tab_header ul li p{margin-bottom:0;}
#index .section-4 .tab_header ul li:hover h4,#index .section-4 .tab_header ul li.active h4{color:#fff;}

#index .section-4 .tab_body{background-color:#fff;overflow: hidden;border: 3.125rem solid #fff;}
#index .section-4 .tab_body .contentBox{position: relative;top: 0;}
#index .section-4 .tab_content{}
#index .section-4 .tab_content .info h2{color:#000;font-weight: bold;margin-top: 1.25rem;}
#index .section-4 .tab_content .info h2 span{color:#009fe8;}
#index .section-4 .tab_content .info > span{display: block;width: 4rem;height: .25rem;background-color: #009fe8;margin: 2rem 0;}
#index .section-4 .tab_content .info p{line-height: 2;color: #666;text-align: justify;}
#index .section-4 .tab_content .info hr{height: 1rem;background:transparent url('../img/adv_hr.png');margin: 1.875rem 0 0;}
#index .section-4 .tab_content .info dl{margin-top: 1.875rem;margin-bottom: 0;max-width: 25%;}
#index .section-4 .tab_content .info dl dt{font-size: 2.5rem;color: #222;}
#index .section-4 .tab_content .info dl dt em{font-style: normal;font-size: 12px;display: inline-block;background-color: #009fe8;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;position: relative;top: -0.625rem;}
#index .section-4 .tab_content .info dl dd{margin-bottom: 0;line-height: 2;color:#222;}

#index .section-4 .tab_content .img{height: 100%;}
#index .section-4 .tab_content .img img{width: 100%;height: 100%;object-fit: cover;}
@media(max-width:767px){
    #index .section-4 .tab_header ul li{width:48.5%;margin-bottom: 1.875rem;}
}
@media(max-width:576px){
    #index .section-4 .tab_body{border-width: 1.875rem 1.25rem 1.25rem;}
    #index .section-4 .tab_content .info dl{width:48.5%;max-width: 48.5%;}
}


#index .section-5 .ys-panel .img {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#index .section-5 .ys-panel .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#index .section-5 .ys-panel .info {
    width: 50%;
    padding: 3% 5%;
}
#index .section-5 .ys-panel .info h3 {
    font-weight: lighter;
    margin-bottom: 0;
    margin-top: 1rem;
    font-size: 1.5rem;
    opacity: 0.35;
    font-style: italic;
}
#index .section-5 .ys-panel .info h5 {
    margin-top: 0.5rem;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    line-height: 1.5;
    color: #000;
}
#index .section-5 .ys-panel .info h5 span {
    color: #0078e6;
}
#index .section-5 .ys-panel .info p {
    text-align: justify;
    line-height: 2;
    color: #777;
}
#index .section-5 .ys-panel .info a {
    width: 10rem;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    display: inline-block;
    background-color: #0078e6;
    color: #fff;
    border-radius: 1.375rem;
    margin-top: 1.875rem;
    font-size: 0.875rem;
}
#index .section-5 .ys-panel .info a:hover {
    background-color: #01a0ea;
}
@media(max-width:767px) {
    #index .section-5 .ys-panel {}
    #index .section-5 .ys-panel + .ys-panel {
        margin-top: 1.25rem;
    }
    #index .section-5 .ys-panel .img {
        width: 100%;
    }
    #index .section-5 .ys-panel .info {
        width: 100%;
        padding: 1rem 0 0;
    }
    #index .section-5 .ys-panel .info h3 {
        display: none;
    }
    #index .section-5 .ys-panel .info a {
        display: none;
    }
}

#index .section-6{background:url("../img/partner_bg.jpg") top center no-repeat;background-size: cover;padding-top: 3.25rem;padding-bottom: 3rem;}
#index .section-6 h3{color:#fff;font-weight: bold;margin-bottom: 1rem;}
#index .section-6 p{color:#fff;line-height: 2;margin-bottom: 1.875rem;}
#index .section-6 a{display: inline-block;border: 1px solid #fff;color:#fff;padding: .5rem 1.875rem;}
#index .section-6 a:hover{background-color:rgba(255,255,255,.35)}
@media(max-width:991px){
    #index .section-6 a{margin-bottom: 1.875rem;}
}

#index .section-7 p{line-height: 2.5; }
@media(min-width:768px){
    #index .section-7 .img{position: relative;margin-bottom: 1.25rem;}
    #index .section-7 .row p{position:absolute;bottom: 0;left: 0;width: 100%;height: auto;margin-bottom: 0;background-color:rgba(0,0,0,.45);text-align: center;color:#fff;}
}

#index .section-8 .tab_header ul{margin-bottom: 1.25rem;}
#index .section-8 .tab_header ul li{margin:0 0.5rem;background-color:#f5f5f5;width: 10rem;height: 3.125rem;line-height: 3.125rem;text-align: center;cursor: pointer;}
#index .section-8 .tab_header ul li:hover,#index .section-8 .tab_header ul li.active{background-color:#009fe8;color:#fff;}
#index .section-8 .tab_body .tab_content{display: none;}
#index .section-8 .tab_body .tab_content.active{display: block;}
#index .section-8 .tab_body .hot_news{background-color:#f5f5f5;padding: 1.875rem;}
#index .section-8 .tab_body .hot_news dl{margin-top: 1.875rem;}
#index .section-8 .tab_body .hot_news dl dd{}
#index .section-8 .tab_body .hot_news dl dt{background-color:#009fe8;padding: .5rem;float: right;margin-left: 1.25rem;}
#index .section-8 .tab_body .hot_news dl dt b{color:#fff;}
#index .section-8 .tab_body .hot_news dl dt span{color:#fff;}

#index .section-8 .tab_body .img{height: 15.05rem;overflow: hidden;}
#index .section-8 .tab_body .img img{width: 100%;height: 100%;object-fit: cover;transition: all linear .4s;}
#index .section-8 .tab_body .list{background-color:#f5f5f5;}
#index .section-8 .tab_body .list dl{width: 50%;padding: 1.875rem;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
#index .section-8 .tab_body .list dl dt{margin-right: 1.25rem;margin-top: 0.45rem;}
#index .section-8 .tab_body .list dl dd{}

#index .section-8 .tab_body dl{margin-bottom: 0;}
#index .section-8 .tab_body dl dt{width: 5rem;text-align: center;line-height: 1;float: left;}
#index .section-8 .tab_body dl dt b{font-size: 2.25rem;font-weight: bold;color:#000;margin-bottom: .5rem;display: block;}
#index .section-8 .tab_body dl dt span{white-space: nowrap;font-size: .875rem;color:#555;font-weight: lighter;}
#index .section-8 .tab_body dl dd{margin-bottom: 0;}
#index .section-8 .tab_body dl dd h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.125rem;}
#index .section-8 .tab_body dl dd h5 a{color: #000;}
#index .section-8 .tab_body dl dd p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #aaa;font-size: .875rem;margin-bottom: 0;line-height: 1.6;}

#index .section-8 .tab_body dl dd h5 a:hover{color:#009fe8;}
#index .section-8 .tab_body .img img:hover{transform: scale(1.2);}

@media(max-width:991px){
    #index .section-8 .tab_body .hot_news{border-bottom: 1px solid #fff;}
}
@media(max-width:576px){
    #index .section-8 .tab_body .list dl{width: 100%;border-right: 0;}
}

/*about*/
#fenye {
    clear: both;
    margin-top: 2rem;
    width: 100%;
    margin-bottom: 3.125rem;
    font-size: 12px;
}
#fenye a {
    text-decoration: none;
    display: inline-block;
    padding: 0.125rem 0.625rem;
    line-height: 2;
    margin: 0.25rem;
    border: 1px solid #ddd;
    color: #333;
    font-size: 12px;
}
#fenye a.curr, #fenye a:hover {
    border: 1px solid #009fe8;
    color: #009fe8;
}
.location {
    line-height: 2;
    padding-top: 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
}
.location a {
    color: #37474f;
    text-decoration: none;
}
.location i {
    margin: 0 0.5rem;
}
.location a > i {
    margin: 0 0.25rem 0 0;
}
.location a:hover, .location a:first-child {
    color: #009fe8;
}
.main{margin-top: 1.875rem;}
@media(max-width:576px){
    .main{margin-top: 0;}
}
.main .box {
    margin-bottom: 1.25rem;
    border: 1px solid #ddd;
}
.main .box h3 {
    background-color: #009fe8;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1.25rem 1.25rem 1rem;
    font-size: 1.5rem;
}
.main .box h3 em {
    font-size: 12px;
    font-style: normal;
}
.main .box ul {
    padding: 1rem;
    margin-bottom: 0;
}
.main .box ul li {
    background-color: #f1f2f3;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    line-height: 2;
    padding-left: 1rem;
    font-size: 14px;
    padding-right: 1rem;
}
.main .box ul li + li {
    margin-top: 1rem;
}
.main .box ul li > .icon {
    margin-right: 0.5rem;
}
.main .box ul li > a{
    color: #37474f;
}
.main .box ul li:hover,.main .box ul li.currclass {
    background-color: #009fe8;
}
.main .box ul li:hover i,.main .box ul li.currclass i{
    color: #fff;
}
.main .box ul li:hover a,.main .box ul li.currclass a {
    color: #fff;
}
.main .box > .list {
    padding: 1rem;
    margin-top: 0 !important;
}
.main .box .list p {
    margin-bottom: 0;
    border-bottom: 1px dashed #ddd;
    line-height: 2;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    word-break: break-word;
    font-size: 14px;
}
.main .box .list p + p {
    margin-top: 1rem;
}
.main .content{
    margin-top:1.25rem;
    margin-bottom: 1.875rem;
    }
.main .content p {
    text-indent: 2em;
    text-align: justify;
    margin-bottom: 1rem;
    color: #666;
    line-height: 2;
}
.main .content p img {
    max-width: 100%;
}
.main .content p img {
    margin-left: -2em;
}
.main .content > h5 {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1.25rem;
    font-weight: bold;
    color: #000;
}
.main .content hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.main .content ul.redirect {
    margin-bottom: 0;
}
.main .content ul.redirect li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.875rem;
}
.main .content ul.redirect li a {
    color: #777;
}
.main .content ul.redirect li a:hover {
    color: #009fe8;
}


#about .list {margin-top:1.25rem;}

#about .list .item .imgBox {
    padding: 0.5rem;
    border: 1px solid #ddd;
    overflow: hidden;
}
#about .list .item .img {
    overflow: hidden;
}
#about .list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all linear 0.4s;
}
#about .list .item p {
    line-height: 2;
    margin-top: 0.5rem;
    margin-bototm: 0;
    text-align: center;
    color: #000;
    max-height: 4em;
    overflow: hidden;
}
#about .list .item:hover .imgBox {
    border-color: #009fe8;
}
#about .list .item:hover .img img {
    transform: scale(1.2);
}
#about .list .item:hover p {
    color: #009fe8;
}
@media(max-width:767px) {
    #about .list .item:nth-child(odd) {
        padding-right: 7.5px;
    }
    #about .list .item:nth-child(even) {
        padding-left: 7.5px;
    }
}



#news .list .item {
    margin-top: 1.25rem;
    border-bottom: 1px dashed #cecece;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
}
#news .list .item .img {
    margin-right: 1rem;
    width: 8rem;
    height: 6rem;
    overflow: hidden;
    min-width: 8rem;
}
#news .list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#news .list dl {
    margin-bottom: 0;
}
#news .list dl dt {
    overflow: hidden;
    font-size: 1.125rem;
    font-weight: normal;
}
#news .list dl dt a {
    color: #000;
}
#news .list dl dt a:hover {
    color: #009fe8;
}
#news .list dl dd {
    color: #777;
    text-align: justify;
    font-size: 0.875rem;
    line-height: 2;
    margin-top: 0.625rem;
    margin-bottom: 0;
}
@media(max-width:576px) {
    #news .list dl dd {
        display: none;
    }
}

#case{margin-top: 0;}
#case .list {margin-top:1.25rem;}

#case .list .item .imgBox {
    padding: 0.5rem;
    border: 1px solid #ddd;
    overflow: hidden;
}
#case .list .item .img {
    overflow: hidden;
}
#case .list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all linear 0.4s;
}
#case .list .item p {
    line-height: 2;
    margin-top: 0.5rem;
    margin-bototm: 0;
    text-align: center;
    color: #000;
    max-height: 4em;
    overflow: hidden;
}
#case .list .item:hover .imgBox {
    border-color: #009fe8;
}
#case .list .item:hover .img img {
    transform: scale(1.2);
}
#case .list .item:hover p {
    color: #009fe8;
}
@media(max-width:767px) {
    #case .list .item:nth-child(odd) {
        padding-right: 7.5px;
    }
    #case .list .item:nth-child(even) {
        padding-left: 7.5px;
    }
}