@charset "utf-8";
.pro{margin-top: 48px;}
.ptl{position: relative;padding-left: 33px;line-height: 60px;}
.ptl .ptl1{font-size: 48px;color: #000;text-transform: uppercase;}
.ptl .ptl2{font-size: 24px;font-family: 'Arial';color: #ddd;}
.ptl::after{position: absolute;left: 0;top: 0;content: '';background: #c90c10;width: 8px;height: 60px;}
.ptr {margin-top: 8px;}
.ptr a{color: #7d7d7d;font-size: 30px;}

.prolist{padding: 34px 0;}
.prolist ul li{float: left;width: 450px;height: 300px;overflow: hidden;position: relative;margin-right: 16px;margin-bottom: 18px;box-sizing: border-box;}
.prolist ul li:nth-child(4n){margin-right: 0;}
.prolist ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.prolist ul li a img{transition: all .4s linear;width: 100%;}
.prolist ul li .zz{position: absolute;width:100%;height: 100%;left: 0;top: -100%;background: rgba(201,12,16,.7);transition: all .3s ease-in;}
.prolist ul li .zz .zzbox{width: 383px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.prolist ul li .zz .zzbox .zzb1{font-size: 18px;text-transform: uppercase;color: #fff;text-align: center;}
.prolist ul li .zz .zzbox .zzb2{font-size: 13px;color: #fff;line-height: 24px;text-align: justify;padding: 25px 0 40px;}
.prolist ul li .zz .zzbox .zzb3{width: 142px;margin: 0 auto;border: 1px solid #fff;text-align: center;line-height: 30px;line-height: 30px;color: #fff;transition: all .4s linear;font-size: 18px;color: #fff;text-transform: uppercase;}
.prolist ul li:hover a img{transform: scale(1.1);text-transform: uppercase;}
.prolist ul li:hover .zz{top: 0;}
.prolist ul li .zz .zzbox .zzb3:hover{background: #fff;color: #be0500;}
.appl{background: #f6f6f6;padding: 50px 0 90px;}
.dib{display:inline-block;height:1px;width:100%}
.dib_fz{letter-spacing:0;word-spacing:0;font-size:0}
.oh{overflow:hidden}
.none{display:none}
.blok{display:block}
.i_zgs{width:100%;border-top: 7px solid #c90c10;margin-top: 20px;}
.izgsc{width:100%}
.i_zgs_li{display:inline-block;vertical-align:top;width:19.2%;min-height:475px;max-height:475px;padding-bottom:65px;margin-right:.8%;position:relative;cursor:pointer;transition:all .4s ease 0s;overflow:hidden;box-sizing: border-box;}
.js_wzgs{width:40%}
.js_wzgs .i_zgsmc{width:100%;position:absolute;bottom:0;left:0;z-index:5;font-size:22px;font-weight:lighter;text-align:center;color:#333}
.i_zgs_li:last-child{margin-right: 0;}

.aplbox{position: absolute;left: 30px;bottom: 30px;color: #fff;}
.aplbox .aplb1{font-size: 36px;color: #fff;}
.aplbox .aplb2{font-size: 18px;color: #fff;padding-right: 30px;}

.news{padding: 50px 0 80px;}
.newlist {margin-top: 30px;}
.newlist ul li{width: 563px;margin-right: 80px;float: left;}
.newlist ul li:nth-child(3n){margin-right: 0;}
.newlist ul li .ntitle {line-height: 1;padding: 24px 0;position: relative;}
.newlist ul li .ntitle:after{position: absolute;width: 48px;height: 5px;background: #c90c10;content:'';left: 0;bottom: 0;}
.newlist ul li .ntitle a{font-size: 24px;color: #322c31;}
.newlist ul li .ndate{font-size: 24px;color: #a0a0a0;padding: 15px 0;}
.newlist ul li .ncon{font-size: 18px;color: #a0a0a0;line-height: 35px;text-align: justify;}
.newlist ul li .readmore{display: block;width: 193px;height: 52px;line-height: 52px;text-align: center;background: url(readmore.png) no-repeat center;font-size: 22px;color: #fff;font-weight: bold;margin-top: 35px;}

.sjizg{display: none;margin-top: 20px;}
.sjizg ul li{position: relative;margin-bottom: 30px;}
.sjizg ul li .sjizg_pic img{width: 100%;}
.sjizg ul li .sjizg_name{position: absolute;left: 20px;bottom: 20px;font-size: 18px;color: #fff;line-height: 20px;}
.msgbox{width: 100%;}
.msgbox img{width: 100%;}
.sjizg ul li .sjizg_name .sjizg_n2{font-size: 14px;}

.msgbtn{position: absolute;left: 55px;top: 50%;transform: translateY(-50%);}
.msgbox{background: url(msg.png) no-repeat center;background-size: cover;padding: 82px 0;}
.msgbtn .msgbtnl{width: 240px;height: 66px;background: #c90c10;text-align: center;}
.msgbtn .msgbtnl a{display: block;width: 100%;height: 100%;color: #c90c10;font-size: 24px;color: #fff;line-height: 66px;text-transform: uppercase;}
.msgbtn .msgbtnr{margin-left: 30px;}
.msgbtn .msgbtnr p{font-size: 24px;color: #fff;line-height: 1.4;}
.msgbtn .msgbtnr p:nth-child(1){font-weight: bold;}

@media(max-width:1850px){
    .prolist ul li{width: 24%;margin-right: 1%;}
    .prolist ul li:nth-child(4n){margin-right: 0;}
    .newlist ul li{width: 32%;margin-right: 2%;}
    .newlist ul li .npic a img{width: 100%;}
    .prolist ul li{height: auto;}
    .prolist ul li a img{max-height: 100%;height: auto;}
}
@media (max-width:1600px){
    .prolist ul li .zz .zzbox{width: 80%;}
    .aplbox .aplb1, .aplbox .aplb2{font-size:16px;}
    .ptl .ptl1{font-size: 30px;}
    .ptl .ptl2{font-size: 20px;}
}

@media (max-width:1366px){
    .ptr{display: none;}
    .pt{text-align: center;}
    .ptl::after{background: none;}
    .ptl .ptl2{line-height: 1;}
    .ptl {float: none !important;}
    .prolist ul li{width: 32%;margin-right: 1%;}
    .prolist ul li:nth-child(3n){margin-right: 0;}
    .prolist ul li:nth-child(4n){margin-right:1%;}
    .aplbox .aplb1,.aplbox .aplb2{font-size: 14px;color: #fff;}
    .i_zgs_li{min-height:520px;max-height:520px;}
    .newlist ul li .ntitle a{font-size: 22px;}
    .newlist ul li .ndate{font-size: 22px;}
    .newlist ul li .ncon{font-size: 16px;line-height: 30px;}
    .newlist ul li .readmore {display: block;width: 135px;height: 40px;line-height: 40px;text-align: center;background: url(readmore.png) no-repeat center;font-size: 16px;color: #fff;font-weight: bold;margin-top: 32px;background-size: contain;}

}

@media (max-width:960px){
    .prolist ul li{width: 49%;margin-right: 2%;}
    .prolist ul li:nth-child(2n){margin-right: 0;}
    .prolist ul li:nth-child(3){margin-right: 2%;}
    .aplbox{left: 10px;}
    .aplbox .aplb1,.aplbox .aplb2{font-size: 12px;color: #fff;}
    .newlist ul li{float: none;width: 100%;}
    .i_zgs{display: none;}
    .sjizg{display: block;}
    .appl{padding: 20px 0;}
    .prolist ul li .zz{top: 0;}
}

@media (max-width:750px){
    .prolist{padding: 14px 0;}
    .fmain{display: none;}
    #fot{padding: 30px 0}
    .flogo img{max-width: 100%;}
    .news{padding: 24px 0;}
    .prolist ul li .zz .zzbox .zzb1{line-height: 100%;}
    .prolist ul li .zz .zzbox .zzb2{line-height: 20px;display: none;}
    .prolist ul li .zz .zzbox .zzb3{display: none;}
    .prolist ul li .zz .zzbox .zzb3 a{font-size: 16px;display: none;}
    .newlist ul li .readmore{margin-top: 15px;}
    .newlist ul li{margin-bottom: 30px;}
    .prolist ul li .zz .zzbox .zzb3{font-size: 14px;}
    .prolist ul li .zz .zzbox .zzb1{font-size: 16px;}
    .msgbtn{position: relative;top: auto;transform: translateY(0);}
    .msgbtn .msgbtnl,.msgbtn .msgbtnr{float: none;margin-left: 0;}
    .msgbtn .msgbtnr{margin-top: 10px;}
}