/* reset */
@import"keyframes.css";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:0.2rem/1.66 'Noto Sans SC',Tahoma,Arial,Roboto,Droid Sans,Helvetica Neue,Droid Sans Fallback,Heiti SC,sans-self; color:#000;outline:0;}
body{background:#111; color: #FFF; text-align: center; overflow-x: hidden; overflow-y: scroll; }
a,a:hover{color:#333;}
.bodyfixed{position:fixed; top:0; left:0; right:0; width:100wh; height:100wh; margin:auto;}
.clear{clear:both; height:0px; line-height:0px; overflow:hidden;}
svg * {fill: none;stroke: currentColor;}
.rotateY{transform: rotateY(180deg);}
.pcbox{width: 100%; min-height: 1vh; text-align: center;}
 #main {
   width: 19.2rem;
   overflow-x: hidden;
   margin: 0 auto;
   background: url(../images/main-bg.jpg) no-repeat #000;
   animation: homekvbigtosml 1s ease-in-out;
   background-size: 100%;
   box-shadow: 0 0 20px rgba(0,0,0,0.35);
 }
 /*阿里iconfont*/
@font-face {
  font-family: 'iconfont';  /* Project id 569108 */
  src: url('//at.alicdn.com/t/c/font_569108_36d6nagzcvt.woff2?t=1706068174532') format('woff2'),
       url('//at.alicdn.com/t/c/font_569108_36d6nagzcvt.woff?t=1706068174532') format('woff'),
       url('//at.alicdn.com/t/c/font_569108_36d6nagzcvt.ttf?t=1706068174532') 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;
 }
 /*SVG线框动画*/
 .illustration {
   position: absolute;
   top: 50%;
   left: 50%;
   max-height: 100%;
   max-width: 100%;
   opacity: 0;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
 }
 svg {
   pointer-events: none;
 }
 .drawings {
   position: relative;
   font-size: 0;
 }
 .show {
   opacity: 1;
   animation: Transformfiltercontrast 1s ease-in-out;
 }
 .hide {
   opacity: 0;
 }
 .line-drawing, .illustration {
   /*-webkit-transition: opacity 0.5s;
     transition: opacity 0.5s;
     */
 }
 .line-drawing path {
   fill: none;
   stroke: white;
   stroke-width: 2;
 }
 path.line-round {
   stroke-linecap: round;
 }
 path.stroke-medium {
   stroke-width: 2;
 }
 path.stroke-thin {
   stroke-width: 1;
 }

 /*head*/
 #header{
     height:1rem;
     background:#F6E500;
     position:relative;
     z-index:101;
     text-align:center;
     margin:0 auto;
}
 #header .logo{
     margin:0 auto;
     padding:0.1rem 0 0.1rem 0;
     height:0.75rem;
     display:inline-block;
}
 #header .logo img{
     height:0.75rem;
}
 #header .head-bar{
     max-width:90%;
     height:0.05rem;
     background:#000;
     margin:0 auto;
     animation: headbar 2s ease-in-out;
}
 @keyframes headbar {
     0% {
         width: 0;
         opacity:0 
    }
     100% {
         width: 90%;
         opacity:1 
    }
}
 #header .menu_icon{
     width:1rem;
     height:1rem;
     position:absolute;
     right:0;
     top:0;
     z-index:5;
}
 #header .menu_icon span{
     width:0.45rem;
     height:0.04rem;
     background:#000;
     display:block;
     position:absolute;
     left:0.25rem;
     -webkit-transition: all linear 0.3s;
     transition: all linear 0.3s;
}
 #header .menu_icon span.line1{
     top:0.35rem;
     width:0.21rem;
     left:0.49rem;
}
 #header .menu_icon span.line2{
     top:0.5rem;
     width:0.16rem;
     left:0.54rem;
}
 #header .menu_icon span.line3{
     top:0.65rem;
}
 #header .menu_icon.on span.line2{
     -webkit-transform:rotateY(90deg);
     transform:rotateY(90deg);
     left:0.4rem;
     opacity:0;
}
 #header .menu_icon.on span.line1{
     -webkit-transform:rotate(45deg);
     transform:rotate(45deg);
     top:0.5rem;
     width:0.45rem;
     left:0.25rem;
}
 #header .menu_icon.on span.line3{
     -webkit-transform:rotate(135deg);
     transform:rotate(135deg);
     top:0.5rem;
}
 #header .menu_icon img{
     width:0.25rem;
     height:0.25rem;
     position:absolute;
     left:0.25rem;
     top:0.35rem;
     -webkit-transition: all ease-in-out 0.5s;
     transition: all ease-in-out 0.5s;
}
 #header .menu_icon.on img{
     -webkit-transform:rotate(275deg);
     transform:rotate(275deg);
     left:-1rem;
     opacity:0;
     width:0.35rem;
     height:0.35rem;
}
 #header .menu_back{
     width:1rem;
     height:1rem;
     background:url(/m/static/img/menu_back.svg) center center no-repeat;
     background-size:0.48rem;
     position:absolute;
     left:0;
     top:0;
     cursor:pointer;
     display:none;
}
 #header .menu_back2{
     width:1rem;
     height:1rem;
     background:url(/m/static/img/menu_back.svg) center center no-repeat;
     background-size:0.48rem;
     position:absolute;
     left:0;
     top:0;
     cursor:pointer;
     display:none;
}
 #menu{
     width:19.2rem;
     height: calc(100vh - 1rem);
     position:absolute;
     top:1rem;
     right: 0;
     background:#FFF;
     display:none;
     overflow:hidden;
}
 #menu .title{
     height:0.6rem;
     width:19.2rem;
     color: #000;
     line-height:0.36rem;
     font-weight:300;
     background:#F6E500;
     font-size:0.36rem;
     letter-spacing:0.05rem;
}
 #menu .title span{
     width:19.2rem;
     display:block;
}
 #menu .list{
     width:19.2rem;
     position:absolute;
     top:0.6rem;
}
 #menu .list_2{
     left:19.2rem;
}
 #menu .list li{
     height:0.88rem;
     border-bottom:0.01rem solid #dedede;
     text-align:left;
}
 #menu .list li.more{
     background:url(/m/static/img/right-arr.svg) 95% center no-repeat;
     background-size:0.32rem;
}
 #menu .list li a{
     line-height:0.88rem;
     display:block;
     padding:0 0.2rem;
     font-size:0.24rem;
     letter-spacing:0.03rem;
}
 
 /*KV CSS background: linear-gradient(120deg, #a8edea 0%, #fed6e3 100%);
 animation-name: TransformScalebigtosmltext,fadeInDownBigImg;
 animation-iteration-count:1, infinite;
 animation-delay:2, 4s;
 animation-duration:5s,5s;
 */
 #homekv {
   position: relative;
   height: 11.08rem;
 }
 #homekv .kv-big-bg {
   position: absolute;
   width: 19.2rem;
   left: 0;
   top: -1rem;
   animation: homekvbigtosml 1s ease-in-out;
   z-index: 0
 }
 #homekv .slogan {
   position: absolute;
   top: 1.7rem;
   left: 12.48rem;
   width: 6rem;
   z-index: 10;
 }
 #homekv .slogan em {
   font-weight: 100;
   display: inline-block;
   animation: TransformScalebigtosmltext 0.5s ease-in-out 1 forwards;
   opacity: 0;
 }
 #homekv .slogan strong {
   font-weight: 400;
   display: inline-block;
   animation: Hometext 0.85s ease-in-out 1 forwards;
   opacity: 0;
 }
 #homekv .slogan img{
  max-width: 1rem;
  }
 #homekv .kv-bar {
   position: absolute;
   top: 2.6rem;
   left: 1.7rem;
   width: 5.4rem;
   height: 0.47rem;
   background: url(../images/kv-bar.svg);
   background-size: cover;
   z-index: 10;
   animation: fadeInDown 1s ease-in-out 1 forwards;
   animation-delay: 0.75s;
   opacity: 0;
 }
 #homekv .kv-bar h2 {
   text-align: left;
   font-size: 0.28rem;
   line-height: 0.48rem;
   letter-spacing: 0.03rem;
   font-weight: 400;
   text-indent: 0.12rem;
   animation: fadeInUpRich 1s ease-in-out 1 forwards;
   animation-delay: 1s;
   opacity: 0;
 }
 #homekv .pt5logo {
   position: absolute;
   top: 3.36rem;
   left: 1.54rem;
   width: 5.58rem;
   height: 1.21rem;
   z-index: 10;
   animation: ptlogofadeIn 10s ease-in-out infinite alternate forwards;
   animation-delay: 1.5s;
   opacity: 0;
 }
 #homekv .pt5logo-n {
   position: absolute;
   top: 3.36rem;
   left: 1.54rem;
   width: 5.58rem;
   height: 1.21rem;
   z-index: 20;
   animation: fadeInUpRich 1.5s ease-in-out 1 alternate forwards;
 }
 #homekv .pt5logo-n img,#homekv .pt5logo img{
  width: 5.58rem;
 }
 #homekv .new {
   position: absolute;
   left: 5.1rem;
   top: 1.83rem;
   z-index: 20;
   animation: TransformScalebigtosmltext 0.5s ease-in-out 1 forwards;
   animation-delay: 2s;
   opacity: 0;
 }
 #homekv .new img{
  width: 2.16rem; 
  height: 0.48rem;
 }
 #homekv .maidian {
   position: absolute;
   top: 3.32rem;
   left: 12.48rem;
   width: 6rem;
   z-index: 20;
   text-align: center;
 }
 #homekv .maidian .ani-move {
   animation: TransformScalesmltobig 0.5s ease-in-out 1 forwards;
   animation-delay: 1.5s;
 }
 #homekv .maidian .ani-move img{
  width: 5rem;
 }
 #homekv .maidiantext {
   position: absolute;
   top: 4rem;
   left: 12.98rem;
   width: 5rem;
   z-index: 20;
   font-size: 0.32rem;
   letter-spacing: 0.03rem;
 }
 #homekv .maidiantext span:after {
   content: '';
   width: 100%;
   display: inline-block;
   overflow: hidden;
 }
 #homekv .maidiantext .ani-move {
   animation: fadeInUpRich 1s ease-in-out 1 forwards;
   animation-delay: 1.5s;
 }
 #maidian, #maidiantext {
   opacity: 0
 }
 
 /* 按钮特效 */
 #startbtn {
   position: absolute;
   top: 3rem;
   left: 12.98rem;
   width: 5rem;
   z-index: 21;
   animation: TransformScalesmltobig 0.5s ease-in-out 1 forwards;
   display: none;
 }
 #startbtn .button {
   padding: 0.15rem 0.4rem;
   border-radius: 0.2rem;
   background: none;
   letter-spacing: 0.03rem;
   font-size: 1rem;
   border: 2px solid rgba(255, 255, 255, 0);
   outline: none;
   color: #FFF
 }
 #startbtn .button .btnicon {
   font-size: 0.32rem;
   margin-right: 0.1rem;
   animation: fadeInUpicon 2s ease-in-out infinite forwards;
   display: inline-block;
 }
 .particles-canvas {
   position: absolute;
   pointer-events: none;
   top: 50%;
   left: 50%;
   transform: translate3d(-50%, -50%, 0)
 }
 .particles-wrapper {
   position: relative;
   display: inline-block;
   overflow: hidden
 }
 /*链接*/
 .linkbox {
   width: 7.5rem;
   height: 10rem;
   overflow: hidden;
   position: relative;
   background: url(../images/linkbg.png) no-repeat;
 }
 .linkbox .aboutdunlop {
   position: absolute;
   width: 100%;
   height: 1.9rem;
   top: 1.7rem;
   font-size: 0.36rem;
   color: #FFE100
 }
 .linkbox .aboutdunlop em {
   font-size: 0.18rem;
   display: block;
   font-weight: 300;
 }
 .linkbox .link {
   position: absolute;
   width: 2.7rem;
   height: 1.9rem;
   color: #FFE100
 }
 .linkbox .link i.iconfont {
   font-size: 0.9rem;
   color: #fff;
   line-height: 1.2rem;
   margin-top: 0.1rem;
   display: block;
 }
 .linkbox .link p {
   color: #FFE100;
   font-size: 0.24rem;
 }
 .linkbox .link1 {
   left: 1rem;
   top: 3.28rem;
 }
 .linkbox .link2 {
   left: 3.78rem;
   top: 3.28rem;
 }
 .linkbox .link3 {
   left: 1rem;
   top: 5.28rem
 }
 .linkbox .link4 {
   left: 3.78rem;
   top: 5.28rem
 }
 .linkbox .link5 {
   left: 1rem;
   top: 7.28rem
 }
 .linkbox .link6 {
   left: 3.78rem;
   top: 7.28rem
 }
 .linkbox a {
   display: block;
   color: #FFE100
 }
 .linkbox .jt {
   position: absolute;
   width: 0.8rem;
   height: 0.8rem;
   top: 1.7rem;
   right: 1.7rem;
   animation: fadeInRighticon 2s ease-in-out infinite forwards;
 }
 #wechat_mask {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.95);
   display: -webkit-box;
   -webkit-box-align: center;
   -webkit-box-pack: center;
   display: box;
   box-align: center;
   box-pack: center;
   z-index: 1001;
 }
 #wechat_mask img {
   width: 7.5rem;
 }
 footer {
   background: #FFE100;
   color: #000;
   font-size: 0.2rem;
   padding: 0.3rem 0;
   margin-top: 0.5rem;
   border: none;
 }
 /*content*/
 .tBox1{
     background: url(../images/t-bg-1.png) no-repeat;
     background-size:cover;
     height: 2.42rem;
     width: 19.2rem;
     overflow: hidden;
}
 .tBox1 article{
     text-align: left;
     padding: 0.4rem 3.2rem 0 3.2rem;
     font-size: 0.24rem;
     line-height: 0.4rem;
     display: block;
     text-align:justify;
     text-justify:inter-ideograph;
     opacity: 0.85;
}

