@charset "utf-8"; /*全局*/ body{background:#fff;padding:0;margin:0;font-size:14px;line-height:30px;font-family:'microsoft yahei';} ul,form,dd,dt,dl,h1,h2,h3,h4,p{padding:0;margin:0;} a{color:#333333;text-decoration:none;} a:hover{color:#ff9724 !important;} i{text-decoration:none;font-style:normal} .w{width:1200px;margin:0 auto;} .cl{clear:both;} li{list-style:none;} img{border:0;} .mt7{margin:10px 0 0 0;} .non{display:none;} .dh{background:#f9f9f9 !important;width:100% !important;height:33px !important;text-align:right !important;border-bottom:1px solid #e4e4e4 !important;padding:3px 0 !important;} .dh img{width:54px !important;height:33px !important;float:left !important;} .dh a,.dh i{padding:0 5px 0 5px !important;line-height:33px !important;font-size:14px;font-family:'microsoft yahei';} .box{width:1200px;margin:0 auto;} .titu{height:780px;overflow:hidden;background: no-repeat center 0;position:relative;} .fullslide{width:1920px;height:780px;overflow:hidden;position:absolute;left:50%;margin:0 0 0 -960px;} .fullslide .hd{display:none;} .fullslide_m{display:none;} .fengmian{width:1920px;height:780px;background: no-repeat center 0;left:50%;margin:0 0 0 -960px;z-index:99;position:absolute;} .toutiao{height:150px;text-align:center;} .toutiao h1{font-size:42px;font-weight:500;line-height:150px;color:#753f0b;} .toutiao h1 a{color:#753f0b;} .left01{width:680px;height:420px;float:left;overflow:hidden;padding:15px 0 0 0;} .right01{width:500px;height:420px;float:right;overflow:hidden;} /*焦点图*/ .jdt{ width:680px; height:380px; overflow:hidden; position:relative;float:right;} .jdt .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:15px; z-index:1; overflow:hidden;} .jdt .hd ul{ overflow:hidden; zoom:1; float:left; } .jdt .hd ul li{ float:left; margin-left:10px; width:8px; height:8px; background:#fff; cursor:pointer;text-indent:-999em; } .jdt .hd ul li.on{ opacity:1;background:#dd6b06 } .jdt .bd{ position:relative; height:100%; z-index:0; } .jdt .bd ul,.jdt .bd ul li{width:680px !important;height:380px !important;} .jdt .bd li{ zoom:1; vertical-align:middle; } .jdt .bd img{ width:680px; height:380px; display:block; animation: slowmotion 15s infinite ease-in-out;-moz-animation: slowmotion 15s infinite ease-in-out;-webkit-animation: slowmotion 15s infinite ease-in-out;-o-animation: slowmotion 15s infinite ease-in-out;} @keyframes slowmotion { from, to {transform: scale(1) translate(0, 0);} 50% { transform: scale(1.2);} } @-moz-keyframes slowmotion { from, to {transform: scale(1) translate(0, 0);} 50% { transform: scale(1.2);} } @-webkit-keyframes slowmotion { from, to {transform: scale(1) translate(0, 0);} 50% { transform: scale(1.2);} } @-o-keyframes slowmotion { from, to {transform: scale(1) translate(0, 0);} 50% { transform: scale(1.2);} } .jdt .bd div{position:relative;display:block;height:50px;top:-50px;color:#fff;background:rgba(0,0,0,0.6);font-size:16px;padding:0 0 0 15px;line-height:50px;} .jdt .bd div a{color:#fff !important;} .tw01{overflow:hidden;margin:5px 0 0 0;padding:10px 0;background: no-repeat center bottom;} .tw01 h2{font-size:20px;font-family:'微软雅黑';word-break:keep-all;white-space:nowrap;overflow:hidden;line-height:30px;color:#333333;font-weight:500} .tw01 h2 a{color:#333333;} .tw01 p{font-size:14px;line-height:26px;text-indent:2em;padding:8px 0 0 0;overflow:hidden;color:#666666;text-align:justify;} .list{padding:15px 0 0 0;} .list li{background: no-repeat 0 15px;padding:0 0 0 15px;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/line-height:1.8em;font-size:20px;} .dh01{display:block;height:180px;background: no-repeat center 50%;clear:both;} .dh02{display:block;height:180px;background: no-repeat center 50%;clear:both;} .dh03{display:block;height:180px;background: no-repeat center 50%;clear:both;} .dh04{display:block;height:180px;background: no-repeat center 50%;clear:both;} .lxs{clear:both;height:300px;} .lxs li{position:relative;width:236px;height:270px;float:left;margin:0 0 0 4px;background:#b79e76;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .lxs li:first-child{margin:0;} .lxs li div{display:table;} .lxs li div h2{font-size: 20px;color:#fff;font-weight:400;display:table-cell;vertical-align:middle;text-align:center;} .lxs li div h2 a{color:#fff;} .lxs li:nth-child(1) div,.lxs li:nth-child(3) div{width:236px;height:135px;background: #b79e76;position:absolute;top:0;left:0;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .lxs li:nth-child(1) img,.lxs li:nth-child(3) img{width:236px;height:135px;display:block;position:absolute;top:135px;left:0;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .lxs li:nth-child(2) div,.lxs li:nth-child(4) div{width:236px;height:135px;background: #b79e76;position:absolute;top:135px;left:0;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .lxs li:nth-child(2) img,.lxs li:nth-child(4) img{width:236px;height:135px;display:block;position:absolute;top:0;left:0;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .lxs li.on{width:480px;} .lxs li.on img{width:480px;height:270px;position:absolute;left:0;top:0;z-index:1:transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .lxs li.on div{width:480px;height:50px;position:absolute;bottom:0;background:rgba(0,0,0,0.6);z-index:2;top:auto;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .lxs li.on div h2{padding:10px;line-height:1.6em;} .ktp li{width:380px;height:215px;float:left;margin:0 0 30px 30px;position:relative;} .ktp li img{width:380px;height:215px;display:block;} .ktp li div{width:380px;height:50px;position:absolute;bottom:0;background:rgba(117,63,11,0.8);color:#fff;font-size:16px;line-height:50px;text-align:center;} .ktp li div a{color:#fff;} .ktp li:nth-child(1),.ktp li:nth-child(4){margin:0 0 30px 0;} .left02{width:710px;float:left;} .right02{width:460px;float:right;} /*以下css仅为展示需要,实际使用中,请自行定制*/ .xpage-more-btn { width: 100px; text-align: center; border:1px solid #bbb; background: #eee; line-height: 2em; border-radius: 0.5em; cursor: pointer; clear:both; margin:10px auto; } .xpage-more-btn:hover { background: #ddd; } .xpage-more-btn:active { background: #ccc; } .xpage-content-list{height:500px;overflow-y:scroll;} .xpage-content-list li{background: repeat-x 0 bottom;padding:10px;width:688px;} .xpage-content-list .a a{display:block;background: no-repeat 0 14px;padding:0 0 0 15px;font-size:20px;line-height:36px;font-weight:400;} .xpage-content-list .aa .img{width:120px;height:66px;float:left;overflow:hidden;padding:10px 0 0 0;} .xpage-content-list .aa img{width:100%;height:100%;border-radius:5px;} .xpage-content-list .aa .c{width:555px;float:right;} .xpage-content-list .aa .c h2{font-size:20px;line-height:36px;font-weight:400;} .xpage-content-list .aa .c p{color:#777777;font-size:16px;line-height:1.5em;text-indent:2em;text-align:justify;} .xpage-content-list .aaa dl{display:block;clear:both;height:50px;} .xpage-content-list .aaa dt{display:inline-block;background:#165cd0;padding:0 10px;color:#fff;margin:0 10px 0 0;} .xpage-content-list .aaa dl a{font-size:20px;line-height:36px;font-weight:400;} .xpage-content-list .aaa .img a{display:inline-block;width:218px;height:120px;padding:0 5px;overflow:hidden;} .xpage-content-list .aaa .img img{width:100%;height:100%;border-radius:5px;} .xpage-content-list::-webkit-scrollbar { width: 0; height: 2px; background-color: #fff; opacity:0 } .xpage-content-list:hover::-webkit-scrollbar { width: 2px; height: 2px; background-color: #f5f5f5; opacity:1; } .xpage-content-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 2px; background-color: #f5f5f5; } /*定义滑块 内阴影 圆角*/ .xpage-content-list::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } .tu1{width:460px;height:260px;overflow:hidden;margin:0 0 20px 0;} .tu1 img{width:460px;height:260px;display:block;} .tu1 div{position:relative;display:block;height:40px;top:-40px;color:#fff;background:rgba(0,0,0,0.3);font-size:16px;line-height:40px;text-align:center;} .tu1 div a{color:#fff !important;} .mlxc{padding:50px;height:650px;background: no-repeat center 0;overflow:hidden;position:relative;} .mlxc img{width:100%;height:590px;display:block;} .mlxc .prev{width:65px;height:70px;position:absolute;background: no-repeat 0 0;left:0;top:50%;margin:-35px 0 0 0;} .mlxc .next{width:65px;height:70px;position:absolute;background: no-repeat right 0;right:0;top:50%;margin:-35px 0 0 0;} .mlxc li div{position:absolute;display:block;height:40px;bottom:0;width:1100px;color:#fff;background:rgba(0,0,0,0.3);font-size:16px;line-height:40px;text-align:center;} .mlxc li div a{color:#fff !important;} .footer{color:#fff;background:#b09872;text-align:center;height:130px;font-size:12px !important;padding-top:40px;clear:both;position:relative;width:100%;border-top:0px solid #fff;} .footer a{color:#fff !important;font-size:12px;} .footer p{text-indent:0;font-size:12px;padding:0;} .more{display:block;text-align:right;color:#b79e76;font-size:18px;}