/* banner */
.banner {
  width: 10rem;
  height: 4rem; 
  background-color: rgb(255, 255, 255);
  padding-top: 1.54rem;
}
.banner .bg{
  height: 4rem;
}
.banner img {
  width: 100%;
}

.banner .title {
  position: absolute;
  top: 2.41rem;
  width: 100%;
  text-align: center;
  font-size: .48rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
} 

.banner .line {
  position: absolute;
  top: 3.29rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.6rem;
  height: .053333rem;


}

.banner .title_ES {
  position: absolute;
  top:4rem;
  width: 7.69rem;
  height: 0.83rem;
  font-size: 0.37rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.48rem;
  left: 1.04rem;
    text-align: center;
}

.banner .title,.banner .line ,.banner .title_ES{
  margin-top: .7rem;
  opacity: 0;
}
.nav1,.nav2,.nav3,.nav4,.nav5{
  margin-top: .7rem;
  opacity: 0;
}

/* title */
.pro_title {
  width: 10rem;
  overflow: hidden;
  overflow-x: scroll;
  margin-bottom: 0.43rem;
  height: 1.2rem;
  line-height: 1.2rem;
  border-bottom: 1px solid #ddd;
  margin-top: 1.5rem;
  z-index: 200;
}
.pro_title .ul {
  width: 13rem;
  display: flex;
  justify-content: space-around;
}
.pro_title ul {
  /* width: 13rem; */
  display: flex;
  justify-content: space-around;
}

.pro_title li {
  font-size: 0.37rem;
  font-family: PingFang SC;
  /* font-weight: 500; */
  color: #333;
}

.pro_title .active {
  position: relative;
  color: #2967CC;
}
.pro_title .active::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: .02rem;
  left: 0;
  width: 1.48rem;
  height: 0.05rem;
  background: #2967CC;
  border-radius: .05rem;
}

/* .pro_intr{
  margin-top: 10rem;
} */

/* 系统介绍 */
.introduce {
  padding: 0 .32rem;
}

.introduce .intr_img {
  width: 9.36rem;
  height: 5.36rem;
  line-height: 5.36rem;
  text-align: center;
  background: #F5F5F5;
  border-radius: .053333rem;
  margin-bottom: .32rem;

}

.introduce .intr_img img {
  width: 5.32rem;
  height: 4.48rem;
}

.introduce .content p{
  font-size: 0.37rem;
  font-family: PingFang SC;
  /* font-weight: 400; */
  color: #666666;
  line-height: 0.64rem;
  text-indent: 2em;
}

.core_func {
  margin-top: .53rem;
  padding: 0 .32rem;
 
}

.core_func h2{
  text-align: center;
  font-size: 0.43rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}

.core_func ul {
  display: flex;
  flex-wrap: wrap;
  margin-top:.53rem;
}

.core_func li {
  padding: 0 0.33rem;
  width: 4.52rem;
  height: 6.4rem;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  margin-bottom: .32rem;
}

.core_func li:nth-child(2n-1) {
  margin-right: 0.32rem;
}

.core_func li .top_box {
  padding-top: 0.32rem;
  width: 100%;
  height: 2.75rem;
  text-align: center;
}

.core_func li .top_box img {
  width: 1.51rem;
  height: 1.67rem;
}

.core_func li .top_box p {
  font-size: 0.37rem;
  font-family: PingFang SC;
  /* font-weight: 500; */
  color: #333333;
  margin-top: .1rem;
}

.core_func li .foot_box p {
  font-size: 0.37rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 0.64rem;
  text-align: justify;
}

.strength {
  padding: 0 .32rem;
  top:10rem;
}
.top h2{
  font-weight: bold;
}

.strength h2{
  margin: 0.41rem 0;
  font-size: .43rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  text-align: center;
}

.strength_item {
  margin-bottom: 0.32rem;
  /* height: 11.89rem; */
  border: 1px solid #DDDDDD;
}

.strength_item:last-child {
  margin-bottom: 0.5rem;
}

.strength_item .str_box {
  margin-bottom: 0.53rem;
  height: 4.8rem;
  line-height: 4.8rem;
  text-align: center;
  background: #F5F5F5;
}

.strength_item .str_box img {
  width: 3.62rem;
  height: 3.65rem;
}

.strength_item .str_box .wuxian {
  width: 3.12rem;
  height: 3.47rem;
}

.strength_item .str_box .sec {
  width: 4.8rem;
  height: 2.96rem;
}

.strength_item .str_body {
  padding: 0 .32rem 0.32rem;
}

.strength_item .str_body h3 {

  height: 0.37rem;
  font-size: 0.42rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.11rem;
  margin:.2rem 0;
}

