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

h1,h2,h3,h4,h5,p{ padding:0;}

a:active, a:hover,a:focus,a:visited{ outline:none; text-decoration:none;}

@font-face {font-family: "iconfont";
  src: url('../../fonts/iconfont.eot?t=1493779600649'); /* IE9*/
  src: url('../../fonts/iconfont.eot?t=1493779600649#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../fonts/iconfont.woff?t=1493779600649') format('woff'), /* chrome, firefox */
  url('../../fonts/iconfont.ttf?t=1493779600649') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../../fonts/iconfont.svg?t=1493779600649#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2rem;*/
  -moz-osx-font-smoothing: grayscale;
}

html{ font-size: 44px;}

body{ font-family:"微软雅黑", "宋体", Helvetica, Arial, sans-serif; padding:1rem 0 1.2rem; position:relative; min-width: 320px; background-color: #f9f9f9;}

.allBgColor{ background:#FFF;}

.allTxtColor{ color:#FFF;}

.mtb10{ margin:.10rem 0;}
.mtb20{ margin:.20rem 0;}
.mtb30{ margin:.30rem 0;}
.mtb40{ margin:.40rem 0;}

.mall10{ margin:.10rem;}
.mall20{ margin:.20rem;}
.mall30{ margin:.30rem;}
.mall40{ margin:.40rem;}

.ptb10{ padding:.10rem 0;}
.ptb20{ padding:.20rem 0;}
.ptb30{ padding:.30rem 0;}
.ptb40{ padding:.40rem 0;}

.pall10{ padding:.10rem;}
.pall20{ padding:.20rem;}
.pall30{ padding:.30rem;}
.pall40{ padding:.40rem;}

.fontsize12{ font-size:.24rem;}
.fontsize14{ font-size:.28rem;}
.fontsize16{ font-size:.32rem;}
.fontsize18{ font-size:.36rem;}
.fontsize24{ font-size:.48rem;}
.fontsize32{ font-size:.64rem;}

.transitionBox{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.container{ width:100%; max-width:7.20rem;}


.top{ width:100%; height:1rem; line-height:1rem; position:fixed; top:0; left:0; z-index:99; background: #c00036; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}


#header .header_l a#topmenu{ width:.40rem; height:1rem; display:table-cell; vertical-align:middle; text-align:center; padding-left:.35rem;}
#header .header_l a#topmenu i{ width:.34rem; height:.03rem; overflow:hidden; border-radius:.03rem; background:#FFF; margin:.07rem 0; display:block; clear:both;}

#header .header_r a.topTips--huangguan{ width: 0.46rem; height: 0.46rem; overflow: hidden; margin: 0.27rem 0.4rem; padding: 0; text-align: center; line-height: 0.48rem; border-radius: 0.05rem; background: #FFF;display: block;}
#header .header_r a.topTips--huangguan i{ color: #c00036;}

/* banner本例子css -------------------------------------- */
.collectionsBox{ height: 3rem; overflow: hidden;}
.collectionsBox .slideBox{ position:relative; width:100%; height:100%; overflow:hidden;}
.collectionsBox .slideBox .hd{ position:absolute; height:.28rem; line-height:.28rem; bottom:.05rem; right:.10rem; z-index:1;}
.collectionsBox .slideBox .hd li{ display:inline-block; width:.05rem; height:.05rem; background:#FFF; opacity:0.5; text-indent:-9999rem; overflow:hidden; margin:0 .03rem;   }
.collectionsBox .slideBox .hd li.on{ background:#fff; opacity:1;}
.collectionsBox .slideBox .bd{ position:relative; z-index:0; }
.collectionsBox .slideBox .bd li{ position:relative;  }
.collectionsBox .slideBox .bd li img{ width:100%;  height:auto; display:block;}
.collectionsBox .slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.collectionsBox .slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:.10rem; height:.28rem; line-height:.28rem; color:#fff;}

.bannerTips{ width: 100%; box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.15);}
.bannerTips img{ width: 100%; height: auto;}


/*栏目区样式*/

.indexInfo{ width: 6.4rem; overflow: hidden; margin:.3rem auto; background-color: #FFF; border-radius: 0.05rem; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.25); position: relative; z-index: 2;}
.indexInfo ul{ width: 6.4rem;}
.indexInfo li{ width: 1.60rem; height: 1.80rem; overflow:hidden; float:left; text-align: center; background: #FFF; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.15);}
.indexInfo li i.iconfont{ width:100%; height:0.90rem; line-height: 0.9rem; color: #c00036; margin-top: 0.2rem; display: block;}
.indexInfo li span{ width: 100%; height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; color: #000;}
.indexInfo li span i{ color: #c00036; font-style: normal;}

.indexInfo li:nth-child(3n-2){ width: 3.2rem;}
.indexInfo li:nth-child(1){ background: #c00036;}
.indexInfo li:nth-child(1) i,.indexInfo li:nth-child(1) span{ color: #FFF;}


.indexProType{ width: 100%; height: 3.8rem; overflow: hidden; background-color: #74bfe9; position: relative; z-index: 1; padding-top: 1.8rem; margin-top: -2.1rem;}

#wrapper{ width:100%; height:1.3rem; overflow:hidden; position:relative; margin:0.3rem auto;}
#wrapper ul{ display:block; padding-right: 0.25rem;}
#wrapper li{ width: 1.7rem; float:left;  display:block;}
#wrapper li img{ margin:0 0 0 0.4rem; width: 1.3rem; height: 1.3rem;}

.indexNews{ width: 6.4rem; overflow: hidden; margin:.3rem auto; padding: 0.3rem; background-color: #FFF; border-radius: 0.05rem; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.15);}
.indexNews h3{ color: #c00036; line-height: 0.6rem; text-align: center; margin-bottom: 0.2rem;}
.indexNews li{ width: 100%; text-align: left; line-height: 0.48rem; height: 0.48rem; overflow: hidden;}
.indexNews li a{ color: #666;}

.indexNew__btn{ width: 100%; line-height: 0.6rem; color: #c00036; text-align: center; display: block;}

footer{ width: 100%; height: 1rem; overflow: hidden; background-color: #c00036; line-height: 1rem; text-align:center;}
footer p{ margin: 0; padding: 0; font-size:.18rem; color:#FFF;}
footer a{ color: #FFF;}

.bottomNav{ width: 100%; height: 1.2rem; background: #FFF; position: fixed; bottom: 0; z-index: 99;}
.bottomNav ul{ list-style: none; margin: 0; padding: 0;}
.bottomNav li{ width: 20%; text-align: center; float: left;}
.bottomNav li i{ color: #c00036; font-size: 0.6rem; height: 0.8rem; overflow: hidden; line-height: 0.9rem; display: block;}
.bottomNav li span{ display: block; height: 0.4rem; overflow: hidden; line-height: 0.4rem; font-size: 0.24rem; color: #c00036;}

.bottomNav li.active{ background: rgba(100, 0, 28, 0.15);}


.banner{ width: 100%; height: auto; margin-bottom: .3rem;}
.banner img{ width: 100%; height: auto; display: block;}

.aboutType{ width: 6.8rem; margin: 0.3rem auto;}
.typeList{ width: 100%; list-style: none; margin: 0; padding: 0;}
.typeList > li{ width: 100%; height: 1rem; line-height: 1rem; background-color: #FFF; border-radius: 0.05rem; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.15); margin-bottom: 0.3rem;}
.typeList img{ float: left; width: 0.7rem; height: 0.7rem; display: block; margin: 0.15rem 0.15rem 0.15rem 0;}
.typeList span{ display: block; height: 1rem; line-height: 1rem; font-size: 0.3rem; color: #555; margin: 0 0.3rem;}
.typeList i{ width: 0.4rem; height: 0.4rem; line-height: 0.36rem; font-size: 0.28rem; text-align: center; border: solid 0.01rem #c00036; color: #c00036; border-radius: 0.4rem; display: block; float: right; margin: 0.3rem; font-style: normal;}


.content{ width: 6.8rem;; margin: 0.2rem auto; overflow: hidden; padding: 0.2rem; background-color: #FFF; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.05); border-radius: 0.05rem;}
.content img{ max-width: 100%; height: auto;}


/*新闻列表*/

.news_list{max-width:6.8rem; margin:0 auto; padding:.15rem .10rem .05rem;}
.news_list .cnt{background:#fff;border-radius:.05rem; border:.01rem solid #DFDFDF; box-shadow:.01rem .01rem .01rem #DFDFDF; text-align:left; padding:.2rem .2rem .3rem; margin-bottom:.30rem;}
.news_list .cnt .title{ margin-bottom:.20rem;}
.news_list .cnt .title h1{ margin:0; padding:0; font-size:0.36rem;line-height:1.6em; font-weight: bold}
.news_list .cnt .title span{color:#999; display:block; margin:.10rem 0; font-size:.24rem;}
.news_list .cnt .title a{font-size:.32rem; line-height:.48rem; color:#333; padding:0; display:block;font-weight: bold}
.news_list .cnt p.cntInfo{color:#999999; margin-top:.10rem; margin-bottom:.30rem; font-size:.24rem; max-height: 1.2rem; overflow: hidden; line-height:.40rem;}
.news_list .cnt p.cntInfo a{color:#999999; font-size:.24rem; line-height:.40rem;}
.news_list .cnt .cntInfo{ font-size:14px; line-height:2em;}
.news_list .cnt .cntInfo img{ max-width:100%}
.news_list .cnt .vfull{ display:block; color:#333; float: right; font-size: .24rem; line-height:.40rem; color: #666;}
.news_list .cnt > span{ font-size: 0.24rem; color: #999; display:block; line-height:.40rem;}
.news_list img{width:100%;}

.newsView_list .cnt{ border: 0; box-shadow: none;}

.news_list--right .cnt{ height: 1.7rem; position: relative;}
.news_list--right .cnt:last-child{ margin: 0;}
.news_list--right .cnt::after{ content: " "; clear: both;}
.news_list--right .cnt .title{ width: 3.8rem; float: left; margin: 0;}
.news_list--right .cnt .cpic{ width: 2.3rem; height: 1.3rem; overflow:hidden; float: right;}

.news_list--right .cnt .cntInfo{ display: none;}
.news_list--right .cnt .vfull{ width: 6.4rem; height: 1.9rem; overflow: hidden; display: block; opacity: 0; position: absolute; top: 0; left: 0;}
.news_list--right .cnt span{ font-size: 0.18rem;}


.contactList{ width: 6.8rem; height: 1.2rem; overflow: hidden; margin: 0 auto; border-radius: 0.05rem; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.05); background-color: #FFF;}
.contactList ul{ list-style: none; margin: 0; padding: 0;}
.contactList li{ width: 33.33%; height: 1.2rem; float: left; text-align: center; display: block;}
.contactList li:nth-child(2){ box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.05);}
.contactList li a{ width: 100%; height: 1.2rem; text-align: center; display: block;}
.contactList img{ width: auto; height: 0.5rem; display: block; margin: .15rem auto 0.05rem;}
.contactList span{ display: block; line-height: 0.4rem; font-size: .24rem; color: #666;}


.nei_cont{ line-height:2em}

.proType{ width: 6.8rem; margin: 0.3rem 0.2rem;}
.proType .typeList li{ height: auto; position: relative;}
.proType .typeList img{ max-width: 100%; height: auto;}

.proList{ width: 6.8rem; margin: 0.3rem 0.2rem;}
.proList .typeList li{ width: 3.3rem; height: auto; position: relative; float: left; margin:0 0.1rem .3rem 0;}
.proList .typeList li:nth-child(even){ margin:0 0 .3rem 0.1rem;}
.proList .typeList img{ max-width: 100%; height: auto;}
.proList .typeList span{ overflow: hidden; font-size: 0.28rem; text-align: center;}

.proName{ width: 100%;  line-height: 0.6rem; background-color: #fff; color: #c00036; font-size: 0.36rem; text-align: center; padding-top:0.4rem;}

.proViewImgBox{ height: auto;}

.proInfo{ margin: 0 0 0.3rem;}
.proInfo h3{ line-height: .5rem; font-size: 0.36rem; color: #000; margin: 0.1rem auto 0.2rem;}
.proInfo p{ line-height: .4rem; font-size: 0.24rem; color: #666;}




.shareBox{ width:100%; margin:0; height:0.4rem; line-height:0.4rem; margin:0.3rem 0;}
.shareBox span{ width:33.33%; float:left; height:.26rem; line-height:.26rem; display:block; text-indent:.35rem;}
.share-title{color: #999; font-size: .28rem; font-style: italic; line-height: .24rem; padding-right: .25rem;}
.share-friend{ background:rgba(0, 0, 0, 0) url(../images/share/wx.png) no-repeat scroll 0 0 / .30rem .25rem; content: ""; display: inline-block; height: .25rem; padding-right: .08rem; vertical-align: bottom; width: .30rem;}
.share-friends{background: rgba(0, 0, 0, 0) url(../images/share/pyq.png) no-repeat scroll 0 0 / .30rem .25rem; content: ""; display: inline-block; height: .25rem; padding-right: .08rem; vertical-align: bottom; width: .30rem;}

.shareGuide{ width:100%; height:100%; overflow:hidden; background:rgba(255,255,255,0.9); position:fixed; top:0; z-index:999999; display:none;}

.shareGuide2{ width:100%; height:100%; overflow:hidden; background:rgba(255,255,255,0.9); position:fixed; top:0; z-index:999999; display:none;}


.proInfoList{ width: 100%;}
.proInfoList__ul{ width: 100%; height: 1.3rem; overflow: hidden; text-align: center; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.15);}
.proInfoList__ul li{ width: 25%; height: 1.3rem; float: left; background: #FFF; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.15);}
.proInfoList__ul a{ width: 100%; height: 100%; display: block;}
.proInfoList__ul i.iconfont{ width:100%; height:0.80rem; line-height: 0.9rem; color: #c00036; display: block;}
.proInfoList__ul span{ width: 100%; height: 0.5rem; line-height: 0.4rem; font-size: 0.28rem; color: #000; display: block;}
.proInfoList__ul span i{ color: #c00036; font-style: normal;}

.proInfoList__ul li.active{ background: #c00036;}
.proInfoList__ul li.active *{ color: #FFF;}



.proType{}

.proTypeMinNav{ height: 0; overflow: hidden; padding-bottom: 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proTypeMinNav li{ width: 100%; height: 1rem; line-height: 1rem; background-color: #FFF; padding:0 0.3rem; }
.proTypeMinNav li a{ width: 100%; height: 1rem; line-height: 1rem; border-bottom: dotted 0.01rem #CCC; display: block; font-size: 0.28rem; color: #999;}

.proType li{ overflow: hidden;}
.proType li > a{ width: 100%; height: 1rem; display: block; overflow: hidden;}

.proType li.active > a{ background: #c00036;}
.proType li.active > a span{ color: #FFF;}
.proType li.active > a i{ color: #FFF; border-color: #FFF;}
.proType li.active .proTypeMinNav{ height: auto; padding-bottom: 0.4rem;}


.proList ul{ list-style: none;}
.proList li{ width: 50%; text-align: center; float: left; margin-bottom: 0.22rem;}
.proList a{ width: 3.2rem; height: 3.8rem; overflow: hidden; display: block; background: #FFF; border-radius: 0.05rem;c}
.proList img{ width: 2.9rem; height: 2.9rem; overflow: hidden; margin: 0.15rem;}
.proList span{ width: 100%; height: 0.6rem; line-height: 0.6rem; overflow: hidden; display: block; text-align: center; font-size: 0.28; background: #c00036; color: #FFF;}



.proInfoBtn{ width:100%; margin:0; padding:0; list-style:none; text-align:center;}
.proInfoBtn li{ width:.88rem; height:.88rem; text-align:center; line-height:.40rem; display:inline-block; margin-right:.30rem;}
.proInfoBtn li a{ width:.88rem; height:.88rem; line-height:.18rem; text-align:center; font-size:.16rem; background: #FFF; color:#c00036; border: solid .01rem #c00036; border-radius: .88rem; display:block; text-decoration:none;}
.proInfoBtn li i{ height: .55rem; line-height: .65rem; font-size: .36rem; display: block; text-align: center; color: #c00036;}
.proInfoBtn li a:hover, .proInfoBtn li a.active{ background: #c00036; color:#FFF;}
.proInfoBtn li a:hover i, .proInfoBtn li a.active i{ color:#FFF;}


.proInfoContent{ width:100%; margin:.30rem 0 .50rem; padding:.20rem 0 0; list-style:none;}
.proInfoContent li{ display:none;}



.brand{ width:7.20rem; min-height:8.30rem; overflow:hidden; margin:0 auto; position:relative;}

.brandleft#wrapper{ width:20%; height: auto; overflow: visible; float:left; background:#FFF; margin: 0; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.15); position: relative; z-index: 6;}
.brandleft#wrapper li{ width: 100%; position: relative;}
.brandleft#wrapper li a{ width:100%; overflow:hidden; display:block; border-bottom: solid 0.01rem #f1f1f1;}
.brandleft#wrapper li img{ margin: 0; width: 100%; padding: 0.1rem; height: 100%;}

.brandleft li.active::after{ content:''; width:0px; height:0px; border-top:.1rem solid transparent; border-bottom:.1rem solid transparent; border-left:.1rem solid #FFF; font-size:0px; line-height:0px; position: absolute; right: -0.1rem; top: 50%; margin-top: -5px; z-index: 9;}


.brandRight{ width:80%; height:8.30rem; z-index:999; position:absolute; right:0; z-index: 4;}
.brandRight li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.brandRight li.active{ z-index: 5; opacity: 1;}
.brandRight img{ width: 100%; height: auto; min-height: 100%; }

.ad_video{ text-align:center; margin-bottom:0.2rem;}

.show_img{ position:relative}

.pinpai_cp #focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.pinpai_cp #focus .btn span.on {background:#fff; display:none;}
.show_img #focus .preNext {width:41px; height:41px; position:absolute; top:150px;cursor:pointer;}
.show_img #focus .pre { background:url(../images/dyr_03.gif) no-repeat 0 0; }
.show_img #focus .next { background:url(../images/dyr_05.gif) no-repeat 0 0; right:0;}
.zuobian{ width:41px; height:41px; position:absolute; top:100px; z-index:989; left:0;}
.zuobian a{ width:41px; height:41px; background:url(../images/dyr_03.gif) no-repeat; display:block; font-size:0; line-height:0; text-decoration:-9999px;}
.youbian{ width:41px; height:41px;position:absolute; top:100px; z-index:989; right:0;}
.youbian a{ width:41px; height:41px; background:url(../images/dyr_05.gif) no-repeat; display:block; font-size:0; line-height:0; text-decoration:-9999px;}
.abccc{ width:15px !important;}



.pageBox{ text-align:center; margin:0 auto; clear:both}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#c00036; color:#FFF; border:1px solid #c00036;}
.pagination>li>a, .pagination>li>span{ color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#c00036;}


.show_more{ display:block; width:80%; height:0.8rem; margin:auto; line-height:0.8rem; color:#FFF; font-size:0.36rem; text-align:center;background: #c00036; border-radius:0.2rem;}


.horizonTable{
  border-left: 1px solid #EEE;
  border-top: 1px solid #EEE;
  padding: 5px;
  font-size: 14px;
}

.horizonTable th,
.horizonTable td{
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  padding: 0 15px;
}

.newsHorizon__item{
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  padding: 0 15px;
  margin-bottom: 20px;
}
.newsHorizon__item:hover{
  background-color: #c00036;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.newsHorizon__item:hover *{
  color: #FFF;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.newsHorizon__time{
  float: right;
  font-size: 14px;
  color: #999;
}
.newsHorizon__title{
  margin: 0;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #666;
}
.newsHorizon__link:hover{
  text-decoration: none;
}


/* 过年弹窗样式 */

.adBox{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  
}
.adBox__close{
  width: 30px;
  height: 30px;
  display: none;
  background-color: #FFF;
  border-radius: 20px;
  top: 50%;
  left: 50%;
  margin-left: 585px;
  margin-top: -315px;
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: 30px;
  color: #999;
  font-size: 12px;
  cursor: pointer;
}
.adBox__close:hover{
  color: #333;
  text-decoration: none;
}

.adBox img{
  max-width: 100%;
  height: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.adBox--active{
  opacity: 1;
  z-index: 99999;
}

.adBox--active .adBox__close{
  display: block;
}
.adBox--active img{
  /* border: 4px solid #FFF; */
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,0.45);
}

.adBox--active::before{
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  background-color: rgba(0,0,0,0.25);
  animation-delay:2s;
  -webkit-animation-delay:2s;
}

.adBox--right{
  cursor: pointer;
  left: 100%;
  top:50%;
  width: 1rem;
  height: auto;
  opacity: 1;
  z-index: 99999;
  transform: translate(-1.1rem, 0);
  -moz-transform: translate(-1.1rem, 0);
  -webkit-transform: translate(-1.1rem, 0);
  -o-transform: translate(-1.1rem, 0);
}

.adBox--right .adBox__close{
  display: none;
}

.adBox--right img{
  width: 100%;
  height: auto;
  border: 4px solid #FFF;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,0.45);
}

.adBox--right::before{
  width: 0;
  height: 0;
}