.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;}
body{background-color: #fff;}

.headerbox{width: 100%;height: 480px;background: url(/dist/special/hmfw/images/home/banner.png) top center no-repeat;text-align: center;}
.core{width: 1400px;margin: 0 auto;}
.tophead{padding-top: 35px;margin-bottom: 50px;}
.tophead img{float: left;}
.tophead a{float: right;width: 172px;height: 56px;background-color: rgba(0, 0, 0, 0.3);border-radius: 4px;text-align: center;line-height: 56px;font-size: 24px;color: #fff;margin-left: 10px;}
.tophead a:hover{color: #fff;}

.bodybox{padding: 70px 0 100px;background: url(/dist/special/hmfw/images/home/bj.png) bottom center no-repeat;}

.marb{margin-bottom: 100px;}
.titlegy{width: 100%;height: 100px;background: url(/dist/special/hmfw/images/home/titbj.png) center center no-repeat;text-align: center;line-height: 100px;}
.hmzc .titlegy{margin-bottom: 60px;}
.titlegy img,.fuwu ul li img{vertical-align: middle;}
.hmzc ul li{width: 440px;height: 140px;float: left;margin-right: 40px;border-radius: 12px;}
.hmzc ul li:last-child{margin-right: 0;}
.hmzc ul li a{display: block;line-height: 140px;text-align: right;padding-right: 60px;font-size: 32px;color: #cf401a;font-weight: bold;}
.hqlm{background: url(/dist/special/hmfw/images/home/hqlm.png) center center no-repeat;}
.cfzc{background: url(/dist/special/hmfw/images/home/zccf.png) center center no-repeat;}
.msbz{background: url(/dist/special/hmfw/images/home/msbz.png) center center no-repeat;}

.hmxx{margin-bottom: 85px;}
.hmxx .titlegy{margin-bottom: 40px;}
.tabtit{width: 100%;height: 60px;background: #f7f7f7;border-radius: 4px;}
.tabtit ul li{float: left;padding: 0 30px;line-height: 60px;font-size: 20px;font-weight: bold;position: relative;}
.tabtit ul li.active a{color: #cc330b;}
.tabtit ul li.active::before{content: '';width: 26px;height: 5px;background: #cc330b;position: absolute;bottom: 0;left: 50%;margin-left: -13px;}

.tablist{padding-top: 15px;}
.tablist ul{width: 680px;}
.tablist ul li{width: 100%;height: 52px;line-height: 52px;position: relative;font-size: 18px;padding-left: 15px;box-sizing: border-box;object-fit: cover;transition: all .5s;background: url(/dist/special/hmfw/images/home/dian.png) left center no-repeat;}
.tablist ul li span{float: right;color: #b3b3b3;margin-left: 20px;font-size: 16px;}
.tablist ul li a{display: block;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.tablist ul li:hover{padding-left: 20px;}

.hmfuwu .titlegy{margin-bottom: 82px;}
.fuwu{width: 512px;margin: 0 auto;}
.fuwu ul li{width: 236px;height: 52px;background: url(/dist/special/hmfw/images/home/xz.png) center center no-repeat;text-align: center;line-height: 52px;}
.fuwu ul li.active{background: url(/dist/special/hmfw/images/home/wx.png) center center no-repeat;}
.fuwu ul li a{display: block;width: 100%;height: 100%;}
.boxswitch{width: 1400px;height: 582px;padding-top: 123px;box-sizing: border-box;margin-top: -92px;border-radius: 20px;}
.boxswitch ul li{width: 186px;height: 62px;font-size: 18px;background: url(/dist/special/hmfw/images/home/textk.png) center center no-repeat;text-align: center;line-height: 62px;}
.boxswitch ul li a{display: block;}

.yjsycb{background: url(/dist/special/hmfw/images/home/fwbj2.png) center center no-repeat;}
.yjsycb ul{width: 100%;height: 100%;position: relative;}
.yjsycb ul li{position: absolute;}
.yjsycb ul li.sd{left: 607px;top: 0;}
.yjsycb ul li.hy{left: 354px;top: 51px;}
.yjsycb ul li.zf{right: 354px;top: 51px;}
.yjsycb ul li.jy{left: 196px;top: 153px;}
.yjsycb ul li.cl{right: 196px;top: 153px;}
.yjsycb ul li.sx{left: 285px;top: 255px;}
.yjsycb ul li.jz{right: 285px;top: 255px;}
.yjsycb ul li.cs{left: 327px;bottom: 40px;}
.yjsycb ul li.sh{right: 327px;bottom: 40px;}

.grfw{padding: 123px 90px 0;background: url(/dist/special/hmfw/images/home/fwbj.png) center center no-repeat;}
.grfw ul li{float: left;margin-right: 20px;margin-bottom: 20px;}
.grfw ul li:nth-child(6n){margin-right: 0;}

.zcwd .titlegy{margin-bottom: 60px;}
.wdlink a{display: block;width: 680px;height: 158px;border-radius: 12px;}
.wdlink a img{width: 100%;height: 100%;}

/*phone sm*/
@media screen and (max-width: 767px) {
    .core{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .tophead a{width: 90px;font-size: 18px;height: 36px;line-height: 36px;margin-top: 20px;}
    .headerbox img.title,.hmzc ul li,.tablist ul,.boxswitch,.fuwu{width: 100%;}
    .hmzc ul li{margin-bottom: 20px;}
    .tabtit{height: auto;}
    .tabtit ul li{padding: 0 15px;}
    .wdlink a{width: 100%;height: 80px;}
    .fuwu ul li{float: none;margin: 0 auto 20px;}
    .hmfuwu .titlegy{margin-bottom: 40px;}
    .boxswitch{padding: 20px;margin-top: 0;border: solid 1px #f7d1aa;}
    .yjsycb ul li{position: static;}
    .boxswitch ul li{width: 140px;float: left;background-size: 100% 100%;margin-bottom: 15px;margin-right: 10px;}
    .grfw{height: auto;background-size: 100% 100%;}
    .grfw ul li:nth-child(6n){margin-right: 10px;}
}
@media screen and (min-width:768px) and (max-width: 1025px){
    .core{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .hmzc ul li{float: none;margin: 0 auto 20px;}
    .tabtit{height: auto;}
    .tablist ul{width: 100%;float: none;}
    .wdlink a{float: none;margin: 0 auto 20px;}
    .hmzc ul li:last-child{margin-right: auto;}
    .hmfuwu .titlegy{margin-bottom: 40px;}
    .fuwu{margin-bottom: 20px;}
    .boxswitch{width: 100%;padding: 20px;margin-top: 0;border: solid 1px #f7d1aa;}
    .boxswitch ul li{width: 19%;margin-right: 1%;background-size: 100% 100%;float: left;}
    .grfw ul li:nth-child(6n){margin-right: 1%;}
    .yjsycb ul li{position: static;margin-bottom: 20px;}
    .grfw{height: auto;background-size: 100% 100%;}
}