@charset "UTF-8";
.s_video_cover h3{
    font-size: 18px;
    color: #333;
}
.s_video_cover span {
    display: block;
    font-size: 16px;
    color: #666;
    margin: 15px 0px;
}
.s_video_cover p {
    font-size: 16px;
    color: #999;
    line-height: 2;
}
.s_video{
    width: 85%;
    height: 500px;
    position: relative;
}
.s_video img{
    width: 100%;
    height: 100%;
    object-fit: cover
    
}
.s_video_cover{
    padding: 60px 33px;
    background: #fff;
    width: 360px;
    height: 254px;
    position: absolute;
    right: 1px;
    color: #333;
    box-sizing: border-box;
    top:50%;
    margin-top: -127px;
    box-shadow: 0 0 10px #ccc;
}
.ex-top>ul>li {
    display: none;
}

.active-nav .video-mark1 {
    display: none;
}

.view-con .swiper-slide-active .video-mark1 {
    background: transparent;
}

.marks {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.active .marks {
    background: transparent;
}

#pages {
    display: flex;
    justify-content: center;
}

.ex-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.view-line ul li.active {
    border-color: #B12647
}

.view-line ul li.active>a {
    color: #B12647
}

.extop-left img {
    display: block;
    margin: 0 auto;
}

.ex-top>ul>li.active {
    display: block;
}

.swiper-slide video {
    object-fit: cover;
}

.pagination1 {
    bottom: 5% !important;
}

.pagination1 .swiper-pagination-bullet {
    opacity: 1;
    background: #ccc;
    width: 12px;
    height: 12px;
}

.swiper-index .swiper-slide img {
    width: 100%;
}

.pagination1 .swiper-pagination-bullet-active {
    background: #fff;
}

.indexform {
    top:13%;
    right: 20%;
}

.video-mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5) url(../img/videocover.png) no-repeat center;
    cursor: pointer;
}

.video-mark1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.meun>li:last-child>a {
    height: 68px;
}

.meun>li>span {
    display: block;
    line-height: 68px;
    font-size: 16px;
    color: #333;
}

.search-box {
    top: 80px;
    right: 0;
    width: 150%;
    border-radius: 30px;
    display: none;
    z-index: 9999;
}

.search-box input[type="text"] {
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    outline: none;
    text-indent: 20px;
}

.search-box input[type="submit"] {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7.5px;
    background: url(../img/search.png) no-repeat center;
    outline: none;
    cursor: pointer;
    z-index: 999;
}

.icon-sousuo {
    color: #000;
    font-weight: bold;
}

.swiper-container,
.swiper-wrapper {
    height: auto !important;
}

#indexbanner .swiper-slide {
    height: auto !important;
}

.swiper1 .swiper-slide {
    height: auto;
}

.video1-cover {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2) url(../img/videocover.png) no-repeat center;
    top: 0;
    left: 0;
    cursor: pointer;
}

.ex-des b {
    font-size: 20px;
}

.meun-tab {
    display: none;
}

.conatiner {
    max-width: 1200px;
    margin: 0 auto;
}

#indexbanner .conatiner {
    top: 0;
    left: 0;
    z-index: 999999;
}

.exgtab h3 {
    font-size: 22px;
    color: #555;
    position: relative;
    padding-left: 35px;
}

.exgtab h3::before {
    content: "";
    display: block;
    position: absolute;
    left: 0%;
    margin-top: -1px;
    top: 50%;
    height: 2px;
    width: 20px;
    background: #595959;
}

.exgtab span {
    font-size: 14px;
    color: #634f4f;
    margin-left: 35px;
}


/* headeer */

#header {
    box-shadow: 0 0 25px 0px #eee;
}

.top-nav {
    background: #262626;
    width: 100%;
    height: 32px;
    line-height: 32px;
}

.tel {
    float: left;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.en-cn {
    float: right;
    font-size: 12px;
    color: #fff;
}

.en-cn a {
    color: #fff;
}

.header-nav {
    height: 68px;
    background: #fff;
    padding: 9px 0;
}

.logo {
    width: 158px;
    width: 20%;
}

.meun {
    width: 70%;
}

.meun>li {
    float: left;
    width: 12.5%;
    text-align: center;
    position: relative;
}

.meun>li>a {
    display: block;
    line-height: 68px;
    font-size: 16px;
    color: #333;
}

.meun>li:last-child {
    text-align: right;
}

.meun>li.active>a {
    color: #B12647;
}

.subnav {
    position: absolute;
    top: 77px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 1px #eee;
    z-index: 999999;
    display: none;
}

.subnav li {
    border-bottom: 1px solid #eee;
}

.subnav li:last-child {
    border: none;
}

.subnav li a {
    color: #333;
    line-height: 40px;
    display: block;
}

#banner {
    width: 100%;
}

#banner img {
    width: 100%;
}

.tabnav {
    width: 100%;
    margin-top: 30px;
}

.tabnav li {
    float: left;
    width: 92px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    margin-left: 40px;
}

.tabnav li:first-child {
    margin-left: 0;
}

.tabnav li a {
    display: block;
}

.tabnav li.active {
    background: #B12647;
    color: #fff;
}

.active-content {
    margin-bottom: 120px;
    min-height: 264px;
}

.schedule p {
    margin-top: 104px;
    text-align: center;
    font-size: 16px;
}


/* header end */


/* footer */

.footer-top {
    height: 148px;
    padding: 45px 0;
    background: #1d1d1d;
}

.blogo {
    margin-top: 0px;
}

.footer-bottom {
    height: 50px;
    line-height: 50px;
    background: #272727;
}

.footer-bottom p {
    font-size: 12px;
    color: #666;
    text-align: center;
}

.blist {
    font-size: 14px;
    color: #aaa;
    margin-left: 35px;
    line-height: 2.5;
}

.fast-link {
    float: right;
    width: 600px;
}

.fast-link dl {
    float: left;
    width: 20%;
}

.fast-link dl dt {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}

.fast-link dl dd a {
    font-size: 14px;
    color: #c2c2c2;
    line-height: 2;
}

.fast-link dl dd img {
    display: block;
    margin: 0 auto 10px;
}

.fast-link dl dd p {
    font-size: 14px;
    color: #fff;
    text-align: center;
}


/* footer */


/* 活动中心 */

.swiper-active,
.swiper-wrapper,
.swiper-slide {
    height: auto;
}

.swiper1 {
    width: 1070px;
    margin: 70px auto 0;
}

