@charset "utf-8";
/* CSS Document */

/* Body内布局 */
#htmlbody{
	display: flex;
	justify-content: center;
}

/* 总体显示区域 */
#wholediv{
	left: 0px;
	right: 0px;
	margin: auto;
	width: 1280px;
	height: 800px;
	background-color: white;
}

/* 网站备案文本 */
#onrecord{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% 100%;
	line-height: 24px;
	left: 0%;
	top: 100%;
	width: 100%;
	height: 4%;
	font: 16px "微软雅黑";
	text-align: center;
	justify-content: center;
}

/* 上方操作按钮 */
#divarea1{
	left: 0%;
	top: 0%;
	width: 25%;
	height: 10%;
	text-align: left;
}
#divarea2{
	left: 25%;
	top: 0%;
	width: 25%;
	height: 10%;
	text-align: center;
}
#divarea3{
	left: 50%;
	top: 0%;
	width: 25%;
	height: 10%;
	text-align: center;
}
#divarea4{
	left: 75%;
	top: 0%;
	width: 25%;
	height: 10%;
	text-align: right;
}
/* 上方操作按钮中的图片 */
.divarea_buttons{
	left: 30%;
	top: 0%;
	width: 40%;
	height: 60%;
}

/* 可缩放的背景大图(只有目录页不能缩放) */
.divareabkg{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 30%;
	top: 7.5%;
	width: 40%;
	height: 108%;
	transform-origin: center top;
	transition: all 0.2s linear;
}
.divareabkg:hover{
	transform-origin: center top;
	transform: scale(2.5);
	transition: all 0.2s linear;
}

.divareabkgfix{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 30%;
	top: 7.5%;
	width: 40%;
	height: 108%;
}
#divareaP01{
	background-image: url("../images/P01.jpg");
}
#divareaP02{
	background-image: url("../images/P02.jpg");
}
#divareaP03{
	background-image: url("../images/P03.jpg");
}
#divareaP04{
	background-image: url("../images/P04.jpg");
}
#divareaP05{
	background-image: url("../images/P05.jpg");
}
#divareaP06{
	background-image: url("../images/P06.jpg");
}
#divareaP07{
	background-image: url("../images/P07.jpg");
}
#divareaP08{
	background-image: url("../images/P08.jpg");
}
#divareaP09{
	background-image: url("../images/P09.jpg");
}
#divareaP10{
	background-image: url("../images/P10.jpg");
}
#divareaP11{
	background-image: url("../images/P11.jpg");
}
#divareaP12{
	background-image: url("../images/P12.jpg");
}
#divareaP13{
	background-image: url("../images/P13.jpg");
}
#divareaP14{
	background-image: url("../images/P14.jpg");
}
#divareaP15{
	background-image: url("../images/P15.jpg");
}
#divareaP16{
	background-image: url("../images/P16.jpg");
}
#divareaP17{
	background-image: url("../images/P17.jpg");
}
#divareaP18{
	background-image: url("../images/P18.jpg");
}
#divareaP19{
	background-image: url("../images/P19.jpg");
}
#divareaP20{
	background-image: url("../images/P20.jpg");
}
#divareaP21{
	background-image: url("../images/P21.jpg");
}
#divareaP22{
	background-image: url("../images/P22.jpg");
}
#divareaP23{
	background-image: url("../images/P23.jpg");
}
#divareaP24{
	background-image: url("../images/P24.jpg");
}
#divareaP25{
	background-image: url("../images/P25.jpg");
}
#divareaP26{
	background-image: url("../images/P26.jpg");
}
#divareaP27{
	background-image: url("../images/P27.jpg");
}
#divareaP28{
	background-image: url("../images/P28.jpg");
}
#divareaP29{
	background-image: url("../images/P29.jpg");
}
#divareaP30{
	background-image: url("../images/P30.jpg");
}
#divareaP31{
	background-image: url("../images/P31.jpg");
}
#divareaP32{
	background-image: url("../images/P32.jpg");
}
#divareaP33{
	background-image: url("../images/P33.jpg");
}
#divareaP34{
	background-image: url("../images/P34.jpg");
}
#divareaP35{
	background-image: url("../images/P35.jpg");
}
#divareaP36{
	background-image: url("../images/P36.jpg");
}
#divareaP37{
	background-image: url("../images/P37.jpg");
}
#divareaP38{
	background-image: url("../images/P38.jpg");
}

