/* CSS Document */
.wrap{ width:1200px; margin:0 auto;}

*{transition:all .5s;}

 .yss li   {
                    position: relative;
                    box-sizing: border-box;
                    width: 39px;
                    height: 28px;
                    display: inline-block;
                    
                    margin: 0 11px 0 0;
                    cursor: pointer;
                    border: 2px solid transparent;
                    font-size: 12px;
                    line-height: 30px;
                }
.yss li a{text-indent:-9999em;}
.yss li .colorful {
    background: url(http://www.dghc-ip.com/views/new/images/jz-7.png) no-repeat center center;
}
.yss li .current{  border: 2px solid transparent;}

.yss li .col-red {
   background: #d61317;
}
.yss li .col-orange {
    background-color: #ff6300;
}
.yss li .col-yellow {
    background-color: #fae242;
}
.yss li .col-green {
    background-color: #80d031;
}
.yss li .col-o {
    background-color: #26e0d2;
}

.yss li .col-blue {
    background-color: #198ede;
}

.yss li .col-t {
    background-color: #fe68ff;
}
.yss li .col-white {
    background-color: #fff;
   
    border: 1px solid #d0d0d0;
}
.yss li .col-gray {
    background-color: #999;
}

.yss li .col-black {
    background-color: #000;
}

.yss li .col-violet {
    background-color: #990099;
}

.yss li .col-brown {
    background-color: #974b00;
}
.button.color-alt {
     color: #fff!important; background:#d61317;padding:5px 30px;
}
.color-alt1{ border: 3px solid #95db8c !important;;}
.caseBanner{width:100%; height:225px; background:url(http://www.dghc-ip.com/views/new/images/caseBanner.jpg) no-repeat center;}



.caseBody{/*background:url(../images/caseBody.jpg) repeat;overflow-x:hidden;*/ background-color:#DEDEDE;}



.aljuchiBox{position:relative; height:0px;}

.aljuchiBox .juchi{position:absolute; left:0px; top:-4px; width:100%; height:4px; background:url(http://www.dghc-ip.com/views/new/images/aljuchi_ico.png) repeat-x center;}



.alCont{width:1044px; min-height:105px; padding-bottom:50px; position:relative; margin-top:20px;}



.alMu{position: absolute; top:0px; left:-130px; width:150px;}

.fixed{position:fixed; top:10px; left:20px;}

.alMu h3{height:32px; line-height:32px; font-size:14px;transition:all 0s;font-weight:normal;}

.alMu h3 a{padding-left:34px; display:block; color:#858585; text-decoration:none;  background:url(http://www.dghc-ip.com/views/new/images/alMu_ico.png) no-repeat left 8px;}

.alMu h3 a:hover , .alMu li.cur a{font-weight:bold; color:#ff5b00;}

.alMu h3 a.a01{background-position:-266px 8px;}

.alMu h3 a.a02{background-position:-266px -26px;}

.alMu h3 a.a03{background-position:-266px -54px;}

.alMu h3 a.a04{background-position:-266px -88px;}

.alMu h3 a.a05{background-position:-266px -120px;}

.alMu h3 a.a06{background-position:-266px -148px;}

.alMu h3 a.a07{background-position:-266px -184px;}

.alMu h3 a.a08{background-position:-266px -214px;}

.alMu h3 a.a09{background-position:-266px -246px;}

.alMu h3 a.a010{background-position:-266px -276px;}

.alMu h3 a.a011{background-position:-266px -310px;}

.alMu h3 a.a012{background-position:-266px -340px;}

.alMu h3 a.a013{background-position:-266px -370px;}

.alMu h3 a.a014{background-position:-266px -404px;}

.alMu h3 a.a015{background-position:-266px -442px;}

.alMu h3 a.a016{background-position:-266px -470px;}

.alMu h3 a.a017{background-position:-266px -502px;}



.alMu h3 a.a01:hover , .alMu h3 a.a01.cur{background-position:0px 8px;}

.alMu h3 a.a02:hover , .alMu h3 a.a02.cur{background-position:0px -26px;}

.alMu h3 a.a03:hover , .alMu h3 a.a03.cur{background-position:0px -54px;}

.alMu h3 a.a04:hover , .alMu h3 a.a04.cur{background-position:0px -88px;}

.alMu h3 a.a05:hover , .alMu h3 a.a05.cur{background-position:0px -120px;}

.alMu h3 a.a06:hover , .alMu h3 a.a06.cur{background-position:0px -148px;}

.alMu h3 a.a07:hover , .alMu h3 a.a07.cur{background-position:0px -184px;}

.alMu h3 a.a08:hover , .alMu h3 a.a08.cur{background-position:0px -214px;}

.alMu h3 a.a09:hover , .alMu h3 a.a09.cur{background-position:0px -246px;}

.alMu h3 a.a010:hover , .alMu h3 a.a10.cur{background-position:0px -276px;}

.alMu h3 a.a011:hover , .alMu h3 a.a11.cur{background-position:0px -310px;}

.alMu h3 a.a012:hover , .alMu h3 a.a12.cur{background-position:0px -340px;}

.alMu h3 a.a013:hover , .alMu h3 a.a13.cur{background-position:0px -370px;}

.alMu h3 a.a014:hover , .alMu h3 a.a14.cur{background-position:0px -404px;}

.alMu h3 a.a015:hover , .alMu h3 a.a15.cur{background-position:0px -442px;}

.alMu h3 a.a016:hover , .alMu h3 a.a16.cur{background-position:0px -470px;}

.alMu h3 a.a017:hover , .alMu h3 a.a17.cur{background-position:0px -502px;}





.alList{padding:0px 20px; overflow:hidden; *margin-bottom:15px;}

.alList li{position:relative; float:left; margin-right:14px; margin-bottom:15px; padding:10px; width:220px; height:360px; background:url(http://www.dghc-ip.com/views/new/images/alLiBg.png) no-repeat center; box-shadow:3px 3px 5px 3px rgba(0,0,0,.1);}

.alList li>a{display:block;width:220px; height:300px;overflow:hidden}

.alList li span , .alList li p{font-size:14px; color:#333;}

.alList li span{margin-top:16px; display:inline-block;}

.alList li p{padding: 20px 0px;height: 40px;line-height: 20px;overflow: hidden;margin-bottom: 0px;}

.alList li div{}

.alList li div a{padding-right:20px; color:#939393; font-size:14px;}

.alList li div a.fl_jump{background:url(http://www.dghc-ip.com/views/new/images/fl_jump.png) no-repeat right -36px;}

.alList li div a.fr_like{background:url(http://www.dghc-ip.com/views/new/images/fr_like.png) no-repeat right -36px;}

.alList li i.mask{position:absolute; left:10px; top:10px; width:220px; height:0px; background:url(http://www.dghc-ip.com/views/new/images/al_mask.png) no-repeat center;}

.alList li.noMr{margin-right:0px;}

.alList li:hover{background-image:url(http://www.dghc-ip.com/views/new/images/alLiBgH.png); box-shadow:3px 3px 8px 5px rgba(0,0,0,.3);}

.alList li:hover span , .alList li:hover p{color:#fff;}

.alList li:hover div a{color:#fff; background-position:right -6px;}

.alList li:hover i.mask{height:300px;}



.alCont .alGgl{margin-bottom:15px; text-align:center;}



/*友情链接*/

.links{height:70px; line-height:70px; background-color:#141414; overflow:hidden;}

.links dt a{font-size:13px; color:#ff5b00;}

.links dd{margin-left:70px; padding-left:6px; background:url(http://www.dghc-ip.com/views/new/images/fotNav_br.png) no-repeat left center;}

.links dd a{margin:0px 10px; display:inline-block;}





/**/

.mulu{width: 1004px;position: relative;margin:0px auto;height:45px;line-height:25px;padding:10px 10px;font-size:14px; }

.mulu ul li{ float:left; margin-right:3px; font-size:14px;line-height:20px;margin-top: 10px;}

.mulu ul li a{  margin-right: 4px;margin-left: 0px;}

.mulu ul li a:hover,.mulu ul li a.cur{ color:#ff5d00;}

.muludiqu{ background-color:#ff5d00; height:20px; padding:0px 10px; line-height:20px; color:#fff;}



/* caseMulu */

.caseMulu{width: 100%;height:95px;background: #fff;padding-top: 22px;margin-bottom: 26px;}

.caseMulu li{float: left;width: 200px;border-left: 1px solid #e8e8e8;height: 64px;text-align: center;}

.caseMulu li a{display: block;padding-top: 3px;text-decoration: none;}

.caseMulu li span{display: block;margin: 0 auto;width: 34px;height: 30px;overflow: hidden;}

.caseMulu li img{display: block;width: 34px;height: 60px;position: relative;}

.caseMulu li em{display: block;font-size: 16px;color: #666666;margin-top: 10px;}

.caseMulu li:hover img{top: -30px;}

.caseMulu li:hover em{color: #ff5b00;font-weight: bold;}

.caseMulu li:first-child{border-left: none;}



.alCont{width:1044px;  position:relative;}

.alCont .caseErjiMulu{width: 1004px;padding: 3px 0;margin: 0 auto;background: #fff;height: 46px;margin-bottom:20px;}

.alCont .caseErjiMulu .case-filter{float: left;position: relative;}

.alCont .caseErjiMulu .case-filter .case-row{float: left;width: 137px;border-right: 1px solid #e8e8e8;height: 46px;padding-right: 34px;cursor: pointer;}

.alCont .caseErjiMulu .case-filter .case-row p{height: 46px;line-height: 46px;font-size: 14px;color: #666666;background: url(http://www.dghc-ip.com/views/new/images/caseErjiMulu_icon01.png) no-repeat right center;position: relative;}

.alCont .caseErjiMulu .case-filter p.ico-ins{padding: 0 0 0 62px;}

.alCont .caseErjiMulu .case-filter .case-row p::before{content: "";width: 16px;height: 16px;position: absolute;left: 34px;top: 15px;}

.alCont .caseErjiMulu .case-filter .caseSjiMulu{padding: 38px 0 48px 0;position: absolute;left: 0;top: 46px;width: 880px;background: #f9f9f9;display: none;z-index:99992;}

.alCont .caseErjiMulu .case-filter .caseSjiMulu li{float: left;width: 158px;padding: 0 10px;font-size: 13px;color: #666666;margin-bottom: 20px;text-align: center;}

.alCont .caseErjiMulu .case-filter .caseSjiMulu li a{display: block;text-decoration: none;}

.alCont .caseErjiMulu .case-filter .caseSjiMulu li:hover a{color: #ff5b00;}

.alCont .caseErjiMulu .case-filter .case-row:hover .caseSjiMulu{display: block;}

.alCont .caseErjiMulu .case-filter .case-row p.ico-ins1::before{background: url(http://www.dghc-ip.com/views/new/images/caseErjiMulu_icon03.png) no-repeat left top;}

.alCont .caseErjiMulu .case-filter .case-row p.ico-ins2::before{background: url(http://www.dghc-ip.com/views/new/images/caseErjiMulu_icon04.png) no-repeat left top;}

.alCont .caseErjiMulu .case-filter .case-row p.ico-ins3::before{background: url(http://www.dghc-ip.com/views/new/images/caseErjiMulu_icon05.png) no-repeat left top;}

.alCont .caseErjiMulu .case-filter .case-row:hover p::before{background-position: left bottom;}

.alCont .caseErjiMulu .case-filter .case-row:hover p{color: #ff5b00;background: url(http://www.dghc-ip.com/views/new/images/caseErjiMulu_icon02.png) no-repeat right center;}

.alCont .caseErjiMulu .case-button{float: right;width: 92px;height: 28px;margin-right: 34px;background: #ff5b00;font-size: 14px;color: #fff;border-radius: 4px;line-height: 28px;text-align: center;margin-top: 10px;}

.alCont .caseErjiMulu .case-button a{display: block;color: #fff;text-decoration: none;}

.alCont .caseErjiMulu .case-sos{float: right;margin-top: 10px;margin-right: 7px;height: 28px;overflow: hidden;width: 212px;}

.alCont .caseErjiMulu .case-sos .txt { float:left; width:158px; height:28px; line-height:28px; padding:0 0 0 10px; border:0; background:#e8e8e8; border-radius:3px 0 0 3px; font-size:15px;outline: none;}

.alCont .caseErjiMulu .case-sos a { float:left; width:44px; height:28px; border:0; background:#838383; color:#FFF; border-radius:0 3px 3px 0; font-size:14px; cursor:pointer; display: block;line-height: 28px;text-align: center;text-decoration: none;}

.alCont .caseErjiMulu .case-sos .txt:focus {box-shadow:0 0 2px #aaa inset; }



#user_manager{ position:fixed;width:150px;background:#fff; text-align:center;right:10px;bottom:30px;z-index:90000;border:2px solid #FF5B00;}

#user_manager p{margin:10px 0;}

#userm_user_name{font-size:16px;color:#000;}

#user_manager a{color:#000;margin:10px 0; display:block;font-size:14px; text-decoration:none;}