@charset "utf-8";
/* CSS Document */

body{background: #f1f7fc;font-size: 16px;color: #222;position: relative;font-family: "微软雅黑"}
ul,ol,p,h1,h2,h3,h4 {list-style:none;padding: 0; margin: 0;}
a{color: #222;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;border: none;}
a:active{text-decoration: none;}
Btn:active{color: #389bfd!important;text-decoration: none;}
a:focus,a:hover {
    color: #389bfd;
    text-decoration: none
}
h2{font-size: 40px;font-weight: bold;color: #2a64e2;margin: 50px 0;text-align: center;}
.btn-blue a{background: #1acf2e;color: #fff;width: 188px; height: 50px;text-align: center;line-height: 50px;border-radius: 50px;display: block;}
.btn-blue a:hover{background: #08a719;}
.mtop40{margin-top: 30px;}
.mtop110{margin-top: 110px!important;}
.line30{line-height: 30px;}
.bg01{background: #fff;}
.logo {text-align: center;margin: 15px auto;}
.logo img{width: 190px;}
.navbar-default {
    background: none;
    border: none;
}

.banner-pc{background:url(/images/elexcon/banner-bg.jpg) no-repeat center #2a64e2; height: 454px;width: 100%;}
.banner-pc img{margin-top: 40px; display: block;}
.statistic{margin: 30px -15px;}
.statistic-item {background: #f8f9fb;border: 1px solid #fff;border-radius: 10px;height: 160px;text-align: center;}
.statistic-item p{font-size: 18px;margin: 30px 0 15px;}
.statistic-item span{color: #2a64e2;font-size: 34px;font-weight: bold;}
.statistic-item span sup{font-weight: normal;}
.exhibitors-box{background: #fff;border-radius: 20px;padding:40px 20px;display: inline-block; }
.exhibitors-box li{width: 200px;text-align: center;height: 160px;float: left;margin: 0 10px;}
.exhibitors-box li p{margin-top: 15px;}

.interaction-item{ border-radius: 20px;padding: 25px;color: #fff;height: 770px;}
.interaction-item h3{font-size: 28px;min-height: 80px;margin-top: 20px;line-height: 40px;}
.interaction-item h4{font-size: 22px;margin-top: 35px;margin-bottom: 10px;}
.hu-01{ background:  url(/images/elexcon/img-01.png) no-repeat right bottom #f2403d;}
.hu-02{background: url(/images/elexcon/img-02.png) no-repeat right bottom   #015eea;}

.interaction-item .btn-blue{margin-top: 20px;}
.interaction-item .btn-blue a{background: #fff;color: #000;}
.interaction-item .btn-blue a:hover{background: #e9e9e9;}

.game-item{background: #fff;padding: 20px 15px; border-radius: 15px;}
.game-item h4{font-size: 22px;line-height: 30px;}
.game-item p{height: 190px;margin: 20px 0;color: #505050;}
.game-item img{width: 100%;}
.new{background: #fff;border-radius: 20px;padding: 30px;}
.new li{margin: 20px 0;}
.new li span{float: right;color: #8d8d8d;}
.center-w{text-align: center; margin: 20px 0;}
.center-w a{display: inline-block;background: #fff; color: #000;border: 1px solid #474747;}
.center-w a:hover{background: #e9e9e9;}
.picture{}
.picture-item{border-radius: 10px;overflow: hidden;float: left;margin: 0 10px;width: 460px;}
.picture-item img{width: 100%;}
.map{height: 500px;background:#fff;display: flex;align-items: center;}
.map img{width: 100%;}
.about-r h3{margin-bottom: 15px;}
.about-r span{font-weight: bold;}
.navbar{text-align: center;display: flex;   margin-bottom: -8px;z-index: 99;}
.navbar .nav-item { width: calc(15% - 10px); text-align: center;height: 60px;background: #226fef;color: #fff;border-radius: 8px;margin: 0 5px;font-weight: bold;font-size: 18px;justify-content: center;}
.navbar .nav-item a{color: #fff;display: block;padding: 15px 2px;}
.footer{text-align: center;background: #7a7a7a;height: 40px;line-height: 40px;color: #fff;margin-top: 50px;}
.exhibitors-box{width: 100%;}
.exhibitors-logo{float: left;margin: 10px;height: 180px;}
.exhibitors-logo .cs{padding: 15px;height: 130px;border: 2px solid #f2f7fb;border-radius: 4px;display: flex;align-items: center;text-align: center;}
.exhibitors-logo img{max-height: 100px;max-width: 100%;}
.exhibitors-logo p{text-align: center; margin: 15px 0;height: 20px; line-height: 20px;font-size: 18px;}
.slick-slide img{height: auto;}
.slick-next{right: -10px;}
.slick-prev{left: -10px;}
.exhibitors-box .slick-next{right: -50px;}
.exhibitors-box .slick-prev{left: -50px;}
.slick-dots li{width: 10px;}
.slick-prev:before, .slick-next:before{font-size: 60px;color: #ffae1b;}

@media (max-width: 1330px) {
.navbar .nav-item{height: 80px;}
}
@media (max-width: 992px) {
.banner-pc img{max-width: 100%;}
h2{font-size: 32px;margin: 30px 0;}
.interaction-item .btn-blue a{margin: 0;}
.interaction-item{height: 870px;}
.new li{display: inline-block;margin: 8px 0;}
.new li span{float: left;}
.new li a{width: 100%;display: block;}
.line30{line-height: 22px;}
.game-item p{height: auto;}
}

@media (max-width: 760px) {
.map{height: 100%;}
.navbar{margin-bottom: 8px;}
.banner-pc{height: 300px;}
.banner-pc img{margin-top: 40px;}
.navbar{display: flex;flex-wrap: wrap;  }
.navbar .nav-item{box-sizing: border-box;width: calc(25% - 10px);margin:3px 5px;font-size: 16px;}
.statistic-item{margin-bottom: 10px;}
.statistic { margin: 20px -15px;}
.btn-blue a{margin: 0 auto;}
.interaction-item{height: auto;}
.interaction-item h3{min-height: auto;font-size: 24px;margin-top: 0;}
.interaction-item h4{margin-top: 20px;}
.hu-01{background: #f2403d;margin-bottom: 20px;}
.hu-02{background: #015eea;}
.game-item p{height: auto;}
.game-item{margin-bottom: 10px;}
.new, .interaction-item{padding: 20px;}
.statistic-item{height: 120px;}
.statistic-item p{margin: 20px 0 15px;}
.mtop110{margin-top: 20px!important;}
}