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

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

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

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfontbacd.eot?t=1493779600649'); /* IE9*/
  src: url('../fonts/iconfontbacd.eot?t=1493779600649#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfontbacd.woff?t=1493779600649') format('woff'), /* chrome, firefox */
  url('../fonts/iconfontbacd.ttf?t=1493779600649') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfontbacd.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:1.2rem 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; overflow: hidden;}


.top{ width:100%; height:1.2rem; line-height:1.2rem; position:fixed; top:0; left:0; z-index:99; background-color: #FFF; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; box-shadow: 0 0 5px rgba(0, 160, 233, 0.25);}


#header .header_l a#topmenu{ width:.40rem; height:1.2rem; 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:#999; margin:.07rem 0; display:block; clear:both;}

#header .header_r a.topTips--huangguan{ overflow: hidden; margin: 0.17rem 0.4rem; padding: 0; text-align: center; line-height: 0.46rem;display: block;}
#header .header_r a.topTips--huangguan i{ color: #FFF; font-size: 0.48rem;}

#header h1{ color: #333; font-weight: bold;}

/* 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;}

.photoSwiper__item{ position: relative; display: inline-block; width: 2.40rem; height: 2.40rem; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.25); overflow: hidden;}
.photoSwiper__img{object-fit: cover; display: block; width: 100%; height: 100%;}


.indexProItem{ position: relative; display: inline-block; width: 2.40rem; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.25); overflow: hidden;}
.indexProItem__link{ position: relative; display: inline-block; width: 2.40rem; height: 2.40rem;}
.indexProItem__img{object-fit: cover; display: block; width: 100%; height: 100%;}
.indexProItem__title{ text-align: center;}

.hotProSwiper__item{ width: 100%;}
.hotProSwiper__img{object-fit: cover; display: block; width: 100%; height: 100%;}

.hero img{
  max-width: 100%;
}

/*栏目区样式*/

.indexInfo{ width: 6.4rem; overflow: hidden; margin:.3rem auto; background-color: #FFF; border-radius: 0.05rem; 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: #bd1e2d; 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: #bd1e2d; font-style: normal;}

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


.indexProTitle{ width:100%; margin:20px 0; text-align:center; position:absolute;}
.indexProTitle h5{ line-height:30px; font-size:16px; color:#bd1e2d; text-transform:uppercase;}
.indexProTitle p{ line-height:24px; font-size:12px; color:#666; text-transform:uppercase;}

.indexNewsTitle{ width:100%; margin:0.2rem 0; text-align:center;}
.indexNewsTitle h5{ line-height:30px; font-size:0.4rem; color:#bd1e2d; text-transform:uppercase;}
.indexNewsTitle p{ line-height:24px; font-size:0.3rem; color:#666; text-transform:uppercase;}

.indexNews_list{ margin: 0 0.2rem 0.5rem; box-shadow: 0 0 5px rgba(0,0,0,0.25); border-radius: 5px; padding: 0.1rem 0.2rem 0.2rem;}
.indexNews_list ul{ list-style: none;}
.indexNews_list li{ width: 100%; height: 0.48rem; line-height: 0.48rem;}
.indexNews_list a{ font-size: 0.3rem; color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.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: 100%; overflow: hidden; margin:.3rem auto; padding: 0.3rem 0; background-color: #FFF; border-radius: 0.05rem;}
.indexNews li{ width: 100%; text-align: left; line-height: 0.48rem; height: 0.48rem; overflow: hidden;}
.indexNews li a{ color: #666;}
.indexNewsListFirst__title{ font-size: 0.24rem; color: #0045dd;}
.indexNewsListFirst__summary{ font-size: 0.16rem;}
.indexNewsListFirst__link{ font-size: 0.2rem;}

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

.indexProTypeTitle{ text-align: center; color: #333; display: block; margin-bottom: 0.3rem;}


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

.bottomNav{ width: 100%; height: 1.2rem; background: #FFF; position: fixed; bottom: 0; z-index: 99; box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.25);}
.bottomNav ul{ list-style: none; margin: 0; padding: 0;}
.bottomNav li{ width: 25%; text-align: center; float: left;}
.bottomNav li i{ color: #bd1e2d; 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: #bd1e2d;}

.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: #999; 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 #CCC; color: #CCC; 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;}
.news_list .cnt .title span{color:#999; display:block; margin:.10rem 0; font-size:.24rem;}
.news_list .cnt .title a{font-size:.30rem; 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 .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; min-height: 85vh;}

.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.6rem; 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: 50%; 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;}


.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%; height: 0.6rem; line-height: 0.6rem; overflow: hidden; background-color: #CCC; color: #FFF; font-size: 0.28rem; text-align: center;}

.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: #bd1e2d; 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: #bd1e2d; font-style: normal;}

.proInfoList__ul li.active{ background: #bd1e2d;}
.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: #0045dd;}
.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 li:nth-child(odd){ clear: both;}
.proList a{ width: 3.2rem; overflow: hidden; display: block; background: #FFF; border-radius: 0.05rem; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.45);}
.proList img{ width: 2.9rem; height: 2.9rem; overflow: hidden; margin: 0.15rem;}
.proList span{ width: 100%; line-height: 0.4rem; padding: 0.2rem 0; overflow: hidden; display: block; text-align: center; font-size: 0.28; background: #999; 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:#0045dd; border: solid .01rem #0045dd; 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: #0045dd;}
.proInfoBtn li a:hover, .proInfoBtn li a.active{ background: #0045dd; 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.html) no-repeat 0 0; }
.show_img #focus .next { background:url(../images/dyr_05.html) 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.html) 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.html) 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:#0045dd; color:#FFF; border:1px solid #0045dd;}
.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:#0045dd;}


.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: #bd1e2d; border-radius:0.2rem;}


/* 过年弹窗样式 */

.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;
}



.server{ position:fixed; right:0px; top:50%; z-index:9999;}
    .serverBtn{ width: 100px; height: 60px; background-color: #bd1e2d; line-height: 20px; color: #FFF; display: block; text-align: center; padding: 5px 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; position: relative; z-index: 1;}
    .serverBtn span{ line-height: 30px; font-size: 24px;  display: block;}
    .serverBtn:hover{ color: #FFF; text-decoration: none; background-color: #860a17;}
    .serverBtn:hover span{ color: #FFF;}

    .serverList{ width: 200px; background-color: #FFF; position: absolute; margin-top: 50%; transform: translateY(-50%); z-index: 2; display: block; list-style: none; top: 0; right: -220px; padding: 0; box-shadow: 0 0 5px #999; box-shadow: 0 0 5px rgba(0, 0, 0, .15); border-bottom: 5px solid #bd1e2d; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .serverList li{ text-align: center; border-bottom: 1px solid #f1f1f1; padding: 15px;}
    .serverList li span{ color: #999; line-height: 30px; display: block;}
    .serverList li > a{ font-size: 36px; color: #bd1e2d;}
    .serverList li p, .serverList li p > a{ color: #333;}
    .serverList li.close{ position: absolute; top: 0; right: 0;}

    .serverList--active{ right: 0;}

.caption-img{ margin-left: 0 !important;}

.indexBtn{ width: 100%; height: 36px; line-height: 36px; text-align: center; background-color: #bd1e2d; color: #FFF; position: relative; z-index: 2; margin-top: 10px;}

.pagePro{ position: relative;}
.pagePro .awe-section{ padding-top: 2rem;}
.awe-section{
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  padding: 30px 0;
}
.awe-section .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  z-index: 2;
}
.awe-section::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .75);
  z-index: 1;
}
@media (min-width: 1200px){
  .awe-section {
      padding: 100px 0;
  }
}
.awe-section .title__title{
  font-size: 48px;
  font-weight: 300px;
  color: #FFF;
  position: relative;
  z-index: 2;
}
.awe-section .title__title_small{
  font-size: 24px;
  font-weight: 300px;
  margin-bottom: 30px;
  color: #FFF;
  position: relative;
  z-index: 2;
}
.awe-section .title__text{
  width: 60%;
  font-size: 16px;
  color: #FFF;
  position: relative;
  z-index: 2;
}

@media (min-width: 320px) {
  .awe-section .title__text {
      width: 90%;
  }
}
@media (min-width: 1200px) {
  .awe-section .title__text {
      width: 60%;
  }
}

.work-item{ width: auto; height: auto;}

.news_list img.fileType{ float: left; width: 0.8rem; margin-right: 0.3rem;}

    
.dj__swiper .swiper-slide{ position: relative; display: block; width: auto; max-width: 6rem; height: 4rem;}
.dj__swiper .swiper-button-next{ right: 0 !important;}
.dj__swiper img{ display: block; width: auto; height: 100%;}

.dj__swiper__title{ position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px; color: #FFF; background-color: rgba(0, 0, 0, 0.45); text-indent: 1em;}