/*
* 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;}
.main-content{margin-top: 80px;}

/* model-title */
.model-title{padding: 15px 0;border-bottom: 1px solid #e1e1e1;}
.model-title i{margin-right: 5px;}
.model-title strong{font-weight: 900;}

/* 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);}
/* main-title */
.main-title .back{width: 78px;height: 78px;border-radius: 50%;background-color: #fff;text-align: center;right: 0;top: 0;line-height: 1;}
.main-title .back p{margin-top: 5px;}
.main-title .back .absolute{margin-top: -2px;}

/* introduction */
.introduction{padding: 50px 0;background-color: #fff;}
.introduction .pic-wrap{width: 480px;padding: 0 60px 0 40px;margin-top: -10px;}
.introduction .logo{height: 140px;}
.introduction .logo img{max-width: 320px;max-height: 140px;}
.introduction .tags{text-align: center;}
.introduction .tag{height: 50px;padding: 0 50px;border: 1px solid #dddddd;border-radius: 25px;line-height: 48px;position: relative;display: inline-block;}
.introduction .tag:before{content: '';width: 5px;height: 5px;background-color: #999999;position: absolute;-webkit-transform: rotate(45deg) translate(0,-50%);-ms-transform: rotate(45deg) translate(0,-50%);transform: rotate(45deg) translate(0,-50%);left: 32px;top: 50%;}
.introduction .tag::after{content: '';width: 5px;height: 5px;background-color: #999999;position: absolute;-webkit-transform: rotate(45deg) translate(0,-50%);-ms-transform: rotate(45deg) translate(0,-50%);transform: rotate(45deg) translate(0,-50%);right: 32px;top: 50%;}
.introduction .text-wrap{width: -webkit-calc(100% - 480px);width: calc(100% - 480px);text-align: justify;padding:0 40px 0 60px;border-left: 1px solid #dbdae0;}
.introduction .text-wrap p{line-height: 1.9;margin-top: 10px;text-indent: 2em;color: #666;}

/* speaker */
.speaker .li-5 {margin-left:-15px;margin-right: -15px;}
.speaker .li-5 li{width: 20%;padding: 15px;}
.speaker .li-5 li a{background-color: #fff; display: block;padding: 20px 15px 30px;border-radius: 6px;text-align: center;}
.speaker .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);}
.speaker .li-5 li a .desc-wrap{padding: 10px 0;border-top: 1px solid #e1e1e1;}
.speaker .li-5 li a .desc{height: 42px;overflow: hidden;}
.speaker .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;}
.speaker .li-5 li:nth-child(5n+1) a .tag{border-color: #cfba5d;color: #cfba5d;}
.speaker .li-5 li:nth-child(5n+2) a .tag{border-color: #f33c0a;color: #f33c0a;}
.speaker .li-5 li:nth-child(5n+3) a .tag{border-color: #043363;color: #043363;}
.speaker .li-5 li:nth-child(5n+4) a .tag{border-color: #f40951;color: #f40951;}
.speaker .li-5 li:nth-child(5n+5) a .tag{border-color: #43b493;color: #43b493;}

/* activity */
.activity .list{margin:30px -20px 0;}
.activity li {padding: 0 20px;margin-top: 40px;}
.activity li:nth-child(-n+2){margin-top: 0;}
.activity li .content {height: 320px;}
.activity .pic-wrap {height:100%;}
.activity .text-wrap {height:100%;background-color: #fff;padding: 36px 32px;}
.activity .text-wrap p{line-height: 1.8;}
.activity .text-wrap .iconfont{vertical-align: -1px;margin-right: 5px;}
.activity .text-wrap .desc{height: 50px;overflow: hidden;}
.activity .layui-btn{width: 120px;height: 42px;line-height: 42px;border-radius: 21px;-webkit-box-shadow: none;box-shadow: none;}
.activity .layui-btn.fulled{background-color: #dddddd;background-image: none;color: #666;}

/* product */
.product li .content{height: 230px;}
@media screen and (max-width: 1280px){
	.exhibition{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.main-content .tabs {padding: 20px 30px;}
	.introduction .pic-wrap{width: 400px;padding: 0 50px 0 30px;margin-top: -10px;}
	.introduction .text-wrap{width: -webkit-calc(100% - 400px);width: calc(100% - 400px);padding:0 30px 0 50px;}
	.introduction .tag{padding: 0 40px;}
	.introduction .tag:before{left: 25px;top: 50%;}
	.introduction .tag::after{right: 25px;top: 50%;}
	.speaker .li-5 li{width: 25%;padding: 15px;}
	.speaker .li-5 li a .desc{height: 38px;}
	.activity .list{margin:30px -10px 0;}
	.activity li {padding: 0 10px;margin-top: 20px;}
	.activity li .content {height: 280px;}
	.activity .text-wrap {height:100%;background-color: #fff;padding: 25px;}
	.product li .content{height: 190px;}
}

@media screen and (max-width: 991px){
	.exhibition{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;}
	.main-title .back{width: 60px;height: 60px;}
	.main-title .back i{font-size: 18px;}
	.introduction{padding: 30px;}
	.introduction .pic-wrap{width: 100%;padding: 0;margin-top: 0;position: static;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
	.introduction .text-wrap{width: 100%;padding:0;border-left:none}
	.introduction .tags{text-align: center;}
	.introduction .tag{float: none;display: inline-block;margin-left:10px;margin-right: 10px;}
	.introduction .text-wrap {text-align: center;margin-top: 20px;}
	.speaker .li-5 {margin-left:-10px;margin-right: -10px;}
	.product li .content{height: 185px;}
}

@media screen and (max-width: 767px){
	.exhibition{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;}
	.introduction{padding: 0 20px 30px;}
	.introduction .logo img{max-width: 80%;max-height: 80%;}
	.introduction .tags{margin-top: 0;}
	.introduction .tag{height: 40px;padding: 0 30px;border-radius: 20px;line-height: 38px;}
	.introduction .tag:before{left: 15px;}
	.introduction .tag::after{right: 15px;}
	.speaker .li-5 {margin-left:-5px;margin-right: -5px;}
	.speaker .li-5 li{width: 50%;padding: 5px;}
	.activity li:nth-child(-n+2){margin-top: 20px;}
	.activity li:first-child{margin-top: 0;}
}