.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}

.headerbox{width: 100%;height: 700px;background: url(../images/home/banner.png) top center no-repeat;text-align: center;}
.core{width: 1300px;margin: 0 auto;}
.tophead{padding-top: 30px;margin-bottom: 78px;}
.tophead img{float: left;}
.tophead a{float: right;background-color: rgba(0, 0, 0, 0.3);border-radius: 4px;text-align: center;line-height: 46px;font-size: 18px;color: #fff;margin-left: 20px;padding: 0 20px;}
.tophead a:hover{color: #fff;}
.tophead a#elderly{background: url(../images/home/zbb.png) left center no-repeat;padding-right: 0;}
.tophead a#wuzhangai{background: url(../images/home/wza.png) left center no-repeat;padding-right: 0;}

.introduction{width: 100%;box-shadow: 0px 3px 7px 0px rgba(192, 222, 255, 0.35);border-radius: 12px;padding: 30px 35px;background-color: #fff;margin-top: -170px;margin-bottom: 60px;box-sizing: border-box;}
.introduction .title{width: 132px;height: 56px;background: url(../images/home/dy.png) top center no-repeat;margin: 0 auto 18px;}
.introduction .title h3{font-size: 28px;text-align: center;line-height: 46px;color: #fff;}
.introduction p{line-height: 40px;text-indent: 2em;}

.zdtzbox{margin-bottom: 70px;}
.zdtzbox .zdtz{width: 635px;height: 140px;border-radius: 12px;background: url(../images/home/icon.png) top center no-repeat;transition: transform .5s;}
.zdtzbox .zdtz a{display: block;font-size: 20px;line-height: 36px;color: #0e54ad;font-weight: bold;padding: 35px;}
.zdtz:hover{transform: translateY(-10px);transition: transform .5s;}

.gkly{margin-bottom: 43px;}
.gkly .title{margin-bottom: 40px;}
.gkly .title h3{font-size: 40px;color: #333333;font-weight: bold;margin-bottom: 20px;text-align: center;}
.gkly .title h3 span{color: #0e54ad;}
.gkly .title div{width: 100%;height: 34px;background: url(../images/home/lnt.png) top center no-repeat;text-align: center;color: #ffffff;line-height: 34px;}

.ylbox ul li{width: 195px;height: 148px;background-color: #f2f7fc;border-radius: 8px;float: left;margin: 0 26px 26px 0;}
.ylbox ul li:nth-child(6n){margin-right: 0;}
.ylbox ul li a{display: block;padding: 30px 0;text-align: center;width: 100%;height: 100%;box-sizing: border-box;transition: transform .5s;}
.ylbox ul li a div{width: 46px;height: 45px;margin: 0 auto 20px;text-align: center;line-height: 44px;font-size: 42px;}
.ylbox ul li a p{font-size: 18px;}
.ylbox ul li a:hover,.bmzc ul li a:hover{background-color: #0e54ad;border-radius: 8px;color: #fff;}
.ylbox ul li a:hover div{transform: rotateY(360deg);transition: transform .5s;}

.bmzc ul li{width: 240px;height: 60px;background-color: #f9fcff;border-radius: 8px;border: solid 1px #c1dcff;float: left;margin: 0 25px 25px 0;box-sizing: border-box;}
.bmzc ul li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 60px;font-size: 18px;}
.bmzc ul li:nth-child(5n){margin-right: 0;}

.searchbox{width: 800px;margin: 0 auto 30px;position: relative;}
.searchbox .u-searchtext{padding-right: 60px; width: 100%; height: 60px; line-height: 60px; border: 1px solid #c1dcff; border-radius: 30px;padding-left: 30px;box-sizing: border-box;}
.searchbox .u-searchbtn{position: absolute;right: 0;top: 0;background: url(../images/home/seach.png) center center  no-repeat;width: 60px;height:60px;border:none;cursor: pointer;}

.gklybox ul li{width: 630px;height: 210px;background-color: #ffffff;box-shadow: 0px 0px 8px 0px rgba(136, 192, 255, 0.35);border-radius: 8px;float: left;margin: 0 40px 40px 0;}
.gklybox ul li:nth-child(2n){margin-right: 0;}
.gklybox ul li a{display: block;width: 100%;height: 100%;padding: 20px;box-sizing: border-box;}
.gklybox ul li div.f-fl{width: 230px;height: 170px;border-radius: 4px;overflow: hidden;margin-right: 20px;}
.gklybox ul li div.f-fl img{width: 100%;height: 100%;transition: transform .5s;}
.gklybox ul li div.f-fr{width: calc(100% - 250px);}
.gklybox ul li div.f-fr h3{font-size: 18px;font-weight: bold;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;margin-bottom: 10px;}
.gklybox ul li div.f-fr p{font-size: 14px;line-height: 30px;color: #999999;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.gklybox ul li div.f-fr p span{color: #d80000;}
.gklybox ul li:hover div.f-fl img{transform: scale(1.1);}

.is-footer .container{margin: 0 auto;text-align: center;}

/*phone sm*/
@media screen and (max-width: 767px) {
    .core{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .headerbox img.title,.searchbox,.gklybox ul li,.gklybox ul li div.f-fr{width: 100%;}
    .zdtzbox .zdtz{width: 100%;margin-bottom: 20px;background-image: linear-gradient(0deg, #c1dcff 0%, #fff 100%), linear-gradient(#e9f3ff, #e9f3ff);background-blend-mode: normal, normal;border-radius: 12px;border: solid 1px #c1dcff;height: auto;}
    .gklybox ul li{height: auto;}
    .gklybox ul li div{float: none;margin: 0 auto;}
    .gklybox ul li div.f-fl{margin-right: auto;margin-bottom: 20px;}
    .ylbox ul li{width: 30%;margin-right: 17px;}
    .ylbox ul li:nth-child(3n){margin-right: 0;}
    .bmzc ul li{width: 49%;margin-right: 1%;}
    .bmzc ul li:nth-child(2n){margin-right: 0;float: right;}
    .bmzc ul li a{overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
    .wzagh{display: none;}

    .m-footer{height: 270px;}
}

@media screen and (min-width:768px) and (max-width: 1025px){
    .core{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .zdtzbox .zdtz{float: none;margin: 0 auto 20px;}
    .ylbox ul li{width: 15%;margin-right: 1%;}
    .bmzc ul li{width: 24%;margin-right: 1%;}
    .bmzc ul li:nth-child(5n){margin-right: 1%;}
    .bmzc ul li:nth-child(5n){margin-right: 0;}
    .lyfl .f-fr ul li{width: 18%;}
    .m-listrg{width: 74%;}
}