/* banner 电气特性描述 开始 */

.ElecChar {
    background: #f3f7fa;
}


/* .wrapperBox {
    width: 100%;
} */

.wrapper {
    position: relative;
    width: 60%;
    margin: 192px auto 100px auto;
    border-right: 0;
}

#left {
    height: 100%;
    width: 14%;
}

#left li {
    margin-bottom: 34%;
    width: 100%;
}

#left li img {
    width: 100%;
    /* height: 100%; */
}

#TBoxContent {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    height: 52%;
    margin: 10% 8% 0 0;
    overflow: hidden;
}

#TBoxContent div {
    height: 100%;
    width: 100%
}

#TBoxContent div img {
    height: 100%;
    width: 100%;
}

#left li:hover {
    border: 1px solid black;
}


/* 右边表格 */

.form {
    width: 100%;
    background: white;
    padding: 5%;
    padding-top: 0;
}

.form h3 {
    font-size: 24px;
    color: #747474;
}

.form h1 {
    font-size: 28px;
    color: black;
    font-weight: bold;
    margin-bottom: 20px;
}

.even_1,
.even_2 {
    float: left;
    font-size: 16px;
    width: 50%;
}

.even_1 dd,
.even_2 dd {
    height: 42px;
    line-height: 42px;
}

.even_1 dd {
    padding-left: 20px;
}


/* banner 电气特性描述 结束 */


/* 功能特性 开始 */

.function {
    /* height: 700px; */
    width: 100%;
}

.title {
    margin: 100px 0;
 
}

.title span {
    font-size: 36px;
    border-bottom: 4px solid #009ee7;
}

.function ul {
    float: right;
    /* height: 70%; */
    width: 90%;
}

.function ul li {
    float: left;
    width: 20%;
    height: 43%;
    text-align: center;
}

.function ul li img {
    width: 49%;
}

.function ul li p {
    margin: 40px 0;
    font-size: 17px;
    color: #4f8ebf;
}


/* 功能特性 结束 */


/* 尺寸参数 开始 */

.size {
    float: right;
    width: 88%;
}

.size img {
    width: 100%;
}


/* 尺寸参数 结束 */


/* 认证证书 开始 */

.dimPar {
    float: right;
    width: 88%;
    margin-bottom: 100px;
}

.dimPar img:first-child {
    width: 25%;
}

.dimPar img:nth-child(2) {
    width: 24%;
    margin: 0 4%;
}

.dimPar img:last-child {
    width: 40%;
}


/* 认证证书 结束 */

@media screen and (max-width:992px) {
    .function ul {
        width: 100%;
        padding: 0 20px;
    }
    .function ul li p {
        font-size: 14px;
    }
}

@media screen and (max-width:767px) {
    .wrapper {
        width: 80%;
        margin: 152px auto 60px auto;
    }
    .form h3 {
        font-size: 20px;
        margin-top: 0;
    }
    .form h1 {
        font-size: 24px;
    }
    .even_1 {
        font-size: 14px;
        width: 36%;
        margin-bottom: 60px;
    }
    .even_2 {
        font-size: 14px;
        width: 64%;
        margin-bottom: 60px;
    }
    .title {
        margin: 0 0 60px 0;
    }
    .title span {
        font-size: 26px;
        margin-left: 20px;
        border-bottom: 2px solid #009ee7;
    }
    .function ul li {
        width: 33%;
        height: 26%;
    }
    .function ul li p {
        font-size: 12px;
        margin-top: 20px;
    }
    .size,
    .dimPar {
        float: none;
        width: 100%;
        padding: 0 20px;
    }
    .size {
        margin-bottom: 30px;
    }
}
.message{
	font-size: 16px;line-height: 30px;padding-left: 5%;padding-right: 5%;
}
.application{
	font-size: 16px;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 30px;
}
.application ul li{
	list-style-type: disc; /*默认样式为实心圆点*/
	width: 100%;
	clear:both;
	text-align: left;
}
.wrapper{
	text-align: center;
}
.productTitle{
	position: absolute; 
	font-size: 30px;
	width: 100%;
	text-align: center;
	top: -20%;
}
.applicationTitle{
	font-size: 20px;
	margin-bottom: 20px;
}

/* 智能井盖 banner部分开始 */

.banner {
    position: relative;
}

.banner img {
    display: block;
    margin-top: 92px;
    width: 100%;
}


/* 智能井盖 banner部分结束 */


/* 智能井盖描述 开始 */

.describe_text {
    padding-top: 100px;
    color: black;
    width: 62%;
    margin: 0 auto;
}

.describe_text h1 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center;
}

.describe_text p {
    font-size: 18px;
    line-height: 32px;
}

.describeImg {
    margin-bottom: 0px;
    margin-top: 30px;
}

@media screen and (max-width:768px) {
    .describe_text {
        padding-top: 30px;
        width: 80%;
    }
    .describe_text h1 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .describe_text p {
        font-size: 14px;
        line-height: 28px;
    }
    .describeImg {
        margin-bottom: 0px;
    }
}


/* 智能井盖描述 结束 */


/* 智能井盖解决方案 开始 */

.plan {
    width: 100%;
    background: #1b1730;
}

.img01 {
    width: 100%;
    margin: 20% 0;
}

.img01 img {
    height: 100%;
    width: 100%;
}

.introBox {
    width: 100%;
}

.introBox .row {
    width: 100%;
    margin-left: 0px;
}

.introBox h1 {
    color: white;
    font-size: medium;
    font-size: 36px;
    margin: 100px 0 20px 0;
}

.introBox span {
    display: block;
    color: white;
    font-size: 16px;
    margin-right: 30px;
    margin-bottom: 46px;
}

.textLeft {
    float: left;
    width: 100%;
}

.textLeft ul li,
.textRight ul li {
    position: relative;
    height: 150px;
    width: 100%;
}

.IMG {
    float: left;
    width: 32px;
    height: 100%;
}

.text {
    position: absolute;
    /* float: left; */
    width: 70%;
    margin-left: 40px;
}

.text h3 {
    margin-top: 0;
    font-size: 22px;
    color: #5fadcb;
}

.text p {
    font-size: 14px;
    color: #8d8e8e;
    line-height: 26px;
    font-weight: 400;
}

@media screen and (max-width:991px) {
    .img01 {
        margin: 10% 0;
    }
    .introBox h1 {
        margin: 0 0 20px 0;
    }
    .introBox {
        margin-left: 10px;
    }
    .textLeft ul li,
    .textRight ul li {
        height: 110px;
    }
}

@media screen and (max-width:768px) {
    .introBox h1 {
        font-size: 26px;
    }
    .introBox span {
        font-size: 14px;
        margin-right: 26px;
        margin-bottom: 30px;
    }
    .control p {
        font-size: 22px;
    }
    .control h2 {
        font-size: 26px;
    }
    .information dd {
        font-size: 14px;
    }
}


/* 智能井盖解决方案 结束 */


/* 智能井盖控制器 开始  */

.control {
    height: 620px;
    padding: 100px 0;
}

.control p {
    font-size: 24px;
    color: #656565;
}

.control h2 {
    font-size: 28px;
    color: black;
    font-weight: 700;
    margin: 10px 0 40px 0;
}

.information {
    font-size: 18px;
    color: #343434;
}

.information dd {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding-left: 10%;
}

@media screen and (max-width:768px) {
    .control {
        height: 520px;
        padding: 60px 0;
    }
    .control p,
    .control h2 {
        padding-left: 15px;
    }
}


/* 智能井盖控制器 结束  */