img{ vertical-align: top;}
html{ background: #fff;}

.wrap{ width: 144rem; margin: 0 auto;}
.max1150{ max-width: 115rem;  margin: 0 auto;}
.main{ overflow: hidden;}
.mainbg1{ background: url(../images/fair/0_03.jpg) no-repeat; background-position: 100% 0; background-size: 20% auto;}
.mainbg2{ background: url(../images/fair/0_03.jpg) no-repeat; background-position: 105% 0; background-size: 15% auto;}
.header{ position:fixed; left: 0; right: 0; top: 0; z-index: 990; border-top: .4rem solid #ca2e2a; transition: 0.5s all;}
.header::before{ content: ''; height: 200%; background-image: linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0)); position: absolute; left: 0; top: 0; right: 0; z-index: 1; pointer-events: none;}

.demo-video video{ vertical-align: top; width: 100%; height: 100%; background: #000; }

.head-warp{ width: 95%; margin: 0 auto; position: relative; z-index: 3;}
.head-menu li{ padding: 0 ; position: relative; }
.head-menu li .a{ display: block; height: 10rem; text-align: center; line-height: 10rem; position: relative; z-index: 2; color: #fff; padding:0 2.5em; transition: 0.5s all;}
.head-menu li .child{ opacity: 0; visibility: hidden; padding: 0 0 1em; position:absolute;  top:80%; left: 50%; transform: translateX(-50%)  ; z-index: 1; transition: 0.3s all; width: 12em; }
.head-menu li .child::before{ content: ''; z-index: 1; position: absolute; top: -10rem; left: 0; right: 0; bottom: 0; background: #ca2e2a;}
.head-menu li .child p { position: relative; z-index: 2; }
.head-menu li .child p a{  display: block; padding: 0.5em 1em; color: #fff;}
.head-menu li .child p a:hover{ background: rgba(0,0,0,0.1);}
.head-menu li:hover .a{ color: #ca2e2a;}
.head-menu li.li_child:hover .a,
.head-menu li.li_child:hover .child a{ color: #fff;}
.head-menu li.li_child:hover .child{ opacity: 1; visibility: visible; top: 100%; }
.header .logo img{ width: 15.1rem; height: 5.2rem;}
.header .logo img:nth-child(2){ display: none;}
.header .lang{ position: relative; cursor: pointer;}
.header .lang dl{ padding: .5rem;}
.header .lang dt { color: #fff;}
.header .lang dt img{ height: 2rem; height: 2rem;}
.header .lang dt img:nth-child(2){ display: none;}
.header .lang dt span{ padding: .4rem .7rem 0;}
.header .lang dd{ width: 7rem; position: absolute; top: 100%; right: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: 0.5s all; transform: translateY(1rem);}
.header .lang dd .ww{background: #ca2e2a; position: relative; margin-top: .5rem; }
.header .lang dd a{ display: block; color: #fff; padding: .5rem; text-align: center;}
.header .lang dd a:hover{ background: rgba(0,0,0,0.1);}
.header .lang dd .ww::before{ content: ''; position: absolute; left: 50%; margin-left: -.5rem; top: -1rem; border: .5rem solid rgba(0,0,0,0); border-bottom-color: #ca2e2a;}
.header .lang dl dt i{ transform: rotate(90deg);}
.header .lang dl:hover dt i{ transform: rotate(270deg);}
.header .lang dl:hover dd{ opacity: 1; visibility: visible; transform: translateY(rem);}

.otherheader{ height: 10rem;}
.otherheader .header,
.home-scroll .header{ background: rgba(255,255,255,0.9); backdrop-filter: blur(.3rem); box-shadow: 0 0 .5rem rgba(0,0,0,0.3);}
.otherheader .header::before,
.home-scroll .header::before{ display: none;}
.otherheader .header .logo img:nth-child(2),
.otherheader .header .lang img:nth-child(2),
.home-scroll .header .logo img:nth-child(2),
.home-scroll .header .lang img:nth-child(2){ display: block;}

.otherheader .header .logo .txt,
.home-scroll .header .logo .txt{ color: #333; border-left-color: rgba(0,0,0,0.1);}

.otherheader .header .logo img:nth-child(1),
.otherheader .header .lang img:nth-child(1),
.home-scroll .header .logo img:nth-child(1),
.home-scroll .header .lang img:nth-child(1){ display: none;}
.otherheader .header .a{color: #000; }
.home-scroll .header .a{ color: #000; height: 8rem; line-height: 8rem;}
.otherheader .header .lang dt,
.home-scroll .header .lang dt{ color: #000;}

/* .other 与.home-scroll 效果一致 */


.home-banner { position: relative; overflow: hidden;}
.home-banner .w{ position: relative;}
.home-banner .w .txt{ position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; color: #fff;}
.home-banner .w .txt h2{ opacity: 0; transition: 0.8s all; transition-delay: 0.8s; transform: translateX(10%); margin-top: -1em;  font-weight: bold; line-height: 1.2; }
.home-banner .w .txt .p{ opacity: 0; transition: 1.2s all; transform: translateX(20%); transition-delay: 1.2s;}
.home-banner .swiper-slide-active .w .txt h2{ opacity: 1; transform: translateX(0);}
.home-banner .swiper-slide-active .w .txt .p{ opacity: 1; transform: translateX(0);}


.banner-bon { position: absolute; top: 50%; left: 0; right: 0;z-index: 3; }
.banner-bon .wrap{ position: relative; height: 0;}
.banner-bon a{ position: absolute; width: 7rem; height: 7rem; border-radius: 100%; border: 1px solid rgba(255,255,255,0.5); display: flex;  justify-content: center; align-items: center; color: #fff; font-size: 3rem; top: 50%; margin-top: -5rem;}
.banner-bon a::before{ content: ''; position: absolute; border: .2rem solid #fff; width: 100%; height: 100%; border-radius: 100%; opacity: 0; transition: 0.5s all;}
.banner-bon a i{ transition: 0.5s all; display: block;}
.banner-bon a:hover::before{ opacity: 1;}
.banner-bon a:hover i{ transform:rotateX(180deg);}
.banner-bon a.left{ left: -8rem; }
.banner-bon a.right{right: -8rem;}

.home-banner,
.home-banner .w .img_ratio{ width: 100%; position: relative; overflow: hidden; padding-top: 34%;}
.home-banner .banner1 { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1;}
.home-banner .banner-a{  position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; color: #fff;  }
.home-banner .banner-a .wrap{ background: rgba(0,0,0,0.3); backdrop-filter: blur(.5rem); border-top-left-radius: 6px; border-top-right-radius: 6px;}
.home-banner .banner-a a{ color: #fff; height: 7vw ; box-sizing: border-box; padding:1em 8%; position: relative; }
.home-banner .banner-a a::after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.5); width: 1px; height: 100%;}
.home-banner .banner-a li{ flex: 1; height: 100%;}
.home-banner .banner-a li:last-child a::after{ display: none;}
.home-banner .banner-a a:hover{ background: rgba(0,0,0,0.1);}
.home-banner .banner-a a:hover .r{ transform: rotateX(180deg);}
.home-banner .banner-a .l{ flex: 1;}
.home-banner .banner-a .l .p2{ opacity: 0.6;}
.home-banner .banner-a .r{ transition: 0.5s all; margin-left: 1em; font-size: 1.2em; opacity: 0.8;}

.header .logo .txt{ white-space: nowrap; color: #fff; line-height: 1.4; margin-left: 1em; padding-left: 1em; border-left: 1px solid rgba(255,255,255,0.3);}

.home-1 { background-size: contain; background-position: center; background-repeat: no-repeat; padding: 5% 0;}
.home-1 .left{ width: 40%; margin-right: 10%; padding-top: 5%;}
.home-1 .left h4{ padding: 5% 0;}
.home-1 .left article{ color: #777;}
.home-1 .right{ width: 50%;}
.home-1 .right li{ float: left;position: relative;  width: 50%; white-space: nowrap;}
.home-1 .right li.li1{ }
.home-1 .right li.li1 .p1{ transform: scale(0.9); }
.home-1 .right li.li2 { transform: scale(0.8); top: 10em; left: 0em; }
.home-1 .right li.li3 { transform: scale(0.6); top: -3em; left: 5em;}
.home-1 .right li.li3 .p1{ transform: scale(0.8);}
.home-1 .right li.li3 .p2{ transform: scale(0.6);  }
.home-1 .right li.li4 { width: 50%; top: 5em; left: -2em; }
.home-1 .right li.li4 img{ width: 100%; height: auto;}
.home-1 .right li .ww{ position: relative; width: 100%; padding-top: 100%; left: 0; top: 0;   border: 1px solid rgba(230, 0, 18, 0.4); border-radius: 100%;}

.home-1 .right li .ww .ps{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; }
.home-1 .right li .ww .p1{ font-weight: bold; line-height: 1; justify-content: center; }

.home-2 .left{ width: 42%; margin-right: 15%;}
.home-2 .left .img_ratio{ padding-top: 81%; }
.home-2 .left article{ margin: 8% 0; color: #777;}
.home-2 .right{ flex: 1; width: 1px; margin-right: 10%;}
.home-2 .right .img_ratio{ padding-top: 66%;}
.home-2 .img_ratio{ overflow: hidden; border-radius: 1.2rem;}
.home-2 .img_ratio img{ transition: 0.5s all;}
.home-2 a:hover .img_ratio img{ transform: scale(1.05);}
.home-2 .right .item{ margin-bottom: 12%;}
.home-2 .right .item .img_ratio { margin: 8% 0 0;}

.ph{ display: none;}
.home-gg img{ width: 100%; height: auto;}

.home-3 .tit{ padding: 8% 0 5%;}
.home-3 ul{margin-bottom: 10%;}
.home-pro-ul{ margin: 0 -1.5rem; }
.home-pro-ul li{ float: left; width:25%;}
.home-pro-ul li .w{ background: #F8F8F8; border-radius: 1.2rem; margin: 0 1.5rem 3rem; position: relative; padding: 1em; overflow: hidden;}
.home-pro-ul li .w .img_ratio{ padding-top: 100%;}
.home-pro-ul li .w a{ display: block;}
.home-pro-ul li .w  dt{ width:7rem; }
.home-pro-ul li .w dd{ flex: 1; padding-left: 1em; max-height: 3em; line-height: 1.5; overflow: hidden;}
.home-pro-ul li .w .more{ box-sizing: border-box; padding: 1em; position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; background: rgba(230, 0, 18, 0.95); z-index: 10; opacity: 0; transition: 0.5s all;}
.home-pro-ul li .w .more .m1{ padding: .5rem; border: 1px solid #fff; color: #fff; border-radius: 10rem;}
.home-pro-ul li .w:hover .more{ opacity: 1;}
.home-pro-ul li .w .more p{ padding-top: .2rem; padding-left: 2rem; font-weight: bold;}
.home-pro-ul li .w .more .m1 em{ background: #fff; color: #E60012; border-radius: 100%; width: 1.5em; line-height: 1.5em; height: 1.5em; display: block; text-align: center; margin-left: 1em;}
.tit-com { position: relative;}
.tit-com::before{ content: ''; position: absolute; left: 0; top: 110%; width: 3em; height: .4rem; background: #E60012; }

.home-4 .w{ padding: 0 0 8%;}
.home-4 .right{ flex: 1; width: 1px;  color: #222;}
.home-4 .right .img_ratio{ padding-top: 92%; margin-top: 5%;}
.home-4 .left{ width: 27%; margin-right: 10%;}
.home-4 .left .img_ratio{ padding-top: 65%; margin: 8% 0 5%; }
.home-4 .left .img_ratio:hover  img{ transform: scale(1.05);}
.home-4 .left .item:first-child{ margin-bottom: 12%; padding-bottom: 12%; border-bottom: 1px solid #eee;}
.home-4 .left .item a{ color: #222;}
.home-4 .img_ratio{ overflow: hidden; border-radius: 1.2rem;}
.home-4 .img_ratio img{ transition: 0.5s all;}

.home-5 .tit{ padding:8% 0 3%;}
.home-5 ul{ font-size: 0;}
.home-5 li{ width: 20%; display: inline-block;  }
.home-5 li .w{ margin: 0 15% 10%;}
.home-5 li .img_ratio{ padding-top: 40%;}
.home-5 li .w img{ object-fit: contain;}
.home-5 .scroll_left{ margin-bottom: 7%;}

.footer{ border-top: .4rem solid #ca2e2a;}
.footer .foot-top{ padding: 5% 0; border-bottom: 1px solid #eee;}
.footer .logo2 img{ width: 15.1rem; height: auto;}
.footer .logo2 { margin-bottom: 3em;}
.footer .left1{ width: 25%;}
.footer .left1 dl{ margin-bottom: 1em;}
.footer .left1 dt img{ width: 2.5rem; height: 2.5rem;}
.footer .left1 dd{ padding-left: 1rem; padding-top: .2rem;}
.footer .center1{ margin: 0 5%; }
.footer .center1 .box{justify-content:space-between;}
.footer .center1 dt{ margin-bottom: 1em;}
.footer .center1 dt a{ font-weight: bold; color: #222;}
.footer .center1 dd a{ color: #777;}
.footer .center1 dd p{ margin-bottom: 1rem;}
.footer .center1 a:hover{ color: #ca2e2a;}
.footer .right1 a{ display: inline-block; transition: 0.5s all; position: relative; margin: 0 1rem; border: 1px solid #DCDCDC; border-radius: 100%; width: 6rem; text-align: center; height: 6rem; line-height: 6rem;}
.footer .right1 a img{ width: 3rem; height: 3rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.footer .right1 a:hover{ border-color: #ca2e2a;}
.footer .foot-bottom{ padding: 2% 0;}

.fair-video{ padding-top:30%; position: relative; background: #f0f0f0;}
.fair-video .iplay.show0{ opacity: 0; visibility: hidden;  }
.fair-video .iplay{ visibility: visible; transition: 0.3s all; position: absolute; z-index: 10; background: rgba(0,0,0,0.1); left: 0; top: 0; width: 100%; height: 100%;}
.fair-video .iplay img{ width: 8rem; height: 8rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.fair-video video{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain;}
.fair-video img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; z-index: 9;}
.com-crumbs{ padding: 3% 0 0;}

.com-oth-tit{ font-weight: bold; color: #222; position: relative; padding: 7% 0 0; margin-bottom: 3%;}
.com-oth-tit::before{ content: ''; top: 110%; left: 50%; transform: translateX(-50%); position: absolute; height: .4rem; width: 2em; background: #ca2e2a;}

.fair-bk1 ul{ text-align: center; width: 100%; justify-content: space-between; padding-bottom: 3%;}
.fair-bk1 ul dt span{ font-weight: bold;}
.fair-bk2 .box{ padding-top: 4%;}
.fair-bk3 .swp1{ margin: 0 -4rem; overflow: hidden;}
.fair-bk3 .swp2{margin: 0 1.5rem;}
.fair-bk3 .w{ margin: 5rem 2.5rem;}
.fair-bk3 .img_ratio{ padding-top: 75%; transition: 0.5s all; border-radius: 1.2rem; overflow: hidden; }
.fair-bk3 .cur .w .img_ratio { transform: scale(1.2); box-shadow: 0 0 .5rem rgba(230, 0, 18, 1);}
.fair-bk3 .fair-bk3-sw{ display: flex;overflow:visible; width: auto;}
.fair-bk3 .swiper-slide{  width: 25%;}

.fair-bk3 .box{ position: relative;}
.fair-bk3 .bon { position: absolute; z-index: 100; color: #999; padding: 1rem; top: 50%; transform: translateY(-50%); font-size: 4rem; }
.fair-bk3 .bon:hover{ color: #E60012;}
.fair-bk3 .bon.left{ left: -8rem;}
.fair-bk3 .bon.right{ right: -8rem;}
.fair-bk3 .swiper-pagination{  padding: 3% 0 0; display: block; text-align: center; position: relative;}
.fair-bk3 .swiper-pagination-bullet{ margin: 0 .5rem;}
.fair-bk3 .swiper-pagination-bullet-active{ background: #E60012; opacity: 1; transform: scale(1.5);}

.fair-bk4{ padding-bottom: 10%;}
.fair-bk4 .box{ padding: 5% 0 0;}
.fair-bk4 dt{ width: 61rem; margin-right: 5%;}
.fair-bk4 dt img{ width: 100%; height: auto;}
.fair-bk4 dd{ flex: 1; line-height: 1.8;}

.traffic-bk1 ul{ padding: 5% 0;}
.traffic-bk1 ul dt{ font-weight: bold;} 
.traffic-bk1 ul li{flex: 1; text-align: center;}
.traffic-bk1 ul li:nth-child(2){ border-left: 1px solid #999; border-right: 1px solid #999;}
.traffic-bk2 .left{ width:50%; margin-right: 10%;}
.traffic-bk2 .left img{ max-width: 100%; height: auto;}
.traffic-bk2 dl{ margin-bottom: 20%;}
.traffic-bk2 dl:last-child{ margin: 0;}
.traffic-bk2 dt{ font-weight: bold;}
.traffic-bk2 dt img{ width: 4rem; height: 4rem; margin-right: 1em;}

.traffic-bk3 .w{ flex-direction: row-reverse;  padding-top:5% ;}
.traffic-bk3 .left{ width:50%; margin-left: 10%;}
.traffic-bk3 .left img{ max-width: 100%; height: auto;}
.traffic-bk3 .right h2{ font-size: 1em; margin-bottom: 0.5em;}
.traffic-bk3 .right p{ font-size: 0.9em;}

.traffic-bk3.list1 .w{flex-direction: row; }
.traffic-bk3.list1 .left{margin-right: 8%; margin-left: 0;}


.traffic-bk5 .w{   padding:2% 0 15%;}
.traffic-bk5 .w li{ flex: 1; text-align: center; position: relative;}
.traffic-bk5 .w li::after{ content: ''; top: 10%; bottom: 10%; right: 1px; width: 1px; position: absolute; background: #999;}
.traffic-bk5 .w li:last-child::after{ display: none;}
.traffic-bk5 .w li dt{ font-weight: bold;}

.exh-search{ position: relative; padding: 3% 0 5%;}
.exh-search .search-1 {border: 1px solid #ca2e2a;
    border-radius: 1.2rem; overflow: hidden; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
    .exh-search .search-1 input{ width: 50rem; padding:1rem 1.5rem; border: 0; background: none; color: #666;}
    .exh-search .search-1 button{ border: 0; background:#ca2e2a; color: #fff; padding:1rem 2.5rem;}

.exh-class{ position: relative; padding-bottom: 4%;}
.exh-class ul{ margin: 0 -1rem;}
.exh-class li { display: inline-block; min-width: 12.5%;}
.exh-class li a{ display: flex; text-align: center; justify-content: center; height: 2.6em; line-height: 1.3; border-radius: 1.2rem; border: 1px solid #eee; align-items: center; padding:1rem 1.5rem; margin: 0 1rem 2rem;}
.exh-class li.cur a{ background: #E60012; color: #fff; border-color: #E60012; }

.exh-list{ margin-top: 5%;}
.exh-list li{ margin-bottom: 5rem; }
.exh-list li .w1{ border: 1px solid #999; border-radius: 1.2rem; padding: 4rem;}
.exh-list li .left .p3{ margin-top: 1em; display: inline-block; border-radius: 6px; color: #fff; padding: 0.5rem 1rem; background: #ca2e2a; }
.exh-list .left .p1_left{ margin-right: 2em;}
.exh-list .left .p1_left img{ width: 1.3em; height: 1.3em; margin: 0 1rem .2rem 0;}
.exh-list li .right {width: 60%; margin-left: 5%; position: relative; overflow: hidden;}
.exh-list li .right .bon{position: absolute; background: rgba(0,0,0,0.3); color: #fff; top: 50%; transform: translateY(-50%); font-size: 2.4rem; padding:.5rem .8rem .3rem; z-index: 100;}
.exh-list li .right .bon:hover{ background: #E60012;}
.exh-list li .right .bon-left{ left: 0;}
.exh-list li .right .bon-right{ right: 0;}
.exh-list li .right .swiper-container{ width: auto !important; margin: 0 -2rem;}
.exh-list li .right .w{ margin: 0 2rem; position: relative; overflow: hidden; border-radius: 1.2rem; background: #f0f0f0;}
.exh-list li .right .w .p{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); color: #fff; padding: .5rem; z-index: 3; text-align: center;  justify-content: center; height: 3em;}
.exh-list li .right .w .p p{ height: auto; max-height: 3em;}
.exh-list li .right .img_ratio{ padding-top: 92%;}

.page-com{ padding: 2% 0 10%; text-align: center; display: flex; justify-content: center;}
.page-com .el-pagination button, 
.page-com .el-pagination span:not([class*=suffix]),
.page-com .el-pager li.btn-quicknext, 
.page-com .el-pager li.btn-quickprev,
.page-com .el-pager li{ line-height: 4.8rem; height: 4.8rem;}

.page-com .el-pagination.is-background .btn-next, 
.page-com .el-pagination.is-background .btn-prev, 
.page-com .el-pagination.is-background .el-pager li{text-align: center; margin: 0 .3rem; min-width:4.8rem; background: #fff; border: 1px solid #eee; padding: 0;}
.page-com .el-pagination.is-background .btn-next, 
.page-com .el-pagination.is-background .btn-prev{ padding: 0 2rem;}
.page-com .el-pagination.is-background .el-pager li:not(.disabled):hover{ color: #E60012;}
.page-com .el-pagination.is-background .el-pager li:not(.disabled).active{ background: #E60012; color: #fff;}

.contact-bk1 ul{ margin: 0 -1.6rem; padding-top: 2%; display: flex; justify-content: center; flex-flow: wrap;}
.contact-bk1 li{  width:25%;}
.contact-bk1 li .w{ margin: 0 1.6rem 3.2rem;}
.contact-bk1 li .img_ratio{ padding-top: 104%; border-radius: 1.2rem;}
.contact-bk1 li .img{ margin:0 15% 3em;}

.faq-list{  padding: 4% 0 10%;}
.faq-list ul{ border-top: 1px solid #999;}
.faq-list li{ border-bottom: #999; padding: 3% 0; border-bottom: 1px solid #999; }
.faq-list li dt{ padding-right: 1em; cursor: pointer;}

.faq-list li dt .bon{ transform: rotateX(0deg); transition: 0.5s all;}
.faq-list li dd{ margin-top: 2%; display: none;}
.faq-list li.open dt p{ font-weight: bold;}
.faq-list li.open dt{ color: #E60012; }
.faq-list li.open dt .bon{ transform: rotateX(180deg);}
.faq-list li.open dd{ display: block;}

.download-list{  padding: 3% 0;}
.download-list li{  }
.download-list li .w{padding: 2% 0; border-bottom: 1px solid #999;}
.download-list li .w dl dt img{ width: 4rem; height: 4rem;}
.download-list li .w dl dt{ margin-right: 1em;}
.download-list li .w dd span{ margin-right: 2em; display: inline-block;}
.download-list li .right img{ width: 3.8rem; height: 3.8rem;}
.download-list li .w:hover .right img:nth-child(1),
.download-list li .right img:nth-child(2){ display: none;}
.download-list li .w:hover { border-color: #ca2e2a;}
.download-list li .w:hover dd h3{ color: #ca2e2a;}
.download-list li .w:hover .right img:nth-child(2){ display: block;} 

.floor-bk1{ padding: 3% 0 5%;}
.floor-bk2 ul{ margin: 0 -1rem 3%;}
.floor-bk2 li { float: left; width:25%;}
.floor-bk2 li a{ display: flex; text-align: center; justify-content: center; height: 2.6em; line-height: 1.3; border-radius: 1.2rem; border: 1px solid #eee; align-items: center; padding:1rem .5rem; margin: 0 1rem 2rem;}
.floor-bk2 li.cur a{ background: #E60012; color: #fff; border-color: #E60012; }
.floor-bk2-img img{ width: 100%; height: auto;}
.floor-bk3 { padding: 5% 0 10%;}
.floor-bk3 img{ width: 100%; height: auto; border-radius: 1.2rem; }

.promotion-banner{ position: relative;}
.promotion-banner::before{ content: '';position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 9; background-image: linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0));}
.promotion-banner .txt{ color: #fff; position: absolute; width: 90rem; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; text-align: center; max-width: 80%;}
.promotion-banner .txt h3{ font-weight: bold;}
.promotion-banner .img_ratio{ padding-top: 25%;}

.promotion-bk1 li{ margin-top: 5%;}
.promotion-bk1 .img_ratio{ padding-top: 100%;}
.promotion-bk1  dt{ width: 40%; padding: 2%; border-radius: 1.2rem; border: 1px solid #999;}
.promotion-bk1 dd{ padding: 5% 8%; background: #F8F8F8; border-top-right-radius: 1.2rem; border-bottom-right-radius: 1.2rem;}
.promotion-bk1 dd h2{ margin-bottom: 1em; font-weight: bold;}
.promotion-bk1 dd { line-height: 1.4;}
.promotion-bk1 li:nth-child(2n) dl{ flex-direction: row-reverse;}

.promotion-bk2 ul{ margin: 0 -3rem; padding: 3% 0 10%;}
.promotion-bk2 li{ float: left; width: 50%;}
.promotion-bk2 li dl{ border-radius: 1.2rem; padding: 3%; margin: 0 3rem 6rem; border: 1px solid #999; }
.promotion-bk2 li dt{ width: 45%; margin-right: 5%;}
.promotion-bk2 .img_ratio{ padding-top: 65%; border-radius: 1.2rem; overflow: hidden;}
.promotion-bk2 li dd{ flex: 1; }
.promotion-bk2 li dd h2{ margin-bottom: 0.2em; font-weight: bold;}
.promotion-bk2 li dd article{ height: auto; max-height: 5em; line-height: 1.3;}

.application-bk1{ max-width: 110rem; margin: 0 auto;}
.application-bk1 .item{ justify-content: space-between;}
.application-bk1 .el-form--label-top .el-form-item__label{ margin-bottom: 0; padding: 0; font-size: 2.4rem; color: #222;}
body .el-select-dropdown__item{ line-height: 2em; height:auto; padding: 0.5em 1em; font-size: 1.8rem;}

.application-bk1 .el-avatar, 
.application-bk1 .el-cascader-panel, 
.application-bk1 .el-radio, 
.application-bk1 .el-radio--medium.is-bordered .el-radio__label, 
.application-bk1 .el-radio__label{ font-size: 2.2rem; color: #222;}
.application-bk1 .com-oth-tit{ margin-bottom: 6%;}
.application-bk1 .el-input__inner,
.application-bk1 .el-select{ width: 100%; font-size: 2.2rem; height: 3em; line-height: 3em; border-radius: 1.2rem;}
.application-bk1 .item-child{ width: 47%;}
.application-bk1 .item-child2{ padding: 20px 0 0;}
.application-bk1 .item-child2 .labela{ margin-bottom: 22px; text-align: right; font-size: 2.4rem; width: 12em;}
.application-bk1 .el-radio__input.is-checked+.el-radio__label{ color: #ca2e2a;}
.application-bk1 .el-checkbox__label,
.application-bk1 .el-radio__label{font-size:2rem;}
.application-bk1 .el-checkbox .el-checkbox__inner,
.application-bk1 .el-radio__input .el-radio__inner{transform: scale(1.5); top:-1px;}
.application-bk1 .el-checkbox__input.is-checked+.el-checkbox__label{ color: #ca2e2a;}
.application-bk1 .el-checkbox.is-checked .el-checkbox__inner{  background: #ca2e2a; border-color: #ca2e2a;}
.application-bk1 .el-radio__input.is-checked .el-radio__inner{  background: #ca2e2a; border-color: #ca2e2a;}
.application-bk1 .el-select .el-input .el-select__caret{ font-size: 2.2rem; padding: 0 0.5em; color: #ca2e2a;}


.application-bk1 .el-form-item__content .el-button--primary{ width: 28rem;
    height: 7rem; line-height: 7rem; padding: 0; margin: 10% auto 10%;
    display: block;
    background: #E60012;
    border-radius: 1.2rem; font-size: 3rem; border: 0; padding-top: .5rem;}
.application-bk2{ max-width: 110rem; margin: 0 auto;}
.application-bk2 .box{ padding-top: 5%;}
.application-bk3{  padding-bottom: 10%;}

.visit-bk1 ul{ padding-top: 5%;}
.visit-bk1 li{ float: left; width: 42%; margin-bottom: 5%; }
.visit-bk1 li:nth-child(2n){ margin-left: 16%;}
.visit-bk1 li h2{ display: flex; align-items: center; height: 3em; overflow: hidden; color: #222; font-weight: bold;}
.visit-bk1 li dt{  width: 16rem; height: 16rem; display: flex; justify-content: center; align-items: center;   background: #F8F8F8; border-radius: 100%; color: #E60012; font-weight: bold; margin-right: 4rem;}
.visit-bk1 li dd{ flex: 1; min-height: 12em; border-top: 1px solid #999;  display: flex; align-items: center;}
.visit-bk1 .bon a{ width: 28rem; height: 7rem;justify-content: center; align-items: center; justify-content: center; background: #ca2e2a; border-radius: 1.2rem; color: #fff;}
.visit-bk1 .bon { padding-bottom: 3%;}

.visit-bk2 .box{ border-bottom: 1px solid #999; overflow: hidden; padding-top: 4%;}
.visit-bk2 ul{ margin-right: -.2rem;}
.visit-bk2 li{ float: left; width: 12.5%; }
.visit-bk2 li .w{ padding: 1em; border: 1px solid #999; border-left: 0; border-bottom: 0;}
.visit-bk2 li .img_ratio{ padding-top: 60%; }
.visit-bk2 li .img_ratio img{ object-fit: contain;}
.visit-bk2 .bon a{  margin-top: 5%; display: inline-block; background: #ca2e2a; color: #fff; border-radius: 6px; color: #fff; padding: 5px 15px;}
.visit-bk2 .bon a i{ color: #fff; position: relative; top: 2px;}

.visit-bk3{ padding-bottom: 10%; }
.visit-bk3 .box{ position: relative;  margin-top:7%; }
.visit-bk3 .box .bon{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 3rem;}
.visit-bk3 .box .bon.left{ left: -1.5em;}
.visit-bk3 .box .bon.right{ right: -1.5em;}
.visit-bk3 .visit-sw{ overflow: hidden; }
.visit-bk3 .swiper-slide{ width: 25%; float: left;}
.visit-bk3 .visit-sw .w{ margin: 0 2.5rem; border: 1px solid #999; border-radius: 1.2rem; padding: 2rem;}
.visit-bk3 .visit-sw .w:hover{  border-color: #ca2e2a;}
.visit-bk3 .visit-sw .w:hover h2{ color: #ca2e2a;}
.parductlist{ display: block;}
.parductlist .img_ratio{ padding-top: 75%; border-radius: 1.2rem;}
.parductlist .img_ratio img{ object-fit: contain;}
.parductlist .p1{ justify-content: space-between;}
.parductlist .txt{ white-space: nowrap;}
.parductlist .txt *{ overflow: hidden; overflow: hidden; text-overflow: ellipsis;}
.parductlist .txt h2{ margin: 1em 0 1rem;}
.parductlist .txt .p3{ margin-top: 10%; display: inline-block; background: #ca2e2a; color: #fff; border-radius: 6px; padding: 5px 10px;}
.parductlist .p1_left img{ width: 1.3em; height: 1.3em; margin: 0 .5rem .2rem 0;}
.parductlist .mr0{ margin: 0 -2.5rem;}

.certified-bk1{ padding: 4% 0;}
.certified-bk1 dt{ width: 42%; margin-right:8% ;}
.certified-bk1 dt img{ width: 100%; height: auto; border-radius: 1.2rem;}
.certified-bk1 dd{ line-height: 2;}
.certified-bk1 dd .more{ display: inline-block; margin-top: 1em; background: #ca2e2a; padding:5px 15px; border-radius: 6px; color: #fff;}
.certified-bk1 dd .more:hover{ background: #E60012;}

.certified-bk2 .box{ padding: 5% 0;}
.certified-bk2 ul{ margin: 0 -2rem;}
.certified-bk2 li{ float: left; width: 20%;}
.certified-bk2 .w{ border: 1px solid #999; border-radius: 1.2rem; margin: 0 2rem; text-align: center; padding:2rem 1.5rem 0;}
.certified-bk2 .p2{ margin: 1em 0;}

.certified-bk3 .box{ padding: 5% 0;}
.certified-bk3 ul{ margin: 0 -2rem;}
.certified-bk3 li{ float: left; width: 33.33%;}
.certified-bk3 .w{ border: 1px solid #999; border-radius: 1.2rem; margin: 0 2rem; text-align: center; padding:2rem 1.5rem;}
.certified-bk3 .p2{ font-weight: bold; line-height: 1.2;}

.certified-bk4 .box{ padding: 5% 0;}
.certified-bk4 ul{ margin: 0 -1.5rem;}
.certified-bk4 li{ float: left; width: 25%;}
.certified-bk4 .w{ margin: 0 1.5rem;  }
.certified-bk4 .w .t1{ margin: 1em 0;}
.certified-bk4 .img_ratio{ padding-top: 66%; border-radius: 1.2rem; overflow: hidden;}
.certified-bk4 .w .img_ratio img{ object-fit: contain;}
.certified-bk5 img{ width: 100%; height: auto; }
.certified-bk5{ padding-bottom: 10%;}

.event-bk1{ padding: 5% 0 5%;}
.event-bk1 li{ margin-bottom: 8%;}

.event-bk1 li dt{ width: 38%; margin-right: 5%;}
.event-bk1 li dt .img_ratio{ padding-top: 65%; border-radius: 1.2rem; overflow: hidden;} 
.event-bk1 li h2{ padding: 0 0 0.5em;}

.hotel-bk1 { padding: 5% 0 0;}
.hotel-bk1 li{ margin-bottom: 8%;}
.hotel-bk1 dt{ width: 38%;  margin-right: 8%;}
.hotel-bk1 li dt .img_ratio{ padding-top: 65%; border-radius: 1.2rem; overflow: hidden;}
.hotel-bk1 li:nth-child(2n) dl{ flex-direction:row-reverse;}
.hotel-bk1 li:nth-child(2n) dt{ margin-left: 8%; margin-right: 0;}
.hotel-bk1 li dd article{ margin-top: 1em;}
.hotel-bk1 li dd article p{ padding-bottom: 1rem;}
.hotel-bk1 li dd article .s1{ width: 6em; text-align: right; margin-right: 1rem;}

.porduct-top { margin: 0% 0; border-top: 1px solid #999; border-bottom: 1px solid #999; height: 10rem; overflow: hidden;}
.porduct-top .swiper-slide{ width: auto;}
.porduct-top { position: relative; padding: 0 2em;}
.porduct-top .bon{ position: absolute; font-size: 3rem; padding: 1em; cursor: pointer; z-index: 10;  top: 50%; transform: translateY(-50%);  }
.porduct-top .swiper-slide{ float: left;}
.porduct-top dl { cursor: pointer; padding: 0 3em; flex-direction: column; height: 10rem; justify-content: center;}
.porduct-top dl dt{ display: none;}
.porduct-top dl.cur{ background: #F8F8F8; color: #ca2e2a;}
.porduct-top dl.cur dt{ display: block;}
.porduct-top dl img{ width: 5rem; height: 5rem;}
.porduct-top .bon.left{ left: -1em;}
.porduct-top .bon.right{ right: -1em;}

.products-list{ padding-bottom: 4%;}
.products-list ul{ margin: 0 -2rem;}
.products-list li{ float: left; width: 25%;}
.products-list li .w{ padding: 1.8rem; margin: 5rem 2rem 0;  position: relative; border-radius: 1.2rem; border: 1px solid rgba(0,0,0,0); cursor: pointer;}
.products-list li .w:hover{ border-color: #E60012; }

.pro-art-top{ padding: 4% 0 6%; align-items: flex-start;}
.pro-art-top .left{  width: 45%; margin-right: 5%; position: relative;}
.pro-art-top .left .pro-share{ position: absolute; left: 0; top: 100%;}
.pro-art-top .left .pro-share img{ width: 2.5rem; height: 2.5rem; margin-right: 1rem;}
.pro-art-top .left .img_ratio{ padding-top: 100%; border-radius: 1.2rem; overflow: hidden;}
.pro-art-top .left .img_ratio img{ object-fit: contain;}
.pro-art-top .left .img_ratio video{ background: #ddd; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain;}

.pro-art-top .right{  padding-bottom: 12%; position: relative; flex: 1;}
.pro-art-top .right h2{ padding: 2% 0;  border-bottom: 1px solid #999;}
.pro-art-top .right .p{ margin: 4% 0 6%;}
.pro-art-top .right .bon a{ display: inline-block; background: #E60012; color: #fff; border-radius: 1.2rem; padding: 1em; }
.pro-art-top .right .img{ position: absolute; bottom: 0; left: 0; right: 0;   overflow: hidden;}
.pro-art-top .right .img .swiper-slide{ width: 20%; float: left;}
.pro-art-top .right .img .w{ border-radius: 1.2rem; margin-right: 2rem; border: 1px solid rgba(0,0,0,0); cursor: pointer;}
.pro-art-top .right .img .cur .w{ border-color: #E60012;}

.pro-art-top .right .img .img_ratio{ padding-top: 100%; border-radius: 1.2rem; overflow: hidden;}
.pro-art-top .right .img .img_ratio .mk{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;}
.pro-art-top .right .img .img_ratio video{ position: absolute; object-fit: cover; width: 100%; height: 100%; left: 0; top: 0;}

.pro-art-con{ padding-bottom: 6%;}
.pro-art-con .tit{ border-bottom: 1px solid #999; padding:0.6em 0;}
.pro-art-con .table{ margin: 3% 0 3%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.pro-art-con .table li{ float: left; width: 50%;}
.pro-art-con .table li dl{ border: 1px solid #ddd; border-right: 0; border-bottom: 0;}
.pro-art-con .table li dd,
.pro-art-con .table li dt{ height: 3.5em; display: flex; align-items: center; line-height: 1.1;}
.pro-art-con .table li dd{ padding: 0 1em;}
.pro-art-con .table li dt{ padding: 0 1em; width: 45%; box-sizing: border-box; border-right: 1px solid #ddd;}
.pro-art-con .table li dd{ flex: 1;}
.pro-art-con .table li:nth-child(4n-2),
.pro-art-con .table li:nth-child(4n-3){ background: #fafafa;}

.press-list ul{ padding: 3% 0;}
.press-list li{ border-bottom: 1px solid #999; padding: 3% 0;  }
.press-list li dl{ align-items: center;}
.press-list li dt { width: 33rem; margin-right: 3em;}
.press-list li dt .img_ratio{ padding-top: 64%; border-radius: 1.2rem; overflow: hidden;}
.press-list li dt .img_ratio img{ transition: 0.6s all;}
.press-list li dt .img_ratio:hover img{ transform: scale(1.05);}
.press-list li dd{ flex: 1; width: 1px;}
.press-list li dd article{ margin: 1em 0;}
.press-list li dd .more i{ position: relative; top: .2rem;}

.press-details{ padding: 5% 0 10%;}
.press-details .tit{ margin-bottom: 2%;}
.press-details .p2{ margin-bottom: 5%; color: #999;}
.press-details .edit_con_original{ padding-bottom: 5%;}
.press-details .press-bottom{ align-items: center;}
.press-details .press-bottom .left a.dis{ opacity: 0.5; cursor: default; color: #ddd; border-color: #ddd !important;}
.press-details .press-bottom .left a{ margin-right: 1em; display: inline-block; border: 1px solid #ddd; width: 12rem; line-height: 3em; text-align: center;}
.press-details .press-bottom .left a:hover{ border-color: #ca2e2a;}
.press-details .press-bottom .right a { line-height: 2rem;}
.press-details .press-bottom .right a img{ width: 2rem; height: 2rem; margin-right: 1rem;}

.reg-banner .img_ratio{ padding-top: 18%; }
.registration-box .tit1{ margin-bottom: 10%;}
.registration-box{ max-width: 59rem; margin: 0 auto; padding: 10% 0 15%;}
.registration-box .list-bon button{ display: block; width: 100%; background: #ca2e2a; border-color: #ca2e2a; color: #fff;  margin: 1em 0 0;  padding: 2.2rem 0;  height: 7.5rem;  font-size: 2.8rem; border-radius: 1.2rem; }
.registration-box .list-bon button:first-child{ font-size: 3.6rem;}

.com-right-box{ position:fixed; right: 1rem; bottom: 5%; text-align: right; z-index: 990; }
.com-right-box .p1{ margin-bottom: 2rem; border-radius: 1.2rem; overflow: hidden; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}

.registration-box-2{ max-width: none;}
.registration-box-2 .list-item { width: 59rem; margin: 0 auto; padding: 5% 0 0 ;}
.application-bk1.registration-box-2 .item-child{ width: 42%;}


.registration-box-3 .el-radio-group{ display: block; width: 100%; font-size: 2.2rem; color: #777;}
.registration-box-3{ max-width: none;}
.registration-box-3 .tit{ color: #222; margin: 0 0 4%;}
.registration-box-3 .item-list{ padding-bottom: 5%;}
.registration-box-3 .item-box{ justify-content: space-between;}
.application-bk1.registration-box-3 .el-input__inner{ line-height: 2.2em; height: 2.2em;}
.application-bk1.registration-box-3 .child1{ margin-bottom: 1.5em;}
.application-bk1.registration-box-3 .child1 .f{ margin-right: 20px;}
.application-bk1.registration-box-3 .child1 .el-input__inner{ border-radius: 0; border: 0; border-bottom: 1px solid #ddd;}
.application-bk1.registration-box-3 .child1 dd{ padding-top: 1em;}

.registration-box-3.application-bk1 .el-avatar, 
.registration-box-3.application-bk1 .el-cascader-panel, 
.registration-box-3.application-bk1 .el-radio, 
.registration-box-3.application-bk1 .el-radio--medium.is-bordered .el-radio__label, 
.registration-box-3.application-bk1 .el-radio__label,
.registration-box-3.application-bk1 .el-checkbox{ color: #777; }
.registration-box-3.application-bk1 .in{ padding:0 10px; cursor: pointer;}
.registration-box-3 .input33 .el-textarea__inner{ border-left: 0; border-right: 0; border-radius: 0;}
.registration-box-3 .list-bon button { width: 40%; display: block; margin: 0 auto;}
.registration-box-3 .item{ padding-left: 2em;}
body .el-message-box{ width: 280px;}
body .el-button--primary,
body .el-button--primary:hover,
body .el-button--primary:focus{ background: #ca2e2a; border-color: #ca2e2a;}

.home-banner .w .wrap{ top: 5%;}

body .viewer-footer{ display: none;}
.reg-box-four-box{ max-width: 1000px; margin: 0 auto;}
.reg-box-four-box a{ color:#ca2e2a;}
.reg-box-four-box a:hover{ border-bottom: 1px solid #ca2e2a;}
.reg-box-four{ padding-bottom: 5%; margin: 10% auto; max-width: 500px; border-top: 5px solid #E60012; border-bottom: 5px solid #ca2e2a;}
.reg-box-four .img img{ width:200px; height: auto; display: block; margin: 0 auto;  }
.reg-box-four .img{ text-align: center; border-bottom: 1px solid #eee; margin: 5% auto 10%; padding-bottom: 5%;}

.el-message.el-message--error .el-message__content,
.el-message.el-message--error{ font-size: 2.2rem;}

@media only screen and (max-width: 1600px){
    .banner-bon .wrap{ width: 100%; margin: 0;}
    .banner-bon a.left{ left: 1rem;}
    .banner-bon a.right{ right: 1rem;}
    .home-banner .w .wrap{ position: relative; left: 5%;}
}

@media only screen and (max-width: 1550px){
    .wrap{ width: 90%; margin: 0 5%;}
    .home-5 li .w{ margin: 0 10% 10%;}
    .footer .right1 a{ width: 5rem; height: 5rem;}
    .head-menu li .a{ padding: 0 2.08em;}
    .head-menu li .child{ width: 12em; font-size: 0.85em;}
    .visit-bk3 .visit-sw .w{ padding: 1.5rem; margin: 0 1rem;}
    .banner-bon a{ transform: scale(0.8);}
}

@media only screen and (max-width: 1350px){
    .head-menu li .a{ padding: 0 1.5em;}
    .banner-bon a{ width: 5rem; height: 5rem;}
}
@media only screen and (max-width: 1200px){
    .head-warp{ width: 98%;}
    .head-menu li .a{ padding: 0 1em;}
}

.menu-ph{ display: none;}
.swiper-pagination{ display: none;}
@media only screen and (max-width: 1025px){
    .ph{ display: block;}
    .pc{ display: none;}
    .head-warp{ height: 5rem;}
    #__layout{ padding-top: 5rem;}
    
    .header{ background: rgba(255,255,255,0.9); backdrop-filter: blur(.3rem); box-shadow: 0 0 .5rem rgba(0,0,0,0.3);}
    .header::before{ display: none;}
    .header .logo img:nth-child(2),
    .header .lang img:nth-child(2){ display: block;}
    .header .logo img:nth-child(1),
    .header .lang img:nth-child(1){ display: none;}
    .header .a{ color: #000; height: 5rem; line-height: 5rem;}
    .header .lang dt{ color: #000;}
    .header .logo img{ width: 8.1rem; height: 2.8rem;}
    .home-scroll .header,
    .header{ background: #fff; border-top: 0;}
    .header::before{ display: none;}
    .menu-ph{ cursor: pointer; background: rgba(0,0,0,0); position: relative; width:2.8rem; height: 2.8rem; padding: 1rem;   margin-left: 1rem; display: block; right: -1rem;}
    .menu-ph span{ position: absolute; width: 2.8rem; left: 1rem; top: 50%; height: .2rem; background: #e60039; transition: 0.4s all; z-index: 1000;}
    .menu-ph span.c1{ transform: translate(0,-.9rem);  }
    .menu-ph span.c3{ transform: translate(0,.9rem);}
    .menu-ph span.c2{ transform: translate(0,0); }
    .open-menu{ overflow: hidden;}
    .open-menu .menu-ph span.c2{ opacity: 0; width: 0; }
    .open-menu .menu-ph span.c1{ transform: rotate(45deg);}
    .open-menu .menu-ph span.c3{ transform: rotate(-45deg); }
    .header .right{ position: fixed; left:0; top: 5rem; margin-top: -.2rem; width: 100vw; display: block; height: calc(100vh - 5rem); z-index: 100; background: #fff; border-top: .2rem solid #ca2e2a; transition: 0.5s all;  transform: translateX(100%); }
   
    .header .right ul{ display: block;}
    .home-scroll .header .a,
    .head-menu li .a{ text-align: left; padding: 0 1.5em; line-height: 5rem; color: #222; height: 5rem;}
    .head-menu li .right-bon{ position: absolute; display: flex; right: 0; top: 0; padding: 0 2em 0 4em; height: 100%; align-items: center; pointer-events: none; z-index: 3;}
    .head-menu li.li_child .right-bon{pointer-events:unset;}
    .head-menu li .child::before{ display: none;}
    .head-menu li.li_child:hover .child,
    .head-menu li.li_child .child{ z-index: 100; position: fixed; left: 0;  top:0; width: 100vw; height: calc(100vh - 5rem); bottom: 0; transform: translate(100%,0); opacity: 1; visibility:visible; background: #ca2e2a; font-size: 1em; line-height: 5rem; }
    .head-menu li.cur .child{ z-index: 102 !important;}
    .menu-ph0{ position: absolute; left: -0.5em; top: 55%;  opacity: 0; z-index: 10; padding: 1rem; transform: translateX(10rem)  translateY(-50%); transition: 0.5s all; visibility: hidden; color: #777;}
    .menu-ph1{ position: absolute; left: 0; right: 0; top: 50%;  width: 100%; opacity: 0; transform: translateX(10rem)  translateY(-50%); transition: 0.5s all; visibility: hidden;}
    
    .header .logo{ transition: 0.5s all;}
    .open-menu-child .header .logo{ transform: translateX(-200%); }
    .open-menu-child .menu-ph0,
    .open-menu-child .menu-ph1{ opacity: 1; transform: translateX(0) translateY(-50%); visibility: visible;}
    .head-menu li.li_child:hover .a{ color: #ca2e2a; background: #fafafa;}
    .open-menu .header .right{ transform: translateX(0);}
    .open-menu.open-menu-child .header .right{ transform: translateX(-100%); }
    .header .lang dt{ display: none;}
    .header .lang dd{ position: relative; left: 0; top: 0; right: auto; opacity: 1; margin: 0 0.8em; visibility: visible; background: none; width: auto; }
    .header .lang dd .ww::after{ content: ''; position: absolute; left: 49%; top: 25%; width: 1px; height: 50%; background: #aaa; transform: rotate(15deg);}
    .header .lang dd .ww::before{ display: none;}
    .header .lang dd .ww { display: flex; background: none; width: 8rem;}
    .header .lang dd .ww p{ flex: 1;}
    .header .lang dd .ww p a{ color: #222; display: block; padding: 1rem;}

    .banner-bon a{ display: none;}
    .home-banner, .home-banner .w .img_ratio{ padding-top: 105%;}
    .home-banner .banner-a ul{ flex-wrap: wrap;}
    .home-banner .banner-a li{ width: 50%; flex: auto; border-bottom: 1px solid rgba(255,255,255,0.5);}
    .home-banner .banner-a a{ height: 16vw;}

    .home-banner .banner-a .p2{ display: none;}
    .home-banner .banner-a .r{ margin-left: 0;}
    .home-banner .w .wrap{ left: 0;} 
    .home-banner .w .txt{align-items: flex-start;}
    .home-banner .w .txt h2{  text-align: center; padding-top: 20%;}
    .home-banner .w .txt .p{  text-align: center;}
    .home-banner .swiper-pagination{ z-index: 10; position: absolute; left: 0; bottom: 35vw; right: 0; text-align: center; display: block;}
    .home-banner .swiper-pagination-bullet{ background: #fff; margin: 0 .5rem;}
    .home-banner .swiper-pagination-bullet-active{ background: #fff; transform: scale(1.2);}

    .home-1 .w{ display: block;}
    .home-1 .left{ width: auto; margin: 0; text-align: center;}
    .home-1 .left .more{ text-align: center; margin: 10% 0 15%; display: flex; justify-content: center;}
    .home-1 .left .more a{ border: 1px solid #ccc; color: #aaa; padding: 1rem 2em; border-radius: 10rem;}
    .home-1 .right{ width: 100%;}
 
    .home-1 .right li.li4{ display: none;}
    
    .home-1 .right li.li2{ transform: scale(0.9); top: 5em;}
    .home-1 .right li.li3{ left: 2em; top: 0em; transform: scale(0.8);}

    .home-2 .w{ display: block;}
    .home-2 .left{ width: auto; margin: 0 0 5%;}
    .home-2 .left article{ display: none;}
    .home-2 .left p{ display: none;}
    .home-2 .left .img_ratio{ padding-top: 56%;}
    .home-2 .right{ width: auto; margin:15% 0 0; display: flex; justify-content: space-between;}
    .home-2 .right .item{ width: 48%;}
    .home-2 .f-28{ height: 3em;}
    .tit-com::before{ display: none;}
    .home-pro-ul li{ width: 50%;}
    .home-pro-ul{ margin: 0 -.5rem;}
    .home-pro-ul li .w{ margin: 0 .5rem 1rem; padding:1rem 1rem;}
    .home-pro-ul li .w dd{ }
    .home-pro-ul li .w dt{ width: 4.5rem; padding: .2rem;}
    .home-4 .w { display: block;}
    .home-4 .left{ width: auto; margin: 0 0 1em;}
    .home-4 .right{ width: auto;}
    .footer .foot-top{ display: block; text-align: center;}
    .footer .left1{ width: auto;}
    .footer .logo2{ margin-bottom: 1em;}
    .footer .left1 .logo2 img{ width: 10rem; height: auto;}
    .footer .left1 ul{ display: none;}
    .footer .center1{ display: none;}
    .footer .right1 a{ width: 6rem; height: 6rem; margin: 0 -1rem; transform: scale(0.7);}
  
    .footer .foot-bottom{ flex-direction: column-reverse; text-align: center; }
    .footer .foot-bottom .right{ padding: 1em 0;}
    .home-5 ul{ margin: 0 -1rem;}
    .home-5 li{ width: 33.33%;}
    .home-5 li .w{ margin: 0 .2rem .4rem;}


    .otherheader{ height: auto;}
    .fair-video .iplay img{ width: 4rem; height: 4rem;}
    .fair-bk1 ul{ display: block;}
    .application-bk1 .item{ display: block;}
    .registration-box-3 .item-box{ display: block;}
    .application-bk1.registration-box-2 .item-child,
    .application-bk1 .item-child{ width: auto;}
    .head-warp{ width: 90%;}
}

@media only screen and (max-width: 750px){
    .registration-box .el-form-item__label{ line-height: 1.8;}
    .registration-box .el-form-item{ margin-bottom: 16px;}
    .menu-ph{ width: 5.6rem; height: 5.6rem;}
    .menu-ph span{ width: 5.6rem; height: 0.4rem;}
    .menu-ph span.c1{transform: translate(0,-1.8rem);}
    .menu-ph span.c3{transform: translate(0,1.8rem);}
    #__layout{ padding-top: 10rem;}
    .header .logo img{width: 16.2rem;
        height: 5.6rem;}
        .footer .left1 .logo2 img{ width: 20rem;}
        .footer .right1 a{ width: 12rem; height: 12rem;}
        .footer .right1 a img{ width: 6rem; height: 6rem;}
        .home-5 li:nth-child(6) ~ li{ display: none;}
    .head-warp{ height: 10rem;}
    .header .right{ top: 10rem;}
    .com-right-box .p1{ width: 40rem;}
    .com-right-box .p1 img{ width: 100%; height: auto;}
    .head-menu li.li_child:hover .child,
    .head-menu li.li_child .child{  height: calc(100vh - 10rem); line-height: 10rem;}
    .home-scroll .header .a, .head-menu li .a{ line-height: 10rem; height: 10rem;}
    .fair-bk1 ul{ padding: 5% 0;}
    .fair-bk1 ul li{ padding: 5% 0;}
    .home-pro-ul{ padding: 5% 0;}
    .fair-bk3 .w{ margin: 5%  2.5rem 0;}
    .fair-bk3 .cur .w .img_ratio{ transform: scale(1);}
    .com-crumbs { font-size: 2.4rem;}
    body .el-select-dropdown__item{ font-size: 2.8rem;}
    .fair-bk4 dl{ display: block;}
    .fair-bk4 dt{ width: auto; padding:5% 0 3%; }
    .home-pro-ul li .w dd{ font-size: 2.4rem;}
    .traffic-bk1 ul { display: block;}
    .traffic-bk1 ul li{ padding: 5% 0;}
    .traffic-bk1 ul li:nth-child(2){ border: 0; border-top: 1px solid #999; border-bottom: 1px solid #999;}
    .traffic-bk4 .w,
    .traffic-bk3 .w,
    .traffic-bk2 .w{ display: block;}
    .traffic-bk4 .left,
    .traffic-bk3 .left,
    .traffic-bk2 .left{ width: auto; margin: 0 0 5%;}
    .traffic-bk2 dl{ margin-bottom: 10%;}
    .home-banner .w .txt h2{ font-size: 6rem; padding-top: 25%;}
    .home-banner .w .txt .p{ font-size:2.8rem;}
    .traffic-bk5 .w ul{ display: block; padding: 5% 0;}
    .traffic-bk5 .w li{ text-align: center; padding: 5% 0;}
    .traffic-bk5 .w li::after{ width: 100%; height: 1px; top: 100%; left: 1px; right: 1px;}

    .exh-search .search-1{ position: relative; top: auto;  transform: none;}
    .exh-search .search-1 input{ width: 100%;}
    .exh-class{ display: none;}
    .exh-list li .w1{ padding: 2rem; display: block;}
    .exh-list li .right{ width: auto; margin: 5% 0 0;}
    .exh-list li{ margin: 0 0 10% 0;}

    .page-com .el-pagination button, 
    .page-com .el-pagination span:not([class*=suffix]), 
    .page-com .el-pager li.btn-quicknext, 
    .page-com .el-pager li.btn-quickprev, 
    .page-com .el-pager li{ height: 6rem; line-height: 6rem; }

    .page-com .el-pagination.is-background .btn-next, 
    .page-com .el-pagination.is-background .btn-prev{ display: none;}
    .page-com .el-pagination.is-background .el-pager li{min-width:6rem}
    .exh-search .search-1{ padding: 2rem 3rem;}
    .exh-class2 .el-select{ display: block; margin-bottom: 5%;}
    .exh-class2 .el-select .el-input__inner{ height: 9rem; line-height: 9rem; font-size: 2.8rem; border-radius: 1.2rem; border-color: #999;}

    .home-pro-ul li .w dt{ width: 9rem;}

    .contact-bk1 li .img{ margin-bottom: 1em;} 
    .contact-bk1 .box{ padding: 5% 0;}
    .contact-bk1 li{ width: 50%;}
    .contact-bk1 li .txt{ min-height: 12em;}
    .contact-wrap .bank100{ display:none;}
    .footer .right1 a{ margin: 0 0rem;}
    .faq-list li{ padding: 5%  0;}

    .application-bk1 .el-form--label-top .el-form-item__label{ font-size: 2.8rem; font-weight: normal;}
    .application-bk1 .item{ display: block;}
    .application-bk1 .item-child{ width: auto;}
    .application-bk1 .el-input__inner, .application-bk1 .el-select{ font-size: 2.8rem;}
    .application-bk1 .el-form-item__content .el-button--primary{ width: 60%; height: 2.5em; line-height: 2.5em; padding-top: 0;}
    .floor-bk2 ul{ margin: 0 -.5rem;}
    .floor-bk2 li{ width: 50%; font-size: 2.2rem;}
    .floor-bk2 li a{ margin: 0 .5rem 1rem;}

    .application-bk1 .el-avatar, .application-bk1 .el-cascader-panel, .application-bk1 .el-radio, .application-bk1 .el-radio--medium.is-bordered .el-radio__label, .application-bk1 .el-radio__label{ font-size: 2.8rem;}
    .promotion-banner .txt{ max-width: 90%;}
    .registration-box{ max-width:none;}
    .promotion-banner .img_ratio{ padding-top: 75%;}
    .promotion-bk1 dt{ width: auto;}
    .promotion-bk1 dl{ display: block;}
    .promotion-bk1 dd{ padding: 5%;}
        .floor-bk2-img{ padding: 10% 0;}
    .promotion-bk2 li{ width: auto; float: none;}
    .promotion-bk2 ul{ padding: 5% 0;}
    .promotion-bk2 li dl{ display: block; padding: 3%; margin: 0 4rem 5rem;}
    .promotion-bk2 li dt{ width: auto; margin: 0 0 5%;}
    
    .visit-bk1 li{ float: none; width: auto;}
   
    .visit-bk1 li:nth-child(2n){ margin: 0;}
    .visit-bk1 li dd{ min-height: auto; padding: 1em 0;}
    .visit-bk1 li:nth-child(2n) dl{ flex-direction: row-reverse;}
    .visit-bk1 li:nth-child(2n) dt{ margin-right: 0; margin-left: 4rem;}

    .visit-bk1 .bon{ margin: 10% 0;}
    .visit-bk1 .bon a{  height: 3em;}
    .visit-bk2 ul{ padding: 10% 0 0;}
    .visit-bk2 li{ width: 33.33%;}
   
    .visit-bk3 .visit-sw{ padding: 5% 0;}
    .visit-bk3 .swiper-slide{ width: 50%;}
    .visit-bk3 .visit-sw .w{ margin: 0 1rem; padding: 1rem;}

    .visit-bk3 .box .bon.left{ left: -0.5em;}
    .visit-bk3 .box .bon.right{ right: -0.5em;}

    .certified-bk1 dl{ display: block;}
    .certified-bk1 dt{ width: auto; margin: 0 0 5%;}

    .certified-bk2 li{ width: auto; float: left; margin-bottom: 5%;}
    .certified-bk2 .img img{ width: 8rem; height: 8rem;}
    .certified-bk2 .w{ display: flex; padding: 2rem; align-items: center; }
    .certified-bk2 .p2,
    .certified-bk2 .p3{ height: auto; padding: 0.5em; margin: 0; overflow: visible; text-overflow:inherit; -webkit-line-clamp:initial; line-clamp:initial; }

    .home-pro-ul li .w dt{ width:8rem}
    .home-pro-ul li .w{ padding:2rem}

    .certified-bk4 li{ margin-bottom: 2em;}
    .certified-bk3 li{ width: auto; float: none; margin-top: 5%;}
    .certified-bk4 li{ float: none; width: auto;}
    .certified-bk4 .w .t1{height: auto; padding: 1em 0 0; margin: 0; overflow: visible; text-overflow:inherit; -webkit-line-clamp:initial; line-clamp:initial;}

    .event-bk1 li dl{ display: block;}
    .event-bk1 li dt{ width: auto; margin:2% 0 0;}
    .event-bk1 li h2{ padding: 0.5em 0;}

    .hotel-bk1 dt{ width: auto; margin: 0 0 5% !important;}
    .hotel-bk1 dl{ display: block;}

    .products-list li{ width: auto; float: none;}
    .products-list li .w{ margin: 1rem 2rem;}
    .porduct-top,
    .porduct-top dl{ height: 14rem;}
 
    .exh-list li .w1{ padding: 4rem;}
    .press-list li{ padding: 7% 0;}
    .press-list li dt{ width: 40%; margin: 0 1em 0 0;}
    .press-list li dd article{ display: none;}
    .press-list li dd .t1 p{ white-space:normal; line-height: 1.4; height: 2.8em; -webkit-line-clamp:2; line-clamp:2;}
    .press-list li dd .t1 { display: flex; flex-direction: column-reverse;}
    .press-list li dd .t1 span{ font-size: 2.0rem; display: block; padding: .2rem 0;}

    .press-details .press-bottom .left a{ width: 6em;}
    .com-oth-tit{ font-weight: normal;}
    .com-crumbs{ padding-bottom: 4%;}

    .pro-art-top{ display: block;}
    .pro-art-top .left{ width: auto; margin: 0 0 5%; padding-top: 5rem;}
    .pro-art-top .left .pro-share{ top: 0;}
    .pro-art-top .right{ padding-top: 16rem;}
    .pro-art-top .right .img{ top: 0;}
    .pro-art-con .table li{ width: 100%;}
    .parductlist .p1{ display: block;}
    .pro-art-top .left .pro-share img{ width: 3rem; height: 3rem;}
    .reg-banner .img_ratio{ padding-top: 32%;}
 
    .home-3 .tit h2{ text-align: center;}
    .com-right-box{ transform: scale(0.5); transform-origin: right bottom;}
    .home-banner .banner-a .l .p1{font-size: 2.4rem;}
    .home-4 .w{ display: flex; flex-direction: column-reverse;}
    .home-4 .right{ text-align: center; margin-bottom: 15%;}
    .home-4 .left .more{ display: none;}
    .home-4 .left ul{ display: flex; justify-content: space-between;}
    .home-4 .left ul::before,
    .home-4 .left ul::after{ display: none;}
    .home-4 .left .item{ width: 45%;}
    .home-4 .left .item:first-child{ margin: 0 ; border: 0; padding: 0;}
    .footer .foot-top{ padding: 10% 0 0%; border: 0;}
    .footer .left1{ margin-bottom: 5%;}
    .footer .foot-bottom{ padding: 2% 0 10%;}

    .download-list li .w{ padding: 7% 0;}
    .download-list li .w dd .f-16{ font-size: 2.2rem;}
    .download-list li .w dl dt img{ width: 6rem; height: 6rem;}
    .home-gg { margin: 0 5%;}
    .header .lang dd .ww{ width: 16rem;}

    .application-bk1 .el-checkbox__label, .application-bk1 .el-radio__label{ font-size: 2.8rem;}
    .registration-box .el-radio,
    .registration-box .el-checkbox{ display: flex; white-space:normal;}
}