.swiper1 b {
    font-size: 70px;
    color: #e1e1e1;
    font-family: "Georgia";
    text-align: center;
    line-height: 70px;
    display: block;
    position: relative;
    padding-bottom: 20px;
}

.swiper1 b::after {
    position: absolute;
    content: "";
    display: block;
    width: 10%;
    height: 2px;
    background: #ececec;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.swiper1-tit {
    font-size: 16px;
    color: #333;
    line-height: 16px;
    text-align: center;
    margin: 20px 0 30px;
}

.swiper1-desc {
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 2;
    height: 72px;
}

.swiper1-img {
    margin-top: 50px;
}

.prev1,
.next1 {
    margin-top: 9% !important;
    top: 50% !important;
    width: 21px !important;
    height: 37px !important;
}

.prev1 {
    background: url(../img/swiper-arr.png) no-repeat top left!important;
}

.next1 {
    background: url(../img/swiper-arr.png) no-repeat top right!important;
}


/* 活动中心 */


/* 联系我们 */

.contact ul {
    margin-top: 60px;
    margin-bottom: 50px;
}

.contact li {
    float: left;
    width: 196px;
    height: 111px;
    border: 1px solid #dfdfdf;
    text-align: center;
    padding: 35px 40px 0;
    margin-left: 28px;
}

.contact li:first-child {
    margin-left: 0;
}

.contact li img {
    margin-bottom: 20px;
}


/* 联系我们 */


/* 新闻详情页 */

.new-detail-tit {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 90px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.detail-time {
    font-size: 12px;
    color: #999999;
    display: block;
    text-align: center;
    margin: 15px 0 70px;
}

.detail-con {
    width: 800px;
    margin: 0 auto;
    font-size: 14px;
    color: #666666;
    line-height: 2;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.detail-con img{
    max-width: 100%;
}

.back {
    margin-top: 70px;
}

.back a {
    width: 130px;
    height: 40px;
    display: block;
    background: #B12647;
    text-align: center;
    line-height: 40px;
    color: #fff
}

.next-page {
    margin-bottom: 100px;
}

.next-page a {
    width: 800px;
    margin: 0 auto;
    font-size: 14px;
    color: #666666;
    line-height: 2;
}


/* 合作媒体 */

.cooperation-content ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 100px;
}



.cooperation-content li {
    width: 222px;
    height: 121px;
    box-sizing: border-box;
    align-items: center;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.cooperation-content ul li a img{
    width: 100%;
    height: 100%;
}


/* 展会新闻 */

.ex {
    margin-top: 50px;
}

.extop-left {
    width: 545px;
    height: 408px;
    background: #f7f1fd;
    padding: 50px 28px;
    float: left;
}

.extop-right {
    float: right;
    width: 554px;
}

.extop-right li {
    border: 1px solid transparent;
    border-bottom-color: #e5e5e5;
    padding: 15px 30px;
    /*padding: 45px 30px;*/
}

.extop-right li:hover {
    border-color: #B12647;
}

.extop-right li:hover h3 {
    color: #B12647;
}

.extop-right li:hover b {
    color: #B12647;
}

.ex-title {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
}

.ex-title h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ex-title span {
    font-size: 20px;
}

.ex-des {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #999;
}

.ex-des p {
    width: 365px;
}

.ex-des b {
    display: block;
    width: 36px;
    height: 20px;
    border-left: 1px solid #e5e5e5;
    padding-left: 16px;
    font-size: 40px;
    line-height: 20px;
}

.ex-top {
    height: 510px;
    margin-bottom: 70px;
}

.left-data {
    font-size: 20px;
    color: #999;
}

.extop-left h3 {
    font-size: 18px;
    color: #666;
    margin: 30px 0;
}

.extop-left p {
    font-size: 14px;
    color: #999;
    margin-bottom: 25px;
    height: 40px;
    overflow: hidden;
    line-height: 1.5;
}

.ex-img {
    width: 100%;
    height: 200px;
}

.ex-bot {
    margin-bottom: 117px;
}

.ex-bot ul {
    display: flex;
    justify-content: space-between;
}

.ex-bot ul li {
    border-bottom: 1px solid #e5e5e5;
}

.exbot-info {
    padding: 20px 30px 25px;
}

.exbot-info h3 {
    font-size: 16px;
    color: #666;
}

.exbot-info p {
    font-size: 12px;
    color: #999;
    line-height: 2;
    width: 300px;
    height: 50px;
    overflow: hidden;
}

.exbot-info b {
    font-size: 20px;
    align-self: center;
    color: #666;
    font-weight: normal;
}

.exbot-msg {
    display: flex;
    justify-content: space-between;
}

.ex-bot ul li:hover {
    border-color: #B12647
}

.ex-bot ul li:hover .exbot-info {
    background: #B12647;
    color: #fff;
}

.ex-bot ul li:hover .exbot-info h3,
.ex-bot ul li:hover .exbot-info p,
.ex-bot ul li:hover .exbot-info b {
    color: #fff;
}

#pages {
    height: 30px;
    margin-top: 75px;
    text-align: center;
}

#pages a {
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #eee;
    margin: 0 .5%;
}

#pages a.active {
    background: #B12647;
    color: #fff;
    border-color: #B12647
}


/* 商展 */

.trade-title h3 {
    text-align: center;
    font-size: 25px;
    color: #333;
    margin-bottom: 25px;
    margin-top: 40px;
}

.trade-title img {
    display: block;
    margin: 0 auto;
}

.trade p.tra-des {
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
    color: #666;
    margin-bottom: 95px;
}

.two-list {
    margin-bottom: 185px;
}

.two-list ul {
    display: flex;
    justify-content: space-between
}

.two-list ul li {
    width: 552px;
    height: 255px;
    position: relative;
}

.two-list ul li:first-child {
    background: url(../img/biaozhun.jpg) no-repeat top center;
}

.two-list ul li:nth-child(2) {
    background: url(../img/tezhuang.jpg) no-repeat top center;
}

.two-list ul li span {
    position: absolute;
    font-size: 20px;
    color: #B12647;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 5px 1px #eee;
    left: 10%;
    top: -12%;
}

.trade-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 300px;
    height: 120px;
    text-align: center;
    font-size: 20px;
    color: #373737;
}

.trade-info p {
    line-height: 3;
}


/* 关于展会 */

.about-huigu>ul>li:nth-child(1) {
    height: 500px;
    width: 100%;
    padding-top: 40px;
    background: url(../img/huigubg11.png)no-repeat top center/100% 100%;
}

