@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/iconfont.eot?t=1464081314'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1464081314#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1464081314') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1464081314') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1464081314#iconfont') format('svg'); /* iOS 4.1- */
}

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

.icon-tuan:before { content: "\e600"; }
.icon-lianxiwomen:before { content: "\e601"; }
.icon-xinwenzhongxin:before { content: "\e602"; }
.icon-caidan:before { content: "\e60e"; }
.icon-zhichi:before { content: "\e608"; }
.icon-homecase:before { content: "\e603"; }
.icon-jia:before { content: "\e607"; }
.icon-yingsaitong:before { content: "\e604"; }
.icon-gouwuche:before { content: "\e609"; }
.icon-xinwen:before { content: "\e605"; }
.icon-dizhi:before { content: "\e60a"; }
.icon-cha:before { content: "\e60b"; }
.icon-xinwenzixun:before { content: "\e606"; }
.icon-xiawucha:before { content: "\e60c"; }
.icon-yangyanghao:before { content: "\e60d"; }




body{ font-family:"微软雅黑", "宋体", Helvetica, Arial, sans-serif; background-color:#FFF; padding:.0; position:relative;}
body::before{ content: ""; height: 1rem; width: 100%; display: block;}

.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; border-bottom:.01rem solid #e9e6e6; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.topHeight{ height: 1rem;}

#header .header_l{ display: flex; flex-flow: row nowrap; justify-content: start;}
#header .header_l a{text-align: center; padding: 0;}
#header .header_l a#toplan{ width: 80px;}
#header .header_l a#topmenu{ width:.40rem; height:1rem; display:table-cell; vertical-align:middle; text-align:center; padding-left:.15rem;padding-top: 0.3rem}
#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{ margin-right: 15px;}

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



/*栏目区样式*/

.indexInfo{ width: 6.8rem; overflow: hidden; margin:.3rem auto; background-color: #FFF; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.15);}
.indexInfo ul{ width: 6.8rem;}
.indexInfo li{ overflow:hidden; float:left;}
.indexInfo li img{ width:100%; height:auto; display: block;}
.indexInfo li:nth-child(1){ width: 2.20rem;}
.indexInfo li:nth-child(2){ width: 2.40rem;}
.indexInfo li:nth-child(3){ width: 2.20rem;}
.indexInfo li:nth-child(4){ width: 6.8rem;}
.indexInfo li:nth-child(5){ width: 2.23rem; display: none;}



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


.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 span{ display: block; height: 1rem; line-height: 1rem; font-size: 0.36rem; 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:.36rem; 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; 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: .28rem; line-height:.40rem;}
.news_list .cnt > span{ font-size: 0.24rem; color: #999; display:block; line-height:.40rem;}
.news_list img{width:100%;}

.contactList{ width: 6.8rem; height: 1.5rem; overflow: hidden; margin: 0 auto; padding: 0.15rem 0; border-radius: 0.05rem; box-shadow: 0 0 .05rem rgba(0, 0, 0, 0.25); 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;}


.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%; width: 3.3rem; height: 3.3rem;}
.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: #ba0e02; 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;}


.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; margin-bottom: 0; box-shadow: none; }
.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: #ba0e02;}
.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;}



.proInfoBtn{ width:100%; margin:0; padding:0; list-style:none; text-align:left;}
.proInfoBtn li{ width:1.2rem; height:.5rem; text-align:center; line-height:.5rem; display:inline-block; margin-right:.30rem;}
.proInfoBtn li a{ width:1.2rem; height:.5rem; line-height:.5rem; text-align:center; font-size:.16rem; background: #FFF; color:#00acac; border: solid .01rem #00acac; border-radius: .05rem; display:block; text-decoration:none;}
.proInfoBtn li i{ height: .55rem; line-height: .65rem; font-size: .36rem; display: block; text-align: center; color: #00acac;}
.proInfoBtn li a:hover, .proInfoBtn li a.active{ background: #00acac; 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;}

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


.banner{ width: 7.2rem; margin-bottom: .3rem;}
.banner img{ width: 7.2rem; height: auto;}



.container-fluid {
  padding: .2rem;
}
.box {
  margin-bottom: .2rem;
  float: left;
  width: 3.1rem;
  overflow: hidden;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.1rem rgba(0,0,0,0.45);
}
.box img {
  max-width: 100%;
  width: 3.1rem;
  height: 3.1rem;
}
.caseView .container-fluid {
  padding: 15px;
}
.caseView .masonry__titleBox, .caseView .masonry__titleBox h5, .caseView .masonry__titleBox p{ display: block; margin: 0;}

.masonry__titleBox{
    display: table;
    width: 100%;
    padding: .15rem .10rem;
}
.masonry__titleBox h5{
    text-align: left;
    font-size: .30rem;
    line-height: .4rem;
}
.masonry__titleBox h5 span{
    display: inline-block;
    font-size: .14rem;
}


.caseViewRight{ width: 6.8rem; margin: 0 auto;}
.caseViewRight__title{ width: 100%; display: table; line-height: 1rem; border-bottom: 1px solid #CCC; margin-bottom: 0.1rem; padding-bottom: 0.2rem;} 
.caseViewRight__title h5{ display: table-cell; text-align: left; font-size: 0.6rem; line-height: 1rem;}
.caseViewRight__title span{ display: inline-block; font-size: 0.3rem;}
.caseViewRight__title p{display: table-cell; width: 0.76rem; text-align: right; vertical-align: middle; line-height: 1rem;}
.caseViewRight__title a{ display: block; width: 1.2rem; height: 0.4rem; line-height: 0.4rem; border: 1px solid #CCC; color: #999; text-align: center; font-size: 0.24rem; margin-left: 0.1rem;}

.caseViewRight__minTitle{ font-size: 0.24rem; color: #999; line-height: 1.2rem; display: block;}

.caseViewRight__moreCase{display: block; width: 1.8rem; height: 1.2rem; line-height: 1.2rem; color: #999; text-align: center; font-size: 0.24rem; margin-left: 0.1rem; float: right;}
.caseViewRight__moreCase:hover{color: #ba0e02;}