/*titlebox*/ .titlebox{overflow:hidden} .titlebox .titlename{float:left;color:#262626;font-size:20px;font-family:'microsoft yahei';line-height:50px} .titlebox .t_more{float:right;display:block;margin:16px 0;color:#aaa;font-size:12px;line-height:18px} .titlebox .t_more:hover{color:#aa0114;text-decoration:underline} /*zx-container*/ .zx-container{ width:1200px; margin:30px auto 40px;} /*zx-l*/ .zx-container .zx-l{ float:left; width:458px;} /*幻灯*/ .zlt-column .bd{position:relative;overflow:hidden;width:100%;height:300px} .zlt-column .bd ul{position:absolute;top:0;left:0;width:2100px;height:300px} .zlt-column .bd li{position:relative;float:left;width:457px;height:300px;overflow: hidden;} .zlt-column .bd li img{display:block;width:100%;height:100%;object-fit: cover;} .zlt-column .bd li p{position:absolute;bottom:0;left:0;display:block;padding:65px 20px 0;width:417px;height:48px;color:#fff;font-weight:700;font-size:24px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 200) 100%); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;} .zlt-column .bd li p a{color:#fff} .zlt-column .hd{padding-top:3px;width:100%;height:77px;background:#1a1a1a} .zlt-column .hd li{float:left;display:inline-block;margin-left:4px;width:105px;height:68px;cursor:pointer;overflow: hidden;border:2px solid rgba(255,255,255,.2)} .zlt-column .hd li img{display:block;width:100%;height:100%;object-fit: cover} .zlt-column .hd li.on {border-color:#f9bc00} /*zlb-column*/ .zlb-column ul{ overflow:hidden; margin:-15px 0 0 -20px;} .zlb-column li{ float:left; width:219px; margin:15px 0 0 20px;} .zlb-column li .theimg{ display:block; width:219px; height:146px;} .zlb-column li .theimg img{ display:block; width:100%; height:100%; object-fit:cover;} .zlb-column li .theimg img:hover{ opacity:0.9;filter(alpha=90)} .zlb-column li .theinfo{ display:block; width:219px; margin:10px 0 0 0;} .zlb-column li .theinfo p{ display:block; width:219px; color:#7e7e7e; font-size:16px; line-height:17px; height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;} .zlb-column li .theinfo p:hover{ color:#aa0114;} /*zx-c*/ .zx-container .zx-c{float:left;margin:0 0 0 30px;width:408px} .zx-container .zx-c .zx-ctit .h1{display:block;overflow:hidden;margin:0 0 14px 0;height:40px;color:#9a0819;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:20px;line-height:40px} .zx-container .zx-c .zx-ctit .h1:hover{ text-decoration:underline;} .zx-container .zx-c .zx-ctit .p{display:block;overflow:hidden;margin:0 0 20px 0;height:40px;color:#9a0819;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:20px;line-height:40px} .zx-container .zx-c .zx-ctit .p:hover{ text-decoration:underline;} .zx-container .zx-c ul{margin:12px 0 0 0} .zx-container .zx-c li{overflow:hidden;margin:3px 0 0 0;padding-left:16px;height:30px;background:url(/uploads/image/lszimages/icon-hot-point.png) no-repeat;background-position:0 0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px} .zx-container .zx-c li:first-child{background:url(/uploads/image/lszimages/icon-dian.jpg) no-repeat left center;color:#333;font-weight:700;font-size:16px} .zx-container .zx-c li:hover{background-position:0 -30px} .zx-container .zx-c li:hover a{ color:#9a0819;} .zx-container .zx-c li:first-child:hover{background:url(/uploads/image/lszimages/icon-dian.jpg) no-repeat left center;color:#333!important;font-weight:700;font-size:16px} .zx-container .zx-c li:first-child:hover a{color:#333!important} /*zx-r*/ .zx-container .zx-r{ float:right; width:278px;} /*zrt-column*/ .zx-r .zrt-column{height:360px;border: 1px solid #e5e5e5;background: #f8f8f8;} .zx-r .zrt-column .tit{height:44px; line-height:32px; background-color:#9a0819;} .zx-r .zrt-column .tit .toh{float:left;display:block;margin:0 0 0 9px;color:#fff;font-size:18px;line-height:44px; font-weight:bold;} .zx-r .zrt-column .tit .toh:hover{text-decoration:underline} .zx-r .zrt-column .tit span{float:left;display:block;color:#fff;margin:0 0 0 9px;font-size:18px;line-height:44px; font-weight:bold;} .zx-r .zrt-column .tit .more{float:right;display:block;margin:0 9px 0 0;color:#fff;font-size:12px;line-height:44px;} .zx-r .zrt-column .tit .more:hover{text-decoration:underline} .zx-r .zrt-column .zc-cb{border:1px solid #e5e5e5; background:#f8f8f8;} .zx-r .zrt-column .theimg{position:relative;display:block;overflow:hidden;margin:10px auto;width:260px;height:130px} .zx-r .zrt-column .theimg img{display:block;width:100%;height:100%;transition:all .5s ease 0s;object-fit:cover} .zx-r .zrt-column .theimg img:hover{transform:scale(1.1,1.1)} .zx-r .zrt-column .theimg p{position:absolute;bottom:0;left:0;z-index:2;padding:0 15px;width:230px;height:29px;background-color:rgba(0,0,0 ,.5);color:#fff;text-align:center;font-size:16px;line-height:29px} .zx-r .zrt-column .theinfo{display:block;overflow:hidden;margin:8px 9px 0 9px;padding:0 0 0 15px;height:26px;background:url(/uploads/image/lszimages/icon-bg.png) no-repeat;background-position:-178px 12px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:26px} .zx-r .zrt-column .theinfo:hover{background-position:-178px -28px;color:#9a0819} /*zrb-column*/ .zrb-column .z-c{margin:-11px 0 0 0} .zrb-column .z-c .theimg{position:relative;display:block;overflow:hidden;margin:11px 0;width:278px;height:150px} .zrb-column .z-c img{z-index:9;display:block;width:100%;height:100%;transition:all .5s ease 0s;object-fit:cover} .zrb-column .z-c i{position:absolute;bottom:0;left:0;z-index:10;width:100%;height:49px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,200) 100%)} .zrb-column .z-c p{position:absolute;bottom:7px;left:0;z-index:11;overflow:hidden;padding:0 5%;width:90%;height:20px;color:#fff;text-align:left;font-size:13px;font-family:'宋体';line-height:20px} .zrb-column .z-c:hover img{transform:scale(1.1,1.1)} .zrb-column dd{overflow:hidden;padding-left:16px;height:30px;background:url(/uploads/image/lszimages/icon-hot-point.png) no-repeat;background-position:0 0;text-overflow:ellipsis;white-space:nowrap;line-height:30px; margin:2px 0 0 0;} .zrb-column dd:hover{background-position:0 -30px} .zrb-column dd:hover a{color:#9a0819} .zrb-column dd a{height:30px;color:#666;font-size:14px} /*zt-container*/ .zt-container{ width:1200px; margin:0 auto 40px; position:relative;} .zt-container .hd{ float:left;} .zt-container .hd ul{ margin:-16px 0 0 0;} .zt-container .hd li{ cursor:pointer; background:url(/uploads/image/lszimages/icon-bg.png); background-position:0 0; height:48px; width:126px; text-align:center; margin:16px 0 0 0;} .zt-container .hd li.on{ background-position:0 -59px;} .zt-container .hd li.on span{ color:#fff;} .zt-container .hd li span{ color:#9a0819; font-size:20px; font-weight:bold; line-height:48px; height:48px;} .zt-container .bd{ float:right;} .zt-container .bd ul li{ overflow:hidden;} .zt-container .bd ul .theimg{ float:left; width:159px; height:118px; position:relative; margin:0 0 0 20px;} .zt-container .bd ul .theimg:hover p{ color:#fff; background-color:#9a0819;} .zt-container .bd ul .theimg img{ display:block; width:100%; height:100%; object-fit:cover;} .zt-container .bd ul .theimg img:hover{ opacity:0.9;filter(alpha=90)} .zt-container .bd ul .theimg p{ position:absolute; left:0; bottom:0; z-index:2;background-color:#f1f1f1; color:#333333; font-size:16px; line-height:32px; height:32px; width:139px; padding:0 10px; text-align:center;} /*ls-container*/ .ls-container{ width:1200px; margin:0 auto;} .ls-container .ls-container-tit{ margin:0 0 30px 0;} .ls-container .ls-container-tit h2{ color:#333333; font-size:36px; font-weight:bold; width:258px; text-align:center; line-height:35px; height:35px; background:url(/uploads/image/lszimages/icon-bg.png); background-position:0 -122px; margin:0 auto;} .ls-container .ls-container-nav{ background-color:#f1f1f1; overflow:hidden; padding:17px 18px 17px 0; margin:0 0 30px 0;} .ls-container .ls-container-nav a{ display:block; float:left; margin:0 11px 0 29px; color:#333333; font-size:14px; line-height:30px;} .ls-container .ls-container-nav a:hover{ color:#9a0819;} .ls-container .ls-container-ul{ overflow:hidden; margin:0 0 0 -30px;} .ls-container .ls-container-li{ float:left; width:380px; margin:0 0 40px 30px;} .ls-container .ls-container-li .thebg{ margin:0 0 20px 0; height:35px;} .ls-container .ls-container-li .thebg .tit{ color:#333333; font-size:20px; font-weight:bold; text-align:center; line-height:36px; background:url(/uploads/image/lszimages/icon-bg.png); background-position:0 -169px; width:138px; height:36px; margin:0 auto; display:block; cursor:pointer;} .ls-container .ls-container-li .thebg .tit:hover{ color:#9a0819;} .ls-container .ls-container-li .theimg{ display:block; overflow:hidden; width:380px; height:217px; position:relative; margin:0 0 15px 0 ;} .ls-container .ls-container-li .theimg img{ display:block; width:100%; height:100%; object-fit:cover;transition:all .5s ease 0s} .ls-container .ls-container-li .theimg img:hover{transform:scale(1.1,1.1)} .ls-container .ls-container-li .theimg p{ position:absolute; left:0; bottom:0; z-index:2;background-color: rgba( 0, 0, 0 ,0.5); color:#ffffff; font-size:16px; line-height:40px; height:40px; width:350px; padding:0 15px; text-align:center;} .ls-container .ls-container-li .theimg02{ display:block; overflow:hidden; width:380px; height:440px; position:relative;} .ls-container .ls-container-li .theimg02 img{ display:block; width:100%; height:100%; object-fit:cover;transition:all .5s ease 0s} .ls-container .ls-container-li .theimg02 img:hover{transform:scale(1.1,1.1)} .ls-container .ls-container-li .theimg02 p{ position:absolute; left:0; bottom:0; z-index:2;background-color: rgba( 0, 0, 0 ,0.5); color:#ffffff; font-size:20px; line-height:60px; height:60px; width:350px; padding:0 15px; text-align:center;} .ls-container .ls-container-li .theinfo{ display:block; color:#333333; font-size:16px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 16px; background:url(/uploads/image/lszimages/icon-bg.png) no-repeat; background-position:-178px 11px; margin:8px 0 0 0;} .ls-container .ls-container-li .theinfo:hover{ background-position:-178px -29px; color:#9a0819;} @media screen and (min-width:320px) and (max-width:768px) { .zx-container { width: 100%; margin: 0; } .zx-container .zx-l { float: left; width: 100%; } .zlt-column .bd ul { position: absolute; top: 0; left: 0; width: 100% !important; height: 300px; } .zlt-column .bd li { position: relative; float: left; width: 100% !important; height: 300px; overflow: hidden; } .titlebox { overflow: hidden; width: 100%; } .zlb-column li { float: left; width: 45%; margin: 15px 0 0 13px; } .zlb-column li .theimg { display: block; width: 100%; height: 146px; } .zx-container .zx-c { float: none; margin: 0 auto; width: 96%; } .zx-container .zx-r { float: none; width: 96%; margin: 0 auto; } .zt-container { width: 96%; margin: 0 2%; position: relative; } .zt-container .bd { float: none; width: 100%; } .bd ul { position: relative; width: 100% !important; height: auto; } .bd ul li { position: relative; width: 100% !important; left: 0px; top: 0px; } .zt-container .bd ul .theimg { float: left; width: 44%; height: 118px; position: relative; margin-right: 20px; margin-top:20px; } .ls-container { width: 100%; margin: 20px auto; } .ls-container .ls-container-li { float: left; width: 100%; margin: 0; } .ls-container .ls-container-li .theimg { display: block; overflow: hidden; width: 100%; height: 217px; position: relative; margin: 0 0 15px 0; } .ls-container .ls-container-ul { overflow: hidden; margin: 0; } .ls-container .ls-container-li .theinfo { display: block; color: #333333; font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0 0 16px; background: url(/uploads/image/lszimages/icon-bg.png) no-repeat; background-position-x: 0%; background-position-y: 0%; background-position: -178px 11px; margin: 8px 0 0 8px; } .wrap1200 { width: 100%; margin: 0 auto; } }