body,html{margin:0;padding:0;font-family:"Microsoft YaHei"}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
a:active,a:link,a:visited{color:#303030;font-size:12px;text-decoration:none}
a:hover{text-decoration:none;font-size:12px;color:#900}
a{outline:0}
a:active{star:expression(this.onFocus=this.blur())}
:focus{outline:0}
.container{max-width:1200px}
.container img{max-width:100%;}
.content{width:100%;}
.content img{max-width:100%;}
.fl{float:left}
.fr{float:right}
.mt80{margin-top:80px}
.mt100{margin-top:100px;}
.tip{color:#9f9f9f;}
.text-center{text-center:center;}
.text-crimson{color:#ab1e2c;}
.text-orange{color:#e26f29;}
.bg-orange{background:#e26f29;}
.bg-crimson{background:#ab1e2c;}
.border-crimson{border-color:#ab1e2c;}
.border-orange{border-color:#e26f29;}
.flex{display:flex!important; justify-content: space-evenly;}
dd,div,dl,dt,em,form,h1,h2,h3,h4,li,p,ul{margin:0;padding:0;list-style:none;list-style-type:none}
h2{text-align:center;color:#ab162b;font-weight:700}
header{height:60px}
header .nav{width:100%;height:60px;position:fixed;background-color:rgba(0,55,148,0); top:0; z-index:2;}
header .nav .logo{margin-top:2px;height:56px}
header .nav .logo img{max-height:100%}
header .nav ul{display:flex}
header .nav li{width:130px;height:60px;line-height:60px;text-align-last:center;color:#000;font-size:16px;cursor:pointer;flex:1}
.banner{margin-top:10px; text-align:center;}
.banner img{max-width:100%;}

.button{max-width:350px; text-align:center;}
.button p{font-size:24px; margin-bottom:15px;}

.button a{display:block; padding:2px; border-width:2px; border-style:solid; border-radius:30px; font-size:22px; color:#fff;}
.button a span{display:block; border-radius:30px; padding:5px 20px;}
.button a i{font-size:26px;margin-left:20px}
.signup{display:flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: nowrap;}
.signup .img{flex:1; margin:0 30px;}
.signup .img video{width:100%; height:100%;}
.form{flex:1; margin:0 30px;}
.form li{border:1px solid #b5b5b6; margin-bottom:15px; display: flex; justify-content: flex-start; align-items: center;  flex-direction: row;  align-content: center;  flex-wrap: nowrap; padding:10px;}
.form li input{border:none;}
.form li label{margin-bottom:0;}
.form button,.form a{border:none; display: inline-block; padding:8px 50px; color: #fff; background: #ab1e2c; font-size:18px; border-radius:5px;}
.form p{margin-top:15px; color:#231815; line-height:30px;}
.digital{margin-top:100px}
.digital div{display:flex;color:#ab162b}
.digital dl{flex:1;display:flex}
.digital dd{margin:0 5px;flex:1}
.digital dt{display: flex; justify-content: space-around; align-items: center; height:50px; width: 50px; border: 2px solid #ab162b; border-radius: 50%;}
.digital dt i{font-size:26px;}
.digital h3{font-size:30px;line-height:30px}
.digital p{font-size:16px;line-height:20px}
.zhanqu{margin-top:100px}
.zhanqu .swiper{padding:0 6% 3%;--swiper-theme-color:#fff;--swiper-navigation-color:#ccc;--swiper-navigation-size:25px}
.zhanqu .swiper-img{overflow:hidden}
.zhanqu .swiper-img-bg{height:320px;width:500px;background-position:bottom center;background-size:cover;background-repeat:no-repeat;transform:skew(15deg,0deg) translateX(-20%)}
.zhanqu .swiper-slide{position:relative;transform:skew(-15deg,0deg);overflow:hidden;cursor:pointer;opacity:0;transition:all .6s;box-shadow:0 1px 7px -3px #a8a29d}
.zhanqu .swiper-slide:nth-of-type(2n){transform:skew(-15deg,0deg) translate(0,30px)}
.zhanqu .swiper-text{position:relative;z-index:9;transform:skew(15deg,0deg);text-align:center;padding:0}
.zhanqu .swiper-text .img{position:absolute;width:120%;left:-8%;bottom:0}
.zhanqu .swiper-text .img img{width:100%}
.zhanqu .swiper-button-next,.zhanqu .swiper-button-prev{top:45%}
.zhanqu .scope-swiper{margin:40px 0 70px}
.zhanqu .swiper-slide-active{opacity:1}
.zhanqu .swiper-slide-next{opacity:1}
.zhanqu .swiper-slide-next+.swiper-slide{opacity:1}
.zhanqu .swiper-slide-next+.swiper-slide{opacity:1}
.zhanqu .swiper-slide-next+.swiper-slide+.swiper-slide{opacity:1}
.zhanqu h4{padding:0 10px;font-size:16px;line-height:25px;color:#001252;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.zhanqu span{display:block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#bb1a2c;margin:0 auto;color:#fff}
.zhanqu .text{position:relative;z-index:99;height:90px}
.zhanqu .on{display:none}
.zhanqu .off{display:block}
.zhanqu .swiper-slide:hover .off{display:none}
.zhanqu .swiper-slide:hover .on{display:block}
.zhanqu .swiper-slide:hover h4{color:#fff}
.zhanqu .swiper-slide:hover span{background:#fff;color:#9a202b}
.zhanqu .swiper-button-next,.zhanqu .swiper-button-prev{width:45px;height:45px;border:1px solid #ccc;border-radius:50%}
.about{margin-top:100px}
.about .text,.exhibitor .text{margin:60px 0;font-size:20px;line-height:30px;color:#231815;font-weight:500;letter-spacing:2px}
.about .text h4{color:#e26f29;}
.about .text p{margin-top:15px; color:#231815;}
.about .text p.tip{color:#9f9f9f;}
.about li{margin:20px 0}
.about li img{max-width:100%}
.about li div{background:#c02435;font-size:20px;color:#fff;padding:0 20px;text-align:center;height:76px}
.about li div span{line-height:76px}
.about li div em{line-height:26px;font-style:normal;display:block}
.about li div em:first-child{padding-top:10px}
.about li div small{line-height:20px;font-size:14px;font-style:normal;display:block; color:#fff;}
.about li div code{line-height:26px;font-size:14px;font-style:normal;display:block; color:#fff;}
.exhibitor{margin-top:70px}
.exhibitor h5{text-align:center;color:#c02435}
.exhibitor ul{margin:60px 0}
.exhibitor ul li{float:left;width:12.5%}
.exhibitor ul li div{margin:10px 5px;box-shadow:0 1px 7px -3px #c8c4c1}
.exhibitor ul li div img{max-width:100%; height:70px;}
.contact .text{font-size:24px;line-height:30px;margin:60px 0; display:flex;}
.contact .text div{flex:1; margin-left:60px; display:flex;}
.contact .text div i{font-size:30px; margin-right:10px;}
.introduce{background:url(../images/bg1.jpg) top center no-repeat;padding:60px 0}
.introduce h2{color:#fff}
.introduce p{color:#fff;margin:40px 40px 0 40px;font-size:22px;letter-spacing:2px;line-height:35px}
.introduce p font{color:#f6e866}
footer{margin-top:100px;background:url(../images/footer.jpg) top center no-repeat;height:136px;position:relative}
footer .copyright{position:absolute;left:0;bottom:0;width:100%;height:50px;text-align:center;line-height:50px;color:#fff;font-size:16px}
footer .copyright a{color:#fff;font-size:16px}

.online{position:fixed; background:#ab1e2c; top:300px; right:50px; border-radius:5px; z-index:9999; cursor:pointer; padding:10px;}
.online .ontype{border-radius:5px; color:#d0d0d0; display: inline-block; height: 48px; line-height:46px; left:0; position: relative; text-align: center;  transition: transform .3s ease 0s; white-space: nowrap; cursor:pointer;}
 .online .ontype .icon{font-size:20px; vertical-align: middle; text-align:center;}
  .online .ontype .icon i{font-size:30px; color:#fff;}
.online .ontype a .stitle{line-height: 20px;  text-align: left;  color: #fff; font-size:14px;}