.slider{
    position: relative;
    height:680px;
}
.slider ul .img{
    display: inline-block;
    width:100%;
    height:680px;
    background: url("../images/banner.png?v=20160607") no-repeat center;
    background-size: cover;
}
.slider ol{
    position: absolute;
    width:205px;
    bottom:100px;
    left:50%;
    margin-left:-102.5px;
}
.slider ol li{
    float:left;
}
.slider ol a{
    /*display: inline-block;*/
    display: none;
    width:60px;
    height:4px;
    margin-right:8px;
    background: #fff;
    transition: background-color 0.2s ease-in;
}
.slider ol a:hover,.slider ol a.active{
    background: #fd29a4;
}
.slider ul.slider_tab{
    position: absolute;
    bottom:-64px;
    width:775px;
    left:50%;
    margin-left:-387px;
}
.slider ul .tab_img{
    display: inline-block;
    width:404px;
    height:127px;
    background: url("../images/attendee.png") no-repeat center;
    background-size: cover;
    transition: all 0.8s ease;
}
.slider ul.slider_tab li{
    float:left;
}
.slider ul .tab_img:hover{
    will-change: translate;
    filter:drop-shadow(0 0 20px rgba(0,0,0,.3));
    transform:translate(0,-5px);
}
.slider ul li:last-of-type{
    margin-left:-38px;
}
.slider ul li:last-of-type .tab_img{
    background: url("../images/exhibitor.png") no-repeat center;
    background-size: cover;
}
.countdown{
    height:244px;
    background: #fd29a4;
    text-align: center;
    padding-top:115px;
}
.countdown img{
    height:60px;
    vertical-align: top;
}
.countdown img:first-of-type{
    margin-left: 40px;
}
.countdown img:nth-of-type(2){
    height: 90px;
    margin: 0 16px 0 28px;
    position: relative;
    top: -20px;
}
.countdown .time{
    user-select: none;
    font-family: fangzheng01;
    font-size:24px;
    color:#240d54;
    display: inline-block;
    width: 450px;
}
.countdown .time span{
    font-size: 36px;
    color:#fff;
    margin:0 14px 0 10px;
    display: inline-block;
    min-width: 56px;
}
.countdown .time span:first-of-type{
    margin-left:0;
}

.news{
    background: #25012e;
    border:1px solid #25012e;
}
.news .wrapped{
    padding:0 50px;
}
.news .logo_title{
    padding:100px 0 56px;
}
.news .logo_title img{
    max-height:92px;
    margin-left:-76px;
}

.news .slide--wrapper{
    width:940px;
    margin:0 auto;
}
.news .slide--wrapper:last-of-type{
    margin-bottom:142px;
}
.news .slide--wrapper .am-slider{
    background: transparent;
    margin-bottom:52px;
}
.news .slide--wrapper .am-slides li{
    position: relative;
}
.news .slide--wrapper .am-slides .title{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 12px 0 12px 17px;
    color: #fff;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0),#000);
}
.news .slide--wrapper .am-slides .title p{
    line-height: 1.2;
    font-weight:bold;
}
.news .slide--wrapper .am-slides .tip:before{
    position: absolute;
    content:'';
    display:block;
    width:0;
    left:0;
    top: 12px;
    border:9px solid transparent;
    border-left-color:#fd29a4;
}
.news .am-slider-default .am-control-nav {
    bottom: -52px;
    text-align: left;
}
.am-slider-default .am-control-nav li{
    margin-left:0;
    margin-right:8px;
}
.am-slider-default .am-control-nav li a{
    background: #5f0077;
    width:60px;
    height:4px;
    border-radius: unset;
    transition: background-color 0.2s ease-in;
}
.am-slider-default .am-control-nav li a:hover,.am-slider-default .am-control-nav li a.am-active{
    background: #00f0d2;
}
.news .slide--wrapper .am-slider .am-slides li{
    margin-right:20px;
}
.news .slide--wrapper .am-slider img{
    width:300px;
    height:200px;
}

.article{
    background: #fd29a4;
    border:1px solid #fd29a4;
}
.article .wrapped{
    padding:0 50px;
}
.article_future .logo_title img{
    max-height:94px;
}
.article_future li{
    margin:100px 0;
}
.article_future .img--wrapper{
    position: relative;
    float: left;
    width: 480px;
    height:320px;
}
.article_future .description{
    position: relative;
    float: left;
    width: 475px;
    height:320px;
}
.article_future .li_content p{
    font-size:16px;
    line-height:1.75;
    color:#fff;
    margin:0;
    position: absolute;
    left:0;
    bottom:0;
    text-align: justify;
}
.article_future li:last-of-type .li_content p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.article_future .li_content:first-of-type{
    margin-right:50px;
}
.article_future .img--wrapper img{
    width:480px;
    height:320px;
}
.article_future .img--wrapper .tip{
    position: absolute;
    top:-1px;
    left:-1px;
    width:194.5px;
    height:36px;
    background: url("../images/block2.png") no-repeat;
    background-size: contain;
}
.article_future li:nth-of-type(2) .logo_title{
    text-align: right;
}
.article_future li:nth-of-type(2) .img--wrapper .tip{
    left:287px;
    transform: rotateY(180deg);
}
.article_future li:nth-of-type(2) .logo_title img{
    max-height:130px;
    margin-right:-45px;
}
.article_future li:last-of-type .logo_title img{
    max-height:140px;
}
.article_future li:not(:nth-of-type(2)) .logo_title img{
    margin-left:-45px;
}

