@charset "utf-8"; .header { background: #cb0000 url(../images/headBg1.jpg) no-repeat left top; } .headerCx{ height:88px;} .logo { float: left; margin-top:22px; } .footer{ font-size: 14px; line-height: 24px; color: #ffffff; background: #d50000 url(../images/foot_bg1.png) no-repeat left bottom; background-size: auto 100%; } .footBx{ background: url(../images/foot_bg2.png) no-repeat right bottom; overflow: hidden; padding: 17px 0px 13px; } .topSerBox { line-height: 36px; float: left; height: 36px; width: 186px; position: relative; z-index:1; overflow:hidden } .top_int { font-size: 14px; line-height: 36px; color: #666; height: 36px; width: 100%; border-width: 0px; border-style: none; padding: 0px 46px 0px 18px; } .serBtn { background: url(../images/top_si.jpg) no-repeat center center; display: inline-block; position: absolute; top: 2px; right: 11px; height: 31px; width: 31px; } @media (max-width:1399px){ .hmFs_aBox {height: 480px; } } @media (max-width:993px){ .hmFs_aBox {height: 260px; } .headerCx{height:auto;} .logo{margin:20px 0;} } @media (max-width:767px){ .hmFs_aBox {height: 160px; } .hmFocus .swiper-button-prev{left:0px; transform:scale(0.7); transform-origin:left center;} .hmFocus .swiper-button-next{right:0px; transform:scale(0.7); transform-origin:right center;} .headerCx{text-align:center;} .topSerBox{width:100%;} } .topRx { float: right; margin-top: 26px; position: relative; padding-left: 90px; } .top_wx{ background: url(../images/top_wx.png) no-repeat center center; display: inline-block; height: 26px; width: 26px; position: absolute; left: 0px; top: 5px; background-image: url(../images/top_wx.png); } .top_sina{ background: url(../images/top_wx.png) no-repeat center center; display: inline-block; height: 26px; width: 26px; position: absolute; left: 43px; top: 5px; } .footLx { float: left; width: 650px;} .foot_itms{ padding-left: 0px; padding-top:10px; } .foot_itms span{ display: inline-block; white-space: nowrap; margin-right: 22px; opacity:0.8 } .footRx { float: right; width: 168px; text-align: center; } .footRx p { margin-top: 5px; font-size: 12px; line-height: 22px; } .foot_itms srtong{ font-size: 16px; line-height: 34px; display: block; } .foot_itms srtong a{margin:0 3px;} @media (max-width:993px){ .footLx{width:100%; float:none; margin-bottom:15px;} .footRx{width:100%; float:none; text-align:center; padding-bottom:20px;} } @media (max-width:767px){ .logo{display:block; float:none;} .header{height:auto; padding-bottom:15px; background-size:cover;} .topRx{width:100%; margin-top:10px; float:none; text-align:center;} .topRx_a1,.topRx_a2{display:inline-block; margin:0 25px; float:none;} .footRx{text-align:left; padding-left:0px;} } .m2ban{ height: 290px; } .m2pos{ font-size: 14px; line-height: 56px; text-align:right} .m2tnm{ font-size: 20px; line-height: 54px; margin-top: 0px; position: relative; height: 56px; border-bottom: 2px solid #CB0000; } .m2nul{ padding: 32px 0px 0px; margin-bottom: 45px; } .m2nul li { margin-bottom: 20px; min-height: 150px; padding-bottom: 20px; border-bottom: 1px dashed #D4D4D4; } .m2naBox .overflowHide{ float: left; height: 141px; width:200px; border: 1px solid #DEDEDE; } .m2nNoimg .m2nRx{margin-left:0;} .m2naBox {display:block; overflow:hidden;} .m2naBox.m2nNoimg .overflowHide{display:none;} .m2nRx{margin-left:228px;} .m2nRx .ellipsis{ line-height: 44px; height: 44px; font-size: 16px; font-weight: normal; display: block; margin-bottom: 3px; } .m2nTnm{ line-height: 28px; color: #888; font-size: 14px; } .m2nRx p{ font-size: 14px; line-height: 24px; color: #666; height: 48px; overflow: hidden; } .m2nMain{ overflow: hidden; background: #fff; padding: 20px 20px; margin-bottom:20px; } .m2menu{ float: left; width: 158px; } .m2Rcon{ margin-left: 188px; padding: 0 10px 0 0px; position: relative; } .m2mNm{ line-height: 52px; height: 60px; background: url(../images/m2mbg.jpg) no-repeat center bottom; font-size: 20px; color: #FFF; margin-top:0px; padding: 8px 0px 0px 28px; background-size:cover; } .m2mul{ padding-bottom: 80px; overflow:hidden; } .m2mul li{ margin-bottom:6px;} .m2mul_a{ font-size: 14px; line-height: 36px; display: block; padding-left: 30px; position: relative; background: #f2ede8; } .m2mul_a:before{ content: "";display: inline-block; height: 15px; width: 8px; position: absolute; top: 50%; right: 20px; margin-top: -7px; } .m2mul_a:hover,.m2mul_a.on{ background: #cb0000; color: #fff; } .m3bom { background: #FEFEFE; border: 1px solid #F0F0F0; padding: 20px 25px 35px; margin: 0px 30px 95px; } .m3bom strong { font-size: 16px; line-height: 32px; display: block; margin-bottom: 10px; height: 32px; } .m3bom_ul li { line-height: 40px; background: url(../images/m3squer.jpg) no-repeat 6px center; height: 41px; border-bottom: 1px solid #E2E2E2; padding: 0px 90px 0px 26px; overflow: hidden; position: relative; } .m3bom_ul li .ellipsis { line-height: 40px; display: block; height: 40px; font-size: 14px; } .m3bom_ul li span { color: #666; display: inline-block; position: absolute; top: 0px; right: 12px; } @media (max-width:993px){ .m2nul{padding-left:0; padding-right:0;} .m3bom{margin-left:0; margin-right:0;} .m2menu{ width: 150px; } .m2Rcon{ margin-left: 170px; padding-right:0 } .m2nRx{margin-left:220px;} .m2nMain{ padding: 25px 15px 25px; } } @media (max-width:767px){ .m3bom{margin-bottom:70px;} .m3bom_ul li span{display:none;} .m3bom_ul li{padding-right:0;} .m2pos{ font-size: 14px; line-height: 48px;} .m2nul{ padding-top:30px; padding-bottom:10px;} .m2nul li{min-height:inherit;} .m2nRx .ellipsis{ line-height: 36px; height: 36px; font-size: 16px; } .m2nRx p{font-size:14px; line-height:26px; height:78px; overflow:hidden;} .m2naBox .overflowHide{width:100%; float:none; height:185px; margin-bottom:10px;} .m2nRx{margin-left:0;} .m2tnm{margin-top:0px;} .m2menu{ width: 100%; float:none; } .m2Rcon{ margin-left: 0px; } .m2mul li{width:50%; float:left;} .m2mul{padding-bottom:45px;} .m2ban{ height: 150px; } .m2mul_a{font-size:15px;} .m2Rcon{padding-left:10px; padding-right:10px;} .m2nul{padding-top:8px;} .m2mul{padding-bottom:10px} .m2nRx p{height:auto;} .m2nul li:last-child{padding-bottom:0; margin-bottom:0;} } .sPage { text-align: center; height: 120px; clear: both;} .sPage a:hover{ text-decoration: none; } .sPage a,.sPageSel{vertical-align:middle;} .sPage_a { line-height: 42px; border: 2px solid #fff; font-size: 18px; text-align: center; display: inline-block; padding: 0px 13px; min-width: 48px; border-radius: 50%; margin: 0px 10px;} .sPage_prev,.sPage_next{border-radius:0.6em;} .sPage_a.on,.sPage_a:hover{ border: 2px solid #bd0808; background: #FFF; box-shadow:0 0 4px 2px rgba(45,56,187,0.2); color:#bd0808 } @media (max-width:993px){ .sPageSel,.sPage_pc{display:none;} } @media (max-width:767px){ .sPage_a { line-height: 36px;border: 1px solid #fff; font-size: 14px; padding: 0px 10px; min-width: 38px; margin-left:0; margin-right:0; } .sPage_a.on,.sPage_a:hover{ border: 1px solid #CE1630; } .sPage { height:auto; padding-bottom:25px; padding-top:20px; margin-left:-10px; margin-right:-10px; } } .m3nt{ font-size: 22px; line-height: 40px; text-align: center; border-bottom: 1px solid #A5A5A5; padding: 38px 35px 20px; } .m3nInfo{ text-align: center; line-height: 26px; font-size: 14px; color: #666; padding: 18px 35px 30px; } .m3nInfo span{ display: inline-block; margin: 0px 10px; } .m3nEditor{ font-size: 17px; line-height: 34px; margin-bottom: 45px; padding: 0px 35px; } .m3nEditor{padding-top:35px;} .m3nShare{height:105px; padding: 0px 35px;} .m3nShare strong{float:right; line-height:46px; font-size:16px;} .m3nConx{ margin-bottom: 25px; } @media (max-width:767px){ .m3nt{ font-size: 20px; line-height: 30px; padding: 28px 0px 20px; } .m3nInfo span{ font-size:13px;margin: 0px 6px; } .m3nEditor{ font-size: 15px; line-height: 28px; margin-bottom: 35px; padding: 0px 0px; } .m3nShare{height:55px; padding: 0px 0px;} .m3nShare strong{font-size:15px;} .m3nConx{padding-left:0px; padding-right:0px;} } .m2ru1{margin-bottom:0px; padding-top:0px; padding-bottom:45px; padding-top:25px;} .m2ru1 li a{ line-height: 46px; height: 47px; border-bottom: 1px solid #F3F3F3; padding-left: 64px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; background: url(../images/m2i1a.png) no-repeat 24px center; display:block } .m2ru1 li a:hover{background:#fff url(../images/m2i1a.png) no-repeat 27px center;} .m2ru1 li span{font-size:12px; display:inline-block; margin-right:5px;} @media (max-width:767px){ .m2ru1 li span{display:none;} .m2ru1 li{padding-left:28px;} .m2ru1_a{font-size:14px;} .m2ru1 li{ background: #fff url(../images/m2i1a.png) no-repeat 10px center; } .m2ru1 li:nth-child(2n){background:#F9F9F9 url(../images/m2i1a.png) no-repeat 10px center;} .m2ru1 li a{padding-left:0; background:none; font-size:14px;} .m2Rcon{padding-left:0; padding-right:0;} .m2ru1{padding-bottom:0;} } .m2perul{ margin: 45px 0px 25px; overflow:hidden } .m2perul li{padding:0 15px; margin-bottom:28px; width:25%; float:left} .m2per_aBox .overflowHide { height: 212px; } .m2per_aBox { background: #FFF; display:block} .m2perBom{ line-height: 20px; padding: 8px 5px 0px; height: 84px; text-align: center; } .m2perBom strong { font-size: 16px; line-height: 24px; display: block; font-weight: normal; } .m2imgul{ margin: 45px 0px 25px; overflow:hidden } .m2imgul li{ padding: 0px 18px; margin-bottom: 25px; float: left; width: 50%; } .m2img_aBox .overflowHide{ height: 212px; } .m2img_aBox{ display: block; background: #fff; padding-bottom: 13px; border-bottom: 1px solid #E6E6E6; } .m2imgBom{ padding: 8px 20px 0px; } .m2imgBom span { font-size: 12px; line-height: 22px; color: #666; display: inline-block; } .m2imgBom p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; } @media (max-width:993px){ .m2perul li{width:50%;} .m2imgul{margin-left:-10px; margin-right:-10px; margin-bottom:0} .m2imgul li{padding-left:10px; padding-right:10px;} .m2img_aBox .overflowHide{height:180px;} } @media (max-width:767px){ .m2perul{margin-left:-5px; margin-right:-5px; margin-bottom:0} .m2perul li{padding-left:5px; padding-right:5px; margin-bottom:12px} .m2imgul li{width:100%;} } body{background:#f3f3f3;} .hmBan { height: 355px; position: relative; overflow:hidden } .hmBanTxt { font-size: 28px; line-height: 40px; color: #FFF; text-align: center; padding: 32px; width: 550px; position: absolute; left: 0px; bottom: 32px; z-index: 2; background:rgba(203,0,0,0.8); transition:all 0.8s ease-in-out; transform:translateX(-150px); opacity:0 } .active .hmBanTxt{opacity:1; transform:translateX(0);} .hmCon2 { margin-top: 22px; } .hmCon3 { margin-top: 14px; } .hmc2Lx { background: #FFF; border-top: 1px solid #D85E5E; height: 332px; padding: 8px 25px 0px; float:left; width:738px; } .hmc2Rx { background: #FFF; border-top: 1px solid #D85E5E; height: 332px; padding: 8px 25px 0px; float:right; width:318px; } .hmc3Lx { background: #FFF; border-top: 1px solid #D85E5E; height: 245px; padding: 8px 25px 0px; float:left; width:532px; } .hmc3Rx { background: #FFF; border-top: 1px solid #D85E5E; height: 245px; padding: 8px 25px 0px; float:right; width:524px; } .hmCon4{ background: #FFF; border-top: 1px solid #D85E5E; padding: 8px 25px 20px; margin-top:14px; margin-bottom:20px; } .hmtbox { font-size: 20px; line-height: 36px; height: 36px; } .hmtmore,.hmtmore:hover{ font-size: 14px; color: #d50000; display: inline-block; margin-left: 15px; } .hmtmore:hover{text-decoration:underline;} .hmCon1 .slick-dots{bottom:24px; text-align:right; padding-right:20px;} .hmCon1 .slick-dots li button{display:none;} .hmCon1 .slick-dots li{width:9px; height:9px; background:#fff; border-radius:50%;} .hmCon1 .slick-dots li.slick-active{ background:#CC0404} .hmu1{ padding-top: 15px; } .hmu1.clearfix li { height: 85px; } .hmu1_aBox{display:block; overflow:hidden; color: #666;} .hmu1_aBox .overflowHide{ float: left; height: 70px; width: 120px; } .hmu1Rx { font-size: 14px; line-height: 22px; margin-left:145px; } .hmu1Rx p { height: 44px; overflow: hidden; } .hmu1Rx span{color:#666;} .hmu2{ margin-top:15px;} .hmu2 li { font-size: 14px; line-height: 22px; margin-bottom: 18px; background: url(../images/hmc1_squer.png) no-repeat left 7px; padding-left: 15px; } .hmu2_a{color:#666;} .hmu2_a span{display:inline-block; margin-left:18px; color:#666} .hmu3 { margin-top: 7px; } .hmu3 li { background: url(../images/hmc1_squer2.png) no-repeat left center; font-size: 14px; line-height: 34px; height: 34px; padding-left: 16px; } .hmu3 li span{display:inline-block; margin-left:18px;} .hmu4{ margin: 12px -5px 0px; } .hmu4 li{ padding: 0px 5px; margin-bottom: 10px; width:25%; float:left } .hmu4_a{ line-height: 30px; display: block; height: 32px; border: 1px solid #E9E8E8; padding: 0px 18px; font-size: 14px; color: #666; border-radius:1.8em;} .hmCon1 .slick-slide img{display:none!important;} @media (max-width:1199px){ .hmc2Lx{width:610px;} .hmc3Lx,.hmc3Rx{width:464px;} } @media (max-width:993px){ .hmc2Lx{width:100%;} .hmc3Lx,.hmc3Rx{width:100%;} .hmc2Rx{width:100%; height:auto; padding-bottom:12px;} .hmu4 li{width:33.333%;} .hmc2Lx{margin-bottom:14px;} .hmc3Lx{margin-bottom:14px;} .footBx{background:none;} } @media (max-width:767px){ .hmBan { height: 220px; } .hmBanTxt { font-size: 14px; line-height: 22px; padding: 12px 15px; width: 100%; bottom: 36px;} .hmCon1 .slick-dots{bottom:10px;} .hmc2Lx{padding-left:12px; padding-right:12px;} .hmu1_aBox .overflowHide{width:100px;} .hmu1Rx{margin-left:115px;} .hmc2Rx{padding-left:12px; padding-right:12px;} .hmc3Lx{padding-left:12px; padding-right:12px;} .hmu3 li span{display:none;} .hmu3 li{height:34px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block} .hmu4 li{width:100%;} .hmCon4{padding-left:12px; padding-right:12px;} }