/* 各个大区的共同属性 */
.divareas{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% 100%;
	line-height: 24px;
	font: 24px "微软雅黑";
}

/* 设定主目录的可点击区 */
.catalogareas{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	width: 43.8%;
	height: 3.6%;
	line-height: 16px;
	font: 16px "微软雅黑";
}
#catalogline01{
	left: 21.4%;
	top: 23.38%;
}
#catalogline02{
	left: 15.0%;
	top: 32.50%;
}
#catalogline03{
	left: 21.4%;
	top: 41.62%;
}
#catalogline04{
	left: 15.0%;
	top: 50.74%;
}
#catalogline05{
	left: 21.4%;
	top: 59.86%;
}
#catalogline06{
	left: 15.0%;
	top: 68.98%;
}

/* 设定 PLC 内页目录的可点击区 */
.cataplclines{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	left: 55%;
	width: 45%;
	height: 2.05%;
	line-height: 12px;
	font: 12px "微软雅黑";
}
#cataplcline01{
	top: 30.00%;
}
#cataplcline02{
	top: 32.00%;
}
#cataplcline03{
	top: 34.00%;
}
#cataplcline04{
	top: 36.00%;
}
#cataplcline05{
	top: 38.00%;
}
#cataplcline06{
	top: 40.00%;
}
#cataplcline07{
	top: 42.00%;
}
#cataplcline08{
	top: 44.00%;
}
#cataplcline09{
	top: 46.00%;
}
#cataplcline10{
	top: 48.00%;
}
#cataplcline11{
	top: 50.00%;
}
#cataplcline12{
	top: 52.00%;
}
#cataplcline13{
	top: 54.00%;
}
#cataplcline14{
	top: 56.00%;
}
#cataplcline15{
	top: 58.00%;
}
#cataplcline16{
	top: 60.00%;
}
#cataplcline17{
	top: 62.00%;
}
#cataplcline18{
	top: 64.00%;
}
#cataplcline19{
	top: 66.00%;
}
#cataplcline20{
	top: 68.00%;
}
#cataplcline21{
	top: 70.00%;
}
#cataplcline22{
	top: 72.00%;
}

/* 设定 信息安全产品族 内页目录的可点击区 */
.cataboxlines{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	left: 55%;
	width: 45%;
	height: 2.05%;
	line-height: 14px;
	font: 14px "微软雅黑";
}
#cataboxline01{
	top: 34.50%;
}
#cataboxline02{
	top: 37.40%;
}
#cataboxline03{
	top: 40.30%;
}
#cataboxline04{
	top: 43.20%;
}
#cataboxline05{
	top: 46.10%;
}
#cataboxline06{
	top: 49.00%;
}

/* 设定 物联网终端产品族 内页目录的可点击区 */
.cataetclines1{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	left: 5%;
	width: 45%;
	height: 2.05%;
	line-height: 12px;
	font: 12px "微软雅黑";
}
#cataetcline11{
	top: 49.00%;
}
#cataetcline12{
	top: 51.90%;
}
#cataetcline13{
	top: 54.80%;
}
.cataetclines2{
	position: absolute;
	margin: 0%;
	padding: 0%;
	background-color: transparent;
	left: 55%;
	width: 45%;
	height: 2.05%;
	line-height: 12px;
	font: 12px "微软雅黑";
}
#cataetcline21{
	top: 34.50%;
}
#cataetcline22{
	top: 37.40%;
}
#cataetcline23{
	top: 40.30%;
}
#cataetcline24{
	top: 43.20%;
}
#cataetcline25{
	top: 46.10%;
}
#cataetcline26{
	top: 49.00%;
}

a{
	text-decoration: none;
}