.about-huigu>ul>li:nth-child(2n) {
    height: 580px;
    padding-top: 50px;
    width: 100%;
    background: url(../img/huigubg2.png)no-repeat top center/100% 100%;
}

.about-huigu>ul>li:nth-child(3n) {
    height: 528px;
    padding-top: 80px;
    width: 100%;
    background: url(../img/huigubg11.png)no-repeat top center/100% 100%;
    /*padding-bottom: 20px;*/
}

.about-huigu>ul>li:nth-child(4n) {
    height: 580px;
    padding-top: 50px;
    width: 100%;
    background: url(../img/huigubg2.png)no-repeat top center/100% 100%;
}
.about-huigu>ul>li:nth-child(5n) {
    height: 528px;
    padding-top: 80px;
    width: 100%;
    background: url(../img/huigubg11.png)no-repeat top center/100% 100%;
    padding-bottom: 20px;
}
.about-huigu>ul>li:nth-child(6n) {
    height: 528px;
    padding-top: 80px;
    width: 100%;
    background: url(../img/huigubg2.png)no-repeat top center/100% 100%;
    padding-bottom: 20px;
}

.about-huigu>ul>li:nth-child(7n) {
    height: 528px;
    padding-top: 80px;
    width: 100%;
    background: url(../img/huigubg11.png)no-repeat top center/100% 100%;
    padding-bottom: 20px;
}

.huigu-imgwrap {
    width: 697px;
}

.huigu-big {
    width: 542px;
}

.huigu-big img {
    width: 100%;
    height: 419px;
    object-fit: cover;
    overflow: hidden;
}

.huigu-small li {
    width: 145px;
    height: 100px;
    margin-top: 6px;
    opacity: .9;
}

.huigu-small li:first-child {
    margin-top: 0;
}

.huigu-small li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.huigu-msgwrap {
    width: 460px;
}

.huigu-msgwrap h3,
.huigu-msgwrap h4 {
    font-size: 17px;
    color: #333;
    font-weight: bold;
    margin-top: 15px;
}

.huigu-msgwrap b {
    width: 47px;
    height: 2px;
    background: #000;
    display: block;
    margin: 20px 0 30px;
}

.huigu-msg p {
    font-size: 14px;
    color: #555;
    line-height: 2;
}

.about-huigu>ul>li:nth-child(2n) .huigu-imgwrap,
.about-huigu>ul>li:nth-child(4n) .huigu-imgwrap,.about-huigu>ul>li:nth-child(6n) .huigu-imgwrap {
    float: right;
}

.about-huigu>ul>li:nth-child(2n) .huigu-msgwrap h3,
.about-huigu>ul>li:nth-child(2n) .huigu-msgwrap h4,
.about-huigu>ul>li:nth-child(4n) .huigu-msgwrap h3,
.about-huigu>ul>li:nth-child(4n) .huigu-msgwrap h4,.about-huigu>ul>li:nth-child(6n) .huigu-msgwrap h3,.about-huigu>ul>li:nth-child(6n) .huigu-msgwrap h4 {
    color: #000
}

.about-huigu>ul>li:nth-child(2n) .huigu-msg p,
.about-huigu>ul>li:nth-child(4n) .huigu-msg p,.about-huigu>ul>li:nth-child(6n) .huigu-msg p {
    color: #000;
}

.about-huigu>ul>li:nth-child(2n) .huigu-msgwrap,
.about-huigu>ul>li:nth-child(4n) .huigu-msgwrap,.about-huigu>ul>li:nth-child(6n) .huigu-msgwrap {
    float: left;
}

.about-huigu>ul>li:nth-child(2) .huigu-big,
.about-huigu>ul>li:nth-child(4) .huigu-big,.about-huigu>ul>li:nth-child(6) .huigu-big {
    height: 325px;
    width: 100%;
    overflow: hidden;
    float: none;
}

.about-huigu>ul>li:nth-child(2n) .huigu-small,
.about-huigu>ul>li:nth-child(4n) .huigu-small,.about-huigu>ul>li:nth-child(6n) .huigu-small {
    width: 100%;
}

.about-huigu>ul>li:nth-child(2n) .huigu-small ul,
.about-huigu>ul>li:nth-child(4n) .huigu-small ul,
.about-huigu>ul>li:nth-child(6n) .huigu-small ul {
    display: flex;
    justify-content: space-between
}

.about-huigu>ul>li:nth-child(2n) .huigu-small ul li,
.about-huigu>ul>li:nth-child(4n) .huigu-small ul li,
.about-huigu>ul>li:nth-child(6n) .huigu-small ul li {
    margin-top: 10px;
    width: 135px;
}


/* 会展概况 */

.overview1 {
    margin-top: 55px;
    margin-bottom: 50px;
}

.overview1-left {
    width: 410px;
    height: 340px;
}

.overview1-left img {
    width: 100%;
}

.overview1-right {
    width: 730px;
}

.overview1-right h3 {
    font-size: 18px;
    color: #333;
}

.overview1-right b {
    display: block;
    width: 47px;
    height: 2px;
    background: #d6d6d6;
    margin: 20px 0 35px;
}

.overview1-right img {
    margin-bottom: 20px;
}

.overview1-msg p {
    font-size: 14px;
    color: #666;
    line-height: 2;
}

.overview2 {
    width: 100%;
    min-height: 564px;
    background: url(../img/gaikuang3.png) no-repeat top center/100% 100%;
    background-size: cover;
}

.overview3 {
    width: 100%;
    min-height: 715px;
    background: url(../img/gaikuang4.jpg) no-repeat top center/100% 100%;
	padding-bottom:50px;
}

.overview3-content {
    padding-top: 90px;
}

.overview2-content {
    padding-top: 90px;
}

.gk-tit {
    display: block;
    margin: 0 auto;
}

.overview2-content ul {
    display: flex;
    justify-content: space-between;
}

.overview2-content ul li img {
    height: 203px;
    margin-top: 78px;
    width: 100%;
}

.overview2-content ul li p {
    position: relative;
    font-size: 16px;
    color: #fff;
    margin-top: 16px;
    padding-left: 20px;
}

.overview2-content ul li p::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #fff;
    content: "";
    display: block;
}

.overview3-ul ul {
    display: flex;
    justify-content: space-between;
    margin-top: 85px;
}

