/*预定登记*/
.yddj{width: 888px;margin:30px auto;}
.yddj .yuding{width: 300px;height: 60px;text-align: center;background: #1c9bca; border-radius: 12px;color:#fff;font-size: 22px;line-height: 60px;}
/*首页简介*/
.about{width:1000px;margin:30px auto 0;}
.about_img{float:left;width:443px;margin-left: 15px;}
.about_view{float: right;width: 511px;}
.about_view p{font-family: "Noto Sans SC";color:#4d4d4d;font-size: 16px;line-height: 2.2;margin-bottom:20px;text-align: justify;letter-spacing: 3px;}

/*轮播图*/
.slideBox{width:100%; overflow:hidden; position:relative;}
.slideBox .hd ul{width: 100%;text-align: center;height:20px; overflow:hidden; position:absolute;bottom:1%; z-index:1;}
.slideBox .hd ul li{display: inline-block; margin-right:20px;  width:12px; height:12px; text-align:center; background:#bfbfbf;border-radius: 8px; cursor:pointer;}
.slideBox .hd ul li.on{background:#000;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{zoom:1; vertical-align:middle;}
.slideBox .bd img{width:100%; display:block;}
.slideBox .next{position:absolute;right:45%;top:50%;width:74px;height:74px;margin-top:-37px;margin-right:-600px; background-color: rgba(0,0,0,.3);z-index:7;display:none;transition: background 0.3s linear 0s;-webkit-transition: background 0.3s linear 0s;}
.slideBox .next i{display:block;width:26px;height:48px;margin-left:24px;margin-top:13px;background:url(../images/banner_let.jpg) no-repeat;}
.slideBox .prev{position:absolute;left:45%;top:50%;width:74px;height:74px;margin-top:-37px;margin-left:-600px; background-color:rgba(0,0,0,.3);z-index:7;display:none;transition:background 0.3s linear 0s;-webkit-transition:background 0.3s linear 0s;}
.slideBox .prev i{display:block;width:26px;height:48px;margin-left:24px;margin-top:13px;background:url(../images/banner_arr.jpg) no-repeat;}
.slideBox:hover .prev,.slideBox:hover .next { display:block;}
.slideBox .prev:hover,.slideBox .next:hover { background-color:rgba(0,0,0,.7);}

#client{position:relative;width: 1110px;margin: 30px auto;}
#client .hd .next{position: absolute;right: 50%;margin-right: -600px;z-index: 7;transition: background 0.3s linear 0s;-webkit-transition: background 0.3s linear 0s;}
#client .hd .next i{display: block;width: 39px;height: 173px;background: url(../images/banner_let.jpg) no-repeat;}
#client .hd .prev{position: absolute;left: 50%;margin-left: -600px;z-index: 7;transition: background 0.3s linear 0s;-webkit-transition: background 0.3s linear 0s;}
#client .hd .prev i{display: block;width: 39px;height: 173px;background: url(../images/banner_arr.jpg) no-repeat;}
#client .bd li{float:left;background-color: #fff;margin: 3px; padding: 2px; width: 152px;height: 82px;display: grid;align-items: center;overflow: hidden;border:1px solid #ddd;box-sizing: border-box;}
#client .bd li img{width: 100%;}
#client .bd li>a{display: block;}

#client1{position:relative;width: 1110px;margin: 30px auto;}
#client1 .hd .next{position: absolute;right: 50%;margin-right: -600px;z-index: 7;transition: background 0.3s linear 0s;-webkit-transition: background 0.3s linear 0s;}
#client1 .hd .next i{display: block;width: 39px;height: 350px;background: url(../images/banner_let1.jpg) no-repeat;}
#client1 .hd .prev{position: absolute;left: 50%;margin-left: -600px;z-index: 7;transition: background 0.3s linear 0s;-webkit-transition: background 0.3s linear 0s;}
#client1 .hd .prev i{display: block;width: 39px;height: 350px;background: url(../images/banner_arr1.jpg) no-repeat;}
#client1 .bd li{float:left;background-color: #fff;margin: 3px; padding: 2px; width: 152px;height: 82px;display: grid;align-items: center;overflow: hidden;border:1px solid #ddd;box-sizing: border-box;}
#client1 .bd li img{width: 100%;}
#client1 .bd li>a{display: block;}

/* 同期展会 */
.tqzh{width: 1000px;margin: auto;}

/* 同期活动 */
.activity{width: 1000px;margin: 30px auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.activity li{position: relative; box-shadow:0 0 10px 5px #d0cfcf;}
.activity li p{position: absolute;bottom: 0;width: 100%; background-color: rgba(0,0,0,.5);color: #fff;font-size: 22px;text-align: center;padding:6px 0;}
.activity img{width:320px;}

/*精彩图片*/
.jingcai1 {width: 1000px;margin: auto;padding-top: 40px;}
.jingcai1 ul{position:relative;}
.jingcai1 ul li{box-shadow:0 0 8px 1px #d0cfcf;width:240px;height:359px;overflow:hidden; float:left;margin-right: 12px; position:relative; cursor:pointer;}
.jingcai1 ul li:last-child{margin-right:0;}
.jingcai1 ul li img{position:absolute;width: 100%;}
.jingcai1 ul li p{display:block;width:100%;height:359px;opacity:0.7;position:absolute;top:320px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;background:linear-gradient(180deg, transparent 40px, #000000 0);}
.jingcai1 ul li:hover p{top:140px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;background:linear-gradient(0deg, transparent 0px, #000000 0);}
.jingcai1 ul li span{display:block;width:100%;position:absolute;top:370px;font-size:18px; color:#fff; text-align:center;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;letter-spacing:3px}
.jingcai1 ul li:hover span{top:160px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.jingcai1 ul li strong{display:block;width:100%;position:absolute;top:280px;font-size:28px; color:#fff; text-align:center; font-weight:normal;letter-spacing:3px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.jingcai1 ul li:hover strong{top:180px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.jingcai1 ul li b{display:block;padding:0 15px;font-weight:normal;width:100%;position:absolute;top:528px;font-size:14px;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.jingcai1 ul li:hover b{top:200px;line-height: 26px; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}


.zhanpin{width:1000px;margin:30px auto;}
.zhanpin ul{position:relative;}
.zhanpin ul li{box-shadow:0 0 10px 1px #d0cfcf;float:left;position:relative;margin-right: 20px;margin-bottom: 20px;}
.zhanpin ul li:nth-child(3){margin-right:0;}
.zhanpin ul li:nth-child(6){margin-right:0;}
.zhanpin ul li img{width:320px;}
.zhanpin ul li p{display:none;position:absolute;bottom: 0;width:320px;height: 244px;background:#000;opacity:.4;}
.zhanpin ul li b{display: none;width: 60px;height: 57px;background: url(../images/icoeye.png);position: absolute;left: 130px;top: 70px;background-size: 100%;z-index: 2;}
.zhanpin ul li span{display:none;position:absolute;top: 160px;width:320px;height: 240px;color:#fff; font-size:24px; text-align:center; letter-spacing:2px;}
.zhanpin ul li:hover p{display:block;}
.zhanpin ul li:hover b{display:block;}
.zhanpin ul li:hover span{display:block;}

.more {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}

.more a {
    display: block;
    width: 140px;
    height: 50px;
    line-height: 48px;
    overflow: hidden;
    margin: auto;
    border-bottom: 2px solid #181818;
    border-top: 2px solid #181818;
    font-size: 22px;
    color: #999;
    text-align: center;
    letter-spacing: 2px;
}

/*精彩图片*/
.jingcai {width: 1200px;margin: auto;padding-bottom: 50px;padding-top: 40px;}
.jingcai ul{width:1200px; position:relative;}
.jingcai ul li{box-shadow:0 0 10px 5px #d0cfcf;width:292px;height:389px;overflow:hidden; float:left; margin-right:10px; position:relative; cursor:pointer;}
.jingcai ul li:last-child{margin-right:0;}
.jingcai ul li img{position:absolute;}
.jingcai ul li p{display:block;width:100%;height:389px;opacity:0.7;position:absolute;top:326px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;background:linear-gradient(215deg, transparent 51px, #000000 0);}
.jingcai ul li:hover p{top:0px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;background:linear-gradient(0deg, transparent 0px, #000000 0);}
.jingcai ul li span{display:block;padding-left: 40px;font-weight: bold; width:100%;position:absolute;top:334px;font-size:32px; color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;letter-spacing:3px}
.jingcai ul li:hover span{top:60px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.jingcai ul li strong{display:block;width:100%;position:absolute;top:280px;font-size:28px; color:#fff; text-align:center; font-weight:normal;letter-spacing:3px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.jingcai ul li:hover strong{top:180px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.jingcai ul li b{display:block;padding: 0 5px;font-weight: normal; width:100%;position:absolute;top:388px;font-size:20px;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.jingcai ul li:hover b{top:120px;line-height: 40px; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}

/*展会资讯*/
.xwzx{background:url(../picture/xwzx.png) center bottom no-repeat;height:740px;}
.news{width:1000px;margin:40px auto 0;}
.news ul li{position: relative; box-shadow:6px 10px 30px 2px #000;float:left;background: #fff; width:360px;height: 428px; margin-right:60px;border-radius:10px;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .8s;transform:all .7s;}
.news ul li:nth-child(3){margin-right:0px;}
.news ul li .uwjg>img{width: 360px;height: 210px;border-radius: 15px 15px 0 0;}
.news ul li span{display:block;margin:20px auto;color:#4d4d4d;font-size:28px;line-height:36px;letter-spacing:4px;font-weight:600;}
.news ul li p{letter-spacing:4px;margin:20px 15px;font-size:20px;color:#333;line-height:24px;}
.news ul li strong{display:block; font-size:14px; font-weight:normal; color:#585858; margin-left:15px; overflow:hidden; margin-top:18px; height:36px;}
.news ul li b{position: absolute;right: 0;bottom: 0; padding-right:20px; border-radius: 25px;line-height: 30px;margin:20px auto;letter-spacing:2px;font-size:20px; color:#4d4d4d;text-align:right;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:all 1s;}
.news ul li b:hover{color:#ff0000; -webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:all 1s;}
.news ul li:hover{margin-top:-10px;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .8s;transform:all .7s;}
.more.slk {
    width: 100%;
    overflow: hidden;
    margin: 50px 0;
}

.more.slk a {
    display: block;
    width: 200px;
    height: 68px;
   line-height: 58px;
    overflow: hidden;
    margin: auto;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    font-size: 28px;
    color: #fff;
    text-align: center;
    letter-spacing: 8px;
}

/*精彩现场*/
.xianchangbg{width:100%; height:800px;min-width:1100px;}
.xianchang{width:1100px; overflow:hidden; margin:auto; margin-top:30px;}
.xianchang ul{width:1230px; position:relative;}
.xianchang ul li{width:350px;height:250px;overflow:hidden; float:left;margin-right:25px; margin-top:25px;position:relative;}
.xianchang ul li img{position:absolute;width:350px;height:250px;}
.xianchang ul li p{display:block;width:350px;height:250px;background:#ff4b06;opacity:.8;position:absolute;top:205px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.xianchang ul li span{display:block;width:350px;height:50px;line-height:50px;position:absolute;color:#fff;font-size:22px;text-align:center;letter-spacing:4px;top:200px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.xianchang ul li font{display:block;border-radius:4px;width:90px;height:34px; line-height:34px;text-align:center;background:#fff;font-size:12px;color:#333;position:absolute; top:250px; left:130px;}
.xianchang a:hover p{display:block; top:0px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.xianchang a:hover span{display:block;top:80px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}
.xianchang a:hover font{display:block; top:130px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s;}

/*合作媒体*/
.qiye{width:1200px;margin:45px auto 0;}
.qiye .left{float:left;width:70px; overflow:hidden;margin-top:98px;cursor:pointer;}
.qiye .left img{width:50px; display:block;}
.qiye .right{float:right;width:70px; overflow:hidden;margin-top:98px;cursor:pointer;}
.qiye .right img{width:50px; display:block; float:right;}

/*参展企业*/
.qiye1{width:1200px;position: relative; margin:auto; margin:45px auto;}
.qiye1 .left{position: absolute;top: 104px; left: -172px; cursor:pointer;}
.qiye1 .right{position: absolute;top: 104px; right: -172px;cursor:pointer;}

.meitilogo1{width:1200px;overflow:hidden;}
.meitilogo1 ul{width:1200px;}
.meitilogo1 ul li{float:left;width: 243px;}
.meitilogo1 li span{display:block;}
.meitilogo1 li span img{display:block;width: 226px;}
.meitilogo1 ul li a{display:block;text-align:center; color:#333;margin-bottom: 17px;}

/*合作媒体*/
.meitilogo{width:1200px;overflow:hidden;}
.meitilogo ul{width:1200px;}
.meitilogo ul li{float:left;width: 242px;}
.meitilogo li span{display:block;}
.meitilogo li span img{display:block;width: 230px;}
.meitilogo ul li a{display:block;text-align:center; color:#333;}


.bawi{border-radius: 20px; background: #e8e8e8;width: 1200px;margin:20px auto;height: 143px;padding-top: 20px;}
.bawi p {float: left;font-size: 36px;font-weight: bold;line-height: 103px;margin-left: 50px;margin-right: 60px;color: #4d4d4d;}

.brandex {width: 1200px;overflow: hidden;margin: auto;display: grid;grid-template-columns: 150px 1000px;justify-content: space-between;align-items: center;}
.brandex p {font-size: 36px;font-weight: bold;color: #4d4d4d}

#marquee2 {width: 920px;height: 200px;overflow: hidden;}
#marquee2 ul li {width: 230px;height: 108px;float: left;}
#marquee2 ul li a {display: block;width: 200px;height: 108px;overflow: hidden;margin: auto;text-align: center;vertical-align: middle;background: #fff;border-radius: 4px;line-height: 78px;}
#marquee2 ul li img {max-width: 200px;max-height: 108px;vertical-align: middle;}

#marquee3{width: 1000px;height: 220px;overflow:hidden;}
#marquee3 ul li{float:left;display: grid;align-content: center ; width: 230px;height: 100px;margin:0 10px 20px; overflow: hidden;}
#marquee3 ul li img{width: 100%;}















/* 改版首页样式2023.9.25 */
main{background: url(/pc/images/mainbj.jpg) center no-repeat;}
.pianyi{display: block;transform: translateY(-200px);}
.rubric{text-align: center;}
.rubric h2{font-size: 32px;color: #0b52b8;}
.rubric h3{font-size: 22px;color: #dad7d7;text-transform: uppercase;}

.lou1{width: 1200px;margin:60px auto;display: grid;grid-template-columns: 1fr 500px;box-shadow: 0 0 10px 5px #d0cfcf;}
.lou1 div{background-color: #f1f4f9;padding:30px 30px;}
.lou1 h6{background: url(/pc/images/lou1icon.png) left center no-repeat;font-size: 22px;color: #0b51b8;padding-left: 20px;}
.lou1 p{font-size: 16px;color: #282828;line-height: 2;text-align: justify;margin-top: 9px;}
.lou1 p b{color: #0b51b8;}

.shipin{width: 1200px;margin:60px auto;display: grid;grid-template-columns: 1fr 500px;}
.shipin div{padding:30px 30px;}
.shipin p{font-size: 16px;color: #282828;line-height: 2;text-align: justify;margin-top: 9px;}
.shipin p b{color: #0b51b8;}

.lou2{height: 600px; background: url(/pc/images/lou2bj.jpg) center no-repeat;padding-top: 90px;margin-top: 50px;}
.lou2 .rubric h2{color: #fff;}
.lou2 .rubric h3{color: #fff;}
.lou2 ol{width: 1200px;margin:30px auto;display: grid;grid-template-columns: repeat(4, 1fr);gap:40px;}
.lou2 ol li{background-color: #f4f2f2;border-radius: 9px;overflow: hidden;padding-bottom: 9px;}
.lou2 ol li img{width: 100%;vertical-align: middle;}
.lou2 ol li div{padding: 5px 10px;}
.lou2 ol li div h5{font-size: 20px;color: #061a9c;text-align: center;margin-bottom: 9px;}
.lou2 ol li div h5 em{background-color: #061a9c;width: 16px;height: 3px;display: inline-block;margin-bottom: 5px;}
.lou2 ol li div b{font-size: 14px;color: #282828;text-align: justify;}

.kdst{width:1200px;overflow:hidden;margin:auto;}
.kdst li{float:left;width: 274px;position:relative;overflow:hidden;margin-right: 34px;}
.kdst li:nth-child(4n){margin-right: 0;}
.kdst li img{float:left; width:100%;transition:all 2s;}
.kdst li:hover img{transform:scale(1.1, 1.1);}
.kdst li .hl_c{position:absolute;bottom:0;width:100%;height:50px;background:rgba(242,10,22,0.5); filter:alpha(opacity=70); overflow:hidden;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .2s;transform:all .4s;}
.kdst li .hl_c span{position:absolute;top: 0;width:100%;text-align:center;font-size:26px;font-weight: bold; color:#fff; line-height:50px; overflow:hidden;}
.kdst li .hl_c b {position: absolute;top: 170px;left: 50%;margin-left: -85px;color: #fff;font-size: 16px;width: 170px;text-align: center;}
.kdst li:hover .hl_c span{top:110px;font-size: 28px;font-weight: bold;}
.kdst li .hl_c .l_more{position:absolute; left:50%; margin-left:-60px; bottom:-50px; width:120px; text-align:center; font-size:16px; color:#fff; line-height:40px; color:#4dbbaa; background:#fff;border-radius:6px;transition:all .3s ease;blr:expression(this.onFocus=this.blur());opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s}
.kdst li:hover .hl_c{height:100%; padding:0;}
.kdst li:hover .hl_c .l_more{bottom:25%;opacity:1;}

.roundabout_box {width:1200px;margin:50px auto;overflow: hidden;background: url(/pc/images/boxbj.png) center no-repeat;}
.roundabout-holder{width:594px;height:550px;margin:auto;}
.roundabout-moveable-item{width:638px;height:368px;}
.roundabout-moveable-item img{height:100%;width:100%;vertical-align: top;}
.roundabout-holder p {color: #f20a16;text-align: center;font-size: 24px;font-weight: bold;}

.lou3{margin-top: 50px;}
.lou3 ol{width: 1200px;margin:40px auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.lou3 ol li{display: grid;justify-items: center;}
.lou3 ol li img{vertical-align: middle;}
.lou3 ol li h4{color:#f20a16;font-size: 64px;font-weight: bold;}
.lou3 ol li p{color: #000;font-size: 30px;letter-spacing: 4px;font-weight: bold;}

.lou4{margin-top: 80px;}

.lou5{margin-top: 60px;}
.lou5 ol{width: 1200px;margin:30px auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.lou5 ol li{position: relative; box-shadow:0 0 10px 5px #d0cfcf;}
.lou5 ol li p{position: absolute;bottom: 0;width: 100%; background-color: rgba(0,0,0,.5);color: #fff;font-size: 22px;text-align: center;padding:6px 0;}
.lou5 ol img{width:100%;vertical-align: middle;}

.lou6{margin-top: 80px;}

.lou7{width: 1200px;margin:50px auto;}
.lou7 ol{margin:40px auto;display: grid;grid-template-columns: repeat(4, 1fr);}
.lou7 ol li{height: 130px;display: grid;align-items: center;justify-items: center;}

.lou8{margin-top: 70px;}
.lou8 p{background-color: #f3686f;height: 200px;margin-top: 100px;}
.lou8 b{display: block; width: 1200px;margin:auto;position: relative;}
.lou8 b img{width: 100%;vertical-align: middle;position: absolute;top:-60px;}