@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: 25px;-webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; box-shadow: 0px 0px 14px 7px #ffffff69;}
.mtgz-left{width: 50%;float: left;border-right: 2px outset #ffffff;margin: 60px auto;height: 50px}
.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: 60px auto;height: 50px;}

/*main*/
.mtgz-list{width: 100%;color: #ffffff;}
.mtgzul{width: 80%;margin: 0 auto;}
.mtgzul li{border-radius: 28px;-webkit-border-radius: 28px;-moz-border-radius: 28px;-o-border-radius: 28px;height: calc(26.6vw * 1080 / 1920);background: linear-gradient(to bottom,#020202 , #0e0e0e);transition: all 0.8s;width: 48%;/* clear: both; */position: relative;padding: 0;border: 4px solid #afafaf5c;z-index: 1;}
.mtgzul li:hover{box-shadow: 0px 0px 14px 7px #ffffff69;-webkit-transform: scale(1.02);	transform:scale(1.02);}

.mtgzul li:nth-child(odd){margin: 30px 1% 30px 0;float: left;}
.mtgzul li:nth-child(even){margin: 30px 0 30px 1%;float: right;}

.mtgzul li:nth-child(1){margin: 60px 1% 30px 0;float: left;}
.mtgzul li:nth-child(2){margin: 60px 0 30px 1%;float: right;}

.mtgzul li:nth-child(15){margin: 30px 1% 90px 0;float: left;}
.mtgzul li:nth-child(16){margin: 30px 0 90px 1%;float: right;}

.mtgzli-main{width: 100%;}
.mtgzli-main-left{width: 68%;float: left;}
.mtgzli-img{width: 100%;height: 100%;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;-o-border-radius: 25px;vertical-align: middle;}
.mtgzli-main-right{width: 32%;float: right;margin-top: 10px;padding-left: 10px;}
.mtgz-list-ws{width: 90%;height: 62px;margin: 0 auto;border-bottom: 1px solid #ffffff;}
.mtgz-list-icon{background: url("../images/header/cctv.png") no-repeat center;background-size: 100%;}
.mtgz-list-iconhnws{background: url("../images/cctv/hnws.png") no-repeat center;background-size: 100%;}
.mtgz-list-iconshws{background: url("../images/cctv/shws.png") no-repeat center;background-size: 100%;}
.mtgz-list-iconsxws{background: url("../images/cctv/sxws.png") no-repeat center;background-size: 100%;}
.mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{height: 60px;line-height: 100px;float: left;width: 60px;}
.mtgz-list-wstit{width: 70%;margin-left: 1%;float: right;height: 100%;}
.mtgz-list-wstit1{font-size: 19px;line-height: 36px;text-indent: 0px;}
.mtgz-list-wstit2{font-size: 16px;line-height: 18px;text-indent: 0px;}
.mtgz-list-tit{width: 90%;font-size: 17px;margin: 10px auto 0;background-image: -webkit-linear-gradient(right, #ffd3b3,#c69c9c, #c6c6c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.mtgz-list-txt{width: 90%;font-size: 12px;margin: 0 auto;color: #ffffff7a;height: 90px;}
.mtgz-list-txt p{margin: 20px auto;}
.mtgz-list-last {width: 90%;font-size: 16px;color: #656565;text-align: right;}
.mtgz-list-last a{color:#656565;}


.footer{border-top: 10px solid #1b1b1b !important;!i;!;}

@media only screen and (max-width:2560px) {
	.mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{background-size: 90%;}
	.mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{height: 100%;width: 29%;}
	.mtgz-list-wstit1{font-size: 17px;}
	.mtgz-list-wstit2{font-size: 15px;}
}


@media only screen and (max-width:1920px) {
	/*.mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{height: 55px;width: 55px;}*/
	.mtgz-list-wstit1{font-size: 17px;}
	.mtgz-list-wstit2{font-size: 15px;}
}


@media only screen and (max-width:1880px) {
	/*.mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{height: 55px;width: 55px;}*/
	.mtgz-list-wstit1{font-size: 16px;}
	.mtgz-list-wstit2{font-size: 14px;}
	.mtgz-list-txt {height: 60px;}
}

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

@media only screen and (max-width:1771px) {
.mtgz-tit{margin-left: 30px;}
.mtgz-icon1,.mtgz-icon2{margin-right: 30px;}
}
	
@media only screen and (max-width:1710px) {
    /*.mtgz-txt{width: 15%;}
    .mtgz-list-txt{height: 240px;}*/
}

@media only screen and (max-width:1701px) {
	/*.mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{height: 55px;width: 55px;}*/
	.mtgz-list-wstit1{font-size: 15px;}
	.mtgz-list-wstit2{font-size: 13px;}
	.mtgz-list-txt {height: 60px;}
}

@media only screen and (max-width:1660px) {
    .mtgz-tit{margin-left: 35px;}
    .mtgzul li{margin: 80px auto;}
    .mtgz-list-wstit{width: 70%;}
    .mtgz-list-txt{height: 20px;}
    .mtgz-list-txt p:last-child{display: none;}
}

@media only screen and (max-width:1601px) {
	.mtgzul li{height: calc(26.8vw * 1080 / 1920);}
	/*.mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{height: 55px;width: 55px;}*/
	.mtgz-list-wstit1{font-size: 14px;}
	.mtgz-list-wstit2{font-size: 12px;}
	.mtgz-list-txt {height: 40px;}
	.mtgz-list-tit{font-size: 14px;}
}

@media only screen and (max-width:1501px) {
    .mtgz-list-wstit{width: 67%;}
    .mtgz-list-txt{/* height: 150px; */}
	.mtgz-list-wstit1{/* line-height:28px; */}
	.mtgz-list-wstit2{/* display:none; *//* bottom: 5px; */}
}
@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;}*/
	.mtgz-tit{margin-left: 20px;}
	.mtgz-icon1,.mtgz-icon2{margin-right: 20px;}
}

@media only screen and (max-width:1399px) {
	.mtgzul li:nth-child(15) .mtgz-list-wstit1{font-size:12px;}
	.mtgz-list-wstit2{font-size: 11px;}
	.mtgz-list-txt {height: 40px;}
	.mtgz-list-tit{height: 40px;font-size: 14px;}	
}

@media only screen and (max-width:1378px) {
	.mtgz-list-txt {height: 0px;}
	.mtgz-list-tit{height: 48px;font-size: 14px;}	
}

@media only screen and (max-width:1366px) {
	.mtgz-list-txt {height: 10px;}
	.mtgz-list-tit{height: 50px;}
	.mtgz-txt{font-size: 16px;}
    /*.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:1303px) {
	.mtgz-list-wstit1{font-size: 13px;}
}

@media only screen and (max-width:1290px) {
	.mtgz-list-wstit2{font-size: 10px;}
	.mtgz-list-tit{font-size: 12px;}
}


@media only screen and (max-width:1279px) {
.mtgz-txt{width: 14%;font-size: 14px;}
	.mtgzul li{width:100%;height: calc(55.6vw * 1080 / 1920);}
	.mtgz-tit{width: 98%;}
	.mtgz-list-icon, .mtgz-list-iconhnws, .mtgz-list-iconshws, .mtgz-list-iconsxws{height: 100%;width: 32%;}
	.mtgz-list-ws{height:100px;}
	.mtgz-list-wstit{margin-top:10px;}
	.mtgz-list-wstit1{font-size: 20px;line-height:50px;}
	.mtgz-list-wstit2{font-size: 18px;}
	.mtgz-list-tit{font-size: 18px;}
    .mtgz-list-txt {height: 120px;}
	.mtgz-list-txt p:last-child{font-size: 16px;display: block;}
	.mtgz-list-txt p{display: block;}
	.mtgz-list-tit{height: 70px;}
    .mtgz-list-txt p{margin: 10px auto;}

	
	
    /*.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:1135px) {
	.mtgz-list-txt p:last-child{font-size: 15px;display: block;}
.mtgz-list-tit{font-size: 17px;height: 60px;}
	.mtgz-list-txt {height: 90px;}
}

@media only screen and (max-width:1121px) {
	.mtgz-txt{width: 16%;}
	.mtgzmain{height: 120px;margin: 10px auto}
    .mtgz-tit{height: 60px;margin-left: 10px;}
	.mtgz-icon1,.mtgz-icon2{width: 60px;height: 60px;margin-right: 20px;}
	.mtgz-icon1,.mtgz-icon2{margin-right: 10px;}
	.mtgz-left,.mtgz-right{height: 50px;margin: 30px auto;}
	.mtgz-txt{line-height: 60px;}

}



@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(52.2vw * 1080 / 1920);}
	
	.mtgzul li:nth-child(odd){margin: 30px 1% 30px 0;float: left;}
	.mtgzul li:nth-child(even){margin: 30px 0 30px 1%;float: right;}
	
	.mtgzul li:nth-child(1){margin: 80px 1% 30px 0;float: left;}
	.mtgzul li:nth-child(2){margin: 30px 0 30px 1%;float: right;}
	
	.mtgzul li:nth-child(15){margin: 30px 1% 30px 0;float: left;}
	.mtgzul li:nth-child(16){margin: 30px 0 30px 1%;float: right;}
	
    .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: 26%;height: 100%;}
    .mtgz-list-wstit{width: 73%;}
    .mtgz-list-wstit1{font-size: 16px;line-height: 26px;}
    .mtgz-list-wstit2{font-size: 14px;}
    .mtgz-list-tit{font-size: 14px;height: 40px;}
    .mtgz-list-txt{height: 90px;overflow: hidden;}
    .mtgz-list-last{font-size: 16px;}
	.mtgz-list-txt p:last-child{font-size: 12px;}
}


@media only screen and (max-width:860px) {
	.mtgz-list-txt{height: 20px;overflow: hidden;}
	.mtgz-list-txt p:last-child{display: none;}
}

@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(50vw * 1080 / 1920);}

    .mtgzli-main-left{width: 60%;}
    .mtgzli-main-right{width: 40%;}
    .mtgz-list-ws{}
    .mtgz-list-icon,.mtgz-list-iconhnws,.mtgz-list-iconshws,.mtgz-list-iconsxws{width: 25%;}
    .mtgz-list-wstit{width: 74%;}
    .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:650px) {
.mtgz-list-txt{height: 5px;}
}

@media only screen and (max-width:590px) {
	.mtgz-list-tit{font-size: 10px;height: 30px;}
    .mtgz-list-txt{height: 5px;}
	.mtgz-list-last{font-size: 12px;}
}

@media only screen and (max-width:520px) {
	.mtgzli-main-right{margin-top: 0px;}
	.mtgz-list-tit{font-size: 10px;height: 30px;}
    .mtgz-list-txt{height: 0px;}
	.mtgz-list-last{font-size: 10px;}
}

@media only screen and (max-width:450px) {
	.mtgz{display:none;}
	.mtgzmain{width: 98%;}
	.mtgzul{width: 98%;margin: 0 auto;}
    .mtgzul li{height: 500px;}
	.mtgzli-main-left{width: 100%;}
    .mtgzli-main-right{width: 100%;}
	.mtgz-list-wstit{width: 74%;margin-top: 25px;}
    .mtgz-list-ws{height: 100px;}
	.mtgz-list-wstit1{font-size: 18px;}
    .mtgz-list-wstit2{font-size: 16px;}
    .mtgz-list-txt{height: 25px;}
    .mtgz-list-txt p{display: none;}
    .mtgz-list-tit{font-size: 16px;height: 60px;}
	.mtgz-list-last{font-size: 14px;}
	.mtgzul li:nth-child(odd){margin: 30px 1% 10px 0;float: left;}
	.mtgzul li:nth-child(even){margin: 30px 0 10px 1%;float: right;}
	
	.mtgzul li:nth-child(1){margin: 30px 1% 10px 0;float: left;}
	.mtgzul li:nth-child(2){margin: 30px 0 10px 1%;float: right;}
	
	.mtgzul li:nth-child(15){margin: 10px 1% 10px 0;float: left;}
	.mtgzul li:nth-child(16){margin: 10px 0 40px 1%;float: right;}
}

@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: 450px;}
    .mtgzli-main-left,.mtgzli-main-right{width: 100%;}
    .mtgz-list-txt{height: 0px;}
}
@media only screen and (max-width:375px) {
    .mtgzul li{height: 340px;}
}