.icmef .paginationhtml { background-color: #f5f5f5; margin: 0; padding: 0; min-width: 1230px; }
body { background-color: #fff; color: #333; font-size: 16px; font-family: 'Microsoft YaHei',Arial, "Segoe UI", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; margin-top: 0; min-width: 1230px }
input, select { outline: none; }
a,
a :link,
a :visited { color: #333; outline: none; padding: 0 3px; text-decoration: none; }
    a:hover { color: #066fcb; text-decoration: none; }
li { list-style-type: none; }
header, footer, hgroup,
nav, section { display: block; }
b, strong { font-weight: normal; }
mark { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; }
.float-left { float: left; }
.float-right { float: right; }
.clear-fix { clear: both; }
    .clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
h1, h2, h3,
h4, h5, h6 { color: #000; margin-bottom: 0; padding-bottom: 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
    h5 a:link, h5 a:visited, h5 a:active { padding: 0; text-decoration: none; }

#newBridge .icon-right-center { bottom: 140px !important; top:inherit;}
/* main layout
----------------------------------------------------------*/
/*顶部*/
/* @import url(); 引入css类 */
.header .container .row.content-wrapper { position: relative; }
.layout { }
    .layout > .header > .b-img { width: 100%; height: 500px; }
.topic-banner { position: relative; }
    /*background-color: rgba(71,190,237,.1);*/
    .topic-banner .camera_target_content { left: 0; right: 0; bottom: 0; top: 0; }
    .topic-banner .camera_wrap { padding-bottom: 60px; }
    .topic-banner .swiper-slide { background: no-repeat center top; }
.topic-bar { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    .topic-bar .container { width: 100% !important; padding: 0; }
    .topic-bar .topic-menu { padding: 0 60px; height: 80px; background-color: #ffffff;min-width:1200px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); }
    .topic-bar.nav-topic { height: 72px; background-color: rgba(0, 0, 0); }
    .topic-bar .banner { width: 100%; height: 650px; }
    .topic-bar .content-wrapper { }
        .topic-bar .content-wrapper .ex-name { margin: 0 auto; height: 80px; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
            .topic-bar .content-wrapper .ex-name .logo { padding-top: 17px; }
    .topic-bar.nav-topic .content-wrapper .ex-name { height: 72px; }

.u-shu { width: 1px; height: 48px; background-color: #cccccc; margin: 0 20px 0 30px; }
.u-date .icon { color: #EE1c5D; }
.u-icon { display: flex; display: -ms-flexbox; display: -webkit-flex; }
    .u-icon i.iconfont { display: flex; display: -ms-flexbox; display: -webkit-flex; }
    .u-icon span { font-size: 12px; color: #ffffff; display: inline-block; margin-left: 8px; }




/*导航*/
.topic-bar .topic-menu .ex-name, .topic-bar .topic-menu .menuInfo, .topic-bar .topic-menu .language { height: 80px; }
.topic-bar .topic-menu .language { text-align: center; display: block; overflow: hidden; }
    .topic-bar .topic-menu .language .link { float: left; width: 25%; padding-top: 20px; }
        .topic-bar .topic-menu .language .link a, .topic-bar .topic-menu .language .link a:visited, .topic-bar .topic-menu .language .link a:hover { display: block; text-decoration: none; }
        .topic-bar .topic-menu .language .link .iconfont { font-size: 30px; color: #999; }
            .topic-bar .topic-menu .language .link .iconfont:hover { color: #EE1c5D; }

.menu-bar { margin: 0 auto; overflow: hidden; display: block;min-width: 825px; padding-top: 24px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.topic-bar.nav-topic .menu-bar { padding-top: 26px; }
.menu-bar .menu { clear: both; margin: 2px auto 0; }
.menu-bar .social { position: absolute; right: 5px; top: 20px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.topic-bar.nav-topic .menu-bar .social { top: 16px; }

.menu-bar .menu .menu_list { clear: both; overflow: hidden; display: block; flex-direction: row; padding: 0 10px; }

.menu a, .menu a:visited, .menu a:link { text-decoration: none; }
.menu .nav_menu_children, .menu .nav_menu_child { float: left; color: #fff; padding: 0 5px; margin: 0; position: relative; text-align: center; display: block; flex: 1; }
.menu .en { visibility: hidden; border: 1px solid #EE1c5D; height: 0; width: 0; transition: all .4s; margin: 10px auto 0; }
.menu .nav_menu_children a, .menu .nav_menu_children a:link, .menu .nav_menu_children a:visited, .menu .nav_menu_children a:hover, .menu .nav_menu_child a, .menu .nav_menu_child a:link, .menu .nav_menu_child a:visited, .menu .nav_menu_child a:hover { color: #333; text-decoration: none; font-size: 18px; display: block; padding: 0px 20px; }
    .menu .nav_menu_children a:hover, .menu .nav_menu_child a:hover { color: #fff; }
.menu .nav_menu_children:hover .en, .menu .nav_menu_child:hover .en { visibility: visible; height: 2px; width: 70%; }
.menu .nav_menu_children:hover .en, .menu .nav_menu_child:hover .en, .menu .nav_menu_children.nav_menu_hover_p .en, .menu .nav_menu_child.menu_hover .en { visibility: visible; height: 2px; width: 70%; }
.menu .nav_menu_children a:hover { }
.menu .nav_menu_children:hover, .menu .nav_menu_child:hover, .menu .nav_menu_children.nav_menu_hover_p, .menu .nav_menu_child.menu_hover { color: #fff; }
    .menu .nav_menu_child:hover .ch, .menu .nav_menu_children:hover .ch, .menu .nav_menu_children.nav_menu_hover_p .ch, .menu .nav_menu_child.menu_hover .ch { color: #EE1c5D; }
.menu .nav_menu_children .nav_menu_1, .menu .nav_menu_children .nav_menu_2 { position: fixed; visibility: hidden; opacity: 0; transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; text-align: center; z-index: 999; box-shadow: 0 0 5px rgba(0,0,0,.25); margin-top: 20px; }
.menu .nav_menu_children:hover .nav_menu_1 { visibility: visible; opacity: 1; margin-top: 0; }
.menu .nav_menu_children .nav_menu_1 a { padding: 5px 20px; color: #666; }
    .menu .nav_menu_children .nav_menu_1 a .ch, .menu .nav_menu_children .nav_menu_2 a .ch { color: #666; }
.menu .nav_menu_children .nav_menu_1 .nav_menu_1_child, .menu .nav_menu_children .nav_menu_1 .nav_menu_1_children { background-color: #fff; position: relative; }
    .menu .nav_menu_children .nav_menu_1 .nav_menu_1_child:first-child { border-top: none; }
    .menu .nav_menu_children .nav_menu_1 .nav_menu_1_child:last-child { border-top: none; }
    .menu .nav_menu_children .nav_menu_1 .nav_menu_1_child:hover, .menu .nav_menu_children .nav_menu_1 .nav_menu_1_children:hover, .menu .nav_menu_children .nav_menu_1_hover_p { }
        .menu .nav_menu_children .nav_menu_1 .nav_menu_1_child:hover .ch, .menu .nav_menu_children .nav_menu_1 .nav_menu_1_children:hover .ch { color: #EE1c5D; background: #fef5f9 url("/Content/images/toright.png") no-repeat 230px center; }
    .menu .nav_menu_children .nav_menu_1 .nav_menu_1_children .nav_menu_2 a .ch { color: #666; }
    .menu .nav_menu_children .nav_menu_1 .nav_menu_1_children .nav_menu_2 .nav_menu_2_child:hover { background-color: #EE1c5D; }
        .menu .nav_menu_children .nav_menu_1 .nav_menu_1_children .nav_menu_2 .nav_menu_2_child:hover .ch { color: #fff; }
.menu .nav_menu_children .nav_menu_2 { position: absolute; left: 0; right: 0; top: 60px; background: #fff; margin-top: 0; margin-left: 20px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.25); border-radius: 3px; }
.menu .nav_menu_1_children:hover .nav_menu_2 { visibility: visible; opacity: 1; margin-left: 1px; }
.nav_menu_2 .nav_menu_2_child { position: relative; background-color: #f0f0f0; }
    .nav_menu_2 .nav_menu_2_child:first-child { border-top: none; }
.nav_menu_1 .nav_content { display: block; width: 300px; margin: 0 auto; min-height: 200px; }
.nav_menu_1 .nav_content_head, .nav_menu_1 .nav_content_menu { background-color: #fff; border-radius: 10px; padding: 10px 0; }
.nav_menu_1 .nav_content_head { display: none; }
    .nav_menu_1 .nav_content_head img { width: 100%; min-height: 150px; max-height: 200px; box-sizing: border-box; }
.nav_menu_1 .nav_content_menu { padding: 10px 0px; position: relative; }
.nav_menu_1 .en { display: none; }
.nav_menu_1 .ch { padding: 15px 20px; text-align: left; border-radius: 10px; }
.menu .nav_menu_children .nav_menu_1 .nav_menu_1_hover a .ch, .menu .nav_menu_children .nav_menu_2 .nav_menu_2_hover a .ch { color: #EE1c5D; background: #fef5f9 url("/Content/images/toright.png") no-repeat 230px center; }
.nav_menu_2 .nav_content_head { display: none; }
.nav_menu_2 .nav_content { width: 300px; margin: 0 auto; box-shadow: none; min-height: 20px; }
.nav_menu_2 .nav_content_menu { padding: 0; }
.menu .nav_menu_children .nav_menu_2 { box-shadow: none; }
    .menu .nav_menu_children .nav_menu_2 a { color: #666; padding: 5px 15px; }
.nav_menu_2 .ch { padding: 5px 12px; color: #fff; background: none; }


.camera_thumbs { display: none; }
.camera_thumbs_cont ul li > img { border: 1px solid rgba(71,190,237,.1); }
.camera_thumbs_cont ul li.cameracurrent > img { border-right: 4px solid #47beed; box-shadow: 0 0 5px rgba(71,190,237,.1); }
.camera_thumbs_cont { margin-top: -132px; background: none; }
.camera_prev, .camera_next, .camera_stop, .camera_play { background-color: rgba(71,190,237,.6); }
.camera_bar { bottom: 1px; }


@media (max-width: 800px) {
    .menu .nav_menu_children { }
    .nav_menu_1 { }
    .Code .qrcode-info .left { float: left; margin-right: 5%; box-sizing: border-box; text-align: center; background-color: #172d41; }
        .Code .qrcode-info .left .name { margin-bottom: 10px; }
        .Code .qrcode-info .left img { width: 80px; height: 80px; margin: 10px 10px 5px 10px; vertical-align: middle; text-align: center; }
    .Code .qrcode-info { display: block; overflow: hidden; }
}

@media (min-width: 800px) {
    .menu .nav_menu_children { }
    .nav_menu_1 { }
    .tong .tools .item { margin: 10px; }
    .Code .qrcode-info .left { float: left; margin-right: 3%; box-sizing: border-box; text-align: center; background-color: #172d41; }
        .Code .qrcode-info .left .name { margin-bottom: 8px; }
        .Code .qrcode-info .left img { width: 80px; height: 80px; margin: 8px 8px 5px 8px; vertical-align: middle; text-align: center; }
    .Code .qrcode-info { display: block; overflow: hidden; }
}

@media (min-width: 1000px) {
    .menu .nav_menu_children { }
    .nav_menu_1 { }
    .tong .tools .item { margin: 20px; }
    .Code .qrcode-info .left { float: left; margin-right: 3%; box-sizing: border-box; text-align: center; background-color: #172d41; }
        .Code .qrcode-info .left .name { margin-bottom: 8px; }
        .Code .qrcode-info .left img { width: 80px; height: 80px; margin: 8px 8px 5px 8px; vertical-align: middle; text-align: center; }
    .Code .qrcode-info { display: block; overflow: hidden; }
}

@media (min-width: 1200px) {
    .menu .nav_menu_children { }
    .nav_menu_1 { }
    .tong .tools .item { margin: 30px; }
    .Code .qrcode-info .left { float: left; margin-right: 5%; box-sizing: border-box; text-align: center; background-color: #172d41; }
        .Code .qrcode-info .left .name { margin-bottom: 15px; }
        .Code .qrcode-info .left img { width: 85px; height: 85px; margin: 15px 15px 5px 15px; vertical-align: middle; text-align: center; }
    .Code .qrcode-info { display: block; overflow: hidden; }
}

@media (min-width: 1400px) {
    .menu .nav_menu_children { }
    .nav_menu_1 { }
    .Code .qrcode-info .left { float: left; margin-right: 5%; box-sizing: border-box; text-align: center; background-color: #172d41; }
        .Code .qrcode-info .left .name { margin-bottom: 15px; }
        .Code .qrcode-info .left img { width: 85px; height: 85px; margin: 15px 15px 5px 15px; vertical-align: middle; text-align: center; }
    .Code .qrcode-info { display: block; overflow: hidden; }
}


.banner .swiper-container { width: 100%; height: 100%; }
    .banner .swiper-container .swiper-slide { text-align: center; min-height: 200px; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-pagination-bullet-active { background: #fff; }
.swiper-pagination-bullet { height: 12px; width: 12px; background-color: #fff; }

.icmef .title { font-size: 36px; line-height: 24px; color: #333333; }
    .icmef .title .xian { width: 74px; height: 4px; background-color: #EE1c5D; border-radius: 2px; margin-top: 30px; }
.icmef .nav { margin-top: 20px; color: #333333; }
    .icmef .nav a, .icmef .nav a:visited { display: block; }
    .icmef .nav .item { position: relative; display: block; overflow: hidden; margin: 20px 0; width: 340px; height: 64px; background-color: #ffffff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 0 32px 32px 32px; font-size: 20px; line-height: 24px; }
        .icmef .nav .item .icon { float: left; width: 64px; height: 64px; line-height: 64px; text-align: center; background-color: #EE1c5D; border-radius: 0px 32px 32px 32px; }
            .icmef .nav .item .icon i.iconfont { color: #fff; font-size: 32px; }
        .icmef .nav .item .txt { float: left; padding-left: 20px; height: 64px; line-height: 64px; }
        .icmef .nav .item .icon-right { position: absolute; right: 30px; top: 22px; font-size: 20px; color: #EE1c5D; }
        .icmef .nav .item.go { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); width: 130px; border-radius: 32px; float: right; }
            .icmef .nav .item.go .txt { padding-left: 30px; }
        .icmef .nav .item:hover { cursor: pointer; background-color: #EE1c5D; }
            .icmef .nav .item:hover .txt { background-color: #EE1c5D; color: #fff; }
            .icmef .nav .item:hover .icon-right { color: #fff; }



/* bannernav-样式 */
.banner-nav { width: 140px; /*margin: 0 auto 0;*/ position: fixed; top: 150px; left: 0; z-index: 919891014; }
    .banner-nav .banner-group { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); background-color: rgba(255,255,255,.5);}
        .banner-nav .banner-group:hover { background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8); }

    .banner-nav .banner-nav-wrap { display:block;overflow:hidden; }
    .banner-nav .banner-nav-title { background-color:rgba(255,255,255,.7); height: 60px; width: 100%; display: block; line-height: 60px; text-align: center; color: #47beed; font-size: 20px; font-weight: bold; border:2px solid #47beed; }
    .banner-nav .nav-item { border-bottom:1px solid #47beed; width: 100%; height: 80px; position: relative; cursor: pointer; padding: 0; margin-top: 0; float: left; }
        .banner-nav .more { height: 60px; background: none;}
            .banner-nav .more::after { height: 60px; }
            .banner-nav .more p { font-size: 16px;text-align:center; color:#47beed;}
        .banner-nav .nav-item:nth-child(1) { margin-top: 0 }
        .banner-nav .nav-item::after { content: ''; display: block; height: 80px; width: 2px; transition: all .3s; position: absolute; top: 0; right: 0; background: #47beed; position: absolute; z-index: 1 }
        .banner-nav .nav-item:hover img { display: none; }
            .banner-nav .nav-item:hover img.hover-show { display: block; }
        .banner-nav .nav-item:hover::after { width: 100%; }
        .banner-nav .nav-item:hover p { color: #fff; }
        .banner-nav .nav-item p { font-size: 24px; color: #47beed; }
        .banner-nav .nav-item img, .banner-nav .nav-item p { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; max-width: 115px; }

        .banner-nav .nav-item .hover-show { display: none; }

/* bannernav-样式 */

.icmef { position: relative; width: 1200px; margin: 96px auto 0; }
    .icmef .swiper-container { padding-bottom: 60px; width: 660px; margin: 10px auto; height: 500px; }
    .icmef .swiper-slide { width: 380px; height: 410px !important; background: #fff; box-shadow: 0 8px 30px #ddd; padding: 10px 20px; border-radius: 10px; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    .icmef .swiper-slide-visible { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
    .icmef .swiper-slide-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    .icmef .swiper-slide img { display: block; width: 340px; height: 340px; border-radius: 10px; margin: 0 auto; }
    .icmef .swiper-slide .txt { line-height: 24px; padding: 5px 10px 10px; text-align: center; color: #636363; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .icmef .pagination { bottom: 20px; position: absolute; left: 50%; z-index: 9; /*margin-left: -69px*/ transform: translateX(-50%); }
    .icmef .swiper-pagination-switch { margin: 0 5px; width: 12px; height: 6px; background-color: #e6e6e6; border-radius: 3px; opacity: 1; display: inline-block; cursor: pointer; }
        .icmef .swiper-pagination-switch.swiper-active-switch { width: 18px; background-color: #EE1c5D; }

.exhibitors .ex-wrap { padding-bottom: 10px; }
.home-media .exhibitors .swiper-wrapper, .home-media .media-swiper .swiper-wrapper { min-width: 10000px !important; }
.exhibitors .swiper-slide { height: 490px !important; }

.exhibitors .pagination { bottom: 0px; position: absolute; left: 50%; z-index: 9; /*margin-left: -69px*/ transform: translateX(-50%); }

.exhibitors .swiper-pagination-switch { margin: 0 5px; width: 12px; height: 6px; background-color: #e6e6e6; border-radius: 3px; opacity: 1; display: inline-block; cursor: pointer; }

    .exhibitors .swiper-pagination-switch.swiper-active-switch { width: 18px; background-color: #47beed; }
.home-media .exhibitors .swiper-slide { width: inherit; }
.exhibitors .exlogolist { display: block; overflow: hidden; }
    .exhibitors .exlogolist .exlogo { display: block; float: left; width: 190px; text-align: center; margin-top: 20px; }
        .exhibitors .exlogolist .exlogo .logo-img { margin: 5px 10px; display: block; border-radius: 10px; border: solid 1px #f2eded; overflow: hidden; text-decoration: none; }
            .exhibitors .exlogolist .exlogo .logo-img:hover { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
        .exhibitors .exlogolist .exlogo p { padding: 10px 0; }
        .exhibitors .exlogolist .exlogo img { width: 170px; height: 170px; transition: .8s; -webkit-transition: .8s; -o-transition: .8s; object-fit: cover; }
        .exhibitors .exlogolist .exlogo .logo-img:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }


.topic-banner img { width: 100%; }
.topic-banner .swiper-wrapper { min-width: 10000px; display:block;overflow:hidden; }

.topic-banner .swiper-pagination { bottom: 20px; position: absolute; left: 50%; z-index: 9; /*margin-left: -69px*/ transform: translateX(-50%); }
.topic-banner .swiper-pagination-switch { margin: 0 5px; width: 12px; height: 6px; background-color: #fff; border-radius: 3px; opacity: 1; display: inline-block; cursor: pointer; }
    .topic-banner .swiper-pagination-switch.swiper-active-switch { width: 18px; background-color: #EE1c5D; }



.home-ex { padding: 50px 0; }
    .home-ex .container > h2 { font-size: 36px; text-align: center; color: #333; }
    .home-ex .container .xian { width: 74px; height: 4px; background-color: #EE1c5D; border-radius: 2px; margin: 30px auto; }
    .home-ex .img { cursor: pointer; float: left; width: 170px; margin: 20px 0 0 20px; overflow: hidden; display: block; background-color: #ffffff; }
        .home-ex .img:nth-child(1), .home-ex .img:nth-child(7) { margin-left: 10px; }
        .home-ex .img a { display: block; border-radius: 10px; border: solid 1px #f2eded; overflow: hidden; text-decoration: none; }
        .home-ex .img > p { text-align: center; color: #333333; font-size: 16px; margin-top: 18px; }
        .home-ex .img img { width: 100%; height: 170px; transition: .8s; -webkit-transition: .8s; -o-transition: .8s; object-fit: cover; }
        .home-ex .img:hover a { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
        .home-ex .img a p { display: block; width: 100%; text-align: center; height: 170px; line-height: 170px; transition: .8s; font-size: 24px; color: #47beed }
        .home-ex .img:hover a p { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
        .home-ex .img:hover > p { color: #EE1c5D }
        .home-ex .img:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
    .home-ex .swiper-container { padding-bottom: 12px; }
    .home-ex .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; width: 12px; height: 6px; background-color: #e6e6e6; border-radius: 3px; opacity: 1; }
    .home-ex .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 18px; background-color: #47beed; }
    .home-ex .swiper-container-horizontal > .swiper-pagination-bullets, .home-ex .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -5px; }

.ex-intro { margin: 50px auto 30px; text-align: center; }
    .ex-intro > h2 { font-size: 26px; color: #333333; font-weight: bold; line-height: 1.5em; color: #333; }
    .ex-intro > p { line-height: 2em; margin-top: 26px; font-size: 14px; color: #666; }

    .ex-intro .linkus { text-align: center; padding: 40px 0; }
        .ex-intro .linkus a, .ex-intro .linkus a:visited { margin: 0 auto; min-width: 16em; padding: 12px 0; border-radius: 40px; display: block; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; background-color: #EE1c5D; }
            .ex-intro .linkus a:hover { background-color: #EE1c5D; }
    .ex-intro .comesoon { display: block; overflow: hidden; padding: 50px 0; }
        .ex-intro .comesoon .item { float: left; width: 33.3333333%; text-align: center; padding: 15px; }
            .ex-intro .comesoon .item img { width: 100%; height: 170px; }


.home-news { padding: 50px; }
    .home-news .container { overflow: hidden }
        .home-news .container > h2 { font-size: 36px; text-align: center; }
        .home-news .container .xian { width: 74px; height: 4px; background-color: #EE1c5D; border-radius: 2px; margin: 30px auto; }
        .home-news .container .list { width: 100%; }
            .home-news .container .list .news-item { margin-top: 20px; }
                .home-news .container .list .news-item:nth-child(even) .news-img .name { left: auto; right: 20px; }
                .home-news .container .list .news-item:nth-child(even) .news-img, .home-news .container .list .news-item:nth-child(even) .news-list { float: right }
                .home-news .container .list .news-item:nth-child(even) .news-list { margin-right: 35px; max-width: calc(100% - 430px); }
                .home-news .container .list .news-item .news-img, .home-news .container .list .news-item .news-list { float: left; }
                .home-news .container .list .news-item .news-img { position: relative; width: 330px; height: 186px; flex-shrink: 0; background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.05) 14%, rgba(0, 0, 0, 0.1) 26%, rgba(0, 0, 0, 0.3) 100%); border-radius: 10px; }
                    .home-news .container .list .news-item .news-img img { border-radius: 10px; }
                    .home-news .container .list .news-item .news-img .name { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); color: #fff; font-size: 30px; font-weight: bold; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5) }
                .home-news .container .list .news-item .news-list { margin-left: 58px; max-width: calc(100% - 390px) }
                    .home-news .container .list .news-item .news-list ul { margin: 0; padding: 0; }
                        .home-news .container .list .news-item .news-list ul li { position: relative; margin-top: 26px; }
                            .home-news .container .list .news-item .news-list ul li:before { content: ''; display: block; width: 8px; height: 8px; background: #333; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: -24px }
                            .home-news .container .list .news-item .news-list ul li a { display: block; text-decoration: none; font-size: 18px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; }
                            .home-news .container .list .news-item .news-list ul li a:hover{color: #EE1c5D; }

    .home-news .home-news-btn { margin: 50px auto 0; width: 130px; height: 46px; border-radius: 5px; border: solid 1px #f2eded; font-size: 16px; line-height: 44px; text-align: center; cursor: pointer; user-select: none; }
.home-media .home-news-btn:hover { border-color: #EE1c5D; color: #EE1c5D; }
.home-media .home-news-btn { margin: 50px auto 0; width: 130px; height: 46px; border-radius: 5px; border: solid 1px #f2eded; font-size: 16px; line-height: 44px; text-align: center; cursor: pointer; user-select: none; }

.home-ex .home-news-btn:hover { border-color: #EE1c5D; color: #EE1c5D; }

.home-live { padding: 20px 0 100px; }
    .home-live .container { padding: 0; }
    .home-live .list { margin-top: 80px }
        .home-live .list .item { cursor: pointer; }
        .home-live .list .item-right { width: 300px; flex-shrink: 0; height: 504px }
            .home-live .list .item-right .item { width: 100%; height: 100%; position: relative }
                .home-live .list .item-right .item .img { width: 100%; height: 100%; }
                    .home-live .list .item-right .item .img img { width: 100%; height: 100%; object-fit: cover }
        .home-live .list .item-left { width: calc(100% - 300px); display: flex; flex-wrap: wrap; position: relative }
            .home-live .list .item-left .item .mask { padding: 0 30px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center }
        /*background:rgba(71,190,237,0.8);*/
        .home-live .list .item-right .item .mask { padding: 45px 18px 0 30px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.2); color: #fff; }
            .home-live .list .item-right .item .mask .desc { font-size: 18px; line-height: 36px; margin-top: 40px; }
        .home-live .list .item .mask .name { font-size: 36px; color: #fff; }
        .home-live .list .item-left .item .mask .name { margin-top: 80px; }
        .home-live .list .item-left .item .mask .xian { margin: 0 auto; }
        .home-live .list .item-left .item .mask .xian, .home-live .list .item-right .item .mask .xian { width: 74px; height: 4px; border-radius: 2px; background: #fff; margin-top: 22px; }
        .home-live .list .item-left .item { width: 445px; height: 242px; margin-right: 20px; margin-top: 20px; position: relative; display: block; padding: 0; }
            .home-live .list .item-left .item:nth-child(1), .home-live .list .item-left .item:nth-child(2) { margin-top: 0; }
            .home-live .list .item-left .item .img { width: 100%; height: 100% }
                .home-live .list .item-left .item .img img { width: 100%; height: 100%; object-fit: cover }
        .home-live .list.list2 .item-left .item { margin-right: 0; margin-left: 20px; }
            .home-live .list.list2 .item-left .item:nth-child(1), .home-live .list.list2 .item-left .item:nth-child(2) { margin-top: 0; }
        .home-live .list .item-right, .home-live .list .item-left { float: left }
            .home-live .list .item-right .item, .home-live .list .item-left .item { float: left }

/* .home-notice {  padding:50px 0;background:url("/Content/images/exNotice-bg.png") no-repeat top center;min-height:560px;} */
.home-notice { padding: 50px 0; min-height: 560px; }
    .home-notice > h2 { font-size: 36px; text-align: center; color: #333; }
    .home-notice .xian { width: 74px; height: 4px; background-color: #47beed; border-radius: 2px; margin: 30px auto 20px; }
    .home-notice .time-down { color: #333; font-size: 30px; text-align: center; margin-bottom: 40px }
        .home-notice .time-down span { font-size: 40px; margin: 0 5px; }
    .home-notice .notice-swiper { margin-top: 20px; }


        .home-notice .notice-swiper .swiper-container { height: 600px; }
        .home-notice .notice-swiper .swiper-wrapper { align-items: center; height: 610px; }
            .home-notice .notice-swiper .swiper-wrapper .swiper-slide { width: 1030px; height: 610px; transform: scale(.9); transition: all .3s; }
                .home-notice .notice-swiper .swiper-wrapper .swiper-slide.swiper-slide-active { transform: scale(1) }
                    .home-notice .notice-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img,
                    .home-notice .notice-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img { transform: scale(1) }

                .home-notice .notice-swiper .swiper-wrapper .swiper-slide .img { width: 100%; height: 462px; transition: all .3s; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }
                .home-notice .notice-swiper .swiper-wrapper .swiper-slide.swiper-slide-visible .img { width: 100%; height: 462px; transition: all .3s; }
                /* transform:scale(0.8); */
                .home-notice .notice-swiper .swiper-wrapper .swiper-slide .img a { width: 100%; height: 100%; display: block; padding: 0; margin: 0; }
                .home-notice .notice-swiper .swiper-wrapper .swiper-slide .img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 5px }
    .home-notice .swiper-container-horizontal > .swiper-pagination-bullets, .home-ex .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -5px; }
    .home-notice .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; width: 12px; height: 6px; background-color: #e6e6e6; border-radius: 3px; opacity: 1; }
    .home-notice .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 18px; background-color: #47beed; }
    .home-notice .pagination { bottom: 0; position: absolute; left: 50%; z-index: 9; /*margin-left: -69px*/ transform: translateX(-50%); margin: 0; }

    .home-notice .swiper-pagination-switch { margin: 0 5px; width: 12px; height: 6px; background-color: #e6e6e6; border-radius: 3px; opacity: 1; display: inline-block; cursor: pointer; }

        .home-notice .swiper-pagination-switch.swiper-active-switch { width: 18px; background-color: #47beed; }
.home-media { margin-top: 40px; }
    .home-media .container { padding: 0; }
        .home-media .container > h2 { font-size: 36px; text-align: center; }

    .home-media .xian { width: 74px; height: 4px; background-color: #EE1c5D; border-radius: 2px; margin: 30px auto 20px; }
    .home-media .media-swiper { height: 140px; padding: 20px 0; overflow: hidden }
    .home-media .swiper-slide { width: 224px; margin-left: 20px; cursor: pointer; }

        .home-media .swiper-slide .img { width: 224px; height: 80px; background-color: #ffffff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; overflow: hidden; }
    .home-media .swiper-wrapper { height: 100px !important; /*padding: 20px;*/ }
    .home-media .swiper-slide .img img { position: absolute; top: 50%; left: 50%; max-height: 80px; max-width: 225px; transform: translate(-50%,-50%); }
.home-video { margin-top: 80px; padding-bottom: 100px }
    .home-video .container { padding: 0; }

        .home-video .container > h2 { font-size: 36px; text-align: center; }
    .home-video .xian { width: 74px; height: 4px; background-color: #EE1c5D; border-radius: 2px; margin: 30px auto 20px; }
    .home-video .home-video-wrap { margin-top: 50px; }
        .home-video .home-video-wrap .item { float: left; padding: 0 }
            .home-video .home-video-wrap .item p { color: #333; font-size: 18px; margin-top: 10px; }
        .home-video .home-video-wrap .ma-top-max { margin-top: 43px }

        .home-video .home-video-wrap .pa-ri5 { padding-right: 5px; }
        .home-video .home-video-wrap .pa-le5 { padding-left: 5px; }
        .home-video .home-video-wrap .item-video video { width: 100%; height: 100%; }
        .home-video .home-video-wrap .item .item-video.mini-height { height: 113px }

        .home-video .home-video-wrap .item .item-video.default-height { height: 237px; }
        .home-video .home-video-wrap .item .item-video.max-height { height: 427px; }
.txt-over-hidden { overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; display: block; }
.clear { clear: both; }
    .clear::after, .clear::before { display: block; content: ''; clear: both; }
#fixbar { position: fixed; top: 260px; right: 0; z-index: 9999; min-width: 140px; }
    #fixbar div { display: inline-block; padding-left: 54px }
    #fixbar a { display: block; color: #fff; height: 54px; line-height: 54px; text-align: center; background: #444; right: -85px; position: absolute; top: 54px; cursor: pointer }
        #fixbar a:hover { background: #066fcb }
            #fixbar a:hover i { background-color: #066fcb; }
        #fixbar a.qq { top: 0; right: -131px; margin-left: -8px; }
        #fixbar a.phone { top: 108px; right: -136px; margin-left: -8px; }
            #fixbar a.phone .text { min-width: 170px }
        #fixbar a.top { top: 162px }
    #fixbar i { display: inline-block; position: absolute; left: 0; top: 0; background-color: #000 }
    #fixbar .text { display: block; padding-right: 15px; white-space: nowrap; }
    #fixbar .icon-close { background-image: url("images/fixbar-icon.png"); background-position: 0 0; width: 54px; height: 54px }
    #fixbar .icon-wechat { background-image: url("images/fixbar-icon.png"); background-position: -54px 0; width: 54px; height: 54px }
    #fixbar .icon-phone { background-image: url("images/fixbar-icon.png"); background-position: 0 -54px; width: 54px; height: 54px }
    #fixbar .icon-qq { background-image: url("images/fixbar-icon.png"); background-position: -54px -54px; width: 54px; height: 54px }
    #fixbar .icon-go { background-image: url("images/fixbar-icon.png"); background-position: -108px 0; width: 54px; height: 54px }
.layui-layer-content .qrcode { width: 320px; height: 250px; text-align: center; padding-top: 40px; }
    .layui-layer-content .qrcode .text { line-height: 3em; }

.hidden_info.show_info .info_con { overflow: scroll; }

@media screen and (max-width: 1380px) {
    .topic-bar .topic-menu { padding: 0 40px; }
}

@media screen and (max-width: 1340px) {
    .topic-bar .topic-menu { padding: 0 10px; }
}

@media screen and (max-width: 1280px) {
    .topic-bar .topic-menu .menuInfo { padding: 0; }
}

@media screen and (max-width: 1240px) {
    .topic-bar .topic-menu { padding: 0 5px; }
}