@charset "utf-8";
/* CSS Document */
body{background: #000000;font-family: "Source Han Sans CN";font-weight: bold;}
ul, ol {list-style: none;list-style-type: none;margin-block-start: 0;padding-inline-start: 0;}

/*title*/
.mtgz{width: 100%; height: 195px;}
.mtgzmain{width: 80%;height: 175px;margin: 10px auto;background: #000000;border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; box-shadow: 0px 0px 14px 7px #ffffff69;}
.mtgz-left{width: 50%;float: left;height: 55px;border-right: 2px outset #ffffff;margin: 60px auto;}
.mtgz-tit{width: 90%;height: 70px;margin-left: 80px;}
.mtgz-icon1{background: url("../images/header/cctv.png");background-size: cover;width: 70px;height: 70px;float: left;margin-right: 50px;}
.mtgz-icon2{background: url("../images/header/df.png");background-size: cover;width: 70px;height: 70px;float: left;margin-right: 50px;}
.mtgz-txt{width: 16%;float: left;line-height: 70px;font-size: 18px;}
.mtgz-txt a{color:#ffffff;}
.mtgz-right{width: 49%;float: right;margin: 50px auto;}

/*main*/
.mtgz-list{width: 100%;color: #ffffff;}
.mtgzul{width: 80%;margin: 0 auto;}
.mtgzul li{margin: 100px auto;border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;height: calc(54.4vw * 1080 / 1920);background: linear-gradient(to bottom,#020202 , #0e0e0e);transition: all 0.8s;}
.mtgzul li:hover{box-shadow: 0px 0px 14px 7px #ffffff69;-webkit-transform: scale(1.02);	transform:scale(1.02);}

.mtgzli-main{width: 100%;}
.mtgzli-main-left{width: 68%;float: left;}
.mtgzli-img{width: 100%;height: 100%;border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;vertical-align: middle;}
.mtgzli-main-right{width: 32%;float: right;margin-top: 20px;}
.mtgz-list-ws{width: 90%; height: 125px; margin: 0 auto;border-bottom: 1px solid #ffffff;}
.mtgz-list-icon{background: url("../images/header/cctv.png");}
.mtgz-list-iconhnws{background: url("../images/cctv/hnws.png");}
.mtgz-list-iconshws{background: url("../images/cctv/shws.png");}
.mtgz-list-iconsxws{background: url("../images/cctv/sxws.png");}
.mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{background-size: cover;height: 100px;line-height: 100px;float: left;width: 100px;}
.mtgz-list-wstit{width: 75%;margin-left: 1%;float: right;}
.mtgz-list-wstit1{font-size: 22px;line-height: 66px;text-indent: 0px;}
.mtgz-list-wstit2{font-size: 18px;line-height: 18px;text-indent: 0px;}
.mtgz-list-tit{width: 90%;font-size: 18px;margin: 20px auto 0;}
.mtgz-list-txt{width: 90%;font-size: 14px;margin: 0 auto;color: #ffffff7a;height: 280px;}
.mtgz-list-txt p{margin: 20px auto;}
.mtgz-list-last {width: 90%;font-size: 20px;color: #656565;text-align: right;}
.mtgz-list-last a{color:#656565;}


@media only screen and (max-width:1810px) {
    .mtgz-list-wstit{width: 72%;}
}

@media only screen and (max-width:1710px) {
    .mtgz-txt{width: 15%;}
    .mtgz-list-txt{height: 240px;}
}

@media only screen and (max-width:1660px) {
    .mtgz-tit{margin-left: 55px;}
    .mtgzul li{margin: 80px auto;}
    .mtgz-list-wstit{width: 70%;}
    .mtgz-list-txt{height: 180px;}
    .mtgz-list-txt p:last-child{display: none;}
}
@media only screen and (max-width:1500px) {
    .mtgz-list-wstit{width: 67%;}
    .mtgz-list-txt{height: 150px;}
}
@media only screen and (max-width:1440px) {
    .mtgz-list-wstit{width: 66.5%;}
    .mtgz-tit{width: 95%; margin-left: 35px;}
    .mtgz-icon1{margin-right: 40px;}
    .mtgz-icon2{margin-right: 30px;}
    .mtgz-txt{width: 15.5%;}
    .mtgzul li{margin: 50px auto;}
    .mtgz-list-wstit1{font-size: 20px;}
    .mtgz-list-txt{height: 120px;}
    .mtgz-list-txt p:last-child{display: none;}
}
@media only screen and (max-width:1366px) {
    .mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{background-size: 100%;width: 90px;height: 90px;line-height: 90px;}
    .mtgz-list-wstit1{font-size: 19px;line-height: 60px;}
}
@media only screen and (max-width:1280px) {
    .mtgz-tit{margin-left: 25px;}
    .mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{width: 80px;height: 80px;line-height: 80px;}
    .mtgz-list-ws{height: 105px;}
    .mtgz-list-txt{height: 110px;}
    .mtgz-list-wstit1{font-size: 18px; line-height: 50px;}
    .mtgz-list-wstit2{font-size: 16px;}
}
@media only screen and (max-width:1024px) {
    .mtgzmain{height: 195px;}
    .mtgz-left{width: 100%;margin: 20px auto;border-right: none;}
    .mtgz-tit{margin: 0 auto;}
    .mtgz-right{width: 100%;margin: 20px auto;}
    .mtgzul li{height: calc(51.2vw * 1080 / 1920);}
    .mtgzli-main-left{width: 64%;}
    .mtgzli-main-right{width: 36%;}
    .mtgz-list-ws{height: 65px;}
    .mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{width: 50px;height: 50px;line-height: 50px;}
    .mtgz-list-wstit{width: 76%;}
    .mtgz-list-wstit1{font-size: 16px;line-height: 26px;}
    .mtgz-list-wstit2{font-size: 14px;}
    .mtgz-list-tit{font-size: 14px;}
    .mtgz-list-txt{height: 90px;overflow: hidden;}
    .mtgz-list-last{font-size: 16px;}
}
@media only screen and (max-width:768px) {
    .mtgz-left{width: 100%;margin: 20px auto;border-right: none;}
    .mtgz-right{width: 100%;margin: 20px auto;}
    .mtgzul li{height: calc(48vw * 1080 / 1920)}
    .mtgzli-main-left{width: 60%;}
    .mtgzli-main-right{width: 40%;}
    .mtgz-list-ws{height: 55px;}
    .mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{width: 45px;height: 45px;line-height: 45px;}
    .mtgz-list-wstit{width: 76%;}
    .mtgz-list-wstit1{font-size: 12px;}
    .mtgz-list-wstit2{font-size: 12px;}
    .mtgz-list-txt{height: 25px;}
    .mtgz-list-txt p{display: none;}
    .mtgz-list-tit{font-size: 12px;}
}
@media only screen and (max-width:414px) {
    .mtgz{height: 125px;}
    .mtgzmain{height: 125px;}
    .mtgz-icon1,.mtgz-icon2{display: none;}
    .mtgz-txt{width: 20%;font-size: 14px;}
    .mtgz-left,.mtgz-right{margin: 0 auto;}
    .mtgzul li{height: 400px;}
    .mtgzli-main-left,.mtgzli-main-right{width: 100%;}
    .mtgz-list-txt{height: 0px;}
}
@media only screen and (max-width:375px) {
    .mtgzul li{height: 340px;}
}