@import"esportmaxx-keyframes.css";
 /*阿里iconfont*/
@font-face {
  font-family: 'iconfont';  /* Project id 569108 */
  src: url('//at.alicdn.com/t/font_569108_ocdct2tv8ya.woff2?t=1620896356978') format('woff2'),
       url('//at.alicdn.com/t/font_569108_ocdct2tv8ya.woff?t=1620896356978') format('woff'),
       url('//at.alicdn.com/t/font_569108_ocdct2tv8ya.ttf?t=1620896356978') format('truetype');
}
 .iconfont {
   font-family: "iconfont" !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -webkit-text-stroke-width: 0.0.02rem;
   -moz-osx-font-smoothing: grayscale;
 }

#esportmaxx{width: 100%; height: 100%;}
#esportmaxx .esportmaxxkv{width: 100%;  /*max-width: 1920px;*/ height: 100%; /*max-height: 1550px;*/ position: relative; overflow: hidden; text-align: center;}
#esportmaxx .img100{ width: 100%; }
#esportmaxx .pabimg{position: absolute;}
#esportmaxx .esportmaxxkv .kv-car{left: -1%; top: 0; width: 125%; animation: fadeInRightRich 1s ease-in-out 1 forwards; opacity: 0; }
#esportmaxx .esportmaxxkv .slogan1{width:18.22916%; top: 18.2%; left: 6.6145%; animation: fadeInLeftRich 1s ease-in-out 1 forwards;  opacity: 0; }
#esportmaxx .esportmaxxkv .slogan2{width:18.22916%; top: 18.2%; left: 26.3%; animation: fadeInRightRich 1s ease-in-out 1 forwards;  opacity: 0; }
#esportmaxx .esportmaxxkv .tire{width: 15.52083333333333%; left: 3.9583%; top: 30.54838709677419%; z-index: 10; animation: homekvbigtosml 1s ease-in-out 1 forwards; opacity: 0;}
#esportmaxx .esportmaxxkv .esportlogo{width: 37.60416666666667%; left: 20.41666666666667%; top: 38.16129032258065%;animation: TransformScalebigtosmltext 0.75s ease-in-out 1 forwards; opacity: 0;}
#esportmaxx .esportmaxxkv .jishu{width: 47.60416666666667%; left: 14.27083333333333%; top: 45.7741935483871%; animation: fadeInLeftRich 0.75s ease-in-out 1 forwards; opacity: 0;}
#esportmaxx .esportmaxxkv .xianxia{width: 16.66666666666667%; height: 5.16129032258065%; left: 25%; top:54%; background:#F6E500; border: 2px solid #333333; border-radius:10px;animation: fadeInLeftRich 1s ease-in-out 1 forwards;  opacity: 0; }
#esportmaxx .esportmaxxkv .xianxia:hover{background:#FC0; border: 2px solid #F80;box-shadow: 0 0 10px rgba(0,0,0,0.3)}
#esportmaxx .esportmaxxkv .tmall{width: 27.08333333333333%; height: 5.16129032258065%; left: 55%; top:53.8%; animation: fadeInRightRich 1s ease-in-out 1 forwards;  opacity: 0;}
/*#esportmaxx .esportmaxxkv .tmall:hover{background:#f00; border: 2px solid #f00; box-shadow: 0 0 10px rgba(0,0,0,0.3)}*/
#esportmaxx .esportmaxxkv .down{width: 3.6%; margin-left: -1.8%; left: 50%; top: 54%; opacity: 0; animation: fadeIn 1s ease-in-out 1 forwards; cursor: pointer;}
#esportmaxx .esportmaxxkv .block1{width: 74.01041666666667%; left: 23.125%; bottom: 4%; z-index: 1;}
#esportmaxx .esportmaxxkv .block2{width: 21.14583333333333%; left: 8.38541666666667%; bottom:4%;z-index: 0;}
#esportmaxx .esportmaxxkv .block3{width: 11.45833333333333%; left: 2%; bottom:18.8%;z-index: 0;}
#esportmaxx .esportmaxxkv .block4{width: 8.22916666666667%; left: 12.66666666666667%; bottom:24.85%;z-index: 0;}
#esportmaxx .esportmaxxkv .slogan3{width:10.41666666666667%; left: 12.1%; bottom:21.5%; z-index: 10 }
#esportmaxx .esportmaxxkv .slogan4{width:10.41666666666667%; left: 14.6%; bottom:18.8%; z-index: 10 }
#esportmaxx .esportmaxxkv .bgtire{width: 19.79166666666667%; left: 70%; bottom:4%; z-index: 10}
#esportmaxx .esportmaxxkv .text{width: 57.29166666666667%; left: 29.5%; bottom:18.5%; z-index: 11}
#esportmaxx .esportmaxxkv .btn{width: 60%; height: 17%; left: 35%; bottom: 0; z-index: 12;}
#esportmaxx .esportmaxxkv .btn .btnicon{width: 17%; padding-right: 1%; height: 100%; float: left; text-align: center; color: #FFF; position: relative; cursor:pointer;}
#esportmaxx .esportmaxxkv .btn .btnicon .img100{opacity: 0.5}
#esportmaxx .esportmaxxkv .btn .btnicon em{display: block; font-size: 100%; padding:5% 0 3% 0; opacity: 0.5 ;  overflow: hidden; white-space: nowrap;    text-overflow: ellipsis;}
#esportmaxx .esportmaxxkv .btn .btnicon strong{font-weight: bolder; font-size: 133%;}
#esportmaxx .esportmaxxkv .btn .btnicon:hover .img100{opacity: 1;}
#esportmaxx .esportmaxxkv .btn .btnicon:hover em{opacity: 1;color: #f6e500}
#esportmaxx .esportmaxxkv .btn .btnicon:hover strong{color: #f6e500}
#esportmaxx .esportmaxxkv .btn .current .img100{opacity: 1;}
#esportmaxx .esportmaxxkv .btn .current em{opacity: 1;color: #f6e500}
#esportmaxx .esportmaxxkv .btn .current	strong{color: #f6e500}
#esportmaxx .esportmaxxkv .btn .currenticon{position: absolute; bottom: 0; left: 50%; width: 30%; margin-left: -15%; display: none;}
#esportmaxx .esportmaxxkv .btn .current .currenticon{display: block;}