.overview3-ul ul li {
    width: 18%;
    height: auto;
	margin-right:5px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.overview3-top {
    background: #B12647;
    width: 100%;
    height: 131px;
    padding-top: 25px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.gg {
    display: block;
    margin: 0 auto;
}

.overview3-top p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 25px;
}

.overview3-ul ul li:nth-child(2n) .overview3-top {
    background: #F6BB59;
}

.overview3-msg {
    padding: 20px 25px 0;
    text-align: center;
    font-size: 12px;
    color: #666;
    line-height: 1.8;
}

.overview4 {
    background: #fff;
}

.zhanqu-img {
    margin-top: 88px;
}

.zhanqu-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.overview4-content {
    padding-top: 90px;
    margin-bottom: 90px;
}

.overview5 {
    width: 100%;
    min-height: 1482px;
    background: url(../img/gaikuang5.png) no-repeat top center/100% 100%;
    background-size: cover;
}

.overview5-content {
    padding-top: 90px;
}

.overview-wrap1-tit {
    text-align: center;
    font-size: 25px;
    color: #fff;
    margin-top: 110px;
}

.overview-wrap1-ul1 {
    width: 815px;
    margin: 45px auto 30px;
}

.overview-wrap1-ul1 li {
    width: 25%;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #fff;
}

.overview-wrap1-ul1 li img {
    display: block;
    margin: 0 auto 15px;
}

.overview-wrap1-ul2 {
    width: 1050px;
    /*margin: 0 auto;*/
    margin: 45px auto 0;
}

.overview-wrap1-ul2 li {
    width: 20%;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #fff;
}

.overview-wrap1-ul2 li img {
    display: block;
    margin: 0 auto 15px;
}

.overview-wrap2 {
    width: 100%;
    border: 1px solid #fff;
    padding: 25px 0;
    margin-top: 103px;
}

.overview-wrap2 h3 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    margin: 0 0 13px;
}

.overview-wrap2 .arrdown {
    display: block;
    margin: 0 auto;
}

.overview-wrap2 p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 0 9%;
    line-height: 2;
    margin-top: 30px;
}

.overview-wrap3 {
    margin-top: 80px;
}

.overview-wrap3-img img {
    max-width: 100%;
}


/* 会展概况 */


/* 会展情况 */

.happening {
    margin-bottom: 50px;
    margin-top: 35px;
}

.happening-msg {
    background: url(../img/top-left.png) no-repeat top left, url(../img/bottom-right.png) no-repeat bottom right
}

.happening-msg-con {
    padding: 55px 5% 55px;
    font-size: 14px;
    color: #555;
    line-height: 2;
}

.happening-msg-con p {
    margin-bottom: 25px;
}

.haleft {
    width: 380px;
}

.haright {
    width: 780px;
}

.happening2 {
    margin-bottom: 50px;
}

.happening2 img {
    width: 100%;
}

.haright-top {
    margin-bottom: 10px;
}

.happening-map img,
.happening-map {
    width: 100%;
}

.happening-map {
    margin-bottom: 70px;
}


/* 会展情况 */


/* 图片于视频 */

.views {
    margin-top: 60px;
    margin-bottom: 125px;
}

.view-tab {
    width: 63px;
    height: 120px;
    float: left;
    margin-top: 170px;
}

.view-tab a {
    display: block;
    width: 100%;
    height: 31px;
    line-height: 31px;
    font-size: 18px;
    color: #fff;
    background: #fff;
    text-align: center;
    margin-top: 60px;
    cursor: pointer;
    border: 1px solid #eee;
    color: #333;
}

.view-tab a.active {
    background: #B12647;
    border-color: #B12647;
    color: #fff;
}

.view-tab .photo {
    margin-top: 0;
}

.view-line {
    width: 50px;
    float: left;
    margin-left: 30px;
}

.view-line ul {
    border-left: 1px solid #eee;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
}

.view-line ul li {
    height: 136px;
    position: relative;
    cursor: pointer;
}

.view-line ul li::before {
    position: absolute;
    left: -62%;
    top: 0;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background: #fff;
}

.view-line ul li:last-child {
    height: auto;
}

.view-line ul li.active {
    color: #005bac;
}

.view-line ul li.active::before {
    border-color: #B12647
}

.view-con {
    width: 1000px;
    float: right;
}

.preview {
    position: relative;
    margin-top: 20px;
}

.preview .swiper-slide {
    width: 177px;
    height: 109px;
}

.preview .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.arrow-left {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../img/view-arr.png) no-repeat top right;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
}

.arrow-right {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../img/view-arr.png) no-repeat top left;
}

.preview .swiper-container {
    width: 900px;
    margin: 0 auto;
}


/* 图片于视频 */


/* 申请表 */

.shenqing {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.labels {
    font-size: 0;
    margin-bottom: 20px;
}

.labels label {
    display: inline-block;
    width: 49%;
    font-size: 14px;
}

.labels label p {
    display: inline-block;
    width: 65px;
    font-size: 14px;
}

.labels label input {
    width: 356px;
    height: 45px;
    border: 1px solid #ccc;
    outline: none;
    text-indent: 20px;
}

.comstyle {
    margin-top: 50px;
    border-bottom: 1px solid #eee;
}

.comstyle h5 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 33px;
}

.comstyle label {
    width: 20%;
    float: left;
    display: block;
    margin-bottom: 25px;
}

.comstyle label:last-child {
    width: auto;
}

.comstyle input[type="radio"] {
    width: 15px;
    height: 15px;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    -webkit-appearance: none;
    background: url(../img/checked.png) no-repeat center/cover;
    vertical-align: sub;
    margin-right: 10px;
}

.comstyle input[type="radio"]:checked {
    border-color: #ee4a4d;
    background: url(../img/onchecked.png) no-repeat center/cover;
}

.comstyle input[type="checkbox"] {
    width: 15px;
    height: 15px;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    -webkit-appearance: none;
    background: url(../img/checked.png) no-repeat center/cover;
    vertical-align: sub;
    margin-right: 10px;
}

.comstyle input[type="checkbox"]:checked {
    border-color: #ee4a4d;
    background: url(../img/onchecked.png) no-repeat center/cover;
}

.InputText {
    display: inline-block;
    outline: none;
    text-indent: 20px;
    border-bottom: 1px solid #333333;
}

.shenqing1 {
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
}

.comInfo {
    margin-top: 50px;
    margin-bottom: 80px;
}

.comInfo h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 35px;
    font-weight: bold;
}

.comInfo p {
    font-size: 14px;
    color: #333;
    line-height: 2.5;
}

input[type="button"] {
    width: 156px;
    height: 45px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 45px;
    background: #B12647;
    margin: 0 auto;
    outline: none;
    cursor: pointer;
}

