@charset "utf-8"; body { background:#fff;} .banner{ background:url(djlswdk20160725-01.jpg) no-repeat center top; height:226px; overflow:hidden;} .box-cont{ background:url(djlswdk20160725-02.jpg) no-repeat center top; height:623px; overflow:hidden;} .fot-box{ background:url(djlswdk20160725-03.jpg) no-repeat center top; height:231px; overflow:hidden;} .main-cloum{ width:980px; position:relative;} .bf-tit{ font-size:14px; font-weight:bold; color:#891010; line-height:40px; height:40px; overflow:hidden;} .main-cloum01{ width:1000px; position:relative;} .pannel-title{ height:30px; line-height:30px; border-bottom:1px solid #7f0a0c; color:#c9632f;font-size:14px;} .pannel-title a{ color:#c9632f;}.pannel-title a:hover{ color:#f00; } .but-list{ width:80px; position:absolute; left:-105px; top:170px;} .but-list ol li{ margin-bottom:25px;} .Cont {width:1000px;height: 105px;float: left; overflow:hidden;} #List1 dd, #List2 dd {float: left;width:200px;text-align: center; line-height:0;} .dd-P{width:200px; position:relative; +position:static; height:105px; z-index:0;} #List1,#List2{ float:left; width:1000px; } .ScrCont {width: 2000px;} .xf-box{ width:1000px; overflow:hidden; position:relative;} .xf-box01{ width:1000px; position:relative;} .LeftBotton,.RightBotton{ cursor:pointer; position:absolute;width:32px; height:58px;top:60px; z-index:999} .LeftBotton{background:url(djlswdk20160725-07.png) no-repeat left top;left:-35px;} .RightBotton{background:url(djlswdk20160725-07.png) no-repeat right top;right:-35px;} .img-title{ position:absolute; width:170px; left:15px; bottom:0; +bottom:-30px; background:url(djlswdk20160725-08.png) repeat; height:30px; line-height:30px; font-size:14px; } .img-title a{ color:#fff;} .fot-tit{ text-align:center; color:#c9632f;} .bdshare_popup_list li{ background:none; padding:0;} .bdshare-button-style1-16 a, .bdshare-button-style1-16 .bds_more{ background:url(djlswdk20160725-06.png) no-repeat!important; width:80px!important; height:80px!important; margin:0!important; padding:0!important;} .ckqw img{ cursor:pointer;} .white_content { display: none; background:#fff; position: fixed; _position: absolute; top: 0; left: 0; z-index: 999; width: 1000px; } .tab-gb{ text-align:right;} .tab-gb img{ cursor:pointer;} .trl-nr{ padding:20px;} .tab_box{ height:550px;} .sp{ position:absolute; left:0; top:42px; z-index:9; width:980px; height:570px;} #video img{padding:0;} .fhml{ display:none;} @media only screen and (min-width:320px) and (max-width:980px) { .box-cont{ height:auto;} .main-cloum,.main-cloum01{ width:100%;} .sp{ width:100%; height:auto; position:static;} #List1, #List2,.Cont,.xf-box{ width:100%;} .ScrCont{ width:200%;} .dd-P{ width:100%;} #List1 dd, #List2 dd{ width:50%;} .main-cloum01{ display:none;} .fhml{ display:block;text-align:right; font-weight:bold; padding-right:20px;} .fhml a{color:#fff;} }