@charset "utf-8";

/* 头部 */.firstscreen {position: relative;}
header {width: 100%;z-index: 999;height: 100px;line-height: 7rem;position: fixed;top: 0;left: 0;display: flex;align-items: center;background: #fff;box-shadow: 0 5px 25px rgba(0, 0 ,0, 0.1);}
.fixed {position: fixed;top: 0;left: 0;box-shadow: 22px 0px 16px 0px rgb(0 0 0 / .1);line-height: 7rem;background: #fff;transition: all 0.25s ease;}
.logo {width: 20%;float: left;margin-top: 30px;}
.logo img{width:100%}
.lang {padding-left: 3%;position: relative;line-height: 145px;font-size: 18px;}
.lang .on {color: #e94910}
.top-xs {display: none;}
.indextop {width: 100%;}

/*导航栏目*/.menubox {display: flex;height: 152px;float: right;width: 80%;padding-left: 5%;}

nav {-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 5rem;display: block;}
.navbar li.dropdown {display: inline-block;position: relative;margin-right: 30px;line-height: 125px;margin-top: 10px;}
.navbar li.dropdown .on {display: inline-block;padding: 0px 10px;background-color: #e94910;color: white !important;transform: skew(-18deg);text-decoration: none;line-height: 100px;}
.navbar li.dropdown :hover{color:#e94910}
.navbar li:hover:after {width: 100%;}
.navbar .toplink {text-decoration: none;height: 100%;text-align: center;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-weight: bold;font-size: 18px;}
.navbar .subnav {display: none;position: absolute;width: 180px;top: 100px;background: #fff;color: #1d1b1b;box-shadow: 0 1.5rem 27px 0 rgba(0, 0, 0, 0.1);left: 0;z-index: 900;transform: translateX(-18%);border-radius: 5px;}
.navbar li.dropdown:hover .subnav {display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.navbar .subnav a {display: block;font-size: 18px;line-height: 45px;text-align: center;margin-bottom: 1px;color: #1d1b1b;transition: all 0.3s;}
.navbar .subnav a:hover {background: #e94910;color: #fff;}

/*swpier--bannerb部分*/.banner .swiper {width: 100%;height: auto;position: relative;top: 100px;}
.banner .swiper-slide {background-position: center;background-size: cover;}
.banner .swiper-slide img {width: 100%;transition: 1s linear 2s;transform: scale(1.1, 1.1);display: block;}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1, 1);}
.banner .swiper-button-next,.banner .swiper-button-prev {color: #fff !important;}
.banner .swiper-pagination-bullet {font-size: 1.6rem !important;background-color: #e94910 !important;}
.banner .swiper-pagination {bottom: 12rem;}

/* 倒计时 */.ClassyCountdownDemo {margin: 0;max-width: 800px;width: calc(100%);display: block;}
.countdown17 {background-color: #f9f7f6;}
.index01 .weap {width: 1400px;margin: 0 auto;max-width: 100%;}
.index01 {margin-top: -69px;position: relative;z-index: 99;}
.index01 ul {display: -webkit-box;display: -ms-flexbox;display: flex}
.index01 ul li {-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;text-align: center;position: relative}
.index01 ul li.l1 {background-color: #dfe6f1;color: #fff;padding-top: 10px;padding-bottom: 10px;border-radius: 15px 0 0 0;}
.index01 ul li.l1 .t {font-size: 20px;margin-top: 10px;color: #000}
.index01 ul li.l1 .times>div {display: inline-block;vertical-align: middle;padding-top: 5px;margin: 0 8px;position: relative}
.index01 ul li.l1 .times>div>div {position: relative;z-index: 2}
.index01 ul li.l1 .times .p {font-size: 12px;line-height: 1.1;color: #000;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.index01 ul li.l1 .drop {font-size: 12px;letter-spacing: 8px;color: #000;padding-top: 10px}
.index01 ul li.l2 {background-color: #fa9d00;}
.index01 ul li.l3 {background-color: #e94910;border-radius: 0 15px 0 0;}
.index01 ul li.l2 {background-image: url(../images/ico-a01.png);background-repeat: no-repeat;background-position: center 20%;background-size: 100px;}
.index01 ul li.l3 {background-image: url(../images/ico-a02.png);background-repeat: no-repeat;background-position: center 20%;background-size: 110px;}
.index01 ul li .a {position: absolute;z-index: 2;left: 0;right: 0;bottom: 20px;}
.index01 ul li .a a {transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: alll .3s;display: inline-block;min-width: 220px;height: 50px;line-height: 50px;background-color: #fff;border-radius: 42px;color: #f8b62b;font-size: 24px;box-shadow: 0 0 20px #f08300;padding: 0px 15px;}
.index01 ul li .a:hover a {transform: scale(1.1)}
.index01 ul li .a i {color: #f8b62b;font-size: 28px;margin-left: 20px}

/* 展会介绍 */.title .titch {font-size: 36px;font-weight: bold;color: #333;}
.title .titen {line-height: 1.4;color: #666;position: relative;}
.about .video {width: 40%;}
.about .video video {width: 100%;padding: 50px 0;background: #000;}
.about .about_txt {width: 60%;}
.about .about_txt p {margin: 0 0 30px 60px;color: #666;}
.about .more{border: 1px solid #666;height: 45px;width:120px;line-height: 45px;text-align:center;border-radius: 50px;cursor:pointer;font-size: 18px;display: inline-block;margin: 0 0 30px 60px;}
.about .more:hover{background: #e94910;color: #fff; transform: scale(1.05);transition: all 0.5s;}
.about .more a:hover {color:#fff}
.about .more a{color:#666}

/* 数字 */.number {width: 60%;}
.number ul {display: flex;justify-content: space-around;align-items: center;margin-left: 30px;}
.number ul li {z-index: 0;position: relative;}
.number ul li:after{content: "";  display: block;  position: absolute;  z-index: 2;  right: -80px;  background-color: #e1e1e1;  top: 20%;  bottom: 20%;  width: 1px  }
.number ul li:nth-child(3):after {display:none}
.number ul li strong {position: absolute;color: #e94910;top: 20px;right: -40px;font-size: 26px;}
.number ul li:nth-child(2) strong {right: -10px;}
.number ul li em {font-size: 1.2rem;position: absolute;top: 3.5rem;right: -1rem;font-style: normal;color: #e94910;}
.number ul li:nth-child(1) em {right: -3rem;}
.number ul li:nth-child(3) em {right: -4rem;}
.number ul li .shu {display: block;height: 6rem;margin: 0 auto;position: relative;}
.number li p {font-size: 16px;color: #666;}
.dataNums {position: absolute;display: block;height: 5rem;text-align: center;left: -95%;width: 230%;line-height: 8rem;z-index: 999;top: 1rem;}
.dataNums .dataOne {width: 1.7rem;height: 3.5rem;text-align: center;font-family: "Arial";list-style: none;line-height: 6rem;display: inline-block;}
.dataNums .dataBoc {position: relative;width: 100%;height: 100%;overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute;top: 2rem;left: 0;width: 100%;height: 2rem;}
.dataNums .tt span {width: 80%;font: 48px "Impact";color: #e94910;height: 3.5rem;float: left;font-weight: lighter;}

/* 往届回顾 */.title2 .titch {font-size: 36px;font-weight: bold;color: #fff;}
.title2 .titen {line-height: 1.4;color: #fff;position: relative;}
.huigu {background: url(../images/huigu.png) no-repeat center top;}
#demo {overflow: hidden;display: inline;float: left;width: 1400px;}
#indemo {float: left;width: 1000%;}
#demo1,
#demo2 {float: left;}
#demo1 a,
#demo2 a {cursor: pointer;}
#demo ul li {float: left;box-sizing: border-box;width: 25rem;margin-left: 2rem;overflow: hidden;position: relative;text-align: center;background: #fff;border-radius: 1.5rem;}
#demo .name {line-height: 5rem;display: block;border-top: #ddd 1px solid;}
#demo .name:hover{color: #e94910;}
#demo .img img {box-sizing: border-box;}

/* 新闻资讯 */
.new .newone{width: 25%;margin-right: 3%;background: #fff;box-shadow: 0 5px 25px rgba(0, 0 ,0, 0.1);border-radius: 10px;}
.new .newone .img{width: 100%;border-radius: 10px;}
.new .newone .img img{width: 100%;border-radius: 10px;}
.new .textbox{padding: 1.5rem 1.5rem 3rem;}
.new .date,.new  .text{color: #999;}
.new .text{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.textbox .title:hover{color: #e94910;}
.textbox .title{line-height: 1.6rem;min-height: 5.5rem;font-weight: bold;margin: 0.5rem 0 0.5rem;word-wrap: break-word;  -webkit-line-clamp: 2; display: -webkit-box;  -webkit-box-orient: vertical;overflow: hidden;}
.new .newbox{width: 44%;background: #fff;border-radius: 15px;box-sizing: border-box;padding: 1rem 4rem;box-shadow: 0 5px 25px rgba(0, 0 ,0, 0.1);}
.new .new_menu  a{display: inline-block;line-height: 45px;margin-right: 1rem;margin-top: 1rem;background: #eee;border-radius: 45px;padding: 0 2rem;}
.new .new_menu   a.active { background: #e94910;color: #fff;}
.new .cont ul li{line-height: 3.7rem;border-bottom: #ddd 1px dashed;position: relative;padding-left: 1rem;box-sizing: border-box;}
.new .cont ul li::before{ content: '·'; width: 5px; height: 5px; display: block; position: absolute; left: 0; font-size: 3rem;}
.new .cont ul li a{ width: 100%; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.new .cont ul li a:hover{ text-indent: 0.5em;}
.new .cont ul li span{ float: right; color: #999;}
.new .cont ul li:nth-child(8){ border-bottom: none;}
.new .go{ text-align: center; line-height: 1.6;}

/* 展商专区 */
.choose {background: url(../images/zhanshangb.jpg) no-repeat center top;background-size: cover;}
.choose .wid{ position: relative; } 
.choose .swiper{ min-height: 35rem; height: auto;}
.choose ul li{width: 18%;background-color:#fff;border-radius:1rem;box-sizing: border-box;padding: 10px 5px 10px;margin: 0 1% 1rem 0;display: inline-block;}
.choose ul li img{display:block;margin:auto}
.choose .swiper-pagination{ position: relative; margin-top: 2rem;}
.choose .swiper-pagination-bullet{width: 1rem !important;height: 1rem !important;background: #fff;opacity: 0.8;}
.choose .swiper-pagination-bullet-active{background: #e94910;}

/* 参观导航 */
.canguan{width: 100%;}
.canguan .clearfixd:after{display:block; content:''; clear:both;}
.canguan .clearfixd{zoom:1;text-align: center;}
.canguan .tBox{width: 1400px;height: 630px;position: relative;margin: auto;overflow: hidden;}
.canguan .tBox .picBox{width: 1400px;margin: 0 auto;height: 100%;position: relative;}
#posBox{width: 2048px;position: absolute;left: 0;top: 0;	}
.canguan .tBox .picBox .roll{position: relative;margin-right: 1px;perspective: 1000px;cursor: pointer;}
.canguan .tBox .picBox .box-content .tit{font-size: 24px;color: #fff;padding-top: 30px;margin-bottom: 2px;}
.canguan .tBox .picBox .box-content .titen{font-size: 18px;color: #fff;margin-bottom: 40px;font-family: 'Times New Roman';}
.roll .box-content{width: 100%;height: 630px;position: absolute;top: 0;left: 0;background: url(../images/t6.jpg) no-repeat center top;transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;overflow: hidden;}
.roll .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}
.roll:hover .box-img{transform: rotateY(-90deg);}
.roll:hover .box-content{transform: rotateY(0);}
.roll .box-content {font-size: 18px;color: #fff;padding-top: 12px;line-height: 36px;}
.roll .box-content a{color: #fff;}
.roll .box-content .more:hover a{color:#e94910}
.roll .box-content p{transition: transform 0.3s ease;}
.roll .box-content p:hover{transform: scale(1.05);}
.roll .box-content span {display: inline-flex;width: 20px;height: 20px;background-color: #fff;color: #e94910;border-radius: 50%;justify-content: center;align-items: center;margin: 0 5px;font-size: 18px;font-weight: bold;}

.roll .more{border:1px solid #fff;height: 45px;width:120px;line-height: 45px;text-align:center;border-radius: 50px;margin-top: 40px;margin-bottom: 40px;cursor:pointer;font-size: 18px;display: inline-block;}
.roll .more:hover{background: #fff;color: #e94910; transform: scale(1.05);transition: all 0.5s;}

/* 合作媒体 */
.meiti .wid{ position: relative; } 
.meiti .swiper{min-height: 32rem;height: auto;}
.meiti ul li{width: 18.5%;background-color:#fff;border-radius:1rem;box-shadow: 0 5px 5px rgba(0, 0 ,0, 0.1);border-radius: 0 0 8px 8px;box-sizing: border-box;padding: 10px 5px 10px;margin: 0 1% 1rem 0;display: inline-block;}
.meiti .swiper-pagination{ position: relative; margin-top: 2rem;}
.meiti .swiper-pagination-bullet{width: 1rem !important;height: 1rem !important;background: #fff;opacity: 0.8;}
.meiti .swiper-pagination-bullet-active{background: #e94910;}

/* 预定 */

.yuyue {background-color: #ed6637;}
.yuyue li.lileft {float: left;width: 60%;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: alll .3s}
.yuyue li.liright {float: right;width: 40%;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: alll .3s}
.yuyue ul:hover li {width: 40%}
.yuyue li.liright:hover,.yuyue li.lileft:hover {width: 60%}
.yuyue li a {display: block;width: 100%;background-color: #fff;padding: 30px 45px;border-radius: 10px;position: relative;height: 297px;overflow: hidden;color: #333}
.yuyue li.liright a {width: 90%;margin-left: 10%}
.yuyue li.liright:hover a {width: 93%;margin-left: 7%}
.yuyue li .txt {position: relative;z-index: 4}
.yuyue li .txt .p1 {font-size: 40px;line-height: 1.2}
.yuyue li .txt .p2 {font-size: 30px;}
.yuyue li.lileft a:before {content: "";display: block;width: 456px;height: 456px;position: absolute;z-index: 1;background-color: #e4e9ef;border-radius: 50%;right: -10%;top: 50%;transform: translateY(-50%);transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: alll .3s}
.yuyue li.lileft .ico {transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: alll .3s;position: absolute;z-index: 2;right: 25%;top: 50%;transform: translateY(-50%)}
.yuyue li.lileft .ico img {height: 250px}
.yuyue li.lileft .more {margin-top: 50px}
.yuyue li.liright a:before {content: "";display: block;width: 300px;height: 300px;position: absolute;z-index: 1;background-color: #dcebff;border-radius: 50%;right: -10%;top: 50%;transform: translateY(-40%);transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: alll .3s}
.yuyue li.liright .ico {transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: alll .3s;position: absolute;z-index: 2;right: 5%;top: 50%;transform: translateY(-45%)}
.yuyue li.liright .ico img {height: 250px}
.yuyue li .more span {color: #e94910}
.yuyue li .more span i {font-size: 24px;margin-left: 20px;position: relative;top: 2px}
.yuyue ul:hover li.lileft a:before {right: -10%;top: 50%;transform: translateY(-40%);width: 300px;height: 300px}
.yuyue ul:hover li.lileft .ico {right: 10%}
.yuyue ul li.lileft:hover a:before {width: 456px;height: 456px;position: absolute;z-index: 1;background-color: #e4e9ef;border-radius: 50%;right: -10%;top: 50%;transform: translateY(-50%)}
.yuyue ul li.lileft:hover .ico {right: 25%}
.yuyue ul:hover li.liright a:before {right: -10%;top: 50%;transform: translateY(-40%);width: 300px;height: 300px}
.yuyue ul:hover li.liright .ico {right: 5%}
.yuyue ul li.liright:hover a:before {width: 456px;height: 456px;position: absolute;z-index: 1;background-color: #e4e9ef;border-radius: 50%;right: -10%;top: 50%;transform: translateY(-50%)}
.yuyue ul li.liright:hover .ico {right: 30%}

/* 底部 */
.foot{background: #333;color: #eee;font-size: 15px;}
.foot .t{font-size: 18px;margin-bottom: 20px;color: #999;}
.foot .n{margin-bottom:10px}
.foot a{color: #eee;}
.foot a:hover{color: #e94910;}
.footadder{width: 30%;}
.footadder .iconfont{font-size: 30px;margin-right: 15px;}
.footnav{width: 50%;margin-left:80px}
.foot ul{float:left;margin-right:50px}
.footewm{width: 10%;}
.banquan {font-size: 14px;padding: 20px 0;border-top: 1px solid rgba(255,255,255,.17)}

/* 右侧浮动 */
.izl-rmenu{position:fixed;right: 10px;margin-left:532px;bottom:10px;padding-bottom: 10px; z-index:999;}
.izl-rmenu .btn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-kf{background:url(../images/r_kf.png) center center no-repeat; background-color:#e94910;}
.izl-rmenu .btn-qq:hover,.izl-rmenu .btn-kf:hover{background-color:#e94910;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) center center no-repeat; background-color:#e94910; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) center center no-repeat; background-color:#e94910;}
.izl-rmenu .btn-wx:hover{background-color:#e94910;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-125px;top:0px;display:none;width:120px;height:120px;max-width: 120px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) center center no-repeat; background-color:#e94910;}
.izl-rmenu .btn-phone:hover{background-color:#e94910;}
.izl-rmenu .btn-phone .phone{background-color:#e94910;position:absolute;width: 170px;left:-157px;top:0px;line-height:50px;color:#FFF;font-size:18px;font-weight:bold;text-align:center;display:none;border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) center center no-repeat; background-color:#e94910; display:none;}
.izl-rmenu .btn-top:hover{background-color:#e94910;}


/* 单页样式 */
.inban{margin-top: 80px;}
.submenu  ul{text-align:center}
.submenu ul li{display:inline-block;line-height: 36px;margin-right:5px;}
.submenu ul li a{ display:block;padding: 0 2rem;border-radius: 3rem;background: #f0f0f0;}
.submenu ul li a:hover,.submenu .current a{ background:#e94910; color:#fff}
.content .video{margin: 2rem 0;text-align: center;}
.search {background: #f2f2f2;height: 6rem;line-height: 6rem;border-bottom: 1px solid #eee;overflow: hidden;}
.search a{display: inline-block;margin-right: 1rem;}
.content{min-height: 50rem;padding: 2rem 0;}
.content img{display:block;margin:auto}

/* 新闻页面样式 */
.posnav{overflow: hidden;text-overflow: ellipsis;}
.intitle{padding-bottom: 3rem;}
.intitle  h2{font-size: 2.8rem;color:#e94910;font-weight: bold; position: relative; padding-left: 2rem;}
.intitle  h2:before{ width: 7px; height:3rem; border-radius: 4px; content: ""; display: block; position: absolute; background:#e94910; left: 0px; top:9px;}
.submenu ul li,.submenu .swiper-slide{display: inline-block;text-align: center;line-height: 3.6rem;margin-right: 1rem;margin-bottom: 1rem;}
.submenu ul li a,.submenu .swiper-slide a{display: block;background: #fff;border: #ddd 1px solid;border-radius: .8rem 0;padding: 0 1rem;}
.submenu ul li a:hover,.submenu ul li .on,.submenu .swiper-slide .swiper-slide-active{ background:#e94910; color: #fff; border: #e94910 1px solid;}

.newlist{margin: 50px 0;}
.newlist ul li {margin-bottom: 2rem;height: 16rem;border-bottom: #ddd 1px dotted;width: 48%;display:inline-block;margin-right: 3%;box-sizing: border-box;padding: 1rem;}
.newlist ul li:nth-child(2n){ margin-right:0;}
.newlist ul li .data {width: 20%;max-width: 18rem;padding: 3rem 0;float: left;text-align: center;background: #f2f2f2;transition: all .5s;border-radius: .8rem 0;}
.newlist ul li .data p {color: #e94910;font-size: 2.4rem;font-family: arial;}
.newlist ul li .data span {color: #8c8c8c;font-size: 1.4rem;}
.newlist ul li .text {float: right;width: 75%;}
.newlist ul li .text h3 {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: all .5s;font-weight: bold;}
.newlist ul li .text em {display: none;}
.newlist ul li .text p {color: #999;line-height: 2.4rem;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newlist ul li .text span {margin-top: 1.5rem;display: inline-block;border: 1px solid #e8e8e8;line-height: 3rem;padding: 0 2rem;color: #999999;}
.newlist ul li:hover{ box-shadow: 0 5px 25px rgba(0, 0 ,0, 0.1);}
.newlist ul li:hover .text h3 {color: #e94910;}
.newlist ul li:hover .data {background: #e94910;}
.newlist ul li:hover .data p,.newlist ul li:hover .data span {color: #fff;}
.fanye ul li,.inright .fanye ul li {display: inline-block;margin: 10px;float: none;width: auto !important;height: 5rem;border-radius: 0.8rem !important;background-color: #EFEFEF;text-align: center;line-height: 5rem;}
.fanye ul li:first-child,.inright .fanye ul li:first-child{width: auto;}
.fanye ul li:last-child,.inright .fanye ul li:last-child{margin-left: 3px;}
.fanye ul li a,.fanye ul li span,.inright .fanye ul li a,.inright .fanye ul li span{display: block;padding: 0px 2rem;}
.fanye ul li:hover a,.inright .fanye ul li:hover a,.fanye .active a{color: #fff;background-color: #e94910;border-radius:0.8rem !important}
.fanye ul li.thisclass a,.inright .fanye ul li.thisclass a{ color: #ffffff;background-color: #e94910;}
.detailbox {line-height:2;min-height: 500px;padding: 2rem 0;}
.detailbox img { display: block; text-align: center; margin: 2rem auto;}
.newdetail .inleft,.pro_detail .inright,.product_detail .inright{width: 72%;}
.newdetail .inright,.pro_detail .inleft,.product_detail .inleft{width: 25%;}
.inright .tit{line-height: 5rem;text-align: center;font-size: 1.8rem;color: #fff;background: #e94910;}
.inright .tj_new ul li{ line-height: 4rem; border-bottom: #ddd 1px dotted;}
.inright .tj_new ul li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 70%;float: left;}
.inright .tj_new ul li span{    display: block;}
.time,.source {font-size: 13px;color: #BEBEBF;margin-right: 30px;}
.time_source p{ display: inline-block;}
.inhuigu {margin-top:2rem}

.daodu,.pages {padding: 2.5rem;border: #f5f5f5 1px solid;background: #fff;line-height: 60px;}
.pages p{margin: -20px;}
.detailbox img { display: block; text-align: center; margin: 2rem auto;}
.submenu ul li a,.submenu .swiper-slide a{display: block;background: #fff;border: #ddd 1px solid;border-radius: .8rem 0;padding: 0 1rem;}
.submenu ul li a:hover,.submenu ul li .on,.submenu .swiper-slide .swiper-slide-active{ background:#e94910; color: #fff; border: #e94910 1px solid;}
.newdetail .submenu ul li{ width: 100%; line-height: 4.5rem; margin-bottom: 1rem;}

/* 精彩回顾样式 */
.fangan ul li{float: left;width: 49%;margin: 1% 0.5%;border-bottom: #ddd 1px solid;} 
.fangan .imgbox{ overflow: hidden; border-radius: 8px;}
.fangan a img{  transition: all ease-in-out 0.5s;}
.fangan a:hover img{ transform:scale(1.1,1.1);}
.fangan ul li h1{line-height: 5rem;font-size: 18px;width: 100%;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}

/* 展商 合作媒体样式 */
.hezuo{padding: 2rem 0;} 
.hezuo ul li{width: 19%;float: left;margin: 1% 0.5%;}
.hezuo .imgbox{border: #ddd 1px solid;border-radius:0.8rem;overflow: hidden;}
.hezuo a img{border-radius:0.8rem;}
.hezuo a:hover img{transform:scale(1.1,1.1);}

/* 预约表单 */
/* 表单标题样式 */
.fc-form-body {
  padding: 20px 0;
}

/* 表单组样式 */
.form-group {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: all 0.3s ease;
}

.form-group:hover {
  background-color: rgba(245, 245, 245, 0.5);
}

/* 标签样式 */
.control-label {
  padding-right: 15px;
  font-weight: 600;
  color: #555;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  text-align: right;
}

/* 必填项星号样式 */
.required {
  color: #e74c3c;
  font-weight: bold;
}

/* 输入框样式 */
.form-control {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  height: 40px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  border-color: #f3835a;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(233, 73, 16, 0.25);
}

/* 必填字段特殊样式 */
.dr_required {
  border-left: 3px solid #e94910;
}

/* 验证码区域样式 */
.form-recaptcha {
  display: flex;
  align-items: center;
}

.fc-code {
  margin-left: 10px;
}

.fc-code img {
  border-radius: 4px;
  border: 1px solid #ddd;
  height: 35px;
  transition: all 0.3s ease;
}

.fc-code img:hover {
  opacity: 0.8;
  transform: scale(1.02);
}

/* 提交按钮样式 */
.myfooter {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.content .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 10px 25px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.form-actions{margin-left:15%}

.content .btn.green {
  color: #fff;
  background-color: #e3734a;
  border-color: #e94910;
}

.content .btn.green:hover {
  background-color: #e94910;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.content .btn i {
  margin-right: 8px;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .control-label, 
  .form-control {
      flex: 0 0 100%;
      max-width: 100%;
  }
  
  .control-label {
      text-align: left;
      margin-bottom: 5px;
  }
  
  .form-group {
      flex-direction: column;
      align-items: flex-start;
  }
  
  .form-recaptcha {
      flex-direction: column;
      align-items: flex-start;
  }
  
  .fc-code {
      margin-left: 0;
      margin-top: 10px;
  }
}

/* 动画效果 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.form-group {
  animation: fadeIn 0.5s ease forwards;
}

/* 为每个表单组添加延迟动画 */
.form-group:nth-child(1) { animation-delay: 0.1s; }
.form-group:nth-child(2) { animation-delay: 0.2s; }
.form-group:nth-child(3) { animation-delay: 0.3s; }
.form-group:nth-child(4) { animation-delay: 0.4s; }
.form-group:nth-child(5) { animation-delay: 0.5s; }
.form-group:nth-child(6) { animation-delay: 0.6s; }




@media (max-width:1920px) {
  .hidden-x{display: block;}
  .visible-x{display: none;}
  .new .wid{width: 1350px;}
  .visible-xs{ display: none;}

  }

@media (max-width:1440px) {
  .hidden-x{display: block;}
  .visible-x{display: none;}
  .wid{ width:1200px; }
  .navbar li.dropdown{margin-right: 15px;}
  #demo{ width: 1200px;}
  .new .wid{width: 1150px;}
  .new .newone .img{height: 13rem;}
  .new .newbox ul li{text-overflow: ellipsis;width: 100%;height: 3.5rem;overflow: hidden;}
  .menubox{padding-left:2%}
  .new .new_menu a{margin-right: 1px;padding: 0 1rem;}
  #posBox{width: 1440px;}
  .canguan .tBox{width: 1440px;height: 535px;}
  .canguan .tBox .picBox{width: 1200px;}
  .canguan .tBox .picBox .roll{width: 19%;}
  .meiti .swiper{min-height:25rem}
  

  }

  @media (max-width:1280px) {
    .hidden-x{display: block;}
    .visible-x{display: none;}
    .wid{width: 1200px;}
    #demo{ width: 1200px;}
    .index01{margin-top: -59px;}
    .menubox{padding-left: 2%;}
    .new .new_menu a{margin-right: 1px;}
    .lang{padding-left: 0;}
    .number{width: 100%;}
    #posBox{width: 1280px;}
    .canguan .tBox{width: 1200px;height:460px}
    .canguan .tBox .picBox{width: 1200px;}
    .new .newbox {width: 100%;padding: 1rem;}
    .new .newbox .new_menu {text-align: center;}
    .newone{ display: none;}
    .choose .swiper{min-height: 25rem;}
    .roll .box-content{height: 460px;}
    .canguan .tBox .picBox .box-content .tit{font-size: 18px;padding-top:20px}
    .canguan .tBox .picBox .box-content .titen{font-size: 16px;margin-bottom: 0;margin-top: -15px;}

    .newlist ul li .data p{font-size: 2rem;}
  }

@media (max-width:1080px) {
  .hidden-xs{display: none;}
  .visible-xs{ display: block;}
  .hidden-x{display: block;}
  .visible-x{display: none;}
   .wid{width:90%;padding-left: 2%;padding-right: 2%;}
   .pd60{padding-top: 3rem;padding-bottom: 3rem;}
   .pdt60{padding:30px 0}
   .top { display: none;}
   .top-xs{ display: block;}
   .top-xs{background-color: #fff;height: 5rem;position: fixed;top: 0;z-index: 991;width: 100%;padding: 1rem 0;box-shadow: 0 5px 15px rgba(0, 0 ,0, 0.15);}
   .top-xs .logo{position:relative;z-index:990;margin-top: -10px;} 
   .top-xs .logo img{width: auto !important;margin-left: 1rem;margin-top: 1rem;}
   .lang{line-height: 3;padding-left: 5%;}
   .banner .swiper{top: 80px;}
   .banner .swiper-pagination{bottom:3rem}
   .index01{margin-top: -64px;}
   .index01 ul li .a a{font-size: 20px;height: 45px;line-height: 40px;}
   .about .more{margin: auto;display: block;}
   .menu-button {display: block;height: 3rem;margin: 1.2rem 1rem 0 0;cursor: pointer;position: relative;z-index: 900;}
   .menu-button .line:nth-of-type(1) {margin-top: 0;}
   .menu-button .line:nth-of-type(2) {margin-bottom: 0;}
   .menu-button .line {position: relative;display: block;width: 2.2rem;height: 0.2rem;margin: .5rem 0;background: #666;border-radius: 5px;-webkit-transition: 0.3s;transition: 0.3s;}
   .header_active .line:nth-of-type(1) {
   -webkit-transform: translateY(6.5px) rotate(-45deg);
   -ms-transform: translateY(6.5px) rotate(-45deg);
   transform: translateY(6.5px) rotate(-45deg);
}
  .header_active .line:nth-of-type(2) {opacity: 0}
  .header_active .line:nth-of-type(3) {
  -webkit-transform: translateY(-7.5px) rotate(45deg);-ms-transform: translateY(-7.5px) rotate(45deg);transform: translateY(-7.5px) rotate(45deg);}
  #menu {background: #fff;height: 100%;position: fixed;transform: translateY(-100%);top: 0;left: 0;right: 0;bottom: 0;z-index: 800;overflow-y: hidden;padding: 7rem 3rem 5rem;transition: .5s;display: block;}
  #menu ul {margin: 0 0 7rem 0;transition-delay: .2s;}
  #menu ul li {border-bottom: 1px solid rgba(0,0,0,.05);position: relative;line-height: 50px;}
  #menu ul li a {color: #333;display: inline-block;width: 90%;font-weight: bold;}
  #menu ul li a:hover {background: none; color:#e94910}
  #menu ul li i {line-height: 2.2rem;font-size: 1.4rem;display: none;width: 2.2rem;transform: translateY(0);color: #333;position: absolute;right: 0;top: 3rem;cursor: pointer;}
  #menu ul li.cur i,#menu ul li.current i {display: inline-block;}
  #menu ul li.cur .fa-angle-down { display: inline-block;transform: rotate(90deg);}
  #menu ul li.on { background: rgba(255,255,255,.05);}
  #menu ul li.on a {color: #333;}
  #menu dl {background: rgba(0,0,0,.02);display: none;}
  #menu dl dd { border-bottom: 1px solid rgba(0,0,0,.05);}
  #menu dl dd a {color: #555;display: block;padding: .5rem 1.5rem;font-weight: normal;}
  #menu dl dd i {padding: 0 6.5rem 0 0;font-size: 1.4rem;}
  .header_active #menu {transform: translateY(0);}

  #demo{ width: 100%;}
  .about .about_txt{width: 100%;}
  .number {width: 100%;}
  .about .video {width: 100%;}
  .about .video video{padding: 0;}
  .about .about_txt p{margin:30px 0;}
  .new .newbox {width: 100%;padding: 1rem;}
  .new .newbox .new_menu {text-align: center;}
  .newone{ display: none;}

  .choose .swiper{min-height: 20rem;}
  .canguan .tBox{width: 1000px;height:500px}
  .canguan .tBox .picBox{ width:1000px}
  .canguan .tBox .picBox .roll{width:16%}
  .roll .box-content{height: 460px;}
  .canguan .tBox .picBox .box-content .tit{font-size: 18px;padding-top:20px}
  .canguan .tBox .picBox .box-content .titen{font-size: 16px;margin-bottom: 0;margin-top: -15px;}
  .roll .box-content p{font-size: 16px;}

  .newdetail .inleft, .pro_detail .inright, .product_detail .inright{width: 100%;margin: auto;}

  }

@media (max-width:768px) {
  .hidden-xs{ display: none;}
  .visible-xs{ display: block;}
  .hidden-x{display: none;}
  .visible-x{display: block;}
  .title .titch{font-size: 24px;}
  .title .titen{font-size: 14px;}
  .title2 .titch{font-size: 24px;}
  .title2 .titen{font-size: 14px;}
  .logo{width: 50%;}
  .menu-button{margin:0.8rem 1rem 0 0}

  .index01{margin-top: -80px;}
  .weap{padding: 0 10px;}
  .index01 ul{display:block;overflow:hidden}
  .index01 ul li:nth-child(1) {width: 100%;border-radius: 15px 15px 0 0;height: 200px;}
  .index01 ul li:nth-child(2) {border-radius: 0 0 0 15px;}
  .index01 ul li:nth-child(3) {border-radius: 0 0 15px 0 ;}
  .index01 ul li{width: 50%;float: left;height: 150px;}

  .index01 ul li.l1 .t{font-size: 16px;}
  .index01 ul li .a a{font-size: 14px;min-width: 170px;height: 35px;line-height: 30px;}
  .index01 ul li .a{bottom: 10px;}
  .dataNums{left: -75%;}
  .dataNums .dataOne{width: 14px;}
  .dataNums .tt span{font:30px "Impact"}
  .number ul li:after{right: -45px;bottom:30%}
  .number ul li:nth-child(2) strong{right: -20px;}
  .number ul li:nth-child(2):after {right:-45px}
  .number ul li:nth-child(1) em {right: -25px;}
  .number ul li:nth-child(3) em {right: -45px;}
  .number ul li em{font-size: 12px;right: -20px;}
  .number ul li strong{font-size: 16px;right: -30px;}
  .number li p{font-size: 14px;}
  .dataNums .dataOne{width: 1rem;}

	.choose .swiper{min-height: 20rem;}
  .choose ul li{width: 48.5%;}
  #posBox{width:100%}
  .canguan .tBox{width: 700px;height: 320px;}
  .canguan .tBox .picBox{ width:700px}
  .canguan .tBox .picBox .roll{width: 19.5%;}
  .canguan .tBox .picBox .box-content .tit{font-size: 16px;padding-top:5px}
  .canguan .tBox .picBox .box-content .titen{font-size: 8px;margin-bottom: 0;margin-top: -20px;}
  .roll .box-content p{font-size: 13px;line-height: 26px;}
  .roll .box-content span{font-size: 14px;}
  .roll .more{margin-top: 10px;margin-bottom: 10px;width: 100px;height: 30px;font-size: 14px;line-height: 30px;}
  .roll .box-content{height: 310px;}
  .meiti ul li{width: 47.5%;}
  .choose ul li{width: 47.5%;}
  #demo ul li{width: 18rem;margin-left:1rem}
  #demo{width:650px}

  .yuyue li .txt .p1 {font-size: 28px;}
  .yuyue li .txt .p2 {font-size: 20px;}
  .footer-xs{ background: #333; color: #eee; padding: 2rem 0;  text-align: center; font-size: 14px;}
  .footer-xs a{color: #eee;}
  .footer-xs a:hover{ color: #e94910;}
  .iconfont{font-size: 26px !important;margin: 1%;}


  .hezuo ul li{width: 49%;}
  .search{height: 5rem;line-height: 5rem;}

  .product .cpboximg,.product .cpboxcont,.newlist ul li  { width: 100%;}
  .product .cpboxcont{ padding-bottom:5rem}
  .product .cpboxcont p{-webkit-line-clamp: 5;} 
  .newlist ul li .data p{ font-size: 2.4rem;} 
  .newlist ul li .text p{-webkit-line-clamp:2;}
  .newdetail .inleft{width: 100%;float: none;}
  .newdetail .inleft h1{font-size: 1.8rem;}
  .newdetail .inright{display: none;}
  .pro_detail .inright{ display:block; width:100%}
  .pro_detail .inleft{ display:none;}
  .pages p{width: 50%;line-height: 1.5;}

  }


  @media (max-width:500px) {
    .logo{width: 50%;}
    .top-xs .logo img{margin-top:1.5rem;max-width: 160px;}
    .lang{font-size: 16px;}
    .menu-button{margin:0.8rem 1rem 0 0}
    .index01 ul li:nth-child(1){height:120px}
    .index01{margin-top: 280px;}
    .index01 ul li.l1 .t{font-size: 14px;margin-top: 0;}
    .canguan .tBox{width: 370px;height: 550px;}
    .canguan .tBox .picBox{ width:370px}
    .canguan .tBox .picBox .roll{width: 33%;}
    .roll .box-content{height: 275px;}
    .canguan .tBox .picBox .box-content .tit{font-size: 16px;padding-top:5px}
    .canguan .tBox .picBox .box-content .titen{font-size: 8px;margin-bottom: 0;margin-top: -20px;}
    .roll .box-content span{font-size: 12px;width: 15px;height: 15px;}
    .roll .box-content p{line-height: 22px;}
    .meiti ul li{width: 47.5%;}
    .choose ul li{width: 47.5%;}
    #demo ul li{width: 11rem;margin-left: 1rem;}
    #demo{width: 400px;}
    #demo .name{font-size: 15px;line-height: 3rem;}
    .dataNums .dataOne{width: 14px;}
    .dataNums .tt span{font:24px "Impact"}
    .number ul li:after{right: 5px;bottom:30%}
    .number ul li:nth-child(2) strong{right: 0px;}
    .number ul li:nth-child(2):after {right: -7px;}
    .number ul li:nth-child(3) em {right: -1rem;}
    .number ul li em{font-size: 12px;right: 0px;}
    .number ul li strong{font-size: 12px;right: 10px;}
    .number li p{font-size: 14px;}

    .yuyue li.liright a{margin-left: 10px;}
    .yuyue li a{padding:30px 10px}
    .yuyue li .txt .p1 {font-size: 18px;}
    .yuyue li .txt .p2 {font-size: 14px;}
    .yuyue li.lileft .ico img{height: 150px;}
    .yuyue li.liright .ico img{height: 150px;}
    .yuyue li.lileft a:before{width:200px;height: 200px;}
    .yuyue li.liright a:before{width:150px;height: 150px;}
    .newlist ul li .data p{font-size: 1.8rem;}
  
    html {font-size: 14px;overflow-x: hidden;}
    body {min-width: 320px;overflow-x: hidden;}
     /* 头部修复 */
    .header {padding: 10px 15px;}
    .logo img {max-width: 120px;height: auto;}
    /* 导航菜单调整 */
    .nav {display: none; /* 移动端建议改为汉堡菜单 */}
    .mobile-menu-btn {display: block;width: 30px;height: 30px;}
  
    /* 轮播图修复 */
    .banner {height: 150px;}
    .banner img {height: 100%;object-fit: cover;}
  
    /* 内容区调整 */
    .content-box {width: 100%;padding: 10px;margin: 0;}
    .product-item {width: 48%;margin-bottom: 15px;}
  
    /* 文字段落 */
    p, .text-content {font-size: 14px;line-height: 2;}
     /* 按钮调整 */
    .btn {padding: 8px 15px;font-size: 0.9rem;}
    /* 页脚优化 */
    .footer {padding: 20px 10px;}
    .footer-links {flex-wrap: wrap;}
    .footer-links a {width: 50%;margin-bottom: 10px;}
  }