.negotiate label {
    width: 16.6%;
}


/* 申请表 */


/* 首页 */

.swiper-index .container {
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.paginationindex .swiper-pagination-bullet {
    background: #80add6;
    opacity: 1;
}

.paginationindex .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

.index-info {
    z-index: 9999999;
    top: 20%;
    right: 0;
    text-align: center;
    width: 397px;
    height: 250px;
    padding: 65px 35px;
    background: rgba(0, 0, 0, .1);
}

.index-info h3 {
    font-size: 40px;
    line-height: 33px;
    color: #fff;
    font-weight: bold;
}

.index-info span {
    display: block;
    font-size: 20px;
    line-height: 14px;
    color: #fff;
    margin-top: 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.info-msg {
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
}

.info-msg p {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

.aHref {
    font-size: 0;
    margin-top: 30px;
}

.aHref a {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    width: 120px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: #B12647;
    margin-left: 10px;
}

.aHref a:first-child {
    margin-left: 0;
}

#section1 {
    width: 100%;
    min-height: 764px;
    background: url(../img/section1.jpg) no-repeat top center/cover;
}

#section2 {
    width: 100%;
    min-height: 942px;
    background: url(../img/section2.jpg) no-repeat top center/cover;
    margin-top: -60px;
}

#section2 .container {
    padding-top: 80px;
}

.section-tit img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.sectionmore {
    display: block;
    width: 154px;
    height: 43px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 43px;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
}

#section3 {
    width: 100%;
    min-height: 449px;
    background: url(../img/section3.jpg) no-repeat top center/cover;
}

#section4 {
    width: 100%;
    min-height: 990px;
    background: url(../img/section4.jpg) no-repeat top center/cover;
}

#section3 .container {
    padding-top: 90px;
}

#section3 ul {}

#section3 li {
    width: 354px;
    height: 270px;
    background: #fff;
    box-shadow: 0 0 15px 1px #e6eff7;
    float: left;
    box-sizing: border-box;
    font-size: 20px;
    color: #333;
    text-align: center;
    padding-top: 40px;
}

#section3 li:nth-child(2) {
    margin: 0 54px;
}

#section3 li:hover {
    background: url(../img/baoming.png) no-repeat center;
}

#section3 li .bm-img {
    width: 60px;
    height: 60px;
    margin: 0 auto 19px;
}

#section3 li:nth-child(1) .bm-img {
    background: url(../img/b1.png);
}

#section3 li:nth-child(2) .bm-img {
    background: url(../img/b2.png);
}

#section3 li:nth-child(3) .bm-img {
    background: url(../img/b3.png);
}

#section3 li:nth-child(1):hover .bm-img {
    background: url(../img/w1.png);
}

#section3 li:nth-child(2):hover .bm-img {
    background: url(../img/w2.png);
}

#section3 li:nth-child(3):hover .bm-img {
    background: url(../img/w3.png);
}

.baoming {
    font-size: 14px;
    width: 133px;
    height: 41px;
    line-height: 41px;
    border: 1px solid #333;
    display: block;
    margin: 40px auto 0;
}

#section3 li:hover {
    color: #fff;
}

#section3 li:hover .baoming {
    border-color: #fff;
    background: #fff;
    color: #B12647;
    font-weight: bold;
}

.numbg,
.numbg img {
    width: 100%;
}

#section4 .container {
    padding-top: 90px;
}

#section4 .ex-top {
    margin-top: 75px;
}

#section4 .sectionmore {
    color: #666;
    border-color: #666;
}

#section5 {
    width: 100%;
    min-height: 640px;
    background: url(../img/section5.png) no-repeat top center/cover;
}

#section5 .container {
    padding-top: 80px;
}

.section5-parent {
    margin-top: 70px;
    position: relative;
}

.swiper-parent .swiper-slide {
    background: #fff;
    height: 123px;
    position: relative;
}

.swiper-parent .swiper-slide img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.paginationparent {
    margin-top: 28px;
    padding-bottom: 40px;
}

.section5-parent .swiper-pagination {
    position: static !important;
}

.section5-parent .swiper-pagination span {
    margin: 0 5px;
}

.paginationparent .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.paginationparent .swiper-pagination-bullet-active {
    background: #B12647;
}

#section4 .extop-left {
    background: #f7f1fd;
}

.banner-img-wrap img {
    width: 100%;
}

.section1-tab {
    width: 100px;
    float: left;
}

.section1-tab span {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
    padding-left: 35px;
}

.section1-wrap {
    width: 1040px;
    height: 500px;
    float: right;
}

.section1-list {
    display: none;
    width: 100%;
    height: 100%;
}

.section1-list.active {
    display: block;
}

.section1-list .view .swiper-slide {
    position: relative;
}

.section1-list .video1 {
    width: 500px;
    float: left;
}

.video1-msg {
    float: right;
    width: 535px;
    height: 100%;
}

.section1-list .preview .swiper-container {
    width: 200px;
    height: 200px;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.section1-list .preview .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
}

.section1-list .preview .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
}

.videoTab {
    width: 160px;
    height: 80px;
    background: #fff;
    position: absolute;
    z-index: 999;
    bottom: 0;
}

.videoTab .arrow-left {
    width: 9px;
    height: 17px;
    background: url(../img/videarr.png) no-repeat top left;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    left: 30px;
}

.videoTab .arrow-right {
    width: 9px;
    height: 17px;
    background: url(../img/videarr.png) no-repeat top right;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    right: 30px;
}

.section1-list .preview {
    width: 270px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 200px;
}

.video1-info {
    padding: 60px 40px;
    background: #fff;
    width: 360px;
    height: 134px;
    position: absolute;
    left: -120px;
    top: 80px;
}

.video1-info h3 {
    font-size: 18px;
    color: #333;
}

.video1-info span {
    display: block;
    font-size: 16px;
    color: #666;
    margin: 15px 0 35px;
}

.video1-info p {
    font-size: 16px;
    color: #999;
    line-height: 2;
}

.video1-num {
    width: 140px;
    position: absolute;
    right: 0;
    top: 50px;
}

.video1-num b {
    color: #000404;
    font-family: "-webkit-pictograph";
    width: 40px;
    height: 250px;
    margin: 0 auto;
    line-height: 2.5px;
    font-size: 30px;
    word-wrap: break-word;
    display: inline-block;
    float: right;
    text-align: center;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
}

.video1-num span {
    display: inline-block;
    font-size: 60px;
    float: left;
    margin-top: 50px;
}