/*Video*/

.figvBox{
  width: 6.5rem;
  height: 4rem;
  position: absolute;
  left: 2.5rem;
  top: 6.7rem;
}
.figvBox2{
  width: 6.5rem;
  height: 4rem;
  position: absolute;
  left: 10.08rem;
  top: 6.7rem;
}
 .vBox1 {
     width: 6.5rem;
     height: 4rem;
     background: url(../images/video1bg.png) no-repeat;
     background-size: cover; 
     position: relative;
}
 .vBox1 .vConten{
     width: 6rem;
     height: 3.38rem;
     overflow: hidden;
     background: #000;
     position: absolute;
     top: 0.3rem;
     left: 0.25rem;
}
 .vBox1 .vConten video{
  width: 6rem;
 }
 .videotitle{
     position: absolute;
     bottom: -0.35rem;
     width: 100%;
     text-align: center;
     font-size: 0.24rem;
     font-weight: 400;
}

/*特点*/
.product_info{
  width: 19.2rem; 
  height: 6.32rem;
  position: relative;
  margin-top: 0.4rem;
}
.product_info .pcontent{
  width: 18.6rem;
  padding: 0 0.3rem;
  height: 6.32rem;
  background: url(../images/proinfo.png) no-repeat;
  background-size:100%;
}
.proinfo{
     width: 6.2rem;
     height: 5rem;
     float: left;
     position: relative;
     font-size: 0.24rem;
}
.proinfo .tips{
  position: absolute; 
  top: 1.3rem; 
  right: 0.22rem;
  width: 8%;
  z-index: 99999
   }

