.exhibition_content{overflow: hidden;margin: 20px auto 50px;}
.exhibition_left{float: left;width: 860px;}
.exhibition_header{width: 100%;height: 75px;background: #FFFFFF;border: 1px solid #e5e7f2;border-radius: 10px;padding: 12px 20px;box-sizing: border-box;}
.exhibition_header_title{float: left;line-height: 31px;font-size: 20px;font-weight: 600;color: #022D62;margin-top: 10px;}
.exhibition_header_right{float: right;-ms-user-select: none;user-select:none;}
.exhibition_header_right_p{font-size: 12px;color: #999999;font-weight: 900;line-height: 21px;float: left;margin: 15px 14px 0px 0px;}
.exhibition_header_right_select_div{width: 180px;height: 41px;margin-top: 5px;background: #f9f9f9;border: 1px solid #e5e7f2;box-sizing: border-box;border-radius: 5px;float: left;color: #7d93b2;cursor: pointer;padding: 0px 30px 0px 0px;position: relative;}
.exhibition_header_right_select_div:after{border-bottom: 2px solid #fff;border-right: 2px solid #fff;content:'';display: block; height: 6px;width: 6px;margin-top: -6px; position: absolute;right: 22px;top: 50%;border-color: #4DB7FE;transform-origin: 66% 66%;transform: rotate(45deg);transition: all .15s ease-in-out;}
.exhibition_header_right_select_div.active:after{transform: rotate(-135deg);}
.select_div_icon{width: 42px;float: left;padding: 13px 16px 0px;box-sizing: border-box;}
.select_div_icon p{width: 10px;height: 2px;background: #4db7fe;margin-top: 2px;}
.select_div_active{color: #7d93b2;font-size: 12px;float: left;height: 39px;line-height: 41px;}
.select_option_list{width: 100%;overflow: hidden;position: absolute;border-radius: 0px 0px 5px 5px;background: #FFFFFF;top: 45px;box-shadow: 0 0 0 1px rgba(68,68,68,0.11);transition: all 0.2s ease;opacity: 0;transform:scale(.75) translateY(-50px);z-index: -1;}
.select_option_li{line-height: 40px;min-height: 40px;padding: 0px 29px 0px 18px;transition: all .2s ease;font-size: 12px;user-select:none;}
.select_option_li:hover{background: #F6F6F6;}
.select_option_li.active{background: #4DB7FE;color: #FFFFFF;}
.exhibition_header_right_select_div.active .select_option_list{opacity: 1;transform:scale(1) translateY(0px);z-index: 10;}
.exhibition_header_right_show_type{width: 72px;height: 36px;float: left;margin-top: 6.5px;margin-left: 12px;}
.show_type_option{width: 36px;height: 36px;float: left;text-align: center;line-height: 36px;font-size: 18px;-ms-user-select: none;user-select:none;}
.show_type_option .iconfont{font-size: 18px;}
.show_type_option .iconfont2{font-size: 22px;}
.show_type_option.active{color: #4DB7FE;}

.exhibition_main{width: 100%;margin-top: 30px;overflow: hidden;}
.exhibition_main_item{width: 425px;float: left;margin-bottom: 12px;border-radius: 10px;overflow: hidden;}
.exhibition_main_item:nth-child(odd){margin-right: 5px;}
.exhibition_main_item:nth-child(even){margin-left: 5px;}
.exhibition_main_item_top{float: left;width: 100%;position: relative;z-index: 2;}
.exhibition_main_item_top:before{content: "";position: absolute;bottom: -8px;left: 0;right: 0;height: 26px;border-radius: 15px 15px 0 0;background: #fff;z-index: 3;}
.exhibition_main_item_top_a{float: left;width: 100%; height: 245px; position: relative;overflow: hidden;}
.exhibition_main_item_top_a:before{content: "";position: absolute;left: 0;bottom: 0;right: 0;top: 30%;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(6,27,65,0.95) 100%);z-index: 2;}
.exhibition_main_item_top_a img{transform: translateZ(0);transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;width: 100%; height: auto;}
.exhibition_main_item:hover .exhibition_main_item_top_a img{transform: scale(1.12);}

.exhibition_main_item_top_date{position: absolute;top: 20px;left: 20px;padding: 6px 10px;color: #FFFFFF;font-size: 12px;border-radius: 20px;box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);background: #5ECFB1;text-align: center;line-height: 16px;}
.exhibition_main_item_top_date_iconfont{transform: rotate(-220deg);float: left;margin-right: 10px;}

.exhibition_main_item_top_logo{position: absolute;bottom: -8px;right: 40px;z-index: 10;}
.exhibition_main_item_top_logo_a{float: left;padding: 3px;background: #FFFFFF;border-radius: 50%;position: relative;z-index: 2;}
.exhibition_main_item_top_logo_a img{width: 50px;height: 50px;border-radius: 50%;transition: all .2s ease-in-out;}

.exhibition_main_item_top_logo_span{position: absolute;height: 56px;line-height: 56px;top: 0;right: 30px;border-radius: 56px 0px 0px 56px;z-index: 1;background: #FFFFFF;box-shadow: 0 9px 26px rgba(58,87,135,0.15);transition: all .2s ease-in-out;box-sizing: border-box;width: 0px;overflow: hidden;}
.exhibition_main_item_top_logo_span a{font-size: 12px;color: #121416;margin-left: 25px;}
.exhibition_main_item_top_logo:hover .exhibition_main_item_top_logo_span{width: 200px;}
.exhibition_main_item_top_logo:hover .exhibition_main_item_top_logo_a img{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}

.exhibition_main_item_bottom{width: 100%;float: left;background: #FFFFFF;padding-top: 5px; height:230px;}
.exhibition_main_item_bottom_title{padding: 2px 20px 20px;margin-bottom: 10px;border-bottom: 1px solid #eee;overflow: hidden;}
.exhibition_main_item_bottom_h3{height: 38px;font-size: 16px;margin-bottom: 10px;line-height: 1.2;}
.exhibition_main_item_bottom_h3 a{color: #566985;transition: all 0.3s ease;}
.exhibition_main_item_bottom_h3 a:hover{color: #4DB7FE;}
.exhibition_main_item_bottom_address{line-height: 1.4;}
.exhibition_main_item_bottom_address a{color: #7d93b2;font-size: 12px;max-height: 32px;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.exhibition_main_item_bottom_address a .iconfont{padding-right: 4px;font-size: 12px;color: #4DB7FE;}
.exhibition_main_item_bottom_address a .iconfont2{margin-left: 8px;font-size: 14px;position: relative;top: 1px;}
.exhibition_main_item_bottom_info{padding: 0px 20px 20px;width: 100%;float: left;box-sizing: border-box;}
.exhibition_main_item_bottom_info_p{font-size: 12px;color: #999999;font-weight: 500;line-height: 24px;height: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.exhibition_main_item_bottom_info_contact{margin: 10px 0px;float: left;line-height: 19px;}
.exhibition_main_item_bottom_info_contact_p{float: left;margin-right: 10px;color: #022d62;font-weight: 700;font-size: 13px;}
.exhibition_main_item_bottom_info_contact_ul{float: left;}
.exhibition_main_item_bottom_info_contact_li{float: left;margin-right: 14px;cursor: pointer;}
.exhibition_main_item_bottom_info_contact_li .iconfont{color: #4DB7FE;font-size: 20px;}
.exhibition_main_item_bottom_info_contact_li .iconfont_b{font-size: 17px;}
.exhibition_main_item_bottom_info_contact_li .iconfont_c{font-size: 17px;}


/* 切换显示类型开始 */
.exhibition_main_item.active{width: 100%;margin-right: 0px;}
.exhibition_main_item.active .exhibition_main_item_top{width: 44%;}
.exhibition_main_item.active .exhibition_main_item_top:before{display: none;}

.exhibition_main_item.active .exhibition_main_item_top_logo{bottom: 20px;right: 20px;z-index: 10;}
.exhibition_main_item.active .exhibition_main_item_top_logo_a img{width: 30px;height: 30px;}
.exhibition_main_item.active .exhibition_main_item_top_logo_span{height: 36px;line-height: 36px;right: 15px;}
.exhibition_main_item.active .exhibition_main_item_top_logo:hover .exhibition_main_item_top_logo_span{width: 180px;}

.exhibition_main_item.active .exhibition_main_item_bottom{width: 56%;padding-top: 15px;}
.exhibition_main_item.active .exhibition_main_item_bottom_title{padding: 0px 20px 15px;}
.exhibition_main_item.active .exhibition_main_item_bottom_address a{max-height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;width: 100%;display: block;}
/* 切换显示类型结束 */




.exhibition_right{width: 300px;padding: 16px 0px;box-sizing: border-box;background: #FFFFFF;float: right;border-radius: 10px;border: 1px solid #e5e7f2;}
.exhibition_right_title{font-size: 18px;color: #022d62;font-weight: 700;line-height: 24px;padding: 0px 16px 16px;border-bottom: 1px solid #eee;box-sizing: border-box;}
.exhibition_right_list{overflow: hidden;}
.exhibition_right_li{width: 266px;background: #f7f7f7;border-radius: 5px;overflow: hidden;margin: 15px auto 0px;padding: 18px 12px ;box-sizing: border-box;}
.exhibition_right_li .img{width: 55px;height: 55px;border-radius: 50%;overflow: hidden;float: left;margin-right: 16px;}
.exhibition_right_li .img img{width: 100%;height: 100%;object-fit: cover;}
.exhibition_right_li .content{float: right;max-width: 165px;margin-top: 11px;}
.exhibition_right_li .content .title{font-size: 15px;color: #3c3c3c;margin-bottom: 3px;line-height: 18px;height: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.exhibition_right_li .content .tig{font-size: 12px;color: #9c9c9c;line-height: 15px;height: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}



.exhibition_right_service{width: 300px;float: right;margin-top: 20px;background: #fff;border-radius: 10px;border: 1px solid #e5e7f2;overflow: hidden;}
.exhibition_right_service_title{border-bottom: 1px solid #eee;padding:16px 30px 10px 30px;font-size: 18px;font-weight: 700;color: #022d62;line-height: 24px;position: relative;}
.exhibition_right_service_title:after{border-bottom: 2px solid #fff;border-right: 2px solid #fff;content:'';display: block; height: 6px;width: 6px;margin-top: -2px; position: absolute;right: 35px;top: 50%;border-color: #4DB7FE;transform-origin: 66% 66%;transform: rotate(45deg);transition: all .15s ease-in-out;}
.exhibition_right_service_box{padding:25px 30px 0px;}
.exhibition_right_service_box_div{margin-bottom: 18px;padding-top: 15px;border-top: 1px solid #eee;}
.exhibition_right_service_box_div:first-child{padding-top: 0px;border-top: 0px;}
.exhibition_right_service_box_p{float: left;min-width: 80px;font-size: 13px;color: #000000;line-height: 17px;}
.exhibition_right_service_box_p .iconfont{font-size: 16px;margin-right: 7px;color: #4DB7FE;float: left;}
.exhibition_right_service_box_p .iconfont_d{font-size: 12px;margin-left: 1px;}
.exhibition_right_service_box_a{font-size: 13px;color: #878C9F;margin-left: 10px;}
.exhibition_right_service_box_a:hover{color: #4DB7FE;}


/* 翻页开始 */
.turn_pages_div{width: 860px;height: 44px;float: left;margin-top: 20px;text-align: center;}
.turn_pages_div a{display: inline-block;width: 44px;height: 44px;line-height: 44px;border-radius: 6px;border: 1px solid #eee;box-sizing: border-box;position: relative;font-size: 13px;color: #888DA0;background: #fff;text-align: center;transition: all 0.3s ease-in-out;}
.turn_pages_div .prev_page{width: auto;margin-right: 20px;position: relative;padding: 0px 30px 0px 40px;}
.turn_pages_div .prev_page:before{content: "";width: 0px;height: 0px;border-width: 3px;border-style: solid;border-color: #888DA0;border-right-color: rgba(0,0,0,0);border-top-color: rgba(0,0,0,0);transform: rotate(45deg);position: absolute;left: 27px;top: 18px;transition: all 0.3s ease-in-out;}
.turn_pages_div .next_page{width: auto;margin-left: 20px;position: relative;padding: 0px 40px 0px 30px;}
.turn_pages_div .next_page:before{content: "";width: 0px;height: 0px;border-width: 3px;border-style: solid;border-color: #888DA0;border-bottom-color: rgba(0,0,0,0);border-left-color: rgba(0,0,0,0);transform: rotate(45deg);position: absolute;right: 27px;top: 18px;transition: all 0.3s ease-in-out;}

.turn_pages_div a:hover{background: #4DB7FE;color: #FFFFFF;}
.turn_pages_div a.next_page:hover:before{border-color: #FFFFFF;border-bottom-color: rgba(0,0,0,0);border-left-color: rgba(0,0,0,0);}
.turn_pages_div a.prev_page:hover:before{border-color: #FFFFFF;border-right-color: rgba(0,0,0,0);border-top-color: rgba(0,0,0,0);}
.turn_pages_div a.active{background: #4DB7FE;color: #FFFFFF;}
/* 翻页结束 */


/* 鼠标移上开始 */
.hover_tooltip_bottom{position: relative;display: inline;cursor: pointer;}
.hover_tooltip_bottom:after{content: attr(data-tooltip);position: absolute;padding: 0px 20px;font-size: 12px;height: 30px;line-height: 30px;white-space:nowrap;box-sizing: content-box;background: #313E6E;color: #FFFFFF;border-radius: 2px;top: 100%;left: 50%;transition: all .2s ease-in-out;transform:translate3d(-50%, -15px, 0);opacity: 0;will-change:transform;z-index: -1;}
.hover_tooltip_bottom:hover:after{transform:translate3d(-50%, 10px, 0);opacity: 1;z-index: 1;}

.hover_tooltip_top{position: relative;display: inline;cursor: pointer;}
.hover_tooltip_top:after{content: attr(data-tooltip);position: absolute;padding: 0px 20px;font-size: 12px;height: 30px;line-height: 30px;white-space:nowrap;box-sizing: content-box;background: #313E6E;color: #FFFFFF;border-radius: 2px;bottom: 100%;left: 50%;transition: all .2s ease-in-out;transform:translate3d(-50%, 5px, 0);opacity: 0;will-change:transform;z-index: -1;}
.hover_tooltip_top:hover:after{transform:translate3d(-50%, -10px, 0);opacity: 1;z-index: 1;}
/* 鼠标移上结束 */