@charset "UTF-8"; .hmBan{height:512px;} .headTop{ background:rgba(192,14,15,0.75); height:115px; width:100%; position:absolute; left:0; top:0; z-index:50;} .hmFocus161009{ height:100%;} .hmFocus161009,.hmFocus161009 .swiper-wrapper{height:100%;} .hmFocus161009 .bgImg{position:absolute; left:0; top:0; width:100%;height:100%;} .hmFocus161009 .hmFocusBtnL{ background: rgba(0,0,0,0.35) url(../images/hm161009BtnL.png) no-repeat center center; height: 86px; width: 43px; margin-top: -43px; position: absolute; z-index: 5; left: 0px; top: 50%; display:block; border-radius:0 0.2em 0.2em 0 } .hmFocus161009 .hmFocusBtnR{ background: rgba(0,0,0,0.35) url(../images/hm161009BtnR.png) no-repeat center center; height: 86px; width: 43px; margin-top: -43px; position: absolute; z-index: 5; right: 0px; top: 50%; display:block; border-radius:0.2em 0.2em 0 0 } .logo{float:left; margin-top:26px;} @media (max-width:993px){ .hmBan{height:312px;} } @media (max-width:767px){ .hmBan{height:180px;} .hmFocus161009 .hmFocusBtnL{ height: 60px; width: 28px; margin-top: -30px; background-size:12px auto;} .hmFocus161009 .hmFocusBtnR{ height: 60px; width: 28px; margin-top: -30px; background-size:12px auto;} } .hmCon1{ background: #F4F4F3; padding: 55px 0px; } .hmc1L { float: left; width: 65.5%; padding-right: 40px; } .hmc1R { float: right; width: 34.5%; padding-top: 10px; } .hmtbox{ line-height: 40px; height: 40px; font-size: 22px; color: #000; } .hmt_m{ font-size: 14px; color: #c72f24; display: inline-block; margin-left: 20px; font-weight: normal; position:relative; top:-3px; } .hmu1 li{ margin-bottom:49px;} .hmu1_aBox .overflowHide { float: left; height: 100px; width: 158px; } .hmu1 { padding-top: 24px; } .hmu1_rx { margin-left: 186px; } .hmu1_t { line-height: 32px; height: 32px; margin-bottom: 5px; padding-right: 110px; position: relative; } .hmu1_t .ellipsis { font-size: 18px; line-height: 32px; height: 32px; font-weight: bold; } .hmu1_t span { display: inline-block; font-size: 18px; line-height: 32px; position: absolute; top: 0px; right: 0px; } .hmu1_rx p { font-size: 16px; line-height: 30px; color: #666; height: 60px; overflow: hidden; } .fmBox { background: #FFF; height: 447px; padding: 20px 35px 0px; } .fm_t { font-size: 18px; line-height: 58px; height: 58px;} .fmul li { line-height: 47px; height: 49px; margin-bottom: 17px; position: relative; } .fmInt { line-height: 47px; height: 49px; width: 100%; border: 1px solid #E4E4E3; background: #FFF; padding: 0px 15px 0px 45px; border-radius: 0.4em; color: #666; font-size: 14px; } .fmul li img { position: absolute; top: 50%; left: 6px; margin-top: -15px; } .fmul li.fmLabler{ line-height: 60px; height: 60px; font-size: 14px; color: #999; margin: -12px 0px 0px; } .fmLabler input{opacity:0.6; margin-right:6px; position:relative; top:2px;} .fmSubmit,.fmSubmit:hover{ line-height: 47px; text-align: center; display: block; height: 47px; font-size: 18px; color: #FFF; background: #CD3C27; border-radius:0.5em;} .fmGo{ font-size: 14px; color: #cb3d2e; line-height: 26px; height: 26px; display: inline-block; text-decoration: underline; } @media (max-width:993px){ .fmBox{width:400px; position:fixed; z-index:50; left:50%; top:50%; transform:translate(-50%,-50%); padding:12px 25px 0; height:350px; display:none} .fmLayer{position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.6); z-index:40; display:none} .fmul li { line-height: 40px; height: 42px; margin-bottom: 15px;} .fmInt { line-height: 40px; height: 42px;} .fmSubmit,.fmSubmit:hover{ line-height: 44px;height: 44px;} .mCloseBtn{ background: url(../images/m2mvClose.png) no-repeat; height: 32px; width: 32px; position: absolute; top: 20px; right: 25px; cursor: pointer; } .hmc1L{width:100%; padding-right:0;} .hmc1R{width:auto; float:none} } @media (max-width:767px){ .fmBox{width:300px;} .hmt_m{ margin-left:10px;} .hmu1_aBox .overflowHide{width:100%; float:none; height:185px; margin-bottom:15px;} .hmu1_rx{margin-left:0;} .hmu1_t{padding-right:0} .hmu1_t .ellipsis{font-size:16px; } .hmu1_t span{display:block; position:static; font-size:15px; color:#999; font-weight:normal} .hmu1_t{height:auto;} .hmu1_rx p{font-size:14px; line-height:26px; height:78px;} .hmCon1{padding: 55px 0px 35px; } .hmu1 li{margin-bottom:30px;} .hmCon1{ padding: 45px 0px 55px; } } .hmCon2{ background: url(../images/hmc2Bg.jpg) no-repeat; height: 550px; padding-top: 55px; background-size:cover; } .hmCon2 .hmtbox{ color: #fff; } .hmCon2 .hmt_m,.hmCon2 .hmt_m:hover{ color: #fff; } .hmc2Swiper{ height: 329px; position: relative; padding: 0px 68px; margin-top: 36px; } .hmc2Swiper .prev{ background: url(../images/hmc4Btn.png) no-repeat; display: inline-block; height: 46px; width: 46px; position: absolute; left: 0px; top: 50%; margin-top: -23px; } .hmc2Swiper .next{ background: url(../images/hmc4Btn2.png) no-repeat; display: inline-block; height: 46px; width: 46px; position: absolute; right: 0px; top: 50%; margin-top: -23px; } .hmc2aBox .overflowHide { height: 329px; } .hmc2aBox strong{ font-size: 18px; color: #FFF; line-height: 55px; text-align: center; display: block; padding: 0px 15px; height: 55px; width: 100%; position: absolute; left: 0px; bottom: 0px; background: rgba(198,30,19,0.8); font-weight: normal; } @media (max-width:767px){ .hmc2aBox strong{ font-size:14px;} .hmc2Swiper{ padding: 0px 58px; margin-top: 30px; } .hmc2Swiper .prev,.hmc2Swiper .next{transform:scale(0.85);} .hmCon2{height:540px;} } .hmCon3{ padding: 55px 0px 80px; } .hmc3ul{ margin: 25px -18px 0px; } .hmc3ul li{ padding: 0px 18px; } .hmc3aBox { background: #C92D1B; display: block; position: relative; height: 463px; } .hmc3aBox .overflowHide { height: 271px; width: 100%; position: absolute; left: 0px; top: 0px; } .hmc3Txt{ font-size: 18px; line-height: 30px; color: #ffffff; height: 90px; overflow: hidden; position: absolute; width: 100%; left: 0px; top: 305px; padding: 0px 32px; } .hmc3ul li:nth-child(2) .hmc3aBox .overflowHide{top:auto; bottom:0;} .hmc3ul li:nth-child(2) .hmc3Txt{top:36px;} @media (max-width:993px){ .hmc3ul li:nth-child(2){display:none;} } @media (max-width:767px){ .hmc3ul li:nth-child(2){display:block;} .hmc3ul li:nth-child(2) .hmc3aBox .overflowHide{bottom:auto; top:0;} .hmc3ul li:nth-child(2) .hmc3Txt{top:305px;} .hmc3ul li{margin-bottom:20px;} .hmc3ul{ margin: 25px -15px 0px; } .hmc3ul li{ padding: 0px 15px; } .hmc3Txt{ font-size: 16px; line-height: 26px; height: 78px; padding: 0px 20px; } .hmc3aBox { height: 430px; } .hmCon3{ padding: 55px 0px 60px; } } .hmCon4{ background: #F4F4F3; padding: 55px 0px 70px; } .hmc4Swiper{ height: 338px; position: relative; padding: 0px 68px; margin-top: 36px; } .hmc4Swiper .prev{ background: url(../images/hmc5Btn.png) no-repeat; display: inline-block; height: 46px; width: 46px; position: absolute; left: 0px; top: 107px; } .hmc4Swiper .next{ background: url(../images/hmc5Btn2.png) no-repeat; display: inline-block; height: 46px; width: 46px; position: absolute; right: 0px; top: 107px; } .hmc4aBox .overflowHide { margin: 0px auto; height: 230px; width: 230px; border: 8px solid #F5130C; z-index:5; overflow:hidden; border-radius:50%; } .hmc4aBox strong{ font-size: 20px; font-weight:normal; line-height: 40px; text-align: center; display: block; margin: 8px 0px 5px; height: 40px; } .hmc4Txt{ font-size: 14px; line-height: 24px; color: #666; text-align: center; height: 48px; overflow: hidden; } @media (max-width:1199px){ .hmc4aBox .overflowHide { height: 180px; width: 180px;} } @media (max-width:767px){ .hmc4Swiper{ padding: 0px 58px; margin-top: 30px; } .hmc4Swiper .prev,.hmc4Swiper .next{transform:scale(0.85);} .hmCon4{ padding: 55px 0px 30px; } } .hmCon5{ background: #EAEAE9; padding: 45px 0px 52px; } .hmc5ul{ margin: 18px -20px 0px; } .hmc5ul li{ padding: 0px 20px; margin-bottom:20px; } .hmc5aBox .overflowHide { float: left; height: 59px; width: 71px; } .hmc5rx { margin-left: 90px; } .hmc5rx strong { font-size: 16px; line-height: 20px; display: block; height: 20px; margin-bottom: 8px; } .hmc5rx p { font-size: 14px; color: #606060; line-height: 24px; height: 48px; } @media (max-width:767px){ .hmc5rx strong { font-size: 14px; margin-bottom:4px; } .hmc5rx p { font-size: 13px; line-height:22px; height:44px; } .hmc5ul{ margin: 18px -15px 0px; } .hmc5ul li{ padding: 0px 15px; } } .footer { background: url(../images/footerBg.jpg) no-repeat center center; background-size: cover; padding: 80px 0px 90px; } .footerL{max-width:595px; float:left;} .footerR{ float: right; margin-top: 12px; } .footerCopy{ font-size: 18px; line-height: 28px; color: #FFF; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.3); margin: 50px 0px 6px; } .footerInfo{ font-size: 14px; line-height: 24px; color: #FFF; } @media (max-width:767px){ .footer { padding: 60px 0px 50px; } .footerR{float:none; width:100%; text-align:center;} .footerL{width:100%; float:none;} .footerCopy{ margin:20px 0px 6px; } } .sPage { text-align: center; height:120px; } .sPage a:hover{ text-decoration: none; } .sPage a,.sPageSel{vertical-align:middle;} .sPage_a { line-height: 46px; border: 2px solid #fff; font-size: 18px; text-align: center; display: inline-block; padding: 0px 15px; min-width: 52px; border-radius: 50%; margin: 0px 3px;} .sPage_prev,.sPage_next{border-radius:0.6em;} .sPage_a.on,.sPage_a:hover{ border: 2px solid #A21F2E; background: #FFF; box-shadow:0 0 4px 2px rgba(162,31,46,0.2); color:#A21F2E } .sPage_first{ background: url(../images/m2page_i1.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; } .sPage_first:hover{ background: url(../images/m2page_i1a.png) no-repeat center center; } .sPage_last{ background: url(../images/m2page_i2.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; } .sPage_last:hover{ background: url(../images/m2page_i2a.png) no-repeat center center; } .sPageSel{ margin-left: 15px; line-height: 30px; height: 32px; width: 62px; position: relative; display: inline-block;} .sPage_num{ line-height: 28px; display: block; height: 32px; border: 2px solid #9F9F9F; padding: 0px 25px 0px 5px; font-size: 14px; color: #666; text-align: center; overflow: hidden; border-radius:1.8em; position:relative; z-index:1 } .sPage_num:after{ content: ""; background: #6C7E87 url(../images/m2page_arrow.png) no-repeat center center; height: 30px; width: 25px; position: absolute; top: 0px; right: 0px; display: block; } .sPage_lst{ padding: 8px 0px 20px; width: 100%; position: absolute; left: 0px; bottom: 32px; border: 2px solid #9F9F9F; border-radius: 0 0 1.8em 1.8em; background: #FFF; display:none; } .sPage_lst span{ font-size: 14px; line-height: 28px; display: block; transition: all 0.5s ease-in-out; cursor: default; } .sPage_lst span:hover{ background:#efefef;} .sPage_lst div{max-height:168px; overflow-y:auto;} .sPageSel:hover .sPage_lst{display:block;} @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:85px; } } .m2main{ padding-top: 38px; } .m2pos{ font-size: 20px; line-height: 32px; background: url(../images/m2i1.png) no-repeat left center; padding-left: 28px; } .m2tnm{ font-size: 20px; line-height: 52px; border-bottom: 1px solid #C1140D; margin-top: 30px; } .m2nul{ padding: 50px 0px 0px;} .m2nul li { margin-bottom: 54px; min-height:150px; } .m2naBox .overflowHide{ float: left; height: 153px; width: 215px; border: 1px solid #DEDEDE; } .m2nRx{ margin-left: 252px; } .m2nNoimg .m2nRx{margin-left:0;} .m2naBox.m2nNoimg .overflowHide{display:none;} .m2nRx .ellipsis{ line-height: 44px; height: 44px; font-size: 18px; font-weight: normal; display: block; margin-bottom: 3px; } .m2nTnm{ line-height: 28px; color: #888; font-size: 14px; } .m2nRx p{ font-size: 16px; line-height: 30px; color: #666; height: 60px; overflow: hidden; } .m2nMain{ border-bottom: 1px solid #E4E4E4; overflow:hidden; padding-bottom:30px; margin-bottom:50px;} .m2menu{ float: left; width: 245px; } .m2Rcon{ margin-left: 268px; } .m2mNm{ line-height: 52px; height: 60px; background: url(../images/m2mbg.jpg) no-repeat center bottom; font-size: 20px; color: #FFF; margin-top: 30px; padding: 8px 0px 0px 28px; background-size:cover; } .m2mul{ background: #F9F9F9; padding-bottom: 80px; overflow:hidden; } .m2mul_a{ font-size: 15px; line-height: 48px; display: block; padding-left: 28px; background: url(../images/m2mline.jpg) repeat-x left bottom; padding-bottom: 2px; position: relative; } .m2mul_a:before{ content: ""; background: url(../images/m2mi2.png) no-repeat; display: inline-block; height: 15px; width: 8px; position: absolute; top: 50%; right: 20px; margin-top: -7px; } .m2mul_a:hover,.m2mul_a.on{ background: #FFF url(../images/m2mline.jpg) repeat-x left bottom; color: #c02118; } .m2mul_a.on:before,.m2mul_a:hover:before{ background: url(../images/m2mi1.png) no-repeat center center; } .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: 180px; } .m2Rcon{ margin-left: 200px; } .m2nRx{margin-left:232px;} } @media (max-width:767px){ .m3bom{margin-bottom:70px;} .m3bom_ul li span{display:none;} .m3bom_ul li{padding-right:0;} .m2pos{ font-size: 15px; line-height: 28px;} .m2nul{ padding-top:30px; padding-bottom:10px;} .m2nul li{min-height:inherit; margin-bottom:35px;} .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:18px;} .m2menu{ width: 100%; float:none; } .m2Rcon{ margin-left: 0px; } .m2mul li{width:50%; float:left;} .m2mul{padding-bottom:45px;} } .m3nt{ font-size: 24px; line-height: 40px; text-align: center; border-bottom: 1px solid #A5A5A5; padding: 48px 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: 18px; line-height: 36px; margin-bottom: 45px; padding: 0px 35px; } .m3nShare{height:125px; padding: 0px 35px;} .m3nShare strong{float:right; line-height:46px; font-size:16px;} @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:115px; padding: 0px 0px;} .m3nShare strong{font-size:15px;} } /*2018-12-14 CSS*/ .hmBanTxt{ padding: 0px 15px; width: 1230px; position: absolute; left: 50%; top: 0px; bottom: 0px; margin-left: -615px; display:flex; align-items:center; justify-content:center;} @media (max-width:1230px){ .hmBanTxt{left:30px; right:30px; margin-left:0; width:auto;} } .m2ru1{margin-bottom:25px; padding-top:20px;} .m2ru1 li{ line-height: 46px; height: 47px; border-bottom: 1px solid #F3F3F3; background: url(../images/m2i1a.png) no-repeat 5px center; padding-left: 38px; font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .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;} } .m2pblCon{ position:relative; margin-left:-20px; margin-right:-20px; padding-top:35px;} .m2pbl_aBox{position:relative; z-index:1; overflow:hidden; display:block; border-radius:0.3em; box-shadow:0 0 4px 3px rgba(0,0,0,0.06);} .m2pbl_des{ line-height: 22px; padding: 18px 15px 22px; } .m2pbl_des strong{font-size:14px; display:block;} .m2pbl_des p{color:#666;} .m2pblCon .item{padding:3px;} @media (min-width:1230px){ .m2Rcon2{margin-left:0; float:right; width:852px;} }