.proinfo h3{
  position: absolute; 
  top: 0.2rem; 
  width: 100%; 
  display: block; 
  font-weight: 400; 
  color: #FFE100; 
  font-size: 0.36rem; 
  line-height: 0.4rem;
}
.proinfo .swperdiv{
  position: absolute;
  width: 5.5rem;
  height: 3.5rem;
  top: 1.1rem;
  left: 0.35rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollbar-style-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
  border-radius: 0.1rem;
  background-color: #9FFFFF;
}

.scrollbar-style-1::-webkit-scrollbar
{
  width: 0.24rem;
  border-radius: 0.1rem;
  background-color: #9FFFFF;
}

.scrollbar-style-1::-webkit-scrollbar-thumb
{
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #091E2F;
  margin-top: 0.1rem;
}
.proinfo h4{
  font-size: 0.28rem;
  font-weight: 400;
}

.proinfo .listtext{
     text-align: left;
}
 .proinfo .listtext li{
     margin-bottom: 0.15rem;
     font-size: 0.2rem;
     line-height: 0.26rem;
}
 .proinfo .listtext i{
     padding-right: 0.12rem;
}
 .proinfo .tire{
  position: absolute;
  width: 1.6rem;
  right: 0.5rem;
  top: 0.6rem;
 }

 .proinfo .testing{
  padding: 0.8rem 0 0.4rem 0;
 }
 .proinfo .testing img, .proinfo .proinfo3img img{
  width: 5.2rem;
 }

