.wapper2{width: 960px;margin: 0 auto;}

.project{}
.project ul{}
.project ul li{margin: 10px 0;}
.project ul li a{}
.project_ti{border-bottom: 1px solid #ccc;}
.project_ti h1{display: inline-block;padding: 0 10px;border-bottom: 2px solid #4ab344;font-size: 14px;color: rgba(255, 106, 63, 1);line-height: 45px;}
.project_text{padding: 10px;}
.project_text .pj_left{width: 44%;}
.project_text .pj_right{width: 54%;}
.project_text .pj_right p{text-indent: 28px;line-height: 2em;text-align: left;font-size: 14px;color: rgb(102, 102, 102);}

.prodetilas{}
.prodetilas .sadn{text-align: center;font-weight: normal;padding: 30px 0;}

.dfsj_bm_h{border-bottom:1px solid #eaeaea}
.i-split{margin:0 10px;color:#eee}
.ajump{position:fixed;top:50%;right:20px;overflow:hidden;width:5pc;border-radius:3px}
.ajump ul li a{display:block;width:auto;height:40px;background:#fff;text-align:center;font-size:14px;line-height:40px}
.ajump ul li a:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.8)!important}
.ajump ul li:nth-child(3) a{text-indent:11px;letter-spacing:11px}
.slide-box{position:relative;overflow:hidden;width:60pc;height:340px}
.slide-box .slide-num{opacity: 1;position: absolute;left: 50%;bottom: 20px;width: 300px;height: 18px;margin-left: -150px;text-align: center;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  z-index: 2;  transition: opacity .3s cubic-bezier(.25,.46,.45,.94);  -webkit-transform: translateZ(60px);  transform: translateZ(60px);}
.slide-box .slide-num li{position: relative;z-index: 3;display: inline-block;width: 18px;height: 18px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAkCAYAAACE7WrnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABh0RVh0Q3JlYXRpb24gVGltZQAyMDE1LjEyLjIyWqzF1QAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAK8SURBVEiJ7ZUxSxxRFIW/meiqgSBiUogIAZGwMFosrsL+gySFRVIFq2xnZRGwmFrQP+BPyJbCWkwrWO6MRh0X7GKRJbCsYGPivt29Kfa9yZuZBFNYWOTCYWdm7zlz373nvXFEhIcI90FUgBH7xnGc1C0wqgGgNJIl2KtJCVlRACZ9339VKpVmAY6Pj79tb29fAjdAN8cQkQRGpFKpzMdxvCkivoh80vDjON6sVCrz+kUprmOX5wzX9vz8/PyD53kO8BPo67+fAONxHMvi4uJnoCMiA8PNNnt0a2trwfM8F7jVQjZuPc9zfd9fyLYl26PRUqk0o0ldDfPWpLKlpaUZhkNIepVrdq/X62myDRMDYKBzUpFdmjo5Ofmun7sMLWDCMc91jrKJ2Wa7wHSj0Xi9vLxsSrebXQjDUJXL5YB7mj0AbqrV6lEYhl1gzEYYht1qtXrE0Ev2knMVmcsCMLmxsfGyXC6/AGg0Gu29vb2vWIZMcf8iZHryz1vEeXS7/7/Q/ZHsNWv0DkMXGyPa4zebuY+2QTL1zKFmvDMdBMF6u92uK6VipVTcbrfrQRCsA9M6x0nxLaFEpNls7ojIpYhciEiscSEil81mc8cWM3y7Rw4wVq/X3xSLxTW9lH4Gqlgsrh0cHLwFxrFOB1vIBSZWV1ffa9JA98HGAOivrKy800IJ3z7YHKAwNTU1lyGaEE0UnVOwK8oKORbJwA4BRE/Yzs/5qHd9fX2VEc9ddzqdKyB13NpCAnQPDw/rmbflrnVON1WxNf4R4CkwG0XRroicicipiHzROBWRsyiKdoFZnTvyJx+5DBv4DJir1WrVVqu1r5SKlFJRq9Xar9VqH4E5nVMA3NyXVn9lXX5vjwmNMV38HfBD4w5tETFutoRMD4yY+bUnafyV+Mzwsx9I4x3jmT55S9hGTeLxndm/AP56ouPOBZATAAAAAElFTkSuQmCC) no-repeat;  background-size: 100% auto;  cursor: pointer; }
.slide-box .slide-num li.on{background-position:0 -18px;}
.slide-box .slide-bd{position:relative;z-index:0;height:100%}
.slide-box .slide-bd li{vertical-align:middle;zoom:1}
.slide-box .slide-bd img{display:block;width:60pc;height:340px;border-radius:5px}
.slide-box .slide-bd ul li p{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:52px;background:rgba(51,51,51,.4);color:#fff;text-align:left;text-indent:20px;font-size:1pc;line-height:52px}
.clearf{zoom:1}
.clearf:after{clear:both;display:block;content:'\20'}
.text-content{position:relative}
.text-content .right-box{height:auto}
.text-content .left-box{float:left;margin-right:15px;width:650px}
.text-content .right-box{float:right;width:295px}
.text-content .right-box h4{height:45px;border-bottom:1px solid #ccc;text-indent:20px;font-size:15px!important;line-height:50px}
.text-content .left-box .elected{padding-top:20px}
.text-content .left-box .elected>ul{width:100%;height:auto}
.text-content .left-box .elected>ul>li{width:100%;background:#fff}
.text-content .left-box .elected ul li h3{padding-top:30px;width:100%;height:30px;text-indent:15px;font-weight:600;font-size:1pc!important;line-height:30px}
.text-content h5{position:relative;height:20px;text-indent:15px;font-weight:500;font-size:15px!important;line-height:20px}
.text-content .left-box .elected h5{margin-bottom:20px}
.text-content .right-box .head-info .head-info-child{border-bottom:1px solid rgba(0,0,0,.05)}
.text-content .right-box .head-info .head-info-child .info{position:absolute;top:10px;left:85px}
.text-content .right-box .head-info .head-info-child .info p{padding-top:8px;height:20px;color:#999;text-align:left;font-size:14px;line-height:20px}
.text-content .left-box{height:auto}
.text-content .left-box .elected>ul>li{margin:10px 0 15px;width:100%;height:auto;border-radius:3px;box-shadow:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.exhibition-img{margin:40px 15px 0;width:auto;height:auto}
.text-content .left-box .elected>ul>li:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}
.text-content .left-box .elected ul li h3{padding-top:20px;font-weight:400;font-size:18px}
.text-content .left-box .elected ul li h3 a{font-size:18px}
.time-comment{padding-left:15px}
.time-comment dd,.time-comment dt{float:left}
.time-comment .time{float:left;line-height:30px}
.time-comment .comment{float:right;padding-right:20px;height:35px;color:#666;font-size:15px!important;line-height:35px}
.time-comment .time .event{position:relative;cursor:pointer}
.time-comment .time .date{height:35px;color:#666;font-size:14px;line-height:40px}
.time-comment .time .event a{display:block;height:38px;font-size:14px}
.time-comment .time .event .submenu{position:absolute;top:29px;z-index:999999;width:250px;height:auto}
.time-comment .time .event .submenu img{position:absolute;left:10px;z-index:9999;width:20px}
.time-comment .time .event .submenu span{position:absolute;top:18px;left:31px;z-index:99;width:28px;height:1px;background:#fff}
.time-comment .time .event .submenu .content{position:absolute;top:11px;left:-13px;overflow:hidden;width:210px;height:auto;border-radius:3px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.time-comment .time .event .subtitle-img{position:relative;width:100%;height:87px}
.time-comment .time .event .subtitle-img img{position:absolute;top:20px;left:20px;float:left;display:block;overflow:hidden;margin:0;padding:0;width:46px;height:46px;border-radius:50%}
.time-comment .time .event .subtitle-img .subtitle{position:absolute;top:10px;left:5pc;width:7pc}
.time-comment .time .event .subtitle-img .subtitle a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.time-comment .time .event .subtitle-img .subtitle h4{margin-top:4px;height:30px;font-weight:500;font-size:14px!important;line-height:30px;overflow-wrap:normal}
.time-comment .time .event .subtitle-img .subtitle p{height:20px;font-weight:500;font-size:14px!important;line-height:20px}
.time-comment .time .event .submenu .content ul{clear:both;padding:0 0 20px;text-indent:20px;font-size:15px!important}
.time-comment .time .event .submenu .content ul li{height:28px;font-size:14px;line-height:28px}
.time-comment .comment-number{position:relative;height:35px;cursor:pointer}
.time-comment .comment-number ul{position:absolute;top:28px;left:-84px;z-index:900;display:none;overflow:hidden;width:130px;border-radius:3px;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.time-comment .comment-number ul li{width:100%;height:40px;color:rgba(0,0,0,.8);text-indent:15px;font-size:1pc;cursor:pointer}
.time-comment .comment-number ul li a{display:block;margin:0;padding:0;width:100%;height:40px;background:0 0;font-size:1pc;line-height:40px}
.time-comment .comment-number ul li a:hover{color:rgba(0,0,0,.8)!important}
.time-comment .comment-number ul li.active{background:rgba(0,0,0,.1)}
.exhibition-img{overflow:hidden;margin:40px 15px 0;width:auto;height:auto}
.exhibition-img img{display:block;overflow:hidden;width:620px;height:220px;border-radius:5px}
.introduce{overflow:hidden;margin:0 auto;margin-top:15px;width:730px;height:auto}
.more-election{margin-top:10px;margin-left:5px;width:771px;height:58px;border-radius:3px;background:#e5e5e7;text-align:center;font-size:15px;line-height:58px}
.time-comment .time .date{line-height:30px}
.time-comment .time .date,.time-comment dd,.time-comment dt{color:#b2b2b2;font-size:9pt}
.comment .cicon{float:left;display:block;margin:11px 4px 0 0;width:14px;height:14px}
.comment .read-icon{background:url(/images/read-icon.svg);background-position:center;background-size:14px;background-repeat:no-repeat}
.comment .comment-icon{margin-left:10px;background:url(/images/comment-icon.svg);background-position:center;background-size:14px;background-repeat:no-repeat;font-size:14px}
.comment dd{font-size:9pt}
.introduce{margin:auto;padding:15px;width:auto}
.introduce p{color:#737373;font-size:14px}
.more-election{margin:20px 0 0;width:100%;color:#bdbdbd;font-size:14px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.more-election:hover{background:rgba(0,0,0,.03)!important;color:rgba(0,0,0,.8)!important}
.text-content .right-box{padding-top:60px}
.text-content .right-box .head-info{position:relative;width:100%;border:1px solid #ccc;background:#fff;box-shadow:0 0 10px #ccc}
.text-content .right-box .head-info .head-info-child .head{position:absolute;top:10px;left:10px}
.text-content .right-box .head-info .head-info-child .head img{display:block;overflow:hidden;margin:0;padding:0;width:56px;height:56px;border-radius:50%}
.text-content .right-box .head-info .head-info-child .head span img{display:inline-block;overflow:hidden;margin:0;padding:0;width:auto;height:auto}
.text-content .right-box .head-info .head-info-child .info{position:absolute;top:30px;left:85px}
.text-content .right-box .head-info .head-info-child .info h6{margin-top:17px;text-align:left;font-weight:400;font-size:20px!important}
.text-content .right-box .head-info .head-info-child .info p{padding-top:8px;height:20px;text-align:left;font-size:14px;line-height:20px}
.text-content .right-box .head-info ul{left:0;overflow:hidden;height:auto;border-top:1px solid #ccc}
.text-content .right-box .head-info .head-info-child{height:110px}
.text-content .right-box .head-info .head-info-child .head span{display:block;margin-top:8px;width:100%;color:#eb0028!important;text-align:center;font-size:15px!important}
.text-content .right-box .head-info .head-info-child .head span a{color:#eb0028!important}
.text-content .right-box .head-info{height:auto;border:none;border-radius:3px;box-shadow:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.text-content .right-box .head-info .head-info-child .head{top:30px;left:20px}
.text-content .right-box .head-info ul{border:none}
.text-content .right-box .head-info:hover{box-shadow:0 2px 5px rgba(0,0,0,.05)}
.head-info ul{padding:0}
.head-info .topul ul{padding:1pc;border-top:1px solid rgba(0,0,0,.05)}
.head-info .topul ul li{float:left;width:auto!important;height:auto!important;padding:0 20px; text-align:center;line-height:30px!important}
.head-info li{padding:0;background:0 0;font-size:14px}
.post{padding-top:30px;width:100%}
.post ul{margin-top:10px;margin-left:5px;width:771px;border-top:1px solid #ccc}
.post>ul>li{margin:0 15px;padding-top:10px;height:90px}
.post li .post-left-box{position:relative;float:left;width:500px}
.post li .post-right-box{float:right;margin-top:10px;height:50px;line-height:50px}
.post .post-right-box .comment dd,.post .post-right-box .comment dt{float:left;color:#b2b2b2;line-height:35px}
.post .post-right-box .comment-number{position:relative;height:35px;cursor:pointer}
.comment .comment-number,.comment dt{font-size:9pt}
.comment .comment-number em,.comment dt em{float:right;display:block;margin-left:10px;font-size:25px;line-height:19px}
.post .post-right-box .comment-number ul{position:absolute;top:30px;left:-88px;z-index:99;display:none;overflow:hidden;margin-top:0;width:130px;border:none;border-radius:3px;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.post .post-right-box .comment-number ul li{width:100%;height:40px;color:rgba(0,0,0,.8)!important;text-indent:15px;font-size:1pc;line-height:40px;cursor:pointer}
.post .post-right-box .comment-number ul li a{float:none;display:block;margin:0;padding:0;height:40px;background:0 0;font-size:1pc;line-height:40px}
.post .post-right-box .comment-number ul li a:hover{color:rgba(0,0,0,.8)!important}
.post .post-right-box .comment-number ul li.active{background:rgba(0,0,0,.1)}
.post>ul>li .post-left-box img{position:absolute;top:18px;float:left;display:block;overflow:hidden;margin:0;padding:0;width:5pc;height:5pc;border-radius:50%}
.post>ul>li .post-left-box .subtitle{position:absolute;top:10px;left:75pt;width:auto}
.post>ul>li .post-left-box .subtitle h4{display:-webkit-box;overflow:hidden;margin-top:7px;height:35px;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;font-weight:500;font-size:20px!important;line-height:35px;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.post>ul>li .post-left-box .subtitle p{margin-top:5px;height:20px;font-weight:500;font-size:1pc;line-height:20px}
.post>ul>li .post-left-box .subtitle p em{height:20px;color:#666;font-size:15px}
.post ul{margin:20px 0 0;width:100%;border-top:1px solid rgba(0,0,0,.05);border-radius:4px;background:#fff}
.post>ul>li{border-bottom:1px solid #eee;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.post>ul>li .post-left-box img{width:50px;height:50px}
.post>ul>li .post-left-box .subtitle{left:60px}
.post>ul>li .post-left-box .subtitle h4{margin:0;font-size:18px}
.post>ul>li .post-left-box .subtitle h4 a{font-size:1pc}
.post>ul>li .post-left-box .subtitle p,.post>ul>li .post-left-box .subtitle p em{color:#b2b2b2;font-size:9pt}
.hot{margin-top:15px;background:#fff;box-shadow:0 0 10px #ccc}
.hot,.hot ul{overflow:hidden;width:100%;height:auto}
.hot ul{padding:10px 0}
.hot ul li{float:left;width:33.333%;height:30px;text-align:center;line-height:30px}
.hot{border-radius:3px;box-shadow:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.hot ul{padding:5px 0!important}
.hot li{padding:0;background:0 0;font-size:14px}
.text-content .right-box h4{height:50px;border-bottom:1px solid rgba(0,0,0,.05);line-height:50px}
.hot:hover{box-shadow:0 4px 6px rgba(0,3,4,.1)}
.photography ul li{width:100%;text-align:left;text-indent:20px}
.download{overflow:visible;height:123px}
.download .download-left-box{float:left;width:233px;height:77px;text-align:center}
.download .download-left-box h6{margin-top:20px;text-align:center;font-weight:400;font-size:1pc!important}
.download .download-left-box span{color:#666;font-size:14px!important}
.download .download-left-box span a{color:rgba(0,0,0,.5)!important}
.download .download-left-box span a:hover{color:#eb0028!important}
.download .download-right-box{position:relative;float:left;width:90pt;height:77px}
.download .download-right-box .submenu{position:absolute;top:70px;left:-65px;z-index:999999;display:none;width:150px;height:auto}
.download .download-right-box .code{display:block;margin:0 auto;margin-top:10px;padding:10px;border:1px solid #ccc;cursor:pointer}
.download .download-right-box .submenu img{position:absolute;left:75pt;z-index:9999;width:20px}
.download .download-right-box .submenu span{position:absolute;top:18px;left:78px;z-index:99;width:28px;height:1px;background:#fff}
.download .download-right-box .submenu .content{position:relative;top:11px;overflow:hidden;padding:15px;width:100%;height:auto;border:1px solid #ccc;background:#fff;box-shadow:0 0 2px rgba(6,10,27,.1)}
.download .download-right-box .submenu .content img{position:static;width:100%;height:auto}
.download .download-right-box .submenu .content span{top:142px;left:0;display:block;width:38px;height:38px;background:#fb7ce7;color:#000;text-align:center;line-height:38px}
.download{width:295px;height:auto}
.download .download-left-box{padding:20px 0;width:60%;height:auto}
.download .download-left-box h6{margin:auto}
.download .download-right-box{padding:20px 0;width:30%;height:auto}
.download .download-right-box .code{margin:auto;height:auto;border:1px solid rgba(0,0,0,.05);border-radius:3px}
.download .download-right-box .code:hover{background:rgba(0,0,0,.02)}
.download .download-right-box .submenu .content{border:none;border-radius:3px}
.download .download-right-box .submenu .content span{display:none}
.htmlhot{color:red;vertical-align:bottom;font-size:8px}
.foot{margin-top:60px}
.btn-fold{position:absolute;top:-2px;right:2px;display:inline-block;width:20px;height:20px;background:url(/dfsj_imgs/v3/line.png) no-repeat;cursor:pointer}
.fold{background:url(/dfsj_imgs/v3/btn-plus.png) 0 4px no-repeat!important}
.slide-icon{position:absolute;top:0;z-index:10;width:41px;height:100%;background-image:url(/dfsj_imgs/v3/icon-slides.png);background-repeat:no-repeat}
.slide-prev{left:0;background-position:-84px center}
.slide-prev:hover{background-position:0 center}
.slide-next{right:0;background-position:-125px center}
.slide-next:hover{background-position:-42px center}
.head-qiandao{display:block;margin-top:5px;width:100%;color:#eb0028!important;text-align:left;font-size:15px!important}
.head-group,.head-login{display:block;padding-top:5px;text-align:left;font-size:14px}
.head-login{color:#eb0028}

.sticky-wrapper .download .clearf{
  display: block;
}

.sticky-wrapper .download .download-left-box{
  width: 50%;
}

.download .clearf{
  display: flex;
}
.download .service{
  padding: 10px 20px;
  box-sizing: border-box;
}
.download .clients{
  padding: 0px 20px;
  box-sizing: border-box;
}
.download .service .download-left-box{
  flex: 1;
  padding: 0;
}
.download .clients .download-left-box{
  width: 70%;
}
.download .clients .download-left-box,.download .clients .download-right-box{
  padding: 14px 0;
}
.download .clearf .download-left-box h6{
  display: flex;
}
.download .service .download-left-box h6{
  cursor: pointer;
}
.download .service .download-left-box h6 a{
  display: flex;
  width: 100%;
}
.download .service .download-left-box h6 img{
  width: 40px;
  height: 40px;
}
.download .service .download-left-box h6 span{
  line-height: 40px;
}
.download .service .download-left-box h6 span:hover{
  color: #eb0028;
}
.download .clients .download-left-box h6 .content{
  text-align: left;
  padding-left: 6px;
}
.download .clients .download-left-box h6 img{
  width: 60px;
  height: 60px;
}
/* 遮罩 */
.mask-layer{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.mask-layer .content{
  width:400px;
  height: 320px;
  text-align: center;
  background-color: #fff;
  position: relative;
  top:50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -160px;
  border-radius: 4px;
}
.mask-layer .content .code{
  width: 140px;
  height: 140px;
  margin: 65px 0 15px;
}
.mask-layer .content p{
  width: 224px;
  line-height: normal;
  font-family: MYingHeiPRC-W4;
  font-size: 14px;
  color: #666666;
  margin: 0 auto;
}
.mask-layer .content .close{
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 10px;
  cursor: pointer;
  box-sizing: border-box;
}
.mask-layer .content .close img{
  width: 20px;
  height: 20px;
}