body,html{padding: 0; margin: 0; overflow-x: auto;color: #fff; overflow-x: hidden;}
div img{ padding: 0; margin:0; font-size: 0; display:block;}
ul{padding: 0;}
li{list-style: none;}
a{text-decoration:none}
header{background-color: #001825; width: 100%;height: 40px;}
header div{width: 90%; display: flex; justify-content: flex-end;}
.about{color: #ffffff; border-radius: 15px; border:1px solid #fff; font-size: 12px; margin-top: 5px;}
#Banner{position: relative; background: url(../images/banner-bg2.jpg) no-repeat left top;background-size: 100% 100%; width: 100%;}
#Banner2{position: relative; background-size: 100% 100%; width: 100%;}
.look{ position: absolute;top: 70%;
    left: 50%;
    height: 7%;
    display: block;
    width: 10%;}
#Countdown{ color: #fff; text-align: center;width: 100%;padding-top: 52px;}
#Countdown .datetime{ display: flex;justify-content: center; margin-top: 20px;}
#Countdown .datetime li{ width: 100px; border-radius: 5px; background: rgba(255,255,255,0.5); margin: 0 10px;
padding: 10px 15px;}
#Countdown .datetime li strong{display: block; font-size: 40px;}
#About{padding-top: 30px;width: 80%;margin: 0 auto;}
.ttl{background: url(../images/ttl.png) no-repeat center bottom; color: #fff; text-align: center; padding-bottom: 10px;
font-size: 30px;}
.about_bg{width: 100%;margin-top: 50px; position: relative;}
.about_bg .txt{ color: #fff; font-size: 14px; position: absolute;width: 47%;
    top: 20%;
    left: 26%;}

#Review{ background: #0c1452; padding-bottom: 115px; width: 100%; overflow: hidden;}
#Review .tab{ display: flex; justify-content: center; margin: 40px 0;}
#Review .tab li{ border: 1px solid #fff; border-radius: 20px; color: #fff; padding: 2px 40px; margin:0 15px;
cursor: pointer;}
#Review .tab li.active{background: url(../images/tab_bg.png) no-repeat left top; border: none;}

.swiper-container {
    width: 100%;
    height: 100%;
    overflow:inherit!important;
  }
.swiper-wrapper{transform: translate3d(-25%, 0px, 0px);}
.swiper-slide {
  text-align: center;
 /* 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;
  transition: 300ms;
  transform: scale(1);
}
.swiper-slide p{ margin-top:5px; font-size:16px}
.swiper-slide-active p{ transform: scale(0.625)}
.swiper-slide-prev p{ display:none}
.swiper-slide-next p{ display:none}
.swiper-slide video{display: none; width: 100%;}
.swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1.6); z-index: 999;
}
.swiper-slide img{width: 100%;}



#Product .bg{background: url(../images/product-bg.png) no-repeat left top; background-size: contain;
margin-top: 50px;}
#Product .content{display: flex; width: 62%; margin: 0 auto;}
#Product .content .item{margin: 0 5px; width: 50%;}
#Product .content .item a{color: #fff;}
#Product .content .item .li{background:url(../images/product-bg1.png) no-repeat left top; background-size: 100% 100%;
padding: 15px; width: 100%; overflow: hidden;clear: both; opacity: 0.9}
#Product .content .item .li .img{ width: 50%; float: right;}
#Product .content .item .li img{width: 100%;}
#Product .content .item .li:hover img{transform: scale(1.1);transition: all 0.5s ease;}
#Product .content .item .li .txt{border-left: 2px solid #fff; padding-left: 5px;}
#Product .content .item .li .txt p{font-size: 12px; margin: 5px 0 0 0;}
#Product .content .item .li:hover{background-image: linear-gradient(to right, rgba(30, 83, 128, 0.4), rgba(30, 83, 128, 0.9));}
#Product .content .item:nth-child(2){display: flex;}
#Product .content .item:nth-child(2) .li{background:url(../images/product-bg2.png) no-repeat left top; background-size: 100% 100%;opacity:0.9}
#Product .content .item:nth-child(2) .li:hover{background-image: linear-gradient(to right, rgba(30, 83, 128, 0.4), rgba(30, 83, 128, 0.9));}
#Product .content .item:nth-child(2) .li{
    display: flex;
    justify-content: space-between;
    align-items: end;
  height:100%
}
#Product .content .item:nth-child(2) .li .img{align-self: flex-end; width: 72%}

.calltop{margin: 0 auto; width: 30px;margin-top: 50px; cursor: pointer;}

/*倒计时*/
/*#Area2{background: url(../images/bg-2.jpg) no-repeat left top; background-size: 100% 100%; width: 100%;}*/
#Area2{background: #0c1452; background-size: 100% 100%; width: 100%;}
/*倒计时*/

/*大会介绍*/
.intr-box {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .intr-frame {
    font-size: 1rem;
    color: white;
    margin-top: 20px;
    padding: 5vw 10vw;
    box-shadow: 1px 1px 2px 3px rgba(7, 198, 239, 0.1) inset,
      -1px -1px 2px 3px rgba(7, 198, 239, 0.1) inset,
      -1px -1px 2px 3px rgba(7, 198, 239, 0.1),
      1px 1px 2px 3px rgba(7, 198, 239, 0.1);
    background: rgba(7, 198, 239, 0.1);
    position: relative;
  }
  .intr-frame img {
    position: absolute;
  }
  .intr-frame img.top-left {
    top: -18px;
    left: -14px;
  }
  .intr-frame img.top-right {
    top: -24px;
    right: -22px;
  }
  .intr-frame img.bottom-left {
    bottom: -20px;
    left: -22px;
  }
  .intr-frame img.bottom-right {
    bottom: -16px;
    right: -18px;
  }
  .intr-frame .intr-p {
    
    line-height: 32px;
  }
  .intr-frame .intr-p + .intr-p {
    margin-top: 25px;
  }
/*大会介绍*/

/*主讲嘉宾*/
#Guest{ padding-top: 60px; background: #0c1452;}
#Guest .content{background: url(../images/jiabin-bg.png) no-repeat left top; background-size: 100% 100%;
    width: 100%; margin-top: 50px; overflow: hidden; clear: both;}
#Guest .container{ padding-top: 2vw;}
.zj-wrap {
    width: 100%;
    background: url(../images/bg_04.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -1px;
    padding-top: 60px;
    padding-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .zj-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 2vw;
  }
  .zj-item .cont {
    color: white;
  }
  .zj-item img {
    width: 80px;
    margin-right: 10px;
  }
  .zj-item .cont .name {
    font-size: 18px;
  }
  .zj-item .cont .des {
    font-size: 14px;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.85);
  }
  .zj-js {
    width: 100%;
    background: url(../images/border-bbg.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 30px;
  }
  .zj-js .row{justify-content: center;}
/*主讲嘉宾*/
.process .ttl{
  position: absolute;
top: 35px;
width: 100%;
margin: 0 auto;
}
/*会议议程*/
.process{}
/*会议议程*/

/*智能-产品*/
/*#Main{background: url(../images/bg-5.jpg) no-repeat left top;background-size: 100% 100%; padding-bottom:100px;margin-top:-30px}*/
#Main{background: #0c1452;background-size: 100% 100%; padding-bottom:60px;}
#Zhanlue{display: block;background: url(../images/zhanlue.png) no-repeat left top;background-size: 100% 100%;}
#wap-zhanlue{display: none;}
#Zhanlue .txt{ color: #fff; font-size: 12px;width: 38vw;
    margin: 0 0 0 38vw;
    padding: 8vw 0 7vw 0;}
.more a{background: url(../images/tab_bg.png) no-repeat left top; text-align: center;
color: #fff; padding: 5px 30px;
background-size: 100% 100%;}

#wap-product{display: none;}
/*智能-产品*/

@media screen and (max-width: 640px) {
    #About{width: 92%;}
    .intr-frame img.top-right {
        bottom: -146px;
        right: -22px;
        top: auto;
        transform: rotate(90deg);
        transform-origin: right top;
      }
    
      .intr-frame img.bottom-right {
        top: -18px;
        right: -16px;
        bottom: auto;
        transform: rotate(-90deg);
        /* transform-origin: right top; */
        /* display: none; */
      }
      .intr-frame {
        font-size: 16px;
        padding: 14vw 13vw;
      }
}

@media screen and (min-width: 1000px) {
    #Guest{background: #0c1452;}
    #Guest .content{background: url(../images/bg-3.jpg) no-repeat left top; background-size: contain;}
    #Zhanlue .txt{font-size: .8rem;}
  .banner2{display:none}
  .qin{padding-left:84px}
  .chen{padding-left:46px}
  .feng{width: 90%;
padding-left: 26px;}
.zhou{ max-width:30%; flex:1; padding-left:0; padding-right:0}
.wei{ width:20%; flex:none}
.zhou .zj-item{ padding-left:20px}
.huang{padding-right: 0;
padding-left: 60px;}
}

@media screen and (max-width: 1000px) {
    #Guest .container{ width: 80%; margin:0 auto;}
    #Guest .content .bg{ background: url(../images/line-2.png) repeat-y left top; background-size: 100% 100%;}
    #Guest .line{ height: 1px;background: url(../images/line.png) no-repeat left top;
        background-size: 100% 100%;
    }
    #Guest .content{background: url(../images/jiabin-bg.png) no-repeat left top; background-size: 100% 100%;padding-bottom: 100px;}
    #Guest .row .col-md-3,#Guest .row .col-md-4{ width: 100%;max-width: 100%;flex: 0 0 100%;}
    #Zhanlue{display: none; }
    #wap-zhanlue{display: block;position: relative;}
    #Product{display: none;}
    #wap-product{display: block; position:relative}
    #Countdown .datetime li{width: 53px;margin: 0 5px; padding:5px 0}
	#Countdown{ padding-top:7vw}
  	#About{ padding-top:7vw}
	.intr-box{padding:7vw 0}
	#Review .tab{ margin-top:7vw; margin-bottom:5.3vw}
	#Guest{ padding-top:0}
	.intr-frame{ margin-top:0}
	#Review{ padding-bottom:16vw}
	#Guest .content{ margin-top:8vw}
    .process .ttl{ top:0}
    #Countdown .datetime li strong{font-size: 22px;}
  .banner1{display:none}
  .ttl{background: url(../images/ttlsm.png) no-repeat center bottom; color: #fff; text-align: center; padding-bottom: 10px;font-size:17px}
  .process{margin-top:-16vw}
  #wap-zhanlue .ttl{position: absolute;top: 0px;width: 100%;margin: 0 auto;}
  #wap-product .ttl{position: absolute;top: 0px;width: 100%;margin: 0 auto;}
  #Main{padding-bottom:0; position:relative}
  .calltop{ margin-top:0;position: absolute;
    bottom: 8vw;
    width: 100%;
    text-align: center;}
	.calltop img{ display:inline-block}
}

@media screen and (min-width: 1200px) {
    #Zhanlue .txt{font-size: 1rem;}
    #Review .tab{
  margin-top: 68px;margin-bottom: 110px
}
}


@media screen and (min-width: 1400px) {
#Zhanlue{display: block;background: url(../images/zhanlue.png) no-repeat left top;background-size: 100% 100%;height: 768px;}
#Zhanlue .ttl{
      position: relative;
    top: 60px;
}

#Zhanlue .txt{
  padding-top: 250px;
}
#Zhanlue .txt p{
  padding-bottom: 15px;
}
.more {
  margin-top: 50px;
}

#Countdown p{ font-size: 22px }
}
.zj-item .cont .des{
  font-size:15px}

#Product .content .item:nth-child(2) .li .txt{
  position: relative;
  
}

@-moz-document url-prefix(){
#Product .content .item:nth-child(2) .li .txt{
  position: relative;
  top: -301px
}
}
@media screen and (max-width: 1400px){
	#Product .content .item:nth-child(2) .li .img {
    
    width: 61%;
}
	}


#Product{ margin-top: -44px }

.process{
  position: relative;
}
.zhi{position: absolute;top: 81%;
    left: 35%;
    height: 7%;
    display: block;
    width: 30%;}
.ren{position: absolute;top: 9%;
    left: 9%;
    height: 36%;
    display: block;
    width: 82%;}
	.tong{position: absolute;top: 47%;
    left: 9%;
    height: 26%;
    display: block;
    width: 40%;}
	.duo{position: absolute;top: 47%;
    left: 52%;
    height: 26%;
    display: block;
    width: 40%;}	
    #Countdown{ display: none; }