.developer{
    background: #25012e;
    border:1px solid #25012e;
}
.developer .logo_title{
    margin:100px auto 50px;
}
.developer .logo_title img{
    height:90px;
    margin-left:-45px;
}
.developer .descript{
    font-size:18px;
    color:#fff;
    line-height:1.75;
    margin-bottom:116px;
}
.developer .img--wrapper{
    max-width:995px;
    margin:0 auto;
}
.developer li{
    width:310px;
    height:286px;
    position: relative;
    margin-right:32px;
    margin-bottom:60px;
}
.developer li:nth-of-type(3n+3){
    margin-right: 0;
}
.developer li.li--green{
    background: #00efd1;
}
.developer li.li--pink{
    background: #fd29a4;
}
.developer li.li--purple{
    background: #5b29ff;
}
.developer li a>img{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    transition: width 1s ease;
}
.developer li:hover a>img{
    will-change: width;
    width:110%;
    left:0;
}
.developer li .tip{
    width:72px;
    height:21.5px;
    position: absolute;
    right:-1px;
    bottom:-1px;
    background:url("../images/block1.png");
    background-size: contain;
}
.developer li .introduce{
   position: absolute;
    width:121px;
    top:28px;
    right:0;
    color:#fff;
    font-family: fangzheng01;
}
.developer li .introduce .division{
    width: 32px;
    height:6px;
    margin-left:5px;
    margin-bottom:20px;
    background: #fff;
}
.developer li .introduce .name{
    font-size:36px;
    margin-bottom:8px;
}
.developer li .introduce .position{
    font-size:18px;
    line-height:1.2;
}
.developer li.li--green .introduce{
    color:#fd29a4;
}
.developer li.li--green .division{
    background: #fd29a4;
}
.developer li.li--purple .introduce{
    color:#00f0d0;
}
.developer li.li--purple .division{
    background: #00f0d0;
}
.developer .more{
    width:220px;
    height:36px;
    margin-top:20px;
    margin-bottom:120px;
    background: url("../images/more1.png") no-repeat left center;
    background-size: contain;
    transition: background 0.2s ease-in;
}
.developer .more:hover{
    /*background: url("../images/more2.png") no-repeat left center;*/
    /*background-size: contain;*/
    filter:brightness(70%);
    transition: filter 0.2s ease-in;
}


.events{
    background: #00f0d0;
    border:1px solid #00f0d0;
}
.events .wrapper--article{
    margin:84px auto 60px;
}
.events .logo_title img{
    height:130px;
}
.events ul>li img{
    width:300px;
    height:200px;
}
.events .conent--wrapper>.am-fl{
    width:360px;
    min-height:425px;
    position: relative;
}
.events .more{
    position: absolute;
    left:0;
    bottom:0;
    width:220px;
    height:36px;
    background: url("../images/more4.png") no-repeat left center;
    background-size: contain;
    transition: background 0.2s ease-in;
}
.events .more:hover{
    /*background: url("../images/more3.png") no-repeat left center;*/
    /*background-size: contain;*/
    filter:brightness(70%);
    transition: filter 0.2s ease-in;
}
.events .conent--wrapper>.am-fr{
    width:625px;
}

.events .am-fr li{
    margin:0 24px 25px 0;
}
.events .am-fr li:nth-of-type(2n+2){
    margin-right:0;
}
.events .am-fr li:nth-of-type(n+3){
    margin-bottom:0;
}

.information{
    background: #25012e;
    border:1px solid #25012e;
}
.information .wrapper--article{
    margin:133px auto 120px;
}
.information .logo_title img{
    height:90px;
    margin-left:-45px;
    margin-bottom:80px;

}
.information .img--wrapper img{
    width:724px;
    height:365px;
}
.information .content_info{
    font-family: fangzheng01;
}
.information .am-fr .title{
    font-size:36px;
    color:#00efd1;
}
.information .am-fr .division{
    width:64px;
    height:6px;
    background: #00efd1;
    margin:48px 0;
}
.information .am-fr .info{
    font-size:24px;
    color:#fff;
    line-height:1.2;
    margin:24px auto 48px;
}

.information .partners,.information .medias{
    margin-bottom:100px;
}
.information .partners li,.information .medias li{
    float:left;
}
.information .partners img,.information .medias img{
    width:120px;
    height:60px;
    margin:0 25px 30px 0;
}
.information .partners li:nth-of-type(7n+7) img,.information .medias li:nth-of-type(7n+7) img{
    margin-right:0;
}

@media(max-width: 1000px){
    .article_future .li_content:first-of-type{
        margin-right: 20px;
    }
    .developer li{
        margin-right: 20px;
    }
    .events .conent--wrapper>.am-fr {
        width: 616px;
    }
    .events .am-fr li {
        margin: 0 15px 15px 0;
    }
}