a{ text-decoration:none; } .container { height: auto; overflow: hidden; padding-bottom: 80px; } .price { width: 1200px; margin: 0 auto; } .price h2 { font-size: 24px; color: #333; line-height: 1; font-weight: 400; padding-bottom: 10px; padding-left: 10px; } .price .category { width: 1200px; overflow: hidden; position: relative; overflow: hidden; margin-bottom: 20px; text-align: center; } .price .category:after { content: ""; position: absolute; width: 100%; left: 0; top: 0; height: 1px; z-index: 2; } .price .category:before { content: ""; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; z-index: 2; } .price .category a:after { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .price .category .prev { display: none; position: absolute; top: 0; width: 59px; height: 100%; box-shadow: 0 0 3px #c6c6c7; background: #fff; text-align: center; font-size: 0; left: 0; } .price .category .prev span { display: inline-block; vertical-align: middle; width: 42px; height: 41px; background-repeat: no-repeat; background-image: url(../images/left.jpg); /*background-position: 96.77% 25%;*/ background-size: initial; } .price .category .next span { display: inline-block; vertical-align: middle; width: 42px; height: 41px; background-repeat: no-repeat; background-image: url(../images/right.jpg); /*background-position: 61.29% 25%;*/ background-size: initial; } .price .category .next { position: absolute; top: 0; width: 59px; height: 100%; box-shadow: 0 0 3px #c6c6c7; background: #fff; text-align: center; font-size: 0; right: 0; } .price .category ul{display: block;} .price .category ul li { display: inline-block; white-space: nowrap; font-size: 14px; text-align: center; margin-right: 10px; cursor: pointer; position: relative; width: 118px; height: 35px; background: #dad9d7; line-height: 35px; text-align: center; border-radius: 12px; color: #6b6b69; } .price .category ul li.active { background: #c9954a; color: #ffffff; } .price .cont { display: none; } .price .cont.active { display: block; } .price .cont ul li { width: 280px; float: left; margin: 0 10px; box-sizing: border-box; } .price .cont ul li:nth-child(4n) { margin-right: 0px!important; } .price .cont ul li a { display: block; /* border: 1px solid #E5E5E5;*/ background-color: #fff; margin-top: 20px; padding: 13px 20px 15px; } .price .cont ul li a:hover { box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1); border-color: rgba(229, 229, 229, .73); } .price .cont ul li a:hover .cont_main h3.title { color: #00a4ff; } .price .cont ul li a .cont_main { display: table-cell; vertical-align: top; } .price .cont ul li a .cont_main h3.title { font-size: 18px; font-weight: 400; color: #333; line-height: 32px; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; } .price .cont ul li a .cont_main p.desc { font-size: 14px; line-height: 1.5; color: #666; height: 42px; margin-top: -2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .group_con111{margin-top: 20px;} .group_con111 ul li{border-bottom: 1px solid #e7e7e7;} .group_content111{width:calc(100% - 210px);width: -moz-calc(100% - 210px); margin-left:167px;height:116px;} .group_content111 h4{color:#4b4b4b;font-size: 16px; line-height:1em;height: 1em;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;} .group_content111 p{color:#666666;font-size: 14px; line-height:2em;height:4em;margin-top: 18px; display: -webkit-box;text-overflow:ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;} .group_con111 ul li:hover .date1{:#b28146;color:#b28146;} .group_con111 ul li:hover h4{color:#b28146;} .group_con111 ul li:hover p{color:#b28146;} .price .cont .group_con111> ul >li{width: 1200px !important;} .m-snav .v1{display:block;height:49px;line-height:49px;font-size:16px;color:#333;position:relative;overflow:hidden; width: 207px; font-family: "微软雅黑"; text-align: center;background: #dcdcdc; margin-bottom: 18px;} .m-snav li.on .v1,.m-snav li:hover .v1{color:#fff;background:#006675;} .m-snav li.on .a1,.m-snav li:hover .a1{padding-left:33px;background:url(img/next6.png) 95% center no-repeat #fff;color:#ce1920} .m-snav li.on .v1{} .m-snav-1 li.on .v1{ } .m-snav i{background:url(../img/i-sj4.png) center center no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;display:none;width:18px;height:12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:30px} .m-snav li.on i{display:block} .m-snav dl{display:none} .m-snav li.on dl{display:block;padding-bottom:16px} .m-snav dl a{font-size:16px;color:#666666;display:block;height:40px;line-height:40px; font-family: "微软雅黑"; text-align: left; padding-left:30px;} .m-snav dl a:hover{color: #006778;} .m-snav dd.on a{background:url(../img/i-sj6.png) 30px center no-repeat #f5f3f3;-webkit-background-size:auto 12px;background-size:auto 12px;color:#ce1920} .index-snv .m-snav li.on .v1{padding-left: 33px;} .col-snav{float:left;width:210px;margin-right:30px} .col-main{overflow:hidden} .m-ban{background-position:center center;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat; position:relative;height:390px;} .wp{width: 1200px; margin: 0 auto; min-height: 600px;} .dinggaoy{float: right; width: 955px; height: auto; border: 1px solid #e5e5e5; margin-bottom: 30px;padding-bottom: 20px;} .dinggaoy1{width: 904px; margin: 0 auto;} .dinggaoy1-1{width: 904px; height: 214px; margin: 0 auto; margin-top: 24px;} .dinggaoy1-2{width: 904px; height:auto; margin: 0 auto; margin-top: 24px; font-family: "微软雅黑"; font-size: 14px; color: #666666; margin-bottom: 20px; line-height:30px;} .dinggaozd{width: 919px; margin: 0 auto;} .dinggaozd ul.nnn{width: 919px; margin: 0 auto; } .dinggaozd ul.nnn li{width: 919px; float: left; border-bottom: 1px solid #e7e7e7; padding:22px 0px;} .dinggaozd1{float: left; width: 100px; height: 100px; background: #ebebeb; text-align: center; font-family: "微软雅黑"; color: #666666; font-size: 24px; line-height:50px; padding-top: 13px;} .dinggaozd2{float: left; width: 767px; margin-left: 31px;} .dinggaozd2-1{font-family: "微软雅黑"; font-size: 16px; color: #666666; font-weight: 600; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .dinggaozd2-2{font-family: "微软雅黑"; font-size: 14px; color: #666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}