锘縝ody, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } body { background: #f5f5f5; } .content-con { width: 1200px; margin: 0px auto; margin-top: 40px; margin-bottom: 10px; } .content-con .content-left { width: 401px; float: none; margin-right: 20px; display:inline-block; vertical-align:top; } .content-con .content-left .left-top { padding-bottom: 10px; border: 2px solid #9c1816; background: #ffffff; } .content-con .content-left .left-top .l-top { background: #9c1816; height: 60px; width: 400px; display: block; padding-top: 15px; } .content-con .content-left .left-top .l-top .l-top-font { font-weight: bold; padding-left: 160px; font-size: 25px; color: #fef9bb; font-family: "榛戜綋"; } .content-con .content-left .left-top .l-con { border: none; background: #c82924; margin-top: 10px; height: 8px } .content-con .content-left .left-top .l-bom-a { display: block; width: 315px; height: 40px; line-height: 37px; padding: 5px 20px; background-color: #b9241e; color: #fff; white-space: nowrap; text-align: center; font-size: 25px; border: none; cursor: pointer; border-radius: 15px; margin-left: 22px; margin-top: 10px; } .content-con .content-left .left-con { margin-top: 20px; margin-bottom: 40px; background: #ffffff; } .content-con .content-left .left-con .l-img-top a img { width: 404px; } .content-con .content-left .left-con .l-img-bom a img { padding-top: 25px; width: 404px; } .content-con .content-left .left-con .l-bom-k { width: 404px; height: 380px; margin-top: 20px; } .content-con .content-left .left-con .l-bom-k .l-bom-top { height: 60px; background: #ebbfc0; } .content-con .content-left .left-con .l-bom-k .l-bom-top .l-bom-top-font { font-size: 28px; line-height: 55px; padding-left: 135px; } .content-con .content-left .left-con .l-bom-k .l-bom-xia { border: 2px solid #d4d4d4; border-top: none; height: 320px; } .content-con .content-left .left-con .l-bom-k .l-bom-xia ul { padding-left: 30px; } .content-con .content-left .left-con .l-bom-k .l-bom-xia ul li { height: 50px; width: 300px; color: #828181; list-style-type: disc; } .content-con .content-left .left-con .l-bom-k .l-bom-xia ul li a { color: #828181; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 365px; display:block; } .content-con .content-left .left-con .l-bom-k .l-bom-xia ul li a:hover { text-decoration: underline; } .content-con .content-left .left-con .l-bom-k .l-bom-xia ul li:first-child { padding-top: 20px; } .content-con .content-left .left-bom { background: #ffffff; } .content-con .content-left .left-bom .l-bom-to { height: 50px; text-align: center; line-height: 50px; font-size: 17px; } .content-con .content-left .left-bom .l-bom-to .l-bom-to-font { color: #773736; font-size: 22px; } .content-con .content-left .left-bom .l-bom-hr { height: 8px; border: none; background: #9b1817; } .l-bom-zx { padding-top: 10px; height: 200px; background:#ffffff; } .l-bom-zx .l-bom-zx-top { height: 100px; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-img { width: 140px; float: left; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-img img { padding: 0px 5px 0px 45px; max-height: 100px; max-width: 100px; overflow: hidden; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-font { float: left; width: 260px; height: 100px; padding-top: 10px; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-font .l-bom-zx-top-font-left { width: 260px; height: 50px; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-font .l-bom-zx-top-fonts { float: left; max-width: 200px; font-weight: bold; font-size: 21px; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-font .l-bom-zx-top-bg { background: url("/v2/images/Article-03.png") no-repeat -270px -10px; width: 40px; height: 51px; float: left; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-font .l-bom-zx-top-jj { width: 240px; height: 30px; float: left; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-font .l-bom-zx-top-jj span:first-child { padding-right: 10px; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-font .l-bom-zx-top-jj span:last-child { padding-left: 10px; } .l-bom-zx .l-bom-zx-con { padding-left: 45px; height: 60px; color: #6e6e6e; } .l-bom-zx .l-bom-zx-con div:first-child { } .l-bom-zx .l-bom-zx-con div:last-child span:first-child { color: #fb8675; } .l-bom-zx .l-bom-zx-con div:last-child span:last-child { padding-left: 45px; } .l-bom-zx .l-bom-zx-bom { height: 65px; margin-top: 25px; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-a { display: block; width: 120px; height: 35px; line-height: 28px; border: 2px solid #b9241e; background-color: white; color: #b9241e; white-space: nowrap; text-align: center; font-size: 20px; cursor: pointer; border-radius: 25px; margin-left: 30px; padding-top: 5px; padding-left: 10px; padding-right: 10px; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-a .l-bom-zx-a-zaixian { background: url("/v2/images/Article-03.png") no-repeat -155px -10px; width: 35px; height: 30px; float: left; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-a .l-bom-zx-a-photo { background: url("/v2/images/Article-03.png") no-repeat -218px -10px; width: 35px; height: 30px; float: left; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-a div:last-child { float: left; width: 80px; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-bom-left { margin-left: 10px; float: left; width: 170px; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-bom-right { float: left; width: 200px; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-a:first-child:hover .l-bom-zx-a-zaixian { background: url("/v2/images/Article-03.png") no-repeat -30px -10px; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-a:first-child:hover { color: white; background: #b9241e; } .l-bom-zx .l-bom-zx-bom .l-bom-zx-a:first-child:hover .l-bom-zx-a-photo { background: url("/v2/images/Article-03.png") no-repeat -95px -10px; } .hr-xhx { background: #818181; border: none; height: 1px; } /*.con-content img { max-width: 740px; min-width: 740px; }*/ .content-con .content-right { width: 753px; float: none; background: #ffffff; padding-left: 10px; padding-right: 10px; display:inline-block; } .content-con .content-right .right-top { height: 70px; padding-top: 10px; font-size: 18px; } .content-con .content-right .right-top .right-top-hr { margin-top: 8px; background-color: #b9241e; height: 2px; border: none; } .content-con .content-right .right-con .con-bt { font-weight: bold; text-align: center; height: 60px; width: 740px; font-size: 25px; } .content-con .content-right .right-con .con-xx { /*height: 50px;*/ width: 740px; text-align: center; } .content-con .content-right .right-con .con-a { height: 80px; width: 200px; margin-top: 30px; padding-left: 650px; } .content-con .content-right .right-con .con-a .con-a-pl a:hover .font-pl { text-decoration: underline; } .content-con .content-right .right-con .con-a .con-a-sc a:hover .font-sc { text-decoration: underline; } .content-con .content-right .right-con .con-a .con-a-pl { width: 100px; float: left; } .content-con .content-right .right-con .con-a .con-a-pl .tbiao-pl { background: url("/v2/images/Article-03.png") no-repeat -340px -12px; width: 40px; height: 50px; float: left; } .content-con .content-right .right-con .con-a .con-a-pl .font-pl { width: 60px; height: 50px; float: left; font-size: 18px; } .content-con .content-right .right-con .con-a .con-a-sc { width: 100px; float: left; } .content-con .content-right .right-con .con-a .con-a-sc .tbiao-sc { background: url("/v2/images/Article-03.png") no-repeat -400px -12px; width: 40px; height: 50px; float: left; } .content-con .content-right .right-con .con-a .con-a-sc .font-sc { width: 60px; height: 50px; float: left; font-size: 18px; } .content-con .content-right .right-con .con-font { width: 740px; height: 100px; } .content-con .content-right .right-con .con-font p { height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content-con .content-right .right-con .con-font p a:hover { text-decoration: underline; } .content-con .content-right .right-con .con-img { width:753px; height:254px; margin-left:-10px; } .content-con .content-right .right-con .con-img img { width: 773px; } .con-divtb { margin-top: 30px; } .con-tb { width:100%; } .con-tb tr td { width: 50%; float: left; height: 40px; } @media screen and (max-width:1024px) { .content-con { width: 1006px; margin: 0px auto; margin-top: 40px; margin-bottom: 10px; } .content-con .content-left { width: 304px; float: left; margin-right: 10px; } .content-con .content-left .left-top .l-top { background: #9c1816; height: 60px; width: 300px; display: block; padding-top: 15px; } .content-con .content-left .left-top .l-bom-a { display: block; width: 220px; height: 40px; line-height: 37px; padding: 5px 20px; background-color: #b9241e; color: #fff; white-space: nowrap; text-align: center; font-size: 25px; border: none; cursor: pointer; border-radius: 15px; margin-left: 22px; margin-top: 10px; } .content-con .content-left .left-top .l-top .l-top-font { font-weight: bold; padding-left: 115px; font-size: 25px; color: #fef9bb; font-family: "榛戜綋"; } .content-con .content-left .left-con .l-img-top a img { width: 304px; } .content-con .content-left .left-con .l-img-bom a img { padding-top: 25px; width: 304px; } .content-con .content-right { width: 671px; float: left; background: #ffffff; padding-left: 10px; padding-right: 10px; } .content-con .content-right .right-con .con-bt { font-weight: bold; text-align: center; height: 60px; width: 676px; font-size: 25px; } .content-con .content-right .right-con .con-img { width: 690px; height: 230px; margin-left: -10px; } .content-con .content-right .right-con .con-img img { width: 691px; } .content-con .content-right .right-con .con-a { display:none; } .content-con .content-right .right-con .con-font { display:none; } .content-con .content-left .left-con .l-bom-k { width: 303px; height: 380px; margin-top: 20px; } .content-con .content-left .left-con .l-bom-k .l-bom-top .l-bom-top-font { font-size: 28px; line-height: 55px; padding-left: 91px; } .content-con .content-left .left-con .l-bom-k .l-bom-xia ul li a { color: #828181; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 262px; display: block; } .content-con .content-left .left-bom .l-bom-to { height: 50px; text-align: center; line-height: 50px; font-size: 16px; } .l-bom-zx .l-bom-zx-top .l-bom-zx-top-font { float: left; width: 153px; height: 100px; padding-top: 10px; } .l-bom-zx .l-bom-zx-con { padding-left: 0px; height: 60px; color: #6e6e6e; } .hr-xhx { display:none; } .content-con .content-right .right-con .con-xx { /* height: 50px; */ width: 680px; text-align: center; } }