@charset "utf-8"; *{ margin:0px; padding: 0px; list-style: none; text-decoration: none; } a{font-family:"微软雅黑";} html{min-width:1300px;} body{ background: url(/uploads/image/i110/pic-bhg_01.png) no-repeat center top; background-position: center 193px; /*background: url(/uploads/image/i110/div-bg_01.jpg) no-repeat center top;*/ } .div-c{width:1200px;margin:920px auto 0px auto;} .top-img{width: 100%;position: relative;z-index: -1;min-width: 1200px;} .top-img img{width:100%;display: block;} .div1-t,.div-lb,.div-cen{overflow:hidden;} .div1-t div{float: left;height:37px;line-height: 37px;margin-bottom:30px;} .div1-l,.div1-r{background:url(/uploads/image/i110/tup-c_05.png) repeat center;width:472px;} .div1-c{width:216px;margin:0px 20px;} .div1-c a{font-size: 34px;font-family: "微软雅黑";color: #da3d14;} /*轮播半部分*/ .div-lb-l{width:645px;height:378px;float: left;margin-bottom:30px;} .div-lb-l img{width:100%;height:378px;} .div-lb-r{width:535px;float: right;margin-bottom:30px;} .div-lb-r ul li{width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:40px;text-align: left;border-bottom:1px dashed #eaeaea;background:url(/uploads/image/i110/pic-dian_03.png) no-repeat left;text-indent:1em;} .div-lb-r ul li a{font-size:17px;color:#333;} .div-lb-r ul li:hover a{color:#dd4714;} /*内容1*/ .div-cen-l{float: left;width:577px;} .div-cen-r{float: right;width:577px;} .div-cen-t{width:100%;height:40px;line-height:40px;background:url(/uploads/image/i110/pic-kl_03.png) no-repeat center;overflow:hidden;} .div-nh{text-indent:2em;color:#db4114;background:url(/uploads/image/i110/pic-nh1_11.png) no-repeat left #fff;float:left;padding-right: 10px;font-size:26px;} .div-nh1{float:right;margin-right: 20px;background:#fff;padding:0px 10px;line-height:40px;text-align:center;font-size:15px;color:#999;display:block;} .cen1-c{width:100%;overflow:hidden;} .cen1-c h1{font-size:20px;color:#333;font-weight: normal;line-height:50px;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:89%;} .cen1-c img{display:block;width:206px;height:138px;float:left;} .cen1-c p{width:342px;float:right;line-height:35px;font-size:15px;} .cen1-c p a{color:#dd4714;} .div-cen-r ul,.div-cen-l ul{margin-top: 30px;border-top: 1px solid #e0e0e0;margin-bottom: 40px;} .div-cen-r ul li,.div-cen-l ul li{margin-top:25px;} .div-cen-r ul li a,.div-cen-l ul li a{color:#444;font-size:16px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .div-cen-r ul li:hover a, .div-cen-l ul li:hover a{ color:#dd4714; } .div-cen-r ul li span,.div-cen-l ul li span{float:right;font-size:16px;color:#999;text-indent:1em;} /*bottom*/ .bottom{width:100%;background:#a10f0f;margin-top:10px;} .bottom1{width:1200px;margin:0 auto;text-align:center;line-height:130px;font-size:16px;color:#fff;} .swiper-slide{position:relative;} .swiper-slide p{position:absolute;bottom:0px;height:50px;line-height:50px;font-size:15px;color:#fff;text-indent:1em;width:100%;background: url(/uploads/image/i110/pic-ms_03.png);} .swiper-slide p span{display:block;width:60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .swiper-pagination-switch { display: inline-block; background: #fff; margin-right: 10px; opacity: 0.8; cursor: pointer; width: 15px; height: 15px; } .swiper-active-switch{background:#d21011;} .pagination{position:absolute;bottom:10px;right:10px;} /*轮播*/ .slidebox{ width:645px; height:378px; overflow:hidden; position:relative; } .slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slidebox .hd ul li.on{ background:#f00; color:#fff; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd li{ zoom:1; vertical-align:middle; } .slidebox .bd img{width:100%;height:378px;display:block; } .slidebox .bd ul li p{position: absolute;bottom:0px;height:50px;line-height:50px;text-align:left;text-indent:2em;font-size:15px;color:#fff;background:url(/uploads/image/i110/pic-ms_03.png) repeat left;width:100%;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slidebox .prev, .slidebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/uploads/image/i110/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slidebox .next{ left:auto; right:3%; background-position:8px 5px; } .slidebox .prev:hover, .slidebox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slidebox .prevstop{ display:none; } .slidebox .nextstop{ display:none; } /*@media screen and (max-width: 1024px) { body{background-size: 100%;} .div-c{ margin:450px auto 0px auto;} } @media screen and (max-width: 768px) { html{width:100%; min-width: 100%;} .div-lb-l img{height:auto;} .div-c {margin: 12rem auto 0px auto;width:95%;} .div1-l, .div1-r{width:30%;} .div1-c{width:36%;margin: 0px 2%;} .div1-c img,.div-lb-r{width:100%;} .div-lb-l{width:100%;height:auto;} .div-lb-r ul li{line-height:2.8rem;} .div-lb-r ul li a{font-size:15px;} .div-lb-r,.div-lb-l{margin-bottom:1rem;} .div-cen-l,.div-cen-r{width:100%;} .div-nh{font-size:18px;} .cen1-c h1{font-size:18px;} .cen1-c img{width:100%;height:auto;float:none;} .cen1-c p{float:none;width:100%;line-height:2.5rem;font-size:13px;} .div-cen-r ul, .div-cen-l ul,.div-cen-r ul li, .div-cen-l ul li{margin-top:1rem;margin-bottom:1rem;} .div-cen-r ul li a, .div-cen-l ul li a{font-size:15px;} .bottom1{width:95%;font-size:14px;line-height:20px;padding:20px 0px;} .bottom1 span{line-height:30px;text-align:center;display:inline-block;} }