.container{position:relative;}
.content-warp{padding:0 20px;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;margin-bottom:20px;}
.content-warp h3{color:#666;font-size:14px;font-weight:bold;margin:0;}
.content-warp .stitle{margin-bottom:20px;color:#666;font-size:14px;font-weight:bold;border-left:2px solid #225c8b;padding-left:10px;}
.left-item{width:78%;margin-right:2%;background:#fff;padding:20px;}
.left-top{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;}
#banner{position:relative;width:480px;height:440px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;margin-right:20px;border:1px solid #dedede;}
#bannerlist{position:absolute;height:440px;text-align:center;}
#bannerlist a{display:none;text-align:center;line-height:440px;max-width:480px;height:440px;}
#bannerlist a.act{display:block;}
#bannerlist img{max-width:100%;max-height:100%;width:480px;height:440px;vertical-align:middle;}
#bannerbtn{position:absolute;bottom:20px;z-index:2;height:10px;width:100%;text-align:center;}
#bannerbtn span{display:inline-block;margin-right:5px;width:14px;height:14px;border-radius:50%;background:#585858;cursor:pointer;opacity:.5;}
#bannerbtn .on{background:#007aff;opacity:1;}
.arrow{position:absolute;top:50%;z-index:2;display:none;width:40px;height:40px;font-size:24px;line-height:39px;text-align:center;color:#fff;background:rgb(0 114 255 / 50%);cursor:pointer;border-radius:6px;opacity:.5}
.arrow:hover{opacity:.8;}
#prev{left:20px;}
#next{right:20px;}
.calendar{-webkit-flex:auto;flex:auto;}
.calendar-box{margin-bottom:28px;border-radius:6px;background:url(images/calendar-bg.png)top center no-repeat;padding-top:11px;}
.calendar-box:last-child{margin-bottom:0;}
.calendar-title{position:relative;border-left:1px solid #dedede;border-right:1px solid #dedede;line-height:40px;text-align:center;}
.calendar-title .year{font-size:16px;font-weight:bold;color:#585858;}
.calendar-title  .allfaris{position:absolute;right:30px;color:#585858;}
.calendar-title a:hover{color:#225c8b;}
.calendar-box ul{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #dedede;padding:10px 0;}
.calendar-box ul li{width:23%;text-align:center;line-height:30px;border:1px solid #dedede;margin:6px;display:inline-block;}
.calendar-box ul li p{display:block;cursor:pointer;}
.calendar-box ul li p:hover{color:#225c8b;text-decoration:underline;}
.country-box{margin:20px 0;}
.countries-list{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.countries-list a{width:18%;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;margin-bottom:10px;border-bottom:1px dashed #dedede;padding:10px 0;margin-right:20px;display:inline-block;}
.countries-list a:nth-child(5n){margin-right:0;}
.countries-list a:hover{color:#225c8b;}
.countries-list a span{color:#585858;}
.countryimg img{width:18px;height:12px;display:inline-block;margin-right:10px;vertical-align:middle;}
.fair-box ul{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.fair-box ul li{width:48%;display:inline-block;display:-webkit-flex;display:flex;margin-right:20px;align-items:center;margin-bottom:20px;}
.fair-box ul li:nth-child(2n){margin-right:0;}
.fair-box ul li>div{width:45%;display:inline-block;vertical-align:middle;}
.fair-box ul li .img-box{width:50%;height:80px;display:inline-block;vertical-align:middle;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;text-align:center;border:1px solid #dedede;margin-right:20px;}
.fair-box ul li .img-box img{max-width:98%;max-height:98%;vertical-align:middle;}
.fair-box ul li .img-box:hover{border-color:#225c8b;}
.fair-box ul li .title{font-weight:bold;font-size:14px;color:#225c8b;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:90%;display:block;}
.fair-box ul li .title:hover{text-decoration:underline;}
.fair-box ul li p{color:#585858;margin:5px 0;}
.fair-box ul li .website{color:#585858;}
.fair-box ul li .website:hover{color:#225c8b;text-decoration:underline;}
.right-item{width:20%;padding:20px;background:#fff;}
.right-item ul{border-top:1px dashed #dedede;padding-top:10px;}
.right-item ul li{border-bottom:1px dashed #dedede;padding-bottom:10px;margin-bottom:10px;}
.right-item ul li .title{margin-bottom:10px;font-weight:bold;font-size:14px;color:#666;}
.right-item ul li a:hover{text-decoration:none;}
.right-item ul li:hover .title{color:#225c8b;text-decoration:underline;}
.right-item ul li p{color:#585858;margin-bottom:10px;}
.right-item ul li p span{color:#225c8b;margin:0 4px;display:inline-block;vertical-align:middle;}
.dialogdetail{opacity:1;z-index:9999;position:fixed;background:#fff;width:60%;top:14%;left:20%;box-shadow:0 20px 20px 0 rgb(0 0 0 / 15%);}
.dialogdetail h1{line-height:40px;color:#fff;background:#4da8f3;padding:0 20px;font-size:14px;cursor:move;}
.dialogdetail  h1 .close{width:20px;height:20px;cursor:pointer;vertical-align:middle;font-size:12px;display:inline-block;position:relative;margin-left:10px;float:right;}
.dialogdetail h1 .close::before,.dialogdetail h1 .close::after{content:'';width:20px;height:2px;display:block;background-color:#fff;position:absolute;right:0;top:18px;}
.dialogdetail h1 .close::before{transform:rotate(45deg);}
.dialogdetail h1 .close::after{background:#fff;transform:rotate(-45deg);}
.fairlist{-ms-overflow-style:none;overflow:-moz-scrollbars-none;position:relative;padding:20px;width:80%;margin:0 auto;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;max-height:600px;overflow-y:scroll;}
.fairlist::-webkit-scrollbar{width:0!important}
.fairlist li{width:100%;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:20px;justify-content:center;align-items:center;}
.fairlist li .img-box{width:290px;height:80px;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;text-align:center;border:1px solid #dedede;margin-right:20px;}
.fairlist li .img-box img{max-width:98%;max-height:98%;vertical-align:middle;}
.fairlist li .img-box:hover{border-color:#225c8b;}
.fairlist li>div{width:400px;}
.fairlist li .title{font-weight:bold;font-size:14px;color:#225c8b;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:100%;display:block;}
.fairlist li .title:hover{text-decoration:underline;}
.fairlist li p{color:#585858;margin:5px 0;}
.fairlist li .website{color:#585858;}
.fairlist li .website:hover{color:#225c8b;text-decoration:underline;}
.btn-close{width:100px;padding:10px;color:#fff;background: #1b75bc;text-align:center;display:block;margin:20px auto;cursor:pointer;}
.detaildialog{}
.listdialog{opacity:1;z-index:9999;}
.detaildialog .top{cursor:move;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;margin:0 20px 20px 20px;padding:20px 0;border-bottom:1px solid #dedede;}
.detaildialog .top .img-box{border:1px solid #efefef;margin-right:20px;}
.detaildialog .top .img-box img{max-width:100%;max-height:100%;vertical-align:middle;}
.detaildialog .top h1{font-size:16px;font-weight:bold;color:#225c8b;}
.detaildialog .top .title{font-weight:bold;}
.detaildialog .info{padding:0 20px;margin-bottom:20px;max-height:400px;overflow-y:scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
.detaildialog .info::-webkit-scrollbar{width:0!important}
.detaildialog .info p{color:#585858;margin-bottom:10px;}
.detaildialog .info p a{color:#585858;}
.detaildialog .info p a:hover{color:#225c8b;text-decoration:underline;}
.detaildialog .info p span{display:inline-block;width:150px;margin-right:20px;}
.description{margin-top:30px;}
.description h5{font-size:14px;margin-bottom:20px;color:#225c8b;}
.detaildialog .info .description p{line-height:24px;margin-bottom:10px;color:#333;}
.description ul{list-style:unset;line-height: 20px; padding-left: 14px;}
.detaildialog .info .description span{width:auto;}
.fairdetail {width:100%;background:#fff;margin:20px;min-height:460px;}
.pagination{text-align:center;margin-bottom:20px;}
.pagination li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin-right:10px;background:#fff;border:1px solid #ededed;color:#585858;}
.pagination li:first-child,.pagination li:last-child{width:50px;}
.pagination li.active{background: #1b75bc;padding:0;}
.pagination li.active span,.pagination li.active a{color:#fff;}
@media screen and (max-width:1600px) {
	.fairlist{max-height:500px;}
}
@media screen and (max-width:1440px){
	.calendar-box ul li{width:22.5%;}
	.fair-box ul li .img-box{height:74px;}
	.fairlist{width:100%;}
}
@media screen and (max-width:1366px){
	.calendar-box ul li{width:22.3%;}
	.fair-box ul li .img-box{height:70px;}
	.fairlist{width:100%;}
	.detaildialog .info{max-height:280px;}
	.fairlist{max-height:400px;}
}
@media screen and (max-width:1024px){
	#banner{position:relative;width:415px;height:380px;}
	#bannerlist{height:380px;}
	.calendar-box ul li{width:21%;line-height:20px;}
	.countries-list a{width:22%;}
}