/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:16px;font-family:' '; color:#111;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}


.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{ width:80%; margin:0 auto;}


/* 轮播图通用 */
.swiper-container {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.page header .showTime {
  display: flex;
  align-items: center;
  margin-top: 0.4% !important;
  margin-left: 1%;
}
.page header .showTime .date{
  margin-top:1px;
}


/* 头部 */

.page header .showTime {
  display: flex;
  align-items: center;
  margin-top: 1%;
  margin-left: 1%;
}
.page header .showTime .time {
  display: flex;
  color: #fff;
  font-size: 14px;
}
.page header .showTime .time p {
  margin-right: 3px;
}
.fl{float: left;}
.fr{float: right;}
/* 主体 */
.page .indexmian{position: absolute;width: 97.7%;height: 79%;top: 12%;left: 1.65%;display: flex;}
.indexmian .mainleft{width: 20%;display: flex;}
.indexmian .maincenter{flex: 1;position: relative;}
.indexmian .mainright{width: 16%;display: flex;}


.culture .content{width: 82%;height: 78%;margin-left: 7%;margin-top: 30%;display: flex;flex-direction: column;color: white;}
.culture .content .link{height: 30px;display: flex;align-items: center;color: white;}
.culture .content .link a{color: white;}
.culture .content .link .video{color: white;font-size: 14px;font-style: italic;border-bottom: 1px solid white;cursor: pointer;}
.culture .content .word .swiper-slide{background: none;}
.culture .content .word {flex: 1;font-size: 14px;color: #ffffff;overflow: hidden;padding-top: 20px;}
.culture .content .word ul li>span{display:block;width:100%;height:100%;overflow:hidden;}


.teacherlist{width: 92%;height: 88%;margin-top: 16%;margin-left: 4%;overflow: hidden;}
.teacher ul li{display: flex;margin-bottom: 10px;}
.teacher ul li .img{width: 40%;text-align: center;}
.teacher ul li .img img{width: 90%;border-radius: 5px;height: auto;}
.teacher ul li .introduce{width: 56%;margin-left: 4%;color: white;}
.teacher ul li .introduce .name{font-size: 16px;font-weight: bold;margin: 5% 0 7%;}
.teacher ul li .introduce .desc{font-size: 14px;}
.teacher ul li .introduce .desc .more{text-align: right;color: #08fbf8;cursor: pointer;}


.page .maincenter {
  position: relative;
}
.page .maincenter .dialogCon {
  display: none;
  position: absolute;
  width: 75%;
  height: 57%;
  background: url("../images/bg_dialog.png") 0 0 no-repeat;
  background-size: 100% 100%;
  top: 10%;
  left: 12%;
}
.page .maincenter .dialogCon.active{display: block;}
.page .maincenter .dialogCon .content {
  width: 80%;
  height: 75%;
  margin-left: 10%;
  margin-top: 7%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.page .maincenter .dialogCon .content .close {
  position: absolute;
  top: -5%;
  right: -2%;
  cursor: pointer;
}
.page .maincenter .dialogCon .content .close img {
  width: 20px;
  height: 20px;
}
.page .maincenter .dialogCon .content .videobox {
  width: 100%;
  height: 100%;
}
.page .maincenter .dialogCon .content .videobox video {
  width: 100%;
  height: 100%;
}
.page .maincenter .dialogCon .content .image {
  width: 16%;
  border-radius: 10px;
}
.page .maincenter .dialogCon .content .image img {
  width: 100%;
  border-radius: 5px;
}
.page .maincenter .dialogCon .content .introduce {
  width: 80%;
  height: 100%;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}
.page .maincenter .dialogCon .content .introduce .name {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  padding: 2%;
}
.page .maincenter .dialogCon .content .introduce .text {
  flex: 1;
  color: #ffffff;
  font-size: 14px;
  overflow: hidden;
  line-height: 30px;
}





/* 底部 */
.page footer{height: 12.8%;z-index: 999;}
.page footer .bottom{width: 67%;height: 100%;margin: 0 auto;background: url(../images/bg_bottom.png) 0 0 no-repeat;background-size: 100% 100%;}
.page footer .bottom .menu{width: 38%;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.page footer .bottom .menu .m_btn{cursor: pointer;}
.page footer .bottom .menu .m1{margin-top: 4%;}
.page footer .bottom .menu .m_btn img{width: 100%;height: 55px; padding-bottom:15px; object-fit: contain}
.page footer .bottom .menu .m_btn .tips{text-align: center;font-size: 16px;color: white;margin-top: -21%;}
.page footer .bottom .menu .m4{margin-top: 2%;}


/* 智慧物联 */
.maincenter .imgbox{width: 100%;height: 95%;display: flex;justify-content: center;}
.maincenter .imgbox img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.maincenter{justify-content: center;display: flex;align-items: center;}




.numbercontent{width: 100%;height: 85%;margin-top: 23%;margin-left: 6%;overflow: hidden;color: white;display: block;box-sizing: border-box;}
.numbercontent ul{width: 100%;}
.numbercontent ul li{display: flex;width: 100%;margin-bottom: 20px;}
.numbercontent ul li .box{display: flex;width: 45%;}
.numbercontent ul li .box .img{width: 50%;height: 100%;}
.numbercontent ul li .box .img img{width:80%;height: 58px;object-fit: contain}
.numbercontent ul li .box .text{flex: 1;}
.numbercontent ul li .box .text h1{font-size: 1.5vw;font-weight: bold;}
.numbercontent ul li .box .text p{font-size: 14px;}


.enlist{width: 82%;height: 78%;margin-left: 7%;overflow: hidden;margin-top: 25%;}
.enlist ul li{width: 100%;color: white;margin-bottom: 4%;}
.enlist .title{padding-bottom: 2%;box-sizing: border-box;font-size: 16px;border-bottom: 1px dashed #23aeab;}
.desxbox{display: flex;flex-wrap: wrap;}
.desxbox .block{width: 55%;margin-top: 2%;display: flex;align-items: center;}
.desxbox .block:nth-child(2n){width: 45%;}
.desxbox .block img{width: 17%;height: auto;margin: 0 2%;}
.desxbox .block .name{font-size: 14px;margin: 0 2%;}
.desxbox .block .number{font-weight: bold;font-size: 14px;}
.desxbox .block .number span{font-weight: bold;font-size: 18px;}




/* 产品 */
.producemain{width: 100%;box-sizing: border-box;position: absolute;height: 100%;align-items: center;display: flex;padding: 7%;box-sizing: border-box;}
.producemain .leftbox{width: 20%;padding: 0 20px;box-sizing: border-box;float: left;background: rgba(0, 0, 0, 0.7);border-radius: 10px;border: 1px solid #13a19f;height: 70%;}
.producemain .rightbox{width: 80%;padding: 0 20px;box-sizing: border-box;float: right;color: white;height: 90%;}
.producemain .rightbox ul{width: 100%;height: 100%;}
.left_list{width: 100%;padding: 2%;box-sizing: border-box;}
.left_list ul li{width: 100%;padding: 10px;box-sizing: border-box;margin-bottom: 20px;}
.left_list ul li:nth-child(3){margin-bottom: 0;}
.left_list ul li:nth-child(4){margin-bottom: 0;}
.left_list ul li .list_title{display: flex;align-items: center;}
.left_list ul li .list_title img{width: auto;height: 20px;}
.left_list ul li .list_title span{padding-left: 10px;font-size: 16px;font-weight: bold;color: white;}
.left_list ul li .listbox{display: none;padding-left: 20px;padding-top: 20px;box-sizing: border-box;}
.left_list ul li .listbox p a{font-size: 16px;line-height: 26px;transition: 0.3s;color: white;}
.left_list ul li .listbox p a:hover{font-size: 18px;color: #3fecff;}


.rightbox1{padding: 30px 20px 20px 20px;box-sizing: border-box;height: 100%;width: 100%;}
.rightbox1_title{background: url(../images/bg_space.png) no-repeat;background-size: 100% 100%;display: flex; margin-top:15px;height: 20px;}
.rightbox1_title .list1{width: 30%;text-align: center;font-size: 0.8vw;}
.rightbox1_title .list2{width: 30%;text-align: center;font-size: 0.8vw;}
.rightbox1_title .list3{width: 40%;text-align: center;font-size: 0.8vw;}
.rightbox1_title .list4{text-align: center;font-size: 0.8vw;}
.rightbox ul li .rightbox1 .rightbox1_desc dl dd{width: 100%;margin-bottom: 10px;background: none;float: none;display: flex;padding: 0;border-bottom: 1px solid #57685b;}
.rightbox ul li .rightbox1 .rightbox1_desc{padding-top: 10px;box-sizing: border-box;height: calc(100% - 35px);overflow: hidden;overflow-y: auto;}
.rightbox1_desc dl dd .list1{width: 30%;text-align: center;font-size: 0.8vw;}
.rightbox1_desc dl dd .list2{width: 30%;text-align: center;font-size: 0.8vw;}
.rightbox1_desc dl dd .list3{width: 40%;text-align: center;font-size: 0.8vw;}
.rightbox1_desc dl dd .list4{text-align: center;}


.richbox{height: 100%;width: 100%;}
.producemain .richleft img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.producemain .richright{width: 50%;box-sizing: border-box;float: right;color: white;height: 85%;}
.producemain .richright ul{height: 100%;}














@media (max-width:1700px) {
	.page footer .bottom .menu .m_btn img{width: 90% !important;}
	.page footer{height: 15.8%;}
}

@media (max-width:1400px) {
	.page footer .bottom .menu .m_btn img{width: 82% !important;}
  .page {width: 1400px !important;}
}