/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

.past-view{background-color: #fff;padding: 80px 0;}
.past-view .more{margin-left:auto;margin-right: auto;}

.atlas {margin-left:-10px;margin-right: -10px;}
.atlas .item{padding:0 10px;}
.atlas .item img{cursor: pointer;}
.atlas .item:nth-child(n+4){margin-top: 20px;}


/* past-list-wrap */
.past-list-wrap {margin-top: 80px;padding-bottom: 70px;}
.past-list-wrap .tabs .title{width: 80px;height: 210px;line-height: 1.3;font-weight: bold;}
.past-list-wrap .tabs .title .bg{width: 100%;height: 10px;background-color: #F4822F;background-image:-webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image:-o-linear-gradient(left,#ef5a24,#f9ae3b);background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);margin-bottom: 20px;}
.past-list-wrap .tabs .title h3{width: 100%;height: 100%;text-align: center;font-weight: bold;padding: 0 20px;}
/* .past-list-wrap .tabs .title p{width: 50%;height: 100%;word-break: break-all;padding: 0 10px;color: #F4822F;} */
.past-list-wrap .tabs a{width: 80px;height: 80px;background-color: #f1f1f1;line-height: 1.2;}
.past-list-wrap .tabs a.active{background-color: #1b1464;height: 130px;}
.past-list-wrap .tabs a.active p{color: #fff;}
.past-list-wrap .tabs a:nth-child(2){margin-bottom: 10px;margin-top: 20px;}
.past-list-wrap .tab-content {width: -webkit-calc(100% - 80px);width: calc(100% - 80px);padding-left: 20px;height: 450px;}
.past-list-wrap .tab-content .swiper-container {height: 100%;}
.past-list-wrap .tab-content .swiper-container .swiper-wrapper {height: 100%;}
.past-list-wrap .tab-content .swiper-container .layui-col-space10 {margin: -5px 0;}
.past-list-wrap .tab-content .item-content{border: 1px solid #1b1464;height: 105px;color: #1b1464;transition: all .3s ease;}
.past-list-wrap .tab-content .item-content:hover{border-color: #F4822F;color: #fff;background-color:#F4822F;background-image:-webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image:-o-linear-gradient(left,#ef5a24,#f9ae3b);background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);}
.past-list-wrap .tab-content .item-content p{width: 88%;text-align: justify;max-height: 80%;overflow: hidden;}
.past-list-wrap .tab-content .swiper-pagination{line-height: 12px;margin-top: 30px;}
.past-list-wrap .tab-content .swiper-pagination-switch{width: 12px;height: 12px;border: 1px solid #1b1464;background: none;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.past-list-wrap .tab-content .swiper-active-switch{background-color: #1b1464;}

/* guests */
.guests{padding: 80px 0;background-color:#f1f1f1 ;}
.guests .li-5 {margin-left:-15px;margin-right: -15px;}
.guests .li-5 li{width: 20%;padding: 15px;}
.guests .li-5 li a{background-color: #fff; display: block;padding: 20px 15px 30px;border-radius: 6px;text-align: center;}
.guests .li-5 li a .avatar{width: 100px;height: 100px;border: 4px solid #f9f9f9;border-radius: 50%;margin: 0 auto;-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);}
.guests .li-5 li a .desc-wrap{padding: 10px 0;border-top: 1px solid #e1e1e1;}
.guests .li-5 li a .desc{height: 42px;overflow: hidden;}
.guests .li-5 li a .position{height: 24px;line-height: 24px;}
.guests .li-5 li a .tag{width: 120px;height: 34px;border-width: 1px;border-style: solid;border-radius: 17px;text-align: center;line-height: 32px;margin: 10px auto 0;font-size: 12px;font-weight: 900;}
.guests .li-5 li:nth-child(5n+1) a .tag{border-color: #cfba5d;color: #cfba5d;}
.guests .li-5 li:nth-child(5n+2) a .tag{border-color: #f33c0a;color: #f33c0a;}
.guests .li-5 li:nth-child(5n+3) a .tag{border-color: #1b1464;color: #1b1464;}
.guests .li-5 li:nth-child(5n+4) a .tag{border-color: #f40951;color: #f40951;}
.guests .li-5 li:nth-child(5n+5) a .tag{border-color: #43b493;color: #43b493;}

/* exhibitors */
.exhibitors{padding: 80px 0;}
.exhibitors .title strong{display: inline-block;line-height: 54px;position: relative;text-align: left;text-indent: 15px;}
.exhibitors .title strong:before{content: '';width: 6px;height:6px;background: #333;position: absolute;left: 0;top: 50%;border-radius: 50%;margin-top: -3px;}
.exhibitors .list{margin: 0 -20px;}
.exhibitors .list li{padding: 0 20px;}
.exhibitors .list li .content{width: 100%;padding: 35px 30px;border-radius:6px;text-align: center;}
.exhibitors .list li .content img{height: 40px;}
.exhibitors .list li .content.shadow-10{-webkit-box-shadow: none;box-shadow: none;border: 1px solid #e1e1e1;}
.exhibitors .extreme .list li .content{padding: 20px 30px;}
.exhibitors .extreme .list li .content .logo-wrap{padding-bottom: 20px;border-bottom: 1px solid #e4b75b;}
.exhibitors .extreme .list li .content .text-wrap{padding-top: 20px;}
.exhibitors .list li.layui-col-md2-4{width: 20%;}
.exhibitors .partner .list li .content{border: none;padding: 10px;}
.exhibitors .layui-btn {margin-left: auto;margin-right: auto;}
.exhibitors .patent .list li {width: 12.5%;padding: 10px;}

@media screen and (max-width: 1280px){
	.past-view,.guests{padding: 60px 0;}
	.past-list-wrap {margin-top: 60px;padding-bottom: 60px;}
	.guests .li-5 li{width: 25%;padding: 15px;}
	.guests .li-5 li a .desc{height: 38px;}
	.exhibitors{padding: 60px 0;}
	.exhibitors .list{margin: 0 -15px;}
	.exhibitors .list li{margin-bottom: 20px;padding: 0 15px;}
	.exhibitors .list li .content{padding: 25px;}
	.exhibitors .partner .list li .content{padding: 25px;padding: 25px 10px;}
}

@media screen and (max-width: 991px){
	.past-view,.guests{padding: 40px 0;}
	.past-list-wrap {margin-top: 40px;padding-bottom: 40px;}
	.guests .li-5 {margin-left:-10px;margin-right: -10px;}
	.guests .li-5 li{width: 33.333333%;padding: 10px;}
	.exhibitors{padding: 40px 0;}
	.exhibitors .list li{margin-bottom: 20px;}
	.exhibitors .list li.layui-col-md2-4{width: 50%;}
	.exhibitors .list li.layui-col-md2-4:nth-child(5){clear: both;margin: 0 auto 20px;float: none;}
	.exhibitors .partner .list li {margin: 0;}
	.exhibitors .partner .list li .content{padding: 15px 25px;}
	.exhibitors .patent .list li{width: 25%;padding: 0;}
	.exhibitors .patent .list li .content{padding: 10px 5px;}
	.exhibitors .geography {margin-top: 30px;}
}

@media screen and (max-width: 767px){
	.past-view,.guests{padding: 30px 0;}
	.past-list-wrap .tab-content .swiper-pagination{line-height: 12px;margin-top:25px;}
	.past-list-wrap {margin-top: 30px;padding-bottom: 30px;}
	.guests .li-5 {margin-left:-5px;margin-right: -5px;}
	.guests .li-5 li{width: 50%;padding: 5px;}
	.past-list-wrap .tabs .title{width: 70px;height: 210px;}
	.past-list-wrap .tabs a{width: 70px;height: 70px;background-color: #f1f1f1;line-height: 1.2;}
	.past-list-wrap .tabs a.active{height: 140px;}
	.past-list-wrap .tab-content {width: -webkit-calc(100% - 70px);width: calc(100% - 70px);padding-left: 5px;height: 450px;}
	.exhibitors{padding: 30px 0;}
	.exhibitors .list{margin: 0 -5px;}
	.exhibitors .list li{padding:0 5px;}
	.exhibitors .list li{margin-bottom: 10px;}
	.atlas {margin-left:-5px;margin-right: -5px;}
	.atlas .item{padding:0 5px;}
	.atlas .item:nth-child(n+3){margin-top: 10px;}
}


.layui-header-past{
	-webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); 
	box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
}
ul.past-nav{ padding-right: 40px; text-align: center; position: fixed;top: 0; right: 0; z-index: 1001; }
ul.past-nav li{display: inline-block;font-size: 0; padding: 0 25px; }
ul.past-nav li a{ font-size: 16px; color: #5c5c5c; height: 60px; line-height: 60px; display: block; position: relative; cursor: pointer;}
ul.past-nav li a:hover,ul.past-nav li.active a{ color: #333; font-weight: 700; }
ul.past-nav li a span.line{ position: absolute; left: 0; bottom: 0; width: 0;height:3px; 
	background-image:linear-gradient(to right,#ef5a24,#f9ad3b);
	background-image:-webkit-linear-gradient(to right,#ef5a24,#f9ad3b);
}
ul.past-nav li.active a span.line,ul.past-nav li a:hover span.line{ width: 100%; }