.p-title {height: 35px; border-bottom: 1px solid #ddd;} .p-title a {float: left; padding: 0 12px; font-size: 17px; height: 34px; line-height: 34px;} .p-title a.fr{ float:right;font-size:14px;color:#666;} .p-title .active {color: #bf1c20; border-bottom: 2px solid #bf1c20;} /* .m-intro {margin-bottom: 20px;} */ .m-intro {margin-bottom: 10px;background:#fff;padding:10px;} .m-intro .wrap {padding-top: 15px;} .m-intro .u-flash{float: left; width:580px; overflow: hidden; background: #fff;} .m-intro .u-flash .slider_wrap{position:relative;width:580px;height:320px; overflow:hidden;} #slider_box{position:relative;width:580px;height:320px;overflow:hidden;float:left;} #contentList li{float:left;position:relative; height:320px;} #contentList li img{width:580px;height:320px;} #previewList{position:absolute; bottom:12px;right:10px;} #previewList li{float:left;width:12px; height:12px; margin-right:10px; overflow:hidden; border-radius: 50%; background: #fff;} #previewList li:hover,#previewList li.active{background: #de0303;} .m-intro .u-flash .mask{height:40px;position:absolute;bottom:0; left:0; right: 0; display:block; display: block; filter: alpha(opacity=50);opacity: 0.5; background:#000;} .m-intro .u-flash .comt{width:580px;color:#fff;position:absolute;left:0;bottom:0;height:40px; text-indent:15px; text-align:left; overflow:hidden; line-height:40px;} .m-intro .u-flash .comt a{color:#fff; font-size:16px;} .m-intro .u-intro {float: right; width: 550px; padding: 0 1em; text-align: justify; line-height: 35px;text-indent: 2em;} /* .m-kind {margin-bottom: 20px; height: 300px;} */ .m-kind {margin-bottom: 10px; height: 365px;} /* .m-kind .btn-conflict {float: left; width: 200px;} */ .m-kind .btn-conflict {float: left; width: 210px;} .m-kind .btn-conflict a {display: block; height: 60px; line-height: 60px; padding-left: 90px; background-color: #eeeeee; background-image: url("/media/images/page/about-icon.png"); background-repeat: no-repeat; font-size: 18px; margin-bottom: 1px;} .m-kind .btn-conflict .btn0 {background-position: 30px 13px;} .m-kind .btn-conflict .btn1 {background-position: 30px -48px;} .m-kind .btn-conflict .btn2 {background-position: 30px -110px;} .m-kind .btn-conflict .btn3 {background-position: 30px -170px;} .m-kind .btn-conflict .btn4 {background-position: 30px -228px;} .m-kind .btn-conflict .btn5 {background-position: 30px -290px;} .m-kind .btn-conflict .active {background-color: #bf1c20; color: #fff; background-position-x: -164px;} .m-kind .box {float: right; width: 938px; height: 323px; border: 1px solid #ddd; background: #f7f7f7; padding: 20px; line-height: 32px; text-align: justify;} .m-kind .box li {float: left; width: 439px; height: 32px; line-height: 32px; padding-left: 25px; background: url("/media/images/arr1.png") 10px center no-repeat;} .m-kind .box li span {float: right; padding-right: 10px; font-size: 12px; color: #999;} .m-kind .box img {margin-left: 20px; display: block; width: 306px; height: 220px; float: right;} /* .m-photo {margin-bottom: 20px;} */ .m-photo {margin-bottom: 10px;background:#fff;padding:10px;} .m-photo .cnt {margin-top: 15px; height: 280px; position: relative;} .m-photo .cnt a {position: relative;display: block;overflow: hidden;width: 185px;height: 135px;float: left;margin: 0px 7px 10px 4px;} .m-photo .cnt a:hover h2 {bottom: 0;} .m-photo .cnt a:hover img {transform: scale(1.1);} .m-photo .cnt a h2 {background: rgba(0,0,0,.4); height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; position: absolute; bottom: -35px; left: 0; right: 0; -webkit-transition: .4s; transition: .4s; color: #fff;} .m-photo .cnt a img {transition: .4s;} .m-plan {height: 270px;} .m-plan .u-plan {width: 580px;} .m-plan .u-plan ul {padding-top: 10px;} .m-plan .u-plan li {height: 32px; line-height: 32px; padding-left: 25px; background: url("/media/images/arr1.png") 10px center no-repeat;} .m-plan .u-plan li span {float: right; padding-right: 10px; font-size: 12px; color: #999;}