.testshuoming{ }
.testshuoming h6{font-size: 0.16rem; text-align: left; line-height: 0.5rem;}
.testshuoming .tslist{display: flex; font-size: 0.14rem; flex-wrap:wrap; text-align: left;}
.testshuoming .tslist li{width: 50%;opacity: 0.85 }
.testshuoming p{font-size: 0.14rem; text-align: left; display: flex; opacity: 0.85; margin-top: 0.2rem;}

 .promore{
     position: absolute;
     bottom: -0.78rem;
     width: 0.6rem;
     height: 0.6rem;
     left: 50%;
     margin-left: -0.3rem;
     background: url(../images/more-1.png) no-repeat;
     background-size: cover;
}
 .promore a{
     display: block;
     width: 0.6rem;
     height: 0.6rem;
     animation:Transquan 2s linear infinite forwards;
}
 .promore img{
  width: 0.6rem;
  height: 0.6rem;
   }

/*尺寸*/
 .glowtext{
     position: absolute;
     top: 0.23rem;
     width: 100%;
     display: block;
     font-weight: 600;
     text-shadow: 0.02rem 0.02rem 0.15rem rgba(138,0,225,1);
     font-size: 0.36rem;
     line-height: 0.4rem;
}
 .tiresize{
     width: 19.2rem;
     height: 5.05rem;
     position: relative;
     background: url(../images/sizebg.png) no-repeat;
     background-size: cover;
}
 .tiresize .listtext{
     position: absolute;
     width: 2rem; 
     height: 2.5rem;
     padding: 0.25rem 0.75rem;
     display: block;
     top: 1.3rem;
     text-align: left;
    background-image: linear-gradient(to top , rgba(255,255,255,0),rgba(95,123,108,0.85) );
    border: 1px solid rgba(139,165,73,0.35)
}
 .tiresize .listtext li{
     margin-bottom: 0.05rem;
     font-size: 0.26rem;
     line-height: 0.32rem;
     text-align: center;
     letter-spacing: 0.05rem;
}
 .tiresize .listtext li:first-child{
     font-size: 0.4rem;
     font-weight: 600;
     margin-bottom: 0.3rem;
     letter-spacing: 0px;
}
 .tiresize .listtext sup{
     font-size: 0.2rem;
     font-weight: 300;
     padding-left: 0.05rem;
}
 .tiresize .list1{
     left: 1.4rem;
}
 .tiresize .list2{
     left: 5.78rem;
}
 .tiresize .list3{
     left: 10rem;
}
 .tiresize .list4{
     left: 14.3rem;
}