.strength_item .str_body p {
  font-size: 0.37rem;
  font-family: PingFang SC;
  /* font-weight: 400; */
  color: #666666;
  line-height: 0.64rem;
}

/*  功能亮点 */
.highlights {
  position: relative;
  height: 17.13rem;
  /* background-color: red; */
}

.highlights .top {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10.93rem;
  background: url(../image/pro_bg1.png) no-repeat;
  background-size: 100% 100%;
}

.highlights .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 4.93rem;
  background: url(../image/pro_bg2.png) no-repeat;
  background-size: 100% 100%;
}

.highlights h2 {
  padding: 0.49rem 0;
  font-size: 0.43rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
}

.light_box{

  padding: 0 .32rem;
  z-index: 10;
}
.light_box ul{
  display: flex;
  flex-wrap: wrap;
}

.light_box ul li {
  margin-bottom: 0.32rem;
  width: 4.52rem;
  /* height: 7.15rem; */
  background: #FFFFFF;
  box-shadow:  0px 0px 10px rgba(102, 102, 102, 0.3);

}
.light_box ul li:nth-child(2n-1) {
  margin-right: 0.32rem;
}

.light_box .imgbox {
  height: 3.21rem;
  text-align: center;
}

.light_box .imgbox img {
  margin: 0.43rem;
  width: 1.47rem;
  height: 1.6rem;
}

.light_box .imgbox h2 {
  padding: 0;
  font-size: .4rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
}

.light_box .text_box {
  padding: 0.34rem;
}

.light_box .text_box p {
  font-size: 0.37rem;
  font-family: PingFang SC;
  /* font-weight: 400; */
  color: #666666;
  line-height: 0.64rem;
  margin-top: -.3rem;
}



/*  应用价值 */
.app_value {
  padding-bottom: 0.2rem;
  background-color: #F5F5F5;
}

.app_value h2 {
  padding: 0.79rem 0 0.39rem 0;
  text-align: center;
  font-size: 0.43rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}

.app_value .title {
  text-align: center;
  margin-bottom: 0.44rem;
}

.app_value .title img {
  width: 6.63rem;
  height: 5.2rem;
}

.tips {
  padding: 0 .32rem;
}

.tips_item {
  position: relative;
  margin-bottom: .32rem;
  padding: 0.39rem 0.25rem 0.87rem;
  width: 100%;
  /* height: 4.4rem; */
  background-color: #fff;
  border-radius: .11rem;
}

.tips_item img {
  width: 0.72rem;
  height: 0.57rem;
  margin-bottom: 0.27rem;
}

.tips_item .text_box {
  padding: 0 .33rem;
}

.tips .text_box p {
  position: relative;
  font-size: 0.37rem;
  font-family: PingFang SC;
  /* font-weight: 400; */
  color: #666666;
  line-height: 0.64rem;
  z-index: 10;
}

.tips_item .text_box .foot_box {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.29rem;
  height: 1.2rem;
  background: url(../image/pro_bg3.png) no-repeat;
  background-size: 100% 100%;
}

.tips_item .text_box .foot_box span {
  position: absolute;
  bottom: 0;
  right: 0.32rem;
  font-size: 0.53rem;
  font-family: DINOT;
  /* font-weight: 400; */
  color: #CCCCCC;
}

/*  应用场景 */
.app_scene h2 {
  text-align: center;
  margin: 0.19rem 0 0.52rem;
  font-size: 0.43rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}

/*  远程维护 */
.remote_main {
  margin-bottom: 0.8rem;
  margin-top: 1.2rem;
}

.remote_main > h2 {
  margin: -0.52rem 0 .52rem 0;
  text-align: center;
  font-size: 0.43rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}
.remote_main ul{
  display: flex;
  flex-wrap: wrap;
  padding: 0 .32rem;
}

.remote_main ul li {
  width: 4.52rem;
  height: 5.47rem;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  margin-bottom: 0.32rem;
}

.remote_main ul li:nth-child(2n-1) {
  margin-right: 0.32rem;
}

.remote_main li .title {
  height: 2.51rem;
  text-align: center;
}
.remote_main li .title h2{
  font-size: 14px;
  color: #333;
}
.remote_main li .title img {
  margin: 0.44rem 0 0.33rem;
  width: 1.12rem;
  height: 1.04rem;
}

.remote_main li .text_box {
  padding: 0 .34rem;
}

.remote_main li .text_box p {
  font-size: 0.37rem;
  font-family: PingFang SC;
  /* font-weight: 400; */
  color: #666666;
  line-height: 0.69rem;
}