.video1-num i {
    display: block;
    font-size: 12px;
    color: #666;
    font-style: normal;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.video1-num i::after {
    position: absolute;
    bottom: -30px;
    left: 5px;
    width: 1px;
    height: 20px;
    background: #d3d3d3;
    content: "";
    display: block;
}

.section5-parent .swiper-slide {
    margin-top: 0 !important;
    margin-bottom: 20px;
}

#section1 .container {
    padding-top: 65px;
}

.exgtab {
    margin-bottom: 60px;
}

#map {
    margin-bottom: 120px;
}


/* 首页结束 */

@media (min-width:1200px) {
    .container {
        max-width: 1170px;
        margin: 0 auto;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .huigu-big img {
        height: 333px;
    }
    .indexform {
        top: 3%;
        right: 3%;
    }
    .meun {
        width: 80%;
    }
    .b-list {
        width: 20%;
        display: none;
    }
    .blogo {
        margin-top: 0;
    }
    .index-info {
        z-index: 9999999;
        top: 10%;
        right: 0;
        text-align: center;
        width: 348px;
        height: 268px;
        padding: 35px;
        background: rgba(0, 0, 0, .1);
    }
    .aHref a {
        font-size: 14px;
        width: 28%;
    }
    .index-info h3 {
        font-size: 25px;
    }
    .section1-tab {
        width: 10%;
    }
    .section1-wrap {
        width: 90%;
    }
    #section3 li {
        width: 287px;
    }
    .container {
        max-width: 970px;
        margin: 0 auto;
    }
    .swiper1 {
        width: 900px;
    }
    .swiper1-img img {
        width: 100%;
    }
    .prev1,
    .next1 {
        margin-top: 12% !important;
        outline: none;
        border: none;
    }
    .cooperation-content li {
        width: 19%;
    }
    .extop-right {
        width: 50%;
    }
    .extop-left {
        width: 42%;
        padding: 4%;
    }
    .extop-left img {
        width: 100%;
    }
    .extop-right li {
        padding: 38px 25px;
    }
    .ex-img {
        width: 100%;
        height: 160px;
        overflow: hidden;
    }
    .ex-img img {
        width: 100%;
    }
    .ex-bot ul li {
        width: 32%;
    }
    .two-list ul li {
        width: 48%;
    }
    /* 关于会战 */
    .huigu-big {
        width: 400px;
    }
    .huigu-imgwrap {
        width: 555px;
    }
    .about-huigu>ul>li {
        height: auto !important;
        padding-bottom: 50px;
    }
    .huigu-small li {
        height: 78.5px;
    }
    .huigu-small li img {
        object-fit: cover;
    }
    .huigu-msgwrap {
        width: 390px;
    }
    .huigu-msgwrap h3,
    .huigu-msgwrap h4 {
        font-size: 14px;
    }
    .huigu-msgwrap b {
        margin: 10px 0;
    }
    .huigu-msg p {
        font-size: 12px;
    }
    .about-huigu>ul>li:nth-child(2n) .huigu-small ul li {
        width: 19%;
    }
    /* 会展概况 */
    .overview1-right {
        width: 540px;
    }
    .overview1-right b {
        margin-bottom: 25px;
    }
    .overview3-ul ul li {
        width: 19%;
    }
    .overview-wrap1-ul2 {
        width: auto;
    }
    .overview-wrap3-img img {
        width: 49%;
    }
    .haright {
        width: 610px;
    }
    .haleft {
        width: 300px;
    }
    .view-con {
        width: 800px;
    }
    .preview .swiper-container {
        width: 710px;
    }
    #map {
        margin-bottom: 60px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .index-info {
        z-index: 999;
        width: 397px;
        height: auto;
        ;
        padding: 15px 35px;
    }
    .index-info h3 {
        font-size: 18px;
    }
    .info-msg p {
        font-size: 14px;
    }
    .aHref a {
        font-size: 14px;
    }
    .indexform {
        top: 3%;
        right: 3%;
    }
    .logo {
        margin-top: 1.5%;
    }
    .logo>img {
        width: 60%;
    }
    .b-list {
        width: 20%;
        display: none;
    }
    .blogo {
        margin-top: 0;
    }
    .fast-link {
        width: 520px;
    }
    #section1 {
        min-height: 630px;
    }
    .swiper-parent .swiper-slide img{
        max-width: 100%;
    }
    #section4 {
        min-height: 840px;
    }
    .section1-wrap {
        height: 500px;
        max-height: 500px;
    }
    .video1-info {
        padding: 20px;
        width: 346px;
        height: 140px;
        left: -27%;
        top: 24%;
        margin-top: 15%;
    }
    .video1-num {
        display: none;
    }
    .video1-msg {
        width: 385px;
    }
    .section1-list .video1 {
        width: 290px;
    }
    .section1-tab {
        width: 8%;
    }
    .section1-wrap {
        width: 90%;
    }
    #section3 li {
        width: 214px;
    }
    .meun {
        width: 80%;
    }
    .meun>li>a {
        font-size: 14px;
    }
    .container {
        max-width: 750px;
        margin: 0 auto;
    }
    .swiper1 {
        width: 690px;
    }
    .swiper1-img img {
        width: 100%;
    }
    .prev1,
    .next1 {
        margin-top: 18% !important;
        outline: none;
        border: none;
    }
    /* 新闻详情页 */
    .detail-con {
        width: 700px;
        margin: 0 auto;
        font-size: 14px;
        color: #666666;
        line-height: 2;
        padding-bottom: 40px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
    }
    .next-page a {
        width: 700px;
        margin: 0 auto;
        display: block;
        font-size: 14px;
        color: #666666;
        line-height: 2;
    }
    .cooperation-content li {
        width: 240px;
    }
    .extop-right {
        width: 50%;
    }
    .extop-left {
        width: 42%;
        padding: 4%;
    }
    .extop-left img {
        width: 100%;
    }
    .extop-right li {
        padding: 32.5px 25px;
    }
    .ex-img {
        width: 100%;
        height: 125px;
        overflow: hidden;
    }
    .ex-img img {
        width: 100%;
    }
    .ex-bot ul li {
        width: 32%;
    }
    .ex-title {
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .ex-title span {
        font-size: 16px;
    }
    .ex-des p {
        font-size: 12px;
        height: 48px;
        overflow: hidden;
    }
    .ex-top {
        height: auto;
    }
    .exbot-info {
        padding: 15px;
    }
    .exbot-info h3 {
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .exbot-info b {
        display: none;
    }
    .ex-bot {
        margin-bottom: 35px;
    }
    #pages {
        margin-top: 35px;
        text-align: center
    }
    .two-list ul li {
        width: 48%;
    }
    .two-list ul li:first-child {
        background: url(../img/biaozhun.jpg) no-repeat top center/100% 100%;
    }
    .two-list ul li:nth-child(2) {
        background: url(../img/tezhuang.jpg) no-repeat top center/100% 100%;
    }
    .two-list ul li span {
        top: -15%;
    }
    /* 关于会战 */
    .huigu-big {
        width: 550px;
    }
    .huigu-imgwrap {
        width: 100%;
    }
    .about-huigu>ul>li {
        height: auto !important;
        padding-bottom: 50px;
    }
    .huigu-small li {
        height: 100px;
        width: 188px;
    }
    .huigu-small li img {
        object-fit: cover;
    }
    .huigu-msgwrap {
        width: 100%;
    }
    .huigu-msgwrap h3,
    .huigu-msgwrap h4 {
        font-size: 16px;
    }
    .huigu-msgwrap b {
        margin: 10px 0;
    }
    .huigu-msg p {
        font-size: 14px;
    }
    .about-huigu>ul>li:nth-child(2n) .huigu-small ul li {
        width: 19%;
    }
    /* 会展概况 */
    .gk-tit {
        max-width: 100%;
    }
    .overview1-left {
        width: 300px;
    }
    .overview1-right {
        width: 420px;
    }
    .overview3-ul ul li {
        width: 19%;
    }
    .overview3-msg {
        padding: 15px 10px 0;
    }
    .overview-wrap1-ul2,
    .overview-wrap1-ul1 {
        width: auto;
    }
    .overview-wrap3-img img {
        margin-bottom: 35px;
    }
    .haright {
        width: 487px;
    }
    .haleft {
        width: 240px;
    }
    .view-con {
        width: 590px;
    }
    .preview .swiper-container {
        width: 510px;
    }
    .view .swiper-slide img {
        object-fit: cover;
        width: 100%;
    }
    .shenqing {
        width: 100%;
    }
    .comstyle label {
        width: 25%;
    }
    .labels label input {
        width: 285px;
    }
    #map {
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .s_video{
        width: 100%;
    }
    .s_video_cover{
        width: 100%;
        bottom: 0;
        top:unset;
        margin-top: 0;
        padding: 20px;
        height: auto;
        box-shadow: none;
    }
    .tel {
        font-size: 12px;
    }
    #header {
        position: fixed;
        z-index: 99999999;
        top: 0;
        left: 0;
        width: 100%;
    }
    .header-nav {
        position: relative;
        width: 100%;
        height: 30px;
    }
    .logo {
        width: 20%;
    }
    .meun {
        width: 100%;
        position: absolute;
        top: 45px;
        left: 0;
        background: #fff;
        display: none;
    }
    .meun>li {
        width: 100%;
        border-top: 1px solid #eee;
    }
    .meun>li>a {
        font-size: 13px;
        line-height: 35px;
    }
    .logo img {
        width: 100%;
    }
    .blogo {
        width: 50%;
        margin: 0 auto;
        float: none;
    }
    .blogo>img {
        display: block;
        margin: 0 auto 10px;
    }
    .blist {
        margin-left: 0;
    }
    .b-list {
        width: 100%;
        display: none;
    }
    .footer-top {
        height: auto;
    }
    .fast-link {
        width: 100%;
    }
    .fast-link dl {
        width: 50%;
        height: 115px;
        text-align: center;
    }
    .fast-link dl:last-child {
        width: 100%;
    }
    .container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 2%;
    }
    .footer-bottom {
        height: auto;
        line-height: 2;
    }
    .tabnav {
        margin-top: 15px;
    }
    .active-content {
        margin-bottom: 20px;
    }
    .swiper1 {
        width: 100%;
        margin-top: 35px;
    }
    .prev1,
    .next1 {
        display: none;
    }
    .swiper1 img {
        width: 100%;
    }
    /* 新闻详情页 */
    .new-detail-tit {
        font-size: 14px;
    }
    .detail-con {
        padding: 0 2%;
        width: 96%;
        margin: 0 auto;
        font-size: 12px;
        color: #666666;
        line-height: 2;
        padding-bottom: 40px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
    }
    .next-page a {
        width: 100%;
        margin: 0 auto;
        display: block;
        font-size: 14px;
        color: #666666;
        line-height: 2;
    }
    .detail-time {
        margin-bottom: 15px;
    }
    .cooperation-content li {
        width: 49%;
    }
    .tabnav ul {
        display: flex;
        justify-content: flex-start
    }
    .ex-top {
        width: 100%;
        height: auto;
    }
    .extop-left {
        width: 92%;
        padding: 4%;
    }
    .extop-left img {
        width: 100%;
    }
    .extop-left {
        height: auto;
    }
    .extop-right {
        width: 100%;
    }
    .extop-right li {
        padding: 4%;
    }
    .ex-title {
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .ex-title span {
        font-size: 16px;
    }
    .ex-des b {
        display: none;
    }
    .ex-bot ul {
        flex-wrap: wrap
    }
    .ex-bot ul li {
        width: 100%;
    }
    .ex-img,
    .ex-img img {
        width: 100%;
        height: auto;
    }
    .exbot-info b {
        display: none;
    }
    .exbot-info {
        padding: 3%;
    }
    .two-list ul {
        flex-wrap: wrap;
    }
    .two-list ul li {
        width: 100%;
        margin-top: 50px;
    }
    .two-list ul li:first-child {
        background: url(../img/biaozhun.jpg) no-repeat top center/100% 100%;
    }
    .two-list ul li:nth-child(2) {
        background: url(../img/tezhuang.jpg) no-repeat top center/100% 100%;
    }
    .two-list ul li span {
        top: -15%;
    }
    .trade p.tra-des {
        font-size: 14px;
        margin-bottom: 35px;
    }
    /* 关于会战 */
    .huigu-big {
        width: 100%;
    }
    .huigu-imgwrap {
        width: 100%;
    }
    .about-huigu>ul>li {
        height: auto !important;
        padding-bottom: 50px;
    }
    .huigu-small li {
        width: 24%;
        height: auto;
    }
    .huigu-small li img {
        object-fit: cover;
        height: auto;
    }
    .huigu-msgwrap {
        width: 100%;
    }
    .huigu-msgwrap h3,
    .huigu-msgwrap h4 {
        font-size: 16px;
    }
    .huigu-msgwrap b {
        margin: 10px 0;
    }
    .huigu-msg p {
        font-size: 14px;
    }
    .about-huigu>ul>li:nth-child(2n) .huigu-small ul li {
        width: 19%;
    }
    .huigu-small ul {
        display: flex;
        justify-content: space-between;
    }
    .huigu-small li:first-child {
        margin-top: auto;
    }
    /* 会展概况 */
    .gk-tit {
        max-width: 100%;
    }
    .overview1-left {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    .overview1-right {
        width: 100%;
    }
    .overview3-ul ul li {
        width: 48%;
    }
    .overview3-msg {
        padding: 15px 10px 0;
    }
    .overview-wrap1-ul2,
    .overview-wrap1-ul1 {
        width: auto;
    }
    .overview-wrap3-img img {
        margin-bottom: 35px;
    }
    .overview2-content,
    .overview3-content,
    .overview4-content,
    .overview5-content {
        padding-top: 45px;
    }
    .overview2-content ul {
        flex-wrap: wrap;
        padding-bottom: 35px;
    }
    .overview2-content li {
        width: auto;
    }
    .overview3-ul ul {
        margin-top: 25px;
        flex-wrap: wrap;
    }
    .overview3-ul ul li {
        margin-bottom: 15px;
    }
    .zhanqu-img {
        margin-top: 20px;
    }
    .overview4-content {
        margin-bottom: 30px;
    }
    .overview-wrap1-tit {
        margin-top: 25px;
    }
    .overview-wrap1-tit {
        font-size: 20px;
    }
    .overview-wrap1-ul1 li img {
        width: 65%;
    }
    .overview-wrap1-ul1 li,
    .overview-wrap1-ul2 li {
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .overview-wrap1-ul2 li img {
        width: 82%;
    }
    .overview-wrap2 {
        margin-top: 50px;
    }
    .overview5 {
        min-height: auto;
        padding-bottom: 35px;
    }
    .overview-wrap3-img img:last-child {
        width: 83%;
    }
    .haright {
        width: 100%;
        height: auto;
    }
    .haleft {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .happening-msg-con {
        padding: 55px 10% 55px;
    }
    .view-tab {
        width: 100%;
        overflow: hidden;
        display: flex;
        height: 60px;
        justify-content: start;
    }
    .view-tab a {
        width: 20%;
        margin: 0;
        font-size: 12px;
    }
    .view-tab a.photo {
        margin-right: 10px;
    }
    .view-line {
        padding-left: 0%;
        font-size: 12px;
        margin-left: 1vw;
    }
    .view-line ul li {
        height: 50px;
    }
    .view-con {
        width: 80%;
    }
    .view {
        height: 200px;
    }
    .view .swiper-container {
        height: 100%;
    }
    .view .swiper-container .swiper-slide img {
        height: 100%;
    }
    .preview .swiper-container {
        width: 63%;
    }
    .view-tab {
        margin-top: 15px;
    }
    .views {
        margin-top: 0;
        margin-bottom: 45px;
    }
    .labels label {
        width: 100%;
        margin-bottom: 2%;
    }
    .labels label p {
        width: 17%;
    }
    .labels label input {
        width: 270px;
    }
    .labels {
        margin: 0;
    }
    .comstyle {
        width: 100%;
    }
    .comstyle label {
        width: 50%;
        font-size: 13px;
    }
    .shenqing {
        width: 100%;
    }
    .trade-title h3 {
        font-size: 16px;
    }
    #section3 li {
        width: 100%;
        margin: 10px 0;
    }
    #section3 li:nth-child(2) {
        margin: 10px 0;
    }
    .numbg,
    .numbg img {
        display: none;
    }
    #section4 .container,
    #section5 .container,
    #section2 .container {
        padding-top: 25px;
    }
    .section5-parent {
        margin-top: 35px;
    }
    .section5-parent .swiper-pagination {
        margin-top: 35px;
    }
    #section2 {
        min-height: 800px;
        background: url(../img/section2.jpg) no-repeat top center/cover;
    }
    .section1-tab {
        width: 100%;
        display: flex;
        justify-content: start;
    }
    .section1-tab span {
        margin-right: 10px;
    }
    .section1-list .video1 {
        width: 100%;
    }
    .video1-msg {
        width: 100%;
    }
    .video1-num {
        display: none;
    }
    #section1 .preview {
        display: none;
    }
    .section1-wrap {
        width: 100%;
    }
    #section1 .view {
        height: auto;
    }
    #section1 {
        min-height: 620px;
        max-height: 620px;
    }
    #section1 .container {
        padding-top: 15px;
    }
    .exgtab {
        margin-bottom: 25px;
    }
    #section5 {
        min-height: auto;
        padding-bottom: 35px;
    }
    #map {
        margin-bottom: 15px;
    }
    .meun-tab {
        display: block;
        float: right;
        width: 25px;
        height: 20px;
        border: 1px solid #ddd;
        padding: 5px;
    }
    .meun-tab span {
        display: block;
        width: 100%;
        height: 1px;
        background: #ddd;
        margin: 4px 0;
    }
    #indexbanner {
        margin-top: 80px;
    }
    .meun>li:last-child {
        display: none;
    }
    #indexbanner {
        width: 100vw;
    }
    .indexform {
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 0 !important;
    }
    .index-info {
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        padding: 0;
    }
    .index-info h3 {
        font-size: 14px;
    }
    .index-info span {
        display: none;
    }
    .info-msg {
        margin-top: 5px;
    }
    .info-msg p {
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 14px;
        height: 14px;
    }
    .aHref {
        margin-top: 15px;
        width: 100%;
    }
    .aHref a {
        width: 28%;
        line-height: 30px;
        height: 30px;
        font-size: 12px;
    }
    .swiper-slide video {
        width: 100%;
        height: 100%;
    }
    .subnav {
        position: static
    }
    .contact li {
        margin: 0 auto;
        float: none;
    }
    .contact li:first-child {
        margin: 0 auto;
        float: none;
    }
    .hzmt li img{
        max-width: 100%
    }
}





.yuyue1323{
    font-size: 18px;
    color: #fff;
    display: inline-block;
    width: 120px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: #B12647;
    margin-left: 10px;
    padding: 0;
}
.yuyue{
    display: none;
    margin: 0;
    padding: 0;
    left: 0;
}
.yuyue a{
     margin-left: 0!important; 
    background: #666666;
}
.yuyue1323:hover .yuyue{
    display: block;
}



.schedule p img{
    max-width: 100%;
}