#esportmaxx .jishulunbo{width: 100%; position: relative;}
.jishu-container{width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.swiper-container {width: 100%;height: 100%;background: #FFF;}
.swiper-slide {color:#333;-webkit-box-sizing: border-box;box-sizing: border-box;}
.swiper-pagination-bullet{width: 12px; height: 12px;}
.jishulunbo .js-bg{width: 100%; height: 100%; left:0; top: 0; z-index: 0;}
.jishulunbo .js-bg2{width: 100%; height: 100%; left: 5%; top: 0; z-index: 0;}
.jishulunbo .js-title1{width:39.11458333333333%; left: 6.82291666666667%; top:10.20408163265306%; z-index:2; }
.jishulunbo .js-title2{width:39.11458333333333%; left: 6.82291666666667%; top:10.20408163265306%; z-index:1; }

.jishulunbo .js1-text1{width:37.5%; left: 7%; top:30%; z-index:1; }
.jishulunbo .js1-text2{width:37.5%; left: 7%; top:60%; z-index:1; }
.jishulunbo .js1-img1{width:34.94791666666667%; left: 56.66666666666667%; top:16%; z-index:1; }
.jishulunbo .js1-img2{width:34.94791666666667%; left: 56.66666666666667%; top:32.5%; z-index:1; }

.jishulunbo .js2-text1{width:33.333333%; left: 7%; top:25%; z-index:1; }
.jishulunbo .js2-text2{width:33.333333%; left: 56.66666666667%; top:25%; z-index:1; }

.jishulunbo .js4-text1{width:33.333333%; left: 7%; top:25%; z-index:1; }
.jishulunbo .js4-text2{width:33.333333%; left: 56.66666666667%; top:8%; z-index:1; }
.jishulunbo .js5-link{width: 30%; left: 35%; bottom: 5%;}
.jishulunbo .js5-link a{display: block; background: #000; color: #FFF; font-size: 18px; padding: 15px 0; border-radius: 10px; text-align: center; text-decoration: none;}
.jishulunbo .js5-link a:hover{background: #f6e500; color: #000;}
.guige{background:#f6e500; padding: 20px 0 50px 0;  }
.guige .listbox1{width:80%; margin:2% auto;}
.guige .listbox1 .list1{width: 22%; margin-right: 4%; float: left;}
.guige .listbox1 .boxa{padding: 20px; height: 440px; border:1px solid #000; border-radius: 10px;text-align: center; }
.guige .listbox1 .boxa .titlelist{ width: 80%;  margin: -50px auto 30px auto; background: #F6E500; font-size: 36px;}
.guige .listbox1 .boxa .titlelist em{font-size: 14px;}
.guige .listbox1 .boxa p{text-align: left; font-size: 20px; line-height: 180%; padding-left: 15%;}
.guige .listbox1 .boxa a:hover{text-decoration:none; color:#000}

.guige .listbox2{width:80%; margin:2% auto; display: none;}
.guige .listbox2 .headline { width: 100%; height: 53px; background: black; margin: 0 auto; }
.guige .listbox2 .headline tr { }
.guige .listbox2 .headline tr td { text-align: center; color: white; font-size: 16px; border: 1px solid #3c3b35; padding: 15px 0;  }
.guige .listbox2 .detail { border-collapse: collapse; width: 100%; margin: 0 auto; background: white }
.guige .listbox2 .detail > tbody > tr { font-size: 16px; color: 333; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; }
.guige .listbox2 .detail > tbody > tr:hover { color: #F40;}
.guige .listbox2 .detail > tbody > tr > td { text-align: center; border: 1px solid #D3D1C2; border-top: none; padding: 12px 0; background: #FFFAE7; }
.guige .listbox2 .detail > tbody > tr > td.first { border-left: none; }
.guige .listbox2 .detail > tbody > tr > td.last { border-right: none; }
.guige .listbox2 .detail > tbody > tr > td p { height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid #b7b7b7; }
.guige .listbox2 .detail > tbody > tr > td p:last-child { border-bottom: none }

.guige .linkmore{ width: 200px; margin: 0 auto; padding-bottom: 10px; border-bottom: 1px solid #000; font-size: 20px; text-align: center; cursor: pointer; }
.guige .linkmore img{vertical-align: middle; }


.shopbox{width:100%;position:relative;}
.shopbox .shoptitle{left: 0; top: 1.7%;}
.shopbox .shop_bg2{left: 0; top: 0;}
.shopbox .shops-map-div{position:absolute; width:56.7%; height:74.5%; left:36%; top:18.4%;overflow:hidden;background:#000; box-shadow: 2px 2px 10px rgba(0,0,0,0.35)}
.shopbox .shops-map-div #container{width:100%; height:100%;}
.shopbox .shoplist{width:26%; height:55%;left:8%; top:23%; position:absolute; overflow-y: scroll;}
/*自定义滚动条*/
#myptshoplist::-webkit-scrollbar{width: 14px;}
#myptshoplist::-webkit-scrollbar-thumb{background: #333; border-radius: 14px;transition: 1s;}
#myptshoplist::-webkit-scrollbar-track{background-color: #EDEDED}
#myptshoplist::-webkit-scrollbar-button{background-color:#EDEDED}
/*自定义滚动条 end*/
.shopbox .item{width:95%; border-top:1px solid rgba(0,0,0,0.2); position:relative; background:url(../images/esportmaxx/right.svg) center right no-repeat; padding: 20px 0;}
.shopbox .item:first-child{border:none}
.shopbox .item h5{margin-bottom:5px; font-size:20px}
.shopbox .item p{font-size: 16px; line-height: 32px;}
.shopbox .item p .iconfont{margin-right:0.12rem}
.shopbox .item .shopadd{display:block; padding-left:16px; padding-right: 100PX; line-height: 24px;}
.shopbox .item .icon{width:50px;height:50px;position:absolute;right:30px;bottom:50%; margin-bottom: -25px; text-align:center;}
.shopbox .item .icon i{color:#333;font-size:30px;line-height:35px}
.shopbox .item .icon span{display:block;font-size:10px;font-weight:200;opacity:0.75}
.shopbox .item a,.shopbox .item a:hover{color:#333; text-decoration: none;}
.shopbox .current *,.shopbox .current *:hover{color:#F60}
.shopbox .current .icon i{color: #f60}
.shopbox .more{background:#000; line-height: 50px; border-radius: 10px; position: absolute; text-decoration: none; color: #fff; display: block; text-align: center; width: 15.625%; left:13.28125% ; bottom: 13%;  font-size: 18px;}
.shopbox .more:hover{background: #F6E500; color: #000}
.BMap_bubble_content {padding: 10px 20px; min-width: 320px; }
.BMap_bubble_content p{font-size: 16px; line-height: 28PX; color: #333;}

.ev-video{background: #EAEBEB; position: relative; overflow: hidden; }
.video-container{width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.ev-video .video-container .swiper-container2 {width: 100%;height: 100%;background: #EAEBEB; overflow: hidden;}
.ev-video .video-box{padding: 1% 20% 2% 20%; text-align: center;}
.ev-video .video-box video{width: 100%;}
.ev-video .video-box h3{line-height: 300%; font-size: 20px;}