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

.exhibition{background-color: #f1f1f1;padding: 80px 0 30px;}
.main-content{margin-top: 80px;}

/* tabs */
.main-content .tabs {padding: 25px 35px;background-color: #fff;}
.main-content .tabs a{width: 130px;height: 50px;border-radius: 25px;background-color: #f4f4f4;line-height: 50px;font-weight: 900;margin-right: 30px;}
.main-content .tabs a.active{background-color: #F4822F;background-image:-o-linear-gradient(left,#ef5a24,#f9ae3b);background-image:-webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);color: #fff;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);}
/* introduction */
.introduction .desc{width: 100%;line-height: 2;padding: 50px 40px;background-color:#ffffff;background-image: url(../static/images/exhibition-img.jpg);background-size: auto 100%;background-position: center right;}
.introduction .desc p{width: 70%;text-align: justify;}
.introduction .swiper-wrapper,.introduction .swiper-slide{height: 1px!important;}
.introduction .swiper-slide-active,.introduction .swiper-slide-active{height: auto!important;}
.pagination {width: 100%;text-align: center;position: static;line-height: 80px;}
.swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 6px;background: none;margin: 0 10px;opacity: 1;border: 1px solid #043363;cursor: pointer;}
.swiper-active-switch {background: #043363;}

/* area */
.area {background:#f1f1f1;}
.area .text-wrap{background-color: #fff;}
.area img{width: 100%;}
.area .text-wrap img{opacity: 0;}
.area .text-wrap .text{padding:50px;width: 100%;}
.area .text-wrap .text p{line-height: 2;}
.area li:nth-child(2n+2) .pic-wrap{float: right;}
/* .area li:nth-child(2n+2) .text-wrap .text{padding-left: 150px;} */

/* sponsor */
.sponsor{padding: 80px 0;background-color: #f1f1f1;}
.sponsor h4{line-height: 72px;border-bottom: 1px solid #dbdae0;}
.sponsor .list {margin: 0 -20px 0;}
.sponsor .swiper-wrapper{height: auto!important;}
.sponsor .swiper-slide{padding: 0 20px;-webkit-box-sizing: border-box;box-sizing: border-box;height: auto!important; margin-top: 40px;}
.sponsor .swiper-slide .content{padding: 5px 25px;background-color: #fff;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);box-shadow: 0 5px 10px rgba(0,0,0,.1); border-radius: 10px;}
/* .sponsor .swiper-slide .content:hover{ background-color: #F4822F;background-image: linear-gradient(90deg,#ef5a24,#f9ae3b);background-image: -o-linear-gradient(100deg,#ef5a24,#f9ae3b); } */
.sponsor .swiper-slide .content .top-wrap{padding: 15px 0;border-bottom: 1px solid #f1f1f1;}
.sponsor .swiper-slide .content .top-wrap .pic img{ max-height: 100%}
/* .sponsor .swiper-slide .content:hover .top-wrap{background-color: #fff;} */
.sponsor .swiper-slide .content p{width: 170px;height: 40px;line-height: 38px;border: 1px solid #f1f1f1; border-radius: 20px;}
/* .sponsor .swiper-slide .content .pic{height: 40px;width: -webkit-calc(100% - 180px);width: calc(100% - 180px);} */
.sponsor .swiper-slide .content .pic{width: 80%; margin-bottom: 0; left: 10%; padding-bottom: 28%; }
/* .sponsor .swiper-slide .content .pic img{max-height: 50px;} */
.sponsor .swiper-slide .content .bottom-wrap{padding: 16px 0;}
.sponsor .swiper-slide .content .bottom-wrap ul{min-height: 50px;line-height: 25px;}
.sponsor .swiper-slide .content:hover .bottom-wrap ul{ color: #fff;}
.sponsor .banner-btn {border-color: #aaa;color: #aaa;cursor: pointer;}
.sponsor .banner-btn:hover{background-color: #F4822F;color: #fff;opacity: 1;border-color: #F4822F;}
.sponsor .banner-prev {left: -50px;}
.sponsor .banner-next {right: -50px;}
.sponsor .layui-btn {border-radius: 30px;margin-left: auto;display: block;margin-right: auto;}

.sponsor .swiper-slide .content .prname{ text-align: center; color: #333; }
/* .sponsor .swiper-slide .content:hover .prname{ color: #fff;} */

.my-layout .title{
		line-height: 72px;
		border-bottom: 1px solid #dbdae0;
		text-align: left;
}
.joined .my-layout ul.list li p.top-10{
	position: relative;
}
.joined .my-layout ul.list li p.top-10 .color-4{
	position: absolute;
	top: -1px;
	left: 80px;
}

/* joined */
.joined{padding: 80px 0;}
.joined .list{margin-left: -20px;margin-right: -20px;}
.joined .list li{padding:0 20px;margin-top: 40px;}
.joined .list li .logo{display: inline-block;width: 100%;height: 50px;vertical-align: middle;}
.joined .list li .logo img{max-width: 100%;max-height: 100%;}
.joined .list li .content{padding: 30px 25px;background-color: #fff;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);box-shadow: 0 5px 10px rgba(0,0,0,.1);}
/* .joined .list li .content:hover{background-color: #F4822F;color: #fff;opacity: 1;border-color: #F4822F;} */
/* .joined .list li .content:hover span{ color: #fff;} */
.joined .list li .content .btn{width: 90px;height: 36px;border-radius: 18px;background-color: #dddddd;color: #666666;text-align: center;line-height: 36px;font-size: 14px;}
.joined .list li.active .content .btn{background-color: #0b3d70;background-image: -webkit-gradient(linear,left top, right top,from(#0b3d70),to(#2267ac));background-image: -o-linear-gradient(left,#0b3d70,#2267ac);background-image: linear-gradient(90deg,#0b3d70,#2267ac); color: #fff;}
.joined .layui-btn {border-radius: 30px;margin-left: auto;display: block;margin-right: auto;}

@media screen and (max-width: 1280px){
	.sponsor{padding: 60px 0;}
	.exhibition{padding: 60px 0 0;}
	.joined{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.main-content .tabs {padding: 20px 30px;}
	.area .text-wrap .text{padding: 40px;max-width: 100%;}
	.area li:nth-child(2n+2) .text-wrap .text{padding-left: 50px;}
	.sponsor .list {margin: 5px -10px 0;}
	.sponsor .swiper-slide{padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;height: auto!important;}
	/* .sponsor .swiper-slide .content .pic{width: 100%;position: static;text-align: center;height: auto;margin-bottom: 15px;} */
	/* .sponsor .swiper-slide .content .pic img{width: auto;position: static;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);} */
	.sponsor .swiper-slide .content p{float: none;clear: both;margin: 0 auto;}
	.joined .list{margin-left: -10px;margin-right: -10px;}
	.joined .list li{padding:0 10px;margin-top: 20px;}
	.introduction .desc{background-position: center;}
	.introduction .desc p{width: 100%;}

	.joined .my-layout ul.list li p.top-10 .color-4{
		position: absolute;
		top: -1px;
		left: 70px;
	}
	.sponsor .swiper-slide{ margin-top: 20px;}
}
@media screen and (max-width: 1200px){
.sponsor .swiper-slide .content .bottom-wrap ul{height: 69px;line-height: 23px;}
}
@media screen and (max-width: 991px){
	.sponsor{padding: 40px 0;}
	.exhibition{padding: 40px 0 0;}
	.joined{padding: 40px 0;}
	.main-content{margin-top: 40px;}
	.main-content .tabs a{width: 100px;height: 40px;border-radius: 20px;line-height: 40px;margin-right: 20px;}
	.sponsor .swiper-slide.item{margin-top: 20px;}
	.sponsor .swiper-slide.item:first-child{margin-top: 0;}
	.introduction .desc{padding:20px;}
}

@media screen and (max-width: 767px){
	.exhibition{padding: 30px 0 0;}
	.sponsor{padding: 30px 0;}
	.joined{padding: 30px 0;}
	.main-content{margin-top: 30px;}
	.main-content .tabs {padding: 20px;}
	.main-content .tabs a{width: 32%;margin: 0;margin-right: 2%!important;height: 40px;border-radius: 20px;line-height: 40px;}
	.main-content .tabs a:last-child{margin: 0!important;}
	.area .text-wrap .text{position: static;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
	.area .text-wrap img{display: none;}
	.area .text-wrap .text{padding: 25px;}
	.area li:nth-child(2n+2) .text-wrap .text{padding-left: 25px;}
	.sponsor .banner-btn {display: none;}
	.sponsor .swiper-slide .content .bottom-wrap ul{height: auto;line-height: 23px;}
}