/*适配车型*/
 .car{
     width: 19.2rem;
     height: 5.85rem;
     position: relative;
     background: url(../images/carbg.png) no-repeat;
     background-size: cover;
}
 .car .listtext{
     position: absolute;
     top: 1.4rem;
     width: 2rem;
     text-align: center;
}
 .car .listtext li{
     margin-bottom: 0.05rem;
     font-size: 0.32rem;
     font-weight: 400;
     text-align: center;
}
 .car a{
     color: #FFF;
     display: block;
}
 .car a:hover{color: #FFE100}
 .car .listtext p{
     font-size: 0.18rem;
     opacity: 0.45 
}
 .car .list1{
     left: 1.4rem;
}
 .car .list2{
     left: 4.5rem;
}
 .car .list3{
     left: 8.65rem;
}
 .car .list4{
     left: 12.8rem;
}
 .car .list5{
     left: 16.1rem;
}
 .car .link{
     width: 6rem;
     height: 1.3rem;
     position: absolute;
     top: 3.2rem;
     left: 6.61rem;
}
 .car .link p{
     font-size: 0.36rem;
     line-height: 0.4rem;
     letter-spacing: 0.04rem;
}
 .car .link p:hover{
  color: #FFE100;
}
 .car .link p:first-child{
     color: #FFE100;
     font-size: 0.24rem;
     padding-right: 0.1rem;
     line-height: 0.24rem;
     margin-bottom: 0.2rem;
}
 .car .btnicon{
     font-size: 0.32rem;
     margin-right: 0.1rem;
     animation:fadeInUpicon 2s ease-in-out infinite forwards;
     display: inline-block;
}
/*店铺*/
 .shopbox{
     width: 19.2rem;
     height: 9.5rem;
     overflow: hidden;
     position: relative;
     background: url(../images/shopbg.png) no-repeat;
     background-size: 100%;
}
 .shopbox .glowtext{
     top: 0.17rem;
     width: 19.2rem;
}
 .shopbox .shops-map-div{
  position: absolute;
  width: 11rem;
  height: 6.75rem;
  left: 1.2rem;
  top: 1.3rem;
  overflow: hidden;
  background: #000;
 }
.shopbox .shops-map-div #container{
  width: 11rem;
  height: 6.75rem;
}
 .shopbox .shoplist{
     width: 6.2rem;
     height: 6.25rem;
     position: absolute;
     right: 0.65rem;
     top: 1.55rem;
     text-align: left;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
}
 .shopbox .item{
     width: 5.5rem;
     margin-left: 0.3rem;
     margin-bottom: 0.2rem;
     padding-top: 20PX;
     border-top: 0.01rem solid rgba(255,255,255,0.2);
     position: relative;
     background: url(../images/right.svg) center right no-repeat;
}
 .shopbox .item:first-child{
     border:none;
}
 .shopbox .item h5{
     margin-bottom: 0.05rem;
     font-size: 0.24rem;
}
 .shopbox .item p{
     max-width:4rem;
     font-size: 0.2rem;
     line-height: 0.26rem;
     margin-bottom: 0.05rem;
     opacity: 0.75;
}
 .shopbox .item p .iconfont{
     margin-right: 0.12rem;
}
 .shopbox .item .shopadd{
     display: block;
     padding-left: 0.32rem;
}
 .shopbox .item .icon{
     width: 1rem;
     height: 1rem;
     position: absolute;
     right: 0.4rem;
     bottom:-0.1rem;
     text-align: center;
}
 .shopbox .item .icon i{
     color: #FFE100;
     font-size: 0.4rem;
     line-height: 0.7rem;
}
 .shopbox .item .icon span{
     display: block;
     font-size: 0.2rem;
     font-weight: 200;
     opacity: 0.75 
}
 .shopbox .item a, .shopbox .item a:hover{color: #FFF;}
 .shopbox .current *, .shopbox .current *:hover{color: #ffe100;}
 .shopbox .more{
     color: #FFF;
     font-size: 24PX;
     border: 2PX solid #FFF;
     width:5.26rem;
     display: block;
     margin:0.4rem 0 0.4rem 0.3rem;
     padding: 0.1rem;
     text-align: center;
     border-radius: 0.1rem;
     letter-spacing: 0.03rem;
     font-weight: 600;
}

/*链接*/
 .linkbox{
     width: 19.2rem;
     height: 8rem;
     overflow: hidden;
     position: relative;
     background: url(../images/linkbg.png) no-repeat;
     background-size: 100%;
}
 .linkbox .aboutdunlop{
     position: absolute;
     width: 50%;
     height: 1.9rem;
     top: 0.7rem;
     left: 0;
     font-size: 0.36rem;
     color: #FFE100 
}
 .linkbox .aboutdunlop1{
     position: absolute;
     width: 50%;
     height: 1.9rem;
     top: 0.9rem;
     right: 0;
     font-size: 0.36rem;
     color: #FFE100 
}
 .linkbox .aboutdunlop2{
     position: absolute;
     width: 50%;
     height: 1.9rem;
     top: 0.9rem;
     left: 0;
     font-size: 0.36rem;
     color: #FFE100 
}
 .linkbox .aboutdunlop em{
     font-size: 0.18rem;
     display: block;
     font-weight: 300;
}
 .linkbox .link{
     position: absolute;
     width: 2.7rem;
     height:1.9rem;
     color: #FFE100 
}
 .linkbox .link i.iconfont{
     font-size: 0.9rem;
     color: #fff;
     line-height: 1.2rem;
     margin-top: 0.1rem;
     display: block;
}
 .linkbox .link i.iconfont:hover{
  color: #FFE100;
  transition:color 0.75s ease-in-out;
}
 .linkbox .link i.quan:hover{
  animation:Transquan 2s linear infinite forwards;
}
 .linkbox .link p{
     color: #FFE100;
     font-size: 0.24rem;
}
 .linkbox .link1{
     left: 2rem;
     top: 2.85rem;
}
 .linkbox .link2{
     left: 6rem;
     top: 2.85rem;
}
 .linkbox .link3{
     left: 10rem;
     top: 2.85rem;
}
 .linkbox .link4{
     left: 14rem;
     top: 2.85rem;
}
 .linkbox .link5{
     left: 10rem;
     top: 5.5rem;
     cursor: pointer;
}
 .linkbox .link6{
     left: 14rem;
     top: 5.5rem;
}
 .linkbox a{
     display: block;
     color: #FFE100 
}
 .linkbox .jt{
     position: absolute;
     width: 0.8rem;
     height: 0.8rem;
     top: 0rem;
     right: 1.7rem;
     animation:fadeInRighticon 2s ease-in-out infinite forwards;
}
 #wechat_mask {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.95);
     display: -webkit-box;
     -webkit-box-align: center;
     -webkit-box-pack: center;
     display: box;
     box-align: center;
     box-pack: center;
     z-index: 1001;
}
 #wechat_mask img{
     width:7.5rem;
}
 footer{
     background: #FFE100;
     color: #000;
     font-size: 0.2rem;
     padding: 0.3rem 0;
     margin-top: 0.5rem;
     border:none;
}

.go-to-top {
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index: 99;
    width: 40px;
    height: 40px;
    background: url(/img/go-to-top2.gif) no-repeat;
    cursor: pointer;
    display: none;
}
.BMap_bubble_content {padding: 10px 20px; min-width: 320px; }
.BMap_bubble_content p{font-size: 16px; line-height: 28PX;}