.tx-zyfz-title{text-align: center;margin-bottom: 33px;}
.tx-zyfz-title h3{position: relative; font-size:30px;font-weight: bold;line-height: 30px;}
.tx-zyfz-title h4{font-size: 36px;color:#E9E9E9;line-height: 36px;margin-top: -30px;}
.tx-zyfz-title i{display: inline-block;width: 50px;height:4px;background: #D9331D;margin-top:18px;}

.tx-zyfz{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);margin-bottom: 60px;}
.tx-zyfz-top{padding: 48px 40px;height:138px; overflow: hidden;}
.tx-zyfz-top.one{background: url('../images/zyfz-titbg1.png') center center no-repeat;background-size: 100% 100%;}
.tx-zyfz-top.two{background: url('../images/zyfz-titbg2.png') center center no-repeat;background-size: 100% 100%;}
.tx-zyfz-top li{position: relative; float: none; display: inline-block;padding-left:35px;margin-left: 9px;}
.tx-zyfz-top li:before{content: '';position: absolute;width: 25px;height: 1px;border-bottom:1px dashed #fff;left: 0;top: 50%;margin-top:-1px;}
.tx-zyfz-top h4{font-size:20px;font-weight:bold;color:#fff;margin-right:25px;line-height:42px;}
.tx-zyfz-top li h3{position: relative;text-align:center;z-index: 20; font-size: 18px;width: 100px;height: 42px;line-height: 42px; color: #fff;cursor: pointer;}
.tx-zyfz-top li h3:before{content: '';position: absolute;top: 0;left: 0; width: 100%;height: 100%;border:1px solid #fff;border-radius: 99px;z-index: -2;}
.tx-zyfz-top li h3:after{content: '';position: absolute;z-index: -1; width: 0px;height: 0px;background: #fff;z-index: -1;border-radius: 99px;top:50%;left: 50%;margin-top: 1px;margin-left: 1px; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tx-zyfz-top li h3 i{position: absolute; left: 50%;bottom:-60px; width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);}
.tx-zyfz-top li:first-child{margin-left: 0;padding-left: 0;}
.tx-zyfz-top li:first-child:before{display: none;}
.tx-zyfz-top.one li.cur h3{color: #D9331D;}
.tx-zyfz-top.two li.cur h3{color: #0E9AEA}
.tx-zyfz-top li.cur h3:before{background: #fff;opacity: 0.3;filter:Alpha(opacity=30);}
.tx-zyfz-top li.cur h3:after{width: 90px;height: 32px;}
.tx-zyfz-top li.cur h3 i{bottom:-48px;}

.tx-zyfz-main{display: none; position: relative; padding: 70px 90px;}
.tx-zyfz-main:before,.tx-zyfz-main:after{content:'';position: absolute; width: 28px;height: 26px;background: url('../images/zyfz-i.png') center center no-repeat;}
.tx-zyfz-main:before{top: 40px;left: 40px;}
.tx-zyfz-main:after{bottom:40px;right: 40px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.tx-zyfz-main h3{font-size: 20px;line-height: 22px;font-weight: bold;}
.tx-zyfz-main i{display: inline-block;width: 46px;height: 5px;margin:26px 0 20px;}
.tx-zyfz-main.one i{background: #D9331D;}
.tx-zyfz-main.two i{background: #0E9AEA;}
.tx-zyfz-main p{font-size: 16px;line-height: 40px;color: #999;}

@media (max-width:1280px){

    .tx-zyfz-title h3{font-size:25px;}
    .tx-zyfz-title h4{font-size:30px;margin-top:-33px;}

    .tx-zyfz-top li{padding-left: 40px;}
    .tx-zyfz-top li h3{font-size:16px;width: 70px;}
    .tx-zyfz-top li:before{width: 28px;}
    .tx-zyfz-top li.cur h3:after{width: 60px;}
    

}

@media (max-width:1024px){

    .tx-zyfz-top li:before{display: none;}
    .tx-zyfz-top li{padding-left: 10px;}
    .tx-zyfz-top h4{font-size:17px;margin-right:8px;}
    .tx-zyfz-top li h3{font-size: 14px;width: 60px;}
    .tx-zyfz-top li.cur h3:after{width: 50px;}

}

@media (max-width:768px){

    .tx-zyfz-title{margin-bottom: 10px;}
    .tx-zyfz-title h3{font-size:16px;}
    .tx-zyfz-title h4{font-size:19px;}
    .tx-zyfz-title i{height:2px;margin-top:3px;}

    .tx-zyfz-top{padding:20px 15px;height:auto;}
    .tx-zyfz-top h4{width:100%;line-height:18px;margin-bottom:12px;font-size:15px;}
    .tx-zyfz-top li h3 i{display: none;}
    .tx-zyfz-top li h3{font-size: 12px;line-height: 28px;height: 28px;width: 40px;margin: 3px 0;}
    .tx-zyfz-top li{padding-left: 0;margin-left:5px;float:left;}
    .tx-zyfz-top li.cur h3:after{width: 100%;height: 100%;}

    .tx-zyfz{margin-bottom: 10px;}
    .tx-zyfz-main:before, .tx-zyfz-main:after{display: none;}
    .tx-zyfz-main{padding:25px 20px}
    .tx-zyfz-main h3{font-size: 17px;line-height: 20px;}
    .tx-zyfz-main i{height: 2px;margin:10px 0 8px;width: 36px;}
    .tx-zyfz-main p{font-size: 13px;line-height: 26px;}
    

}