@charset "utf-8"; /* CSS Document */ body{ font-size:12px; font-weight:normal; color:#333333; line-height:1.5; font-family:'Microsoft YaHei'; margin:auto; } *{ margin:0; padding:0; } img{ border:0; } ul,li{ list-style:none; } a{ color:#333333; text-decoration:none; transition: all 0.6s; } a:hover{ color:#00516f; text-decoration: none; } table{ margin: auto} i{ font-style:normal} em{ font-style:normal} .foot02 a{ color: #666666 !important; } @media (min-width:1200px){ .bigbox{ width:100%; margin:0 auto; position:relative; } .ncabout20 .swiper-slide { margin-top: 0px !important; } .ncabout3 .swiper-slide { margin-top: 0px !important; } .hzgys{ width: 190px; height: 98px; border: 1px solid #e3e8ef; margin-top: 18px; text-align: center; float: left; margin: 0px 9px 15px; } .bigbox .swiper-button-next { right: 80px; } .bigbox .swiper-button-prev { left: 80px; } .hzgys span{ height: 100%; display: inline-block; vertical-align: middle; } .hzgys img{ max-width: 70%; max-height: 70px; vertical-align: middle; } .wlname{ width:260px; float:left; margin-right: 25px; } .wlname dl dt{ height: 203px; text-align: center; overflow: hidden; margin-top: 20px; } .wlname dl dt img{ width: 100%; height: 100%; display: block; } .wlname dl dd{ height: 48px; line-height: 48px; background-color: #00516f; color: #FFFFFF; text-align: center; font-size: 18px; } .develop{ width:317px; float:left; font-size: 16px; color: #FFFFFF; background-image: url(../img/hsx.png); background-position: left top; background-repeat: no-repeat; position: relative; height: 245px; margin-top: 45px; } .develop dl dt{ font-size: 24px; font-weight: bold; line-height: 30px; color: #FFFFFF; margin-left: 30px; margin-right: 75px; margin-bottom: 10px; } .develop dl dd{ font-size: 16px; line-height: 30px; margin-left: 30px; margin-right: 75px; } .develop .ht{ width: 100%; height: 17px; position: absolute; bottom: 0px; left: 0; z-index: 1; background-image: url(../img/ht.png); background-position: center; background-repeat: no-repeat; } .develop .date{ width: calc(100% - 30px); position: absolute; left: 30px; font-size: 30px; color: #FFFFFF; font-weight: bold; line-height: 30px; bottom: 45px; } .ryzs{ width:320px; float:left; margin-right: 25px; } .ryzs dl dt{ height: 241px; text-align: center; overflow: hidden; } .ryzs dl dt img{ width: 100%; height: 100%; display: block; } .ryzs dl dd{ height: 39px; line-height: 39px; text-align: center; font-size: 16px; } .city{ width:78px; height:30px; float:left; transition: all 0.6s; text-align: center; font-size: 16px; } .city a{ width: 100%; height: 30px; line-height: 30px; float: left; text-align: center; } .city a:hover{ background-color: #00516f; color: #FFFFFF; } } @media (min-width:1200px) and (max-width:1399px){ .bigbox .swiper-button-next { right: -40px; } .bigbox .swiper-button-prev { left: -40px; } .main{ margin: auto; max-width:1200px; width:85%; } .main2{ margin: auto; max-width:1200px; width:85%; } .ncabout2{ width:85%; margin:40px 0px auto; } .ncabout20{ width:85%; margin:40px 0px auto; } .ncabout3{ width:85%; margin:40px 0px auto; } .ncabout4{ width:85%; margin:40px 0px auto; } .advantage3-r{ width: 43%; float: left; font-size: 16px; line-height: 36px; display:table; height: 578px; } .advantage4-l{ width:43%; float: left; line-height: 36px; font-size: 36px; } .advantage2-r{ width:43%; float: right; font-size: 16px; line-height: 36px; height: 530px; display:table; } .w1200{ width: 100%; } .w1290{ width: 100%; } .w1400{ width: 100%; } .w1330{ width: 100%; } .indexbanner .dh ul li:nth-child(7) .xiala{ left: -300px; } } @media (min-width:1400px){ .main{ width:1400px; margin: auto; } .main2{ width:1400px; margin: auto; } .ncabout2{ width:1180px; margin:40px 0px auto; } .ncabout20{ width:1050px; margin:40px 0px auto; } .ncabout3{ width:1115px; margin:40px 0px auto; } .ncabout4{ width:1330px; margin:40px 0px auto; } .advantage3-r{ width: 650px; float: left; font-size: 16px; line-height: 36px; display:table; height: 578px; } .advantage4-l{ width:450px; float: left; line-height: 36px; font-size: 36px; } .advantage2-r{ width:650px; float: right; font-size: 16px; line-height: 36px; height: 530px; display:table; } .w1200{ width: 100%; } .w1290{ width: 1290px; } .w1400{ width: 1400px; } .w1330{ width: 1330px; } .indexbanner .dh ul li:nth-child(7) .xiala{ left: 0px; } } @media (min-width:1200px) { .izl-rmenu{ margin-right: 0; width: 50px; position: fixed; right: 10px; top: 35%; z-index:99999999; } .izl-rmenu a{ background-color: rgba(0,0,0,0.6); border-radius: 5px; margin-bottom: 2px; } .izl-rmenu a:hover{ background-color: #00516f; } .izl-rmenu .consult{ background-image: url(../img/x02.png); background-repeat: no-repeat; background-position: center; display: block; height: 50px; position:relative; width: 50px; } .izl-rmenu .consult .phone { background-color: rgb(255,255,255); box-shadow: 2px 5px 15px rgba(0,0,0,0.1); position: absolute; width: 160px; left: -160px; top: 0px; line-height: 50px; color: #000; font-size: 16px; text-align: center; display: none; border-radius: 5px; } .izl-rmenu a.consult:hover .phone{display:inline !important;} .izl-rmenu .cart { background-image: url(../img/x05.png); background-repeat: no-repeat; background-position: center; display: block; height: 50px; width: 50px; font-size: 12px; line-height: 16px; color: #45BDFF; text-align: center; } .izl-rmenu .cart2 { background-image: url(../img/x03.png); background-repeat: no-repeat; background-position: center; display: block; height: 50px; width: 50px; font-size: 12px; line-height: 16px; color: #45BDFF; text-align: center; } .izl-rmenu a.cart:hover .pic{display:block;} .izl-rmenu .btn_top { background-image: url(../img/x04.png); background-repeat: no-repeat; background-position: center; display: block; height: 50px; width: 50px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; transition: all 0.6s; } .izl-rmenu .btn_top:hover { background-image: url(../img/x04.png); background-repeat: no-repeat; background-position: center; } .izl-rmenu .cart .pic { display:none; position: absolute; left: -100px; top: 100px; width: 100px; height: 100px; background:url(../img/wxewm.jpg); background-size: contain; } #udesk-feedback-tab { position: fixed; right: 10px; top: 35%; margin-top: -52px; z-index: 10000; cursor: pointer; background-image: url(../img/x01.png); background-repeat: no-repeat; background-position: center; display: block; height: 50px; width: 50px; background-color: rgba(0,0,0,0.6); z-index:999; border-radius: 5px; } .indexbanner{ width: 100%; float: left; height: 0px; padding: 22.65% 0; position: relative; } .main{ margin: auto; max-width:1400px } .main2{ margin: auto; max-width:1400px } .indexbanner .logo{ position: absolute; top: 40px; width: 226px; z-index: 999999; z-index: 999999; left: 7%; } .indexbanner .video{ width: 100%; height: 100%; position: absolute; z-index: 0; background-image: url(../img/banner01.jpg); background-position: center; background-repeat: no-repeat; overflow:hidden; top: 0; left: 0; } .indexbanner .video video{ width: 100%; } .indexbanner .word{ width: 100%; position: absolute; z-index: 999999; top: calc(50% - 89px); text-align: center; display: none; } .indexbanner .dh{ width: 86%; position: absolute; left: 7%; height: 80px; line-height: 80px; bottom: -40px; z-index: 999999; background-color: #FFFFFF; box-shadow: 2px 10px 15px rgba(0,0,0,0.2); } .indexbanner .dh ul{ display: flex; } .indexbanner .dh ul li{ width: 10%; line-height: 80px; position: relative; text-align: center; } .indexbanner .dh ul li a{ line-height: 80px; width: 100%; float: left; font-size: 16px; } .indexbanner .dh ul li img{ vertical-align: middle; } .indexbanner .dh ul li i{ height: 4px; position: absolute; z-index: 1; bottom: 0; width: 100%; background-image: url(../img/hx.png); background-position: center; background-repeat: no-repeat; visibility: hidden; opacity: 0; left: 0; transition: all 0.6s; } .indexbanner .dh ul li:hover i{ opacity: 1; visibility: visible; } .indexbanner .dh ul li:first-child{ background-color: #00516f; } .indexbanner .dh ul li .xiala{ width: auto; height: 60px; line-height: 60px; background-color: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; top: -60px; left: 0; position: absolute; transition: all 0.6s; display: flex; } .indexbanner .dh ul li .xiala ul li{ width: 70px; position: static; line-height: 60px; margin-left: 35px; margin-right: 35px; } .indexbanner .dh ul li .xiala ul li:last-child{ border: 0px; } .indexbanner .dh ul li:nth-child(8) .xiala{ left: 0px; } .indexbanner .dh ul li .xiala ul li:first-child{ background-color: transparent; } .indexbanner .dh ul li .xiala ul li a{ color: #FFFFFF; line-height: 60px; font-size: 14px; } .indexbanner .dh ul li:hover .xiala{ opacity: 1; visibility: visible; } .indexbanner .dh ul li:last-child{ border-left: 1px solid #eeeeee; } .indexbanner .dh ul li:last-child a{ color: #00516f; } .abpic{ width: 50%; float: left; margin-top: 150px; height: 12rem; position: relative; } .abpic .mask{ width: 100%; height: 100%; position: absolute; top: 32px; left: 32px; background-color: rgba(0,81,111,0.1); z-index: 1; border-radius: 44px 0px 44px 0px; overflow: hidden; } .abpic .pic{ width: 100%; height: 100%; position: absolute; z-index: 2; border-radius: 44px 0px 44px 0px; top: 0; left: 0; overflow: hidden; } .abpic .pic img{ min-width: 100%; min-height: 100%; display: block; } .abtex{ width: calc(50% - 120px); float: right; height: 12rem; display: table; font-size: 16px; line-height: 36px; margin-top: 150px; } .abtex div{ display: table-cell; vertical-align: middle; } .abtex h1{ font-size:34px; color: #000000; line-height: 48px; } .abtex dl dt{ margin-top: 25px; } .abtex dl dd{ margin-top: 45px; display: flex; } .abtex dl dd a{ width: 170px; height: 56px; border: 1px solid #00516f; color: #00516f; font-size: 16px; text-align: center; line-height: 56px; } .abtex dl dd img{ margin-left: 35px; vertical-align: middle; } .youshi{ width: 100%; float: left; margin-top: 130px; background-color: #00516f; height: 300px; } .youshi ul li{ width: 25%; float: left; color: #FFFFFF; background-image: url(../img/sx.png); background-position: center left; background-repeat: no-repeat; height: 300px; } .youshi ul li dl dt{ font-size: 14px; line-height: 24px; margin-left: 40px; margin-right: 25px; } .youshi ul li dl dd{ font-size: 36px; line-height: 36px; margin-top: 30px; margin-bottom: 30px; margin-left: 40px; } .youshi ul li dl dt:first-child{ margin-top: 65px; } .bt{ width: 100%; float: left; margin-top: 95px; } .bt dl dt{ text-align: center; font-size: 48px; line-height: 48px; color: #000000; } .bt dl dd{ font-size: 18px; margin-top: 20px; line-height: 30px; text-align: center; } .bt dl dd a{ margin-left: 10px; margin-right: 10px; } .alfl{ width: 960px; margin: auto; } .alfl01{ width: 100%; height: 135px; float: left; background-color: #FFFFFF; box-shadow: 2px 10px 15px rgba(0,0,0,0.2); margin-top: 60px; } .alfl01 ul{ display: flex; justify-content: center; } .alfl01 ul li{ width: 240px; text-align: center; position: relative; height: 135px; } .alfl01 ul li .hxian{ width: 100%; height: 4px; position: absolute; bottom: 0; z-index: 1; left: 0; background-image: url(../img/hx02.jpg); background-position: center; background-repeat: no-repeat; transition: all 0.6s; } .alfl01 ul li dl dt{ height: 40px; margin-top: 33px; } .alfl01 ul li dl dt span{ height: 100%; display: inline-block; vertical-align: middle; } .alfl01 ul li dl dt img{ max-width: 100%; max-height: 40px; vertical-align: middle; transition: all 0.6s; } .alfl01 ul li dl dd{ line-height: 50px; color: #666666; font-size: 20px; } .alfl01 ul li:first-child{ background-image: url(../img/sx02.jpg); background-position: center right; background-repeat: no-repeat; } .alfl01 ul li:last-child{ background-image: url(../img/sx02.jpg); background-position: center left; background-repeat: no-repeat; } .alfl01 ul li:hover .hxian{ opacity: 1; } .alfl01 ul li:hover{ cursor: pointer; } .fltex{ width: 100%; float: left; margin-top: 35px; height: 30px; border: 0px; } .hcaOn .pic01{ display: none; } .hcaOn .pic02{ display: inline-block; } .hcaOn .hxian{ opacity: 1; } .hcaOff .pic01{ display: inline-block; } .hcaOff .pic02{ display: none; } .hcaOff .hxian{ opacity: 0; } .incase{ width: 100%; float: left; margin-top: 25px; } .incase ul li{ width: calc(33.33% - 20px); float: left; position: relative; margin-left: 10px; margin-right: 10px; overflow: hidden; height:385px; } .incase ul li img{ min-width: 100%; height: 100%; display: block; transition: all 0.6s; } .incase ul li .tex{ width: 100%; position: absolute; bottom: 30px; line-height: 24px; left: 0; font-size: 18px; color: #FFFFFF; text-align: center; z-index: 11; } .incase ul li:hover img{ transform: scale(1.05); } .wrap{ width: 100%; float: left; background-color: #f6f6f6; margin-top: 20px; padding-bottom: 90px; } .news{ width: 100%; float: left; margin-top: 15px; } .news ul li{ width: calc(50% - 65px); float: left; padding: 25px; background-color: #FFFFFF; margin-top: 30px; position: relative; } .news ul li .date{ width: 90px; float: left; margin-top:30px; } .news ul li .date dl dt{ font-size: 48px; color: #999999; line-height: 40px; text-align: center; } .news ul li .date dl dd{ font-size: 14px; color: #999999; line-height: 20px; text-align: center; } .news ul li .tex{ width: calc(100% - 410px); float: left; margin-top:30px; } .news ul li .tex dl dt{ font-size: 18px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-weight: bold; } .news ul li .tex dl dd{ font-size: 14px; color: #666666; line-height: 20px; margin-top: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .news ul li .pic{ width: 300px; float: right; overflow: hidden; height: 175px; } .news ul li .pic img{ width: 100%; height: 100%; display: block; transition: all 0.6s; } .news ul li:nth-child(2n){ float: right; } .news ul li:hover .pic img{ transform: scale(1.05); } .hzhb{ width: 100%; float: left; background-image: url(../img/hbbj.jpg); background-position: center; background-repeat: no-repeat; position: relative; height: 560px; } .hzhb01{ width: 100%; position: absolute; z-index: 11; bottom: -95px; left: 0; } .hb01{ width: 100%; float: left; margin-top: 55px; } .hb02{ width: 100%; float: left; background-color: #FFFFFF; padding-bottom: 55px; position: relative; } .pre{ width: 41px; height: 28px; position: absolute; top: 215px; left: 28px; } .nex{ width: 41px; height: 28px; position: absolute; top: 215px; right: 28px; } .hblist{ width: 100%; float: left; } .hblist h1{ height: 80px; line-height: 80px; display: flex; justify-content: center; border-bottom: 1px solid #e3e8ef; width: 100%; } .hblist h1 span{ width: 150px; margin-left: 53px; margin-right: 53px; line-height: 80px; font-size: 20px; font-weight: normal; text-align: center; } .hblist h1 .cur{ background-image: url(../img/hx.png); background-position: center bottom; background-repeat: no-repeat; color: #00516f; } .hblist ul{ width: calc(100% - 150px); float: left; margin-left: 75px; margin-right: 75px; } .hblist ul li{ width: calc(20% - 33px); float: left; margin-left: 15px; margin-right: 15px; height: 150px; text-align: center; border: 1px solid #e3e8ef; margin-top: 30px; } .hblist ul li span{ height: 100%; display: inline-block; vertical-align: middle; } .hblist ul li img{ max-width: 80%; max-height: 80px; vertical-align: middle; } .foot{ width: 100%; float: left; padding-top: 140px; background-color: #1b2327; } .foot01{ width: 100%; float: left; } .foot01 .logo2{ width: 226px; float: left; } .foot01 .logo2 div{ height: 65px; } .foot01 .logo2 div img{ width: 100%; height: 100%; display: block; } .foot01 .logo2 ul li{ width: calc(50% - 10px); float: left; font-size: 16px; line-height: 40px; color: #999999; text-align: center; margin-top: 33px; } .foot01 .logo2 ul li img{ width: 100%; height: auto; display: block; } .foot01 .logo2 ul li:nth-child(2){ float: right; } .foot01 .bomnav{ width: calc(100% - 280px); float: right; } .foot01 .bomnav ul li{ width: 11.1%; float: left; } .foot01 .bomnav ul li dl dt{ font-size: 18px; line-height: 42px; color: #FFFFFF; } .foot01 .bomnav ul li dl dd{ font-size: 16px; line-height: 42px; color: #999999; } .foot01 .bomnav ul li dl dd a{ color: #999999; } .foot01 .bomnav ul li dl dd a:hover{ color: #FFFFFF; } .foot02{ width: 100%; float: left; margin-top: 35px; line-height: 78px; border-top: 1px solid #434343; font-size: 14px; color: #666666; } .foot02 span{ float: right; } .nybanner{ width: 100%; float: left; height: 500px; position: relative; } .nybanner .dh{ width: 86%; position: absolute; left: 7%; height: 80px; line-height: 80px; top: 20px; z-index: 999999; background-color: rgba(255,255,255,0.85); } .nybanner .dh .nylogo{ width: 267px; float: left; text-align: center; height: 80px; } .nybanner .dh .nylogo img{ vertical-align: middle; max-height: 88%; } .nybanner .dh .dh01{ width: calc(100% - 280px); float: right; } .nybanner .dh .dh01 ul{ display: flex; } .nybanner .dh .dh01 ul li{ width: 12.5%; line-height: 80px; text-align: center; height: 80px; } .nybanner .dh .dh01 ul li a{ line-height: 80px; width: 100%; float: left; font-size: 16px; } .nybanner .dh .dh01 ul li img{ vertical-align: middle; } .nybanner .dh .dh01 ul li:hover{ background-image: url(../img/hx.png); background-position: center bottom; background-repeat: no-repeat; } .nybanner .dh .dh01 ul li:hover i{ opacity: 1; visibility: visible; } .nybanner .dh .dh01 ul li .xialabj{ width: calc(100% - 280px); position: absolute; background-color: rgba(255,255,255,0.85); left: 0; top: 80px; padding-left: 280px; visibility: hidden; opacity: 0; transition: all 0.6s; padding-bottom: 20px; padding-top: 10px; border-top: 1px solid #D2D2D2; } .nybanner .dh .dh01 ul li .xialabj .xiala{ width: 12.5%; line-height: 30px; float: left; font-size: 14px; } .marl125{ margin-left: 10.5%; } .marl25{ margin-left: 21.5%; } .marl375{ margin-left: 32.5%; } .marl50{ margin-left: 43.5%; } .marl625{ margin-left: 55%; } .marl75{ margin-left: 66%; } .marl85{ margin-left: 77%; } .nybanner .dh .dh01 ul li .xialabj .xiala a{ font-size: 14px; line-height: 30px; color: #666666; } .nybanner .dh .dh01 ul li:hover .xialabj{ opacity: 1; visibility: visible; } .nybanner .dh .dh01 ul li:last-child{ background: none; } .zlm{ width: 86%; position: absolute; left: 7%; bottom: 158px; padding-bottom: 38px; background-image: url(../img/hx03.jpg); background-position: left bottom; background-repeat: no-repeat; font-size: 48px; color: #FFFFFF; line-height: 48px; } .h645{ height: 645px; } .zxbwb{ width: 86%; position: absolute; left: 7%; bottom: calc(50% - 39px); transform: translateY(50%); } .zxbwb h1{ font-size: 60px; line-height: 60px; text-align: center; color: #FFFFFF; } .zxbwb dl dt{ text-align: center; font-size: 24px; color: #FFFFFF; margin-top: 42px; letter-spacing: 5px; } .zxbwb dl dd{ color: #142e5a; margin-top: 40px; display: flex; justify-content: center; } .zxbwb dl dd a{ width: 192px; height: 50px; line-height: 50px; background-color: #FFFFFF; border-radius: 35px; color: #142e5a; font-size: 18px; text-align: center; } .zlmfl{ width: 100%; float: left; height: 80px; line-height: 80px; border-bottom: 1px solid #dcdcdc; } .zlmfl ul{ display: flex; } .zlmfl ul li{ width: auto; line-height: 80px; margin-right: 60px; font-size: 16px; position: relative; } .zlmfl ul li i{ width: 100%; height: 4px; position: absolute; background-image: url(../img/hx.png); background-position: center; background-repeat: no-repeat; bottom: 0; left: 0; opacity: 0; transition: all 0.6s; } .zlmfl ul li a{ width: 100%; float: left; height: 80px; line-height: 80px; } .zlmfl ul li a:hover i{ opacity: 1; } .zlmfl ul li .cur{ color: #00516F; font-weight: bold; } .zlmfl ul li .cur i{ opacity: 1; } .zlmfl span{ float: right; font-size: 14px; color: #666666; line-height: 80px; } .about{ width: 100%; float: left; background-color: #F8F8F8; padding-bottom: 80px; } .bt2{ width: 100%; float: left; margin-top: 85px; font-size: 36px; color: #00516f; line-height: 36px; padding-bottom: 40px; background-image: url(../img/hx03.jpg); background-position: bottom left; background-repeat: no-repeat; } .about01{ width:100%; float:left; position:relative; height:auto; overflow:hidden} .about-l{ width:100%; float: left; margin-top: 45px; font-size: 16px; line-height: 30px; z-index:1 } .about-l01{ width:55%; float:left; } .about-l h1{ font-size: 30px; line-height: 50px; margin-bottom: 30px; font-weight: normal; } .about-r{ width: 43.75%; float: right; margin-top: 45px; position:absolute; z-index:22; right:0; top:0; } .about-r img{ max-width: 100%; height: auto; } .youshi2{ width: 100%; float: left; background-color: #e5e5e5; height: 300px; } .youshi2 ul li{ width: 25%; float: left; background-image: url(../img/sx03.png); background-position: center left; background-repeat: no-repeat; height: 300px; } .youshi2 ul li dl dt{ font-size: 14px; line-height: 24px; margin-left: 40px; margin-right: 25px; } .youshi2 ul li dl dd{ font-size: 36px; line-height: 36px; margin-top: 30px; margin-bottom: 30px; margin-left: 40px; } .youshi2 ul li dl dt:first-child{ margin-top: 65px; } .adt{ width: 100%; float: left; position:relative; } .adt img{ width: 100%; height: auto; display: block; } .adt img.playbtn{ width:75px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:22222; } .wlfb{ width: 100%; float: left; background-color: #f8f8f8; padding-top: 60px; padding-bottom: 60px; } .wlfb-l{ width: 50%; float: left; text-align: center; } .wlfb-l img{ max-width: 90%; height: auto; } .wlfb-r{ width: calc(50% - 110px); float: right; margin-right: 55px; font-size: 16px; line-height: 36px; } .wlfb-r h1{ margin-top: 85px; font-size: 30px; line-height: 30px; } .wlfb-r h2{ margin-top: 35px; font-size: 24px; line-height: 24px; font-weight: normal; padding-bottom: 25px; border-bottom: 1px solid #31b2eb; margin-bottom: 25px; } .bt3{ width: 100%; float: left; margin-top: 85px; font-size: 36px; color: #00516f; line-height: 36px; padding-bottom: 40px; background-image: url(../img/hx03.jpg); background-position: bottom center; background-repeat: no-repeat; text-align: center; } .fzlc{ width: 100%; float: left; height: 690px; background-image: url(../img/lcbj.jpg); background-position: center; background-repeat: no-repeat; } .fzlc01{ width: 100%; float: left; margin-top: 155px; background-color: rgba(0,81,111,0.8); height: 398px; border: 0px; } .wenhua{ width: 100%; float: left; height: 730px; background-image: url(../img/whbj.jpg); background-position: center; background-repeat: no-repeat; } .wenhua01{ width: 40%; float: right; margin-top: 120px; } .wenhua01 ul li{ width: 100%; float: left; padding-bottom: 20px; border-bottom: 1px solid #FFFFFF; margin-top: 25px; } .wenhua01 ul li dl dt{ font-size: 24px; color: #00516F; line-height: 24px; font-weight: bold; } .wenhua01 ul li dl dt img{ vertical-align: middle; margin-right: 20px; } .wenhua01 ul li dl dd{ font-size: 16px; line-height: 30px; margin-left: 54px; } .gsry{ width: 100%; float: left; height: 735px; background-image: url(../img/rybj.jpg); background-position: center; background-repeat: no-repeat; } .gsry01{ width: 100%; float: left; height: 280px; margin-top: 60px; border: 0px; } .line95{ width: 100%; float: left; height: 95px; } .gqjg{ width: 100%; float: left; margin-top: 35px; text-align: center; font-size: 24px; line-height: 50px; } .gqjg img{ max-width: 100%; height: auto; } .pljz{ width: calc(25% - 40px); float: left; font-size: 16px; color: #666666; line-height: 30px; margin-top: 85px; } .pljz h1{ font-size: 36px; color: #00516F; line-height: 36px; font-weight: normal; padding-bottom: 35px; background-image: url(../img/hx03.jpg); background-position: bottom left; background-repeat: no-repeat; margin-bottom: 40px; } .plqj{ width: calc(75% - 61px); float: right; border-left: 1px solid #bfbfbf; padding-left: 60px; margin-top: 85px; } .plqj h1{ font-size: 36px; line-height: 36px; font-weight: normal; margin-bottom: 30px; } .plqj dl{ width: 100%; float: left; padding-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #dcdcdc; } .plqj dl dt{ font-size: 18px; font-weight: bold; line-height: 36px; } .plqj dl dd{ font-size: 16px; line-height: 30px; } .ztys{ width: 100%; float: left; font-size: 16px; line-height: 36px; margin-top: 60px; } .ztys h1{ font-size:36px; color: #131217; line-height: 36px; font-weight: normal; margin-bottom: 36px; } .ztys ul li{ width: calc(36.99% - 160px); float: left; padding-right: 78px; border-right: 1px solid #dcdcdc; margin-top: 55px; margin-right: 70px; } .ztys ul li dl dt{ line-height: 45px; font-size: 24px; color: #131217; font-weight: bold; } .ztys ul li dl dd{ font-size: 16px; line-height: 36px; } .ztys ul li:nth-child(3){ border: 0px; padding-right: 0px; margin-right: 0px; } .advantage{ width: 100%; float: left; position: relative; height:550px; background-image: url(../img/b04.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .advantage img{ width: 100%; height: auto; display: block; } .advantage .tex{ width: 725px; float:left; height:550px; font-size: 16px; line-height: 36px; display:table; } .advantage .tex div{ display:table-cell; vertical-align:middle} .advantage .tex h1{ font-size:32px; color: #131217; line-height: 36px; font-weight: normal; margin-bottom: 36px; } .advantage2{ width: 100%; float: left; height: 530px; } .advantage2-l{ width: 50%; float: left; background-image: url(../img/b05.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 530px; } .advantage2-r div{ display:table-cell; vertical-align:middle} .advantage2-r h1{ font-size:32px; color: #131217; line-height: 36px; font-weight: normal; margin-bottom: 36px; } .advantage3{ width: 100%; float: left; height: 578px; } .advantage3-l{ width: 50%; float: right; height: 578px; background-image: url(../img/b06.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .mart50{ margin-top:50px} .advantage3-r div{display:table-cell; vertical-align:middle} .advantage3-r h1{ font-size:32px; color: #131217; line-height: 36px; font-weight: normal; margin-bottom: 36px; } .advantage4{ width: 100%; float: left; margin-top: 60px; } .advantage4-r{ width: calc(100% - 450px); float: right; font-size: 16px; line-height: 36px; } .advantage5{ width: 100%; float: left; padding-top: 40px; margin-top: 40px; border-top: 1px solid #d2d2d2; } .advantage5 dl{ width: 25%; float: left; } .advantage5 dl dt{ text-align: center; font-size: 48px; color: #a71c23; line-height: 36px; margin-bottom: 15px; } .advantage5 dl dd{ text-align: center; font-size: 16px; line-height: 30px; } .casefl{ width: 100%; float: left; margin-top: 65px; border-top: 1px solid #a0a0a0; } .casefl ul li{ width: 100%; float: left; line-height: 55px; border-bottom: 1px solid #a0a0a0; font-size: 16px; padding-bottom:10px; padding-top:10px; } .casefl ul li a{ padding: 5px 14px; cursor: pointer; } .casefl ul li a:hover{ background-color: #00516f; color: #FFFFFF; } .casefl ul li img{ vertical-align: middle; margin-right: 5px; } .casefl ul li .cur{ background-color: #00516f; color: #FFFFFF; } .casefl ul li .zank{ background:none; color:#31b2eb} .casefl ul li .zank a{background:none; color:#31b2eb} .caselist{ width: 100%; float: left; margin-top: 30px; } .caselist ul li{ width: calc(33.3% - 30px); float: left; margin-top: 30px; position: relative; overflow: hidden; margin-right: 15px; margin-left: 15px; height:278px; } .caselist ul li img{ min-width: 100%; height: 100%; display: block; transition: all 0.6s; } .caselist ul li .tex{ width: 100%; position: absolute; z-index: 1; height: 80px; line-height: 80px; bottom: 0; left: 0; background-image: url(../img/bj.png); background-repeat: no-repeat; background-position: center top; font-size: 18px; color: #FFFFFF; text-align: center; } .caselist ul li:hover img{ transform: scale(1.05); } .fy{ width: 100%; float: left; margin-top: 60px; } .fy ul{ display: flex; justify-content: center; } .fy ul li{ width: auto !important; padding: 0 14px !important; height: 38px; border: 1px solid #bfbfbf; line-height: 38px; text-align: center; font-size: 16px; margin-left: 3px; margin-right: 3px; } .fy ul li a{ width: 100%; float: left; line-height: 38px; } .fy ul li:hover,.fy ul li.active{ background-color: #00516f; color: #FFFFFF; } .fy ul li:hover a,.fy ul li.active a{ color: #fff; } .fy ul li img{ vertical-align: middle; } .kfs{ width: 100%; float: left; margin-top: 30px; } .kfs h1{ line-height: 24px; font-size: 24px; font-weight: normal; text-align: center; } .kfs h2{ line-height: 24px; font-size:30px; font-weight: normal; text-align: center; margin-bottom: 10px; color: #000000; } .kfs01{ width: 100%; float: left; border: 0px; height: 500px; margin-top: 20px; } .newtj{ width: calc(100% - 50px); float: left; padding: 25px; background-color: #FFFFFF; box-shadow: 2px 10px 15px rgba(0,0,0,0.2); margin-top: 60px; } .newlist{ width: 100%; float: left; margin-top: 40px; } .newlist ul li{ width: 100%; float: left; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; padding-top: 20px; transition: all 0.6s; } .newlist ul li .tex{ width: calc(100% - 390px); float: left; margin-left: 40px; } .newlist ul li .tex h1{ font-size: 14px; line-height: 24px; color: #00516f; font-weight: normal; } .newlist ul li .tex dl dt{ font-size: 24px; line-height: 24px; margin-top: 10px; } .newlist ul li .tex dl dd{ font-size: 16px; line-height: 24px; color: #666666; margin-top: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .newlist ul li .tex dl dd a{ color: #31b2eb; } .newlist ul li .pic{ width: 270px; height: 158px; float: right; margin-right: 40px; overflow: hidden; } .newlist ul li .pic img{ width: 100%; height: 100%; display: block; transition: all 0.6s; } .newlist ul li:hover{ background-color: #FFFFFF; } .newlist ul li:hover .pic img{ transform: scale(1.05); } .newshow{ width: calc(100% - 420px); float: left; background-color: #FFFFFF; padding-left: 210px; padding-right: 210px; padding-bottom: 90px; } .newtitle{ width: 100%; float: left; font-size: 28px; font-weight: bold; line-height: 30px; margin-top: 60px; } .newdate{ width: 100%; float: left; font-size: 16px; line-height: 30px; margin-top: 40px; padding-bottom: 15px; border-bottom: 1px solid #d2d2d2; } .newdate .wxwb{ width: auto; float: right; } .newdate .wxwb img{ vertical-align: middle; margin-left: 10px; } .newtex{ width: 100%; float: left; margin-top: 50px; font-size: 16px; line-height: 30px; } .newtex img{ width: 100%; height: auto; } .newtex2{ width: 100%; float: left; margin-top: 50px; font-size: 16px; line-height: 30px; } .newtex2 img{ max-width: 100%; height: auto; } .newnext{ width: 100%; float: left; margin-top: 40px; font-size: 16px; line-height: 36px; } .newnext .fh{ width: 132px; height: 42px; float: right; background-color: #FFFFFF; border: 1px solid #d2d2d2; text-align: center; font-size: 16px; color: #666666; line-height: 42px; } .black{ color: #333333; } .gltx{ width: 100%; float: left; margin-top: 70px; } .gltx ul li{ width: 100%; float: left; height: 420px; background-color: #FFFFFF; } .gltx ul li .pic{ width: 50%; float: left; height: 420px; background-position: center; background-size: cover; background-repeat: no-repeat; } .gltx ul li .tex{ width: calc(43% - 40px); float: right; margin-right: 7%; } .gltx ul li .tex h1{ margin-top: 50px; font-size: 30px; line-height: 30px; font-weight: normal; margin-bottom: 40px; } .gltx ul li .tex dl dt{ padding-bottom: 15px; margin-top: 15px; border-bottom: 1px solid #d2d2d2; font-size: 16px; line-height: 30px; display: flex; } .gltx ul li .tex dl dt div{ width: auto; display: flex; } .gltx ul li .tex dl dt i{ font-size: 30px; color: #CCCCCC; margin-right: 10px; } .gltx ul li:nth-child(2n) .pic{ float: right; } .gltx ul li:nth-child(2n) .tex{ float: left; margin-left: 7%; margin-right: 0px; } .jdgl{ width: 100%; float: left; margin-top: 85px; } .jdgl h1{ font-size: 36px; font-weight: normal; line-height: 36px; text-align: center; font-weight: normal; } .jdgl ul li{ width: calc(25% - 56px); margin-left: 8px; margin-right: 8px; padding: 20px; float: left; margin-top: 75px; position: relative; font-size: 14px; line-height: 30px; height: 180px; background-image: url(../img/xk.png); background-position:center top; background-size:100% auto; background-repeat:no-repeat; } .jdgl ul li span{ padding: 19px; position: absolute; background-image: url(../img/fk.png); background-position: center; background-repeat: no-repeat; left: 20px; top: -19px; z-index: 1; } .wmgl{ width: 100%; float: left; font-size: 16px; line-height: 30px; } .wmgl h1{ margin-top: 70px; font-size: 36px; font-weight: normal; line-height: 36px; padding-bottom: 50px; background-image: url(../img/hx04.jpg); background-position: bottom left; background-repeat: no-repeat; margin-bottom: 25px; } .wmgl img{ max-width: 100%; height: auto; display: block; } .youhua{ width: 100%; float: left; padding-bottom: 95px; padding-top: 95px; background-image: url(../img/glbj.jpg); background-position: center; background-repeat: no-repeat; text-align: center; font-size: 16px; line-height: 30px; margin-top: 80px; } .youhua h1{ font-size: 36px; line-height: 36px; font-weight: normal; margin-bottom: 40px; } .youhua ul{ display: flex; justify-content: center; margin-top: 50px; } .youhua ul li{ line-height: 68px; margin-left: 5px; margin-right: 5px; } .youhua ul li img{ vertical-align: middle; } .youhua ul li div{ width: 198px; height: 68px; background-color: #31b2eb; border-radius: 5px; text-align: center; font-size: 20px; color: #FFFFFF; font-weight: bold; } .youhua ul li div img{ margin-right: 15px; margin-top: -5px; } .no1{ width: 100%; float: left; font-size: 16px; line-height: 30px; margin-top: 60px; } .no1 h1{ font-size: 36px; line-height: 36px; font-weight: normal; margin-bottom: 20px; } .taitou{ width: 279px; height: 61px; line-height: 50px; text-align: center; background-image: url(../img/bj02.png); background-position: center; background-repeat: no-repeat; color: #FFFFFF; margin-bottom: 10px; } .no1 img{ max-width: 100%; height: auto; display: block; } .no2{ width: 100%; float: left; background-color: #dce3e9; padding-bottom: 60px; font-size: 16px; line-height: 30px; } .no2 h1{ font-size: 36px; line-height: 36px; font-weight: normal; margin-bottom: 20px; margin-top: 60px; } .no2 .lc{ width: 100%; float: left; border-bottom: 1px dashed #a0a9b5; border-top: 1px dashed #a0a9b5; padding-bottom: 25px; padding-top: 25px; margin-top: 5px; } .no2 .lc ul{ display: flex; } .no2 .lc ul li{ width: auto; height: 50px; line-height: 50px; background-color: #00516f; color: #FFFFFF; border-radius: 10px; margin-right: 37px; position: relative; font-size: 14px; flex: auto; text-align:center } .no2 .lc ul li span{ width: 32px; height: 21px; position: absolute; right: -32px; top: 10px; background-image: url(../img/ja02.png); background-position: center; background-repeat: no-repeat; } .no2 .lc ul li:last-child{ margin-right: 0px; } .no2 .lc ul li:last-child span{ display: none; } .no2 .lc02{ width: 100%; float: left; margin-top: 25px; } .no2 .lc02 ul li{ width: 25%; float: left; } .no2 .lc02 ul li dl dt{ font-size: 18px; line-height: 36px; font-weight: bold; } .no2 .lc02 ul li dl dd{ font-size: 14px; line-height: 36px; } .no2 .lc02 ul li dl dd img{ vertical-align: middle; margin-right: 5px; } .no2 .lc02 ul li dl dd .wz{ width: 100%; height: 36px; line-height: 36px; display: flex; } .no2 .lc02 ul li dl dd .wz img{ margin-right: 0px; } .no2 .lc02 ul li dl dd .wz div{ width: auto; height: 36px; line-height: 36px; background-color: #FFFFFF; font-size: 12px; display: flex; padding-left: 10px; padding-right: 10px; } .no2 .lc02 ul li:nth-child(2){ width: 30%; } .no2 .lc02 ul li:nth-child(3){ width: 45%; float: right; } .mart20{ margin-top: 20px; } .mart40{ margin-top: 40px; } .glksh{ width: 100%; float: left; margin-top: 35px; } .glksh ul li{ width: 49%; float: left; background-color: #FFFFFF; height:228px; } .glksh ul li .tex{ width: calc(50% - 60px); float: left; margin-left: 30px; font-size: 16px; line-height: 36px; height:228px; display:table; } .glksh ul li .tex div{ display:table-cell; vertical-align:middle} .glksh ul li .tex img{ max-width: 95%; height: auto; float: left; } .glksh ul li .tex i{ padding: 8px; background-image: url(../img/e05.png); background-position: center; background-repeat: no-repeat; margin-left: 5px; } .glksh ul li .pic{ width: 50%; float: right; height:228px; } .glksh ul li .pic img{ max-width: 100%; height:228px; display: block; } .glksh ul li:nth-child(2){ float: right; } .no4{ width: 100%; float: left; margin-top: 25px; padding-bottom: 60px; } .no4 ul{ display: flex; justify-content: center; } .no4 ul li{ width: auto; height: auto; position: relative; overflow: hidden; margin-right: 10px; } .no4 ul li img{ width: auto; height: 100%; display: block; transition: all 0.6s; } .no4 ul li span{ height: 40px; width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(255,255,255,0.8); text-align: center; font-size: 16px; z-index: 11; line-height: 40px; } .no4 ul li:hover img{ transform: scale(1.05); } .no4 ul li:last-child{ margin-right: 0px; } .no4 p{ margin-top: 50px; text-align: center; } .no4 p img{ max-width: 100%; height: auto; } .wxgl{ width: 100%; float: left; background-color: #F8F8F8; background-image: url(../img/bj03.jpg); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 60px; } .wxgl01{ width: 100%; float: left; height: 356px; background-image: url(../img/t01.png); background-position: center; background-repeat: no-repeat; margin-top: 60px; } .wxgl01 ul li{ width: 50%; float: left; position: relative; } .wxgl01 ul li .a01{ width: calc(100% - 250px); position: absolute; top: 25px; border-top: 1px solid #bfbfbf; font-size: 15px; line-height: 24px; text-align: right; padding-top: 15px; } .wxgl01 ul li .a02{ width: calc(100% - 250px); position: absolute; top: 178px; border-top: 1px solid #bfbfbf; font-size: 15px; line-height: 24px; text-align: right; padding-top: 15px; } .wxgl01 ul li .a03{ width: calc(100% - 250px); position: absolute; top: 312px; border-top: 1px solid #bfbfbf; font-size: 15px; line-height: 24px; text-align: right; padding-top: 15px; } .wxgl01 ul li:nth-child(2){ float: right; } .wxgl01 ul li:nth-child(2) .a01{ right:0; text-align: left; } .wxgl01 ul li:nth-child(2) .a02{ right:0; text-align: left; } .wxgl01 ul li:nth-child(2) .a03{ right:0; text-align: left; } .zs{ width: 100%; float: left; margin-top: 80px; border-top: 1px solid #d2d2d2; padding-top: 40px; } .zs01{ width: 100%; float: left; height: 250px; border: 0px; } .gpinfo{ width: calc(100% - 100px); float: left; margin-top: 60px; background-color: #FFFFFF; padding: 50px; } .gpinfo1{ width: 100%; float: left; background-color: #f7f7f7; } .gpinfo1-t{ width: 100%; float: left; height: 56px; background-color: #f2f2f2; } .gpinfo1-t01{ width: 17.5%; float: left; text-align: center; height: 56px; display: table; background-color: #042536; font-size: 14px; line-height: 24px; color: #FFFFFF; } .gpinfo1-t01 div{ display: table-cell; vertical-align: middle; } .gpinfo1-t02{ width: calc(82.5% - 30px); float: right; padding-left: 30px; line-height: 56px; } .gpinfo1-t02 img{ vertical-align: middle; margin-right: 5px; } .gpinfo1-b{ width: 100%; float: left; height: 108px; } .gpinfo1-b01{ width: 17.5%; float: left; text-align: center; height: 108px; display: table; background-color: #f2f2f2; } .gpinfo1-b01 div{ display: table-cell; vertical-align: middle; } .gpinfo1-b01 p{ display: flex; justify-content: center; } .gpinfo1-b01 em{ margin-left: 10px; margin-right: 10px; color: #b1020c; } .gpinfo1-b01 b{ font-size: 30px; color: #0e8c4c; } .gpinfo1-b01 i{ padding: 15px 13px; background-image: url(../img/zhsh06g.png); background-position: center; background-repeat: no-repeat; } .gpinfo1-b02{ width: calc(82.5% - 30px); float: right; padding-left: 30px; margin-top: 20px; } .gpinfo1-b02 ul li{ width: 25%; float: left; line-height: 30px; font-size: 14px; } .gpinfo2{ width: 100%; float: left; background-color: #f7f7f7; margin-top: 20px; } .gpinfo2-t{ width: 100%; float: left; height: 45px; line-height: 45px; background-color: #ededed; } .gpinfo2-t ul{ display: flex; } .gpinfo2-t ul li{ width: 65px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; } .gpinfo2-t ul li a{ width: 100%; float: left; text-align: center; height: 43px; border: 1px solid #ededed; } .gpinfo2-t ul li a:hover{ background-color: #FFFFFF; } .hcOn{ background-color: #FFFFFF; } .gpinfo2-m{ width: calc(100% - 40px); float: left; padding: 20px; } .gpinfo2-m1{ width: 100%; float: left; height: 40px; line-height: 40px; background-color: #ededed; border-radius: 4px; } .gpinfo2-m1 ul{ display: flex; } .gpinfo2-m1 ul li{ width: auto; margin-left: 10px; margin-right: 10px; line-height: 40px; font-size: 14px; } .gpinfo2-m1 ul li i{ color: #b1020c; margin-left: 5px; } .gpinfo2-b{ width: 100%; float: left; padding-bottom: 40px; text-align: center; margin-top: 50px; } .gpinfo2-b img{ max-width: 100%; height: auto; } .gongg{ width: 100%; float: left; } .gongg ul li{ width: calc(33.2% - 62px); float: left; height: 120px; padding: 20px; margin-left: 10px; margin-right: 10px; border: 1px solid #edf1f3; margin-top: 20px; } .gongg ul li dl dt{ font-size: 16px; line-height: 30px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .gongg ul li dl dd{ color: #018bc5; font-size: 14px; margin-top: 20px; } .more{ width: 100%; float: left; margin-top: 40px; margin-bottom: 30px; } .more ul{ display: flex; justify-content: center; } .more ul li{ width: 200px; height: 45px; border: 1px solid #bfbfbf; text-align: center; font-size: 16px; line-height: 45px; } .more ul li a{ width: 100%; float: left; height: 45px; line-height: 45px; } .more ul li a:hover{ color: #FFFFFF; background-color: #00516f; } .dybg{ width: 100%; float: left; } .dybg ul li{ width: 100%; float: left; line-height: 78px; font-size: 18px; border-bottom: 1px solid #dcdcdc; } .dybg ul li i{ color: #999999; margin-right: 40px; } .jliu{ width: 100%; float: left; } .jliu ul li{ width: calc(100% - 30px); float: left; padding: 15px; background-color: #e7f5ff; margin-bottom: 10px; } .jliu ul li dl dt{ height: 60px; line-height: 60px; background-color: #FFFFFF; padding-left: 20px; padding-right: 20px; font-size: 18px; } .jliu ul li dl dt i{ padding: 13px; background-image: url(../img/wen.png); background-position: center; background-repeat: no-repeat; margin-right: 10px; } .jliu ul li dl dt span{ float: right; font-size: 14px; color: #999999; } .jliu ul li dl dd{ height: 60px; line-height: 60px; padding-left: 20px; padding-right: 20px; font-size: 16px; } .jliu ul li dl dd i{ padding: 13px; background-image: url(../img/da.png); background-position: center; background-repeat: no-repeat; margin-right: 10px; } .jliu ul li dl dd span{ float: right; font-size: 14px; color: #999999; } .lxwm{ width: 100%; float: left; margin-top: 80px; } .lxwm-l{ width: 40%; float: left; font-size: 18px; line-height: 42px; } .lxwm-l h1{ font-size: 36px; line-height: 36px; color: #00516f; font-weight: normal; } .lxwm-l h2{ font-size: 24px; line-height: 24px; color: #999999; margin-top: 20px; padding-bottom: 20px; background-image: url(../img/hx03.jpg); background-position: left bottom; background-repeat: no-repeat; font-weight: normal; } .lxwm-l h3{ font-size: 30px; line-height: 30px; font-weight: normal; margin-top: 60px; margin-bottom: 50px; } .lxwm-r{ width: 57%; float: right; } .lxwm-r img{ } .lxwm02{ width: 100%; float: left; margin-top: 80px; } .lxwm02 h1{ font-size: 36px; line-height: 36px; margin-bottom: 30px; } .lxwm02 ul li{ width: 48%; float: left; position: relative; padding-bottom: 25px; } .lxwm02 ul li dl dt{ height: 56px; line-height: 56px; margin-left: 40px; background-color: #00516f; padding-left: 30px; position: relative; font-size: 20px; color: #FFFFFF; } .lxwm02 ul li dl dt .jiant{ width: 12px; height: 23px; position: absolute; top: 10px; left: -12px; z-index: 1; background-image: url(../img/jt04.png); background-position: center; background-repeat: no-repeat; } .lxwm02 ul li dl dd{ margin-left: 40px; border: 1px solid #D2D2D2; padding: 10px 30px; font-size: 16px; line-height: 36px; } .lxwm02 ul li dl dd img{ vertical-align: middle; margin-right: 5px; } .lxwm02 ul li .yuan{ width: 18px; height: 18px; position: absolute; left: 0; top: 15px; z-index: 11; background-image: url(../img/yuan.png); background-position: center; background-repeat: no-repeat; } .lxwm02 ul li .sx{ width: 1px; height: 100%; position: absolute; background-color: #00516f; left: 9px; top: 0px; z-index: 1; } .lxwm02 ul li:nth-child(2n){ float: right; } .lxwm02 ul li:first-child .sx{ top: 15px; } .lxwm02 ul li:nth-child(2) .sx{ top: 15px; } .lxwm02 ul li:last-child .sx{ height: 15px; top: 0px; } .zcqh{ width: 100%; float: left; padding-bottom: 10px; border-bottom: 1px solid #313131; margin-top: 60px; } .zcqh ul{ display: flex; } .zcqh ul li{ width: 180px; height: 52px; line-height: 52px; text-align: center; font-size: 18px; margin-right: 10px; } .zcqh ul li a{ width: 100%; float: left; height: 52px; line-height: 52px; text-align: center; } .zcqh ul li a:hover{ background-color: #00516F; color: #FFFFFF; } .zcqh ul li .cur{ background-color: #00516F; color: #FFFFFF; } .zcllist{ width: 100%; float: left; margin-top: 12px; } .zcllist ul li{ width: 100%; float: left; margin-top: 20px; border-bottom: 1px solid #d2d2d2; padding-bottom: 25px; padding-top: 25px; background-color: #FFFFFF; transition: all 0.6s; } .zcllist ul li dl dt{ margin-left: 50px; margin-right: 50px; line-height: 40px; font-size: 24px; } .zcllist ul li dl dt i{ font-size: 18px; color: #999999; } .zcllist ul li dl dd{ margin-top: 20px; margin-left: 50px; margin-right: 50px; } .zcllist ul li dl dd a{ font-size: 16px; color: #31b2eb; } .zcllist ul li dl dd img{ vertical-align: middle; margin-left: 5px; } .zcllist ul li:hover{ box-shadow: 2px 5px 15px rgba(0,0,0,0.1); } .zbwl{ width: 100%; float: left; margin-top: 60px; padding-bottom: 60px; } .zbwl h1{ line-height: 30px; font-size: 24px; font-weight: normal; text-align: center; color: #000000; } .zbwl01{ width: 100%; float: left; border: 0px; height: 815px; margin-top: 20px; border: 0px; } .tjsq{ width: 950px; margin: auto; } .tjsq01{ width: 100%; float: left; margin-top: 60px; } .tjsq01 h1{ line-height: 30px; font-size: 30px; font-weight: normal; text-align: center; color: #000000; margin-bottom: 20px; } .tjsq01 ul li{ width: 100%; float: left; line-height: 40px; margin-top: 20px; font-size: 16px; color: #666666; } .tjsq01 ul li i{ color: #fe3838; } .bk{ width: calc(100% - 17px); border: 1px solid #D2D2D2; line-height: 40px; outline: none; padding-left: 15px; font-size: 16px; color: #666666; font-family: "微软雅黑"; } .anniu{ padding: 10px 65px; background-color: #00516F; color: #FFFFFF; font-size: 16px; border: 0px; cursor: pointer; } .anniu:hover{ color: #FFFFFF; } .tjsq01 ul li:first-child{ width: 49.5%; } .tjsq01 ul li:nth-child(2){ width: 49.5%; float: right; } .tjsq01 ul li:nth-child(3){ width: 33.33%; } .tjsq01 ul li:nth-child(4){ width: 31.33%; margin-left: 1%; margin-right: 1%; } .tjsq01 ul li:nth-child(5){ width: 33.33%; } .tjsq01 ul li:last-child{ text-align: center; } .photo{ width: 100%; float: left; margin-top: 50px; } .photo h1{ line-height: 30px; font-size: 30px; font-weight: normal; text-align: center; color: #000000; margin-bottom: 20px; } .photo ul li{ width: calc(33.33% - 26px); float: left; margin-left: 13px; margin-right: 13px; margin-top: 20px; } .photo ul li dl dt{ text-align: center; overflow: hidden; height:280px } .photo ul li dl dt img{ min-width: 100%; height: 100%; display: block; transition: all 0.6s; } .photo ul li dl dd{ text-align: center; font-size: 18px; line-height: 48px; } .photo ul li:hover dl dt img{ transform: scale(1.05); } .more2{ width: 100%; float: left; margin-top: 40px; height: 56px; line-height: 56px; text-align: center; border-radius: 5px; overflow: hidden; } .more2 a{ width: 100%; height: 56px; line-height: 56px; text-align: center; background-color: #00516f; color: #FFFFFF; font-size: 16px; float: left; } .zbxq{ width: 100%; float: left; margin-top: 10px; } .zbxq ul{ padding-bottom: 20px; margin-top: 20px; border-bottom: 1px dashed #bbc3d3; } .zbxq ul li{ display: flex; line-height: 40px; margin-top: 10px; font-size: 16px; } .zbxq ul li .zb{ width: 112px; height: 40px; line-height: 40px; text-align: center; background-color: #00516f; color: #FFFFFF; margin-right: 20px; } .zbxq ul li .yb{ width: auto; line-height: 40px; } .zbxq ul:last-child{ border: 0px; } .zplc{ width: 100%; float: left; margin-top: 85px; } .zplc h1{ font-size: 36px; line-height: 36px; text-align: center; font-weight: normal; margin-bottom: 80px; } .zplc ul{ display: flex; justify-content: center; } .zplc ul li{ width: 116px; margin-left: 42px; margin-right: 42px; position: relative; } .zplc ul li dl dt{ height: 106px; text-align: center; } .zplc ul li dl dt span{ height: 100%; display: inline-block; vertical-align: middle; } .zplc ul li dl dt img{ max-width: 100%; max-height: 100%; vertical-align: middle; } .zplc ul li dl dd{ font-size: 18px; margin-top: 40px; line-height: 20px; text-align: center; } .zplc ul li .zjt{ width: 16px; height: 21px; position: absolute; right: -50px; top: 44px; background-image: url(../img/zjt.png); background-position: center; background-repeat: no-repeat; z-index: 1; } .zplc ul li:last-child .zjt{ display: none; } .subNavBox{ width:100%; float:left; margin-top: 18px; position: relative; } .subNav{ width: calc(33.74% - 25px); float:left; HEIGHT:85px; DISPLAY: block; CURSOR: pointer; border:1px solid #e0e0e0; line-height:85px; font-size:16px; margin-right: 19px; position: relative; border-left: 4px solid #00516f; overflow:hidden; } .subNavBox .subNav:nth-child(5){ float: right; margin-right: 0px; } .subNav b{ font-size: 20px; margin-left: 20px; float: left; } .subNav span{ float: right; margin-right: 10px; color: #31b2eb; font-size: 14px; } .subNav span a{ color: #31b2eb; } .subNav em{ font-size: 14px; margin-left: 10px; } .subNav i{ background:url(../img/xjt03.png) no-repeat center / contain; width: 23px; height: 85px; float:right; margin-right: 20px; } .subNav:hover{float:left; } .currentDd{background: #00516f;border:1px solid #00516f;border-left: 4px solid #00516f;} .currentDd{ color: #FFFFFF; } .currentDd i{ background:url(../img/xjt03.png) no-repeat center / contain; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -o-transition:all .25s ease 0s; transition:all .25s ease 0s; } .navContent{ display: none; float:left; width: calc(100% - 42px); padding:20px; line-height:24px; font-size:14px; border: 1px solid #88aebc; position: absolute; top: 103px; z-index: 11; background-color: #f6f6f6; } .navContent b{ font-size: 16px; } .navContent .sjt{ width: 16px; height: 16px; position: absolute; top: -15px; background-image: url(../img/sjt.png); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 12; } .a60{ left: calc(66.6% + 30px); } .a30{ left: calc(33.3% + 30px); } .fuli{ width: 100%; float: left; margin-top: 60px; } .fuli-l{ width: 644px; float: left; } .fuli-l ul li{ width: calc(20% - 1px); float: left; height: 128px; text-align: center; display: table; background-image: url(../img/bj04.jpg); background-repeat: repeat-x; margin-left: 1px; margin-top: 1px; } .fuli-l ul li dl{ display: table-cell; vertical-align: middle; } .fuli-l ul li dl dt{ height: 50px; text-align: center; } .fuli-l ul li dl dt span{ height: 100%; display: inline-block; vertical-align: middle; } .fuli-l ul li dl dt img{ max-width: 100%; max-height: 100%; vertical-align: middle; } .fuli-l ul li dl dd{ font-size: 16px; line-height: 36px; text-align: center; color: #FFFFFF; } .fuli-r{ width: calc(100% - 705px); float: right; margin-right: 30px; font-size: 16px; line-height: 36px; } .fuli-r h1{ font-size: 36px; font-weight: normal; line-height: 36px; margin-bottom: 30px; margin-top: 30px; } .xzjg{ width: 100%; float: left; padding-bottom: 60px; background-image: url(../img/xzbj.jpg); background-position: center; margin-top: 60px; } .xzjg h1{ font-size: 36px; font-weight: normal; line-height: 36px; margin-bottom: 30px; margin-top: 50px; text-align: center; } .zyjt{ width: calc(100% - 60px); float: left; margin-top: 30px; padding: 30px; background-color: rgba(255,255,255,0.5); } .zyjt h2{ font-size: 24px; line-height: 24px; text-align: center; font-weight: normal; } .zyjt h3{ font-size: 16px; line-height: 24px; font-weight: normal; text-align: center; margin-bottom: 20px; } .zyjt ul{ display: flex; } .zyjt ul li{ width: calc(12.5% - 10px); float: left; margin-left: 5px; margin-right: 5px; text-align: center; background-color: #00516f; color: #FFFFFF; font-size: 12px; border-radius: 5px; height: 56px; line-height: 56px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .qita{ width: calc(100% - 10px); float: left; margin-top: 10px; height: 46px; background-color: #dbe4e9; line-height: 46px; border-radius: 5px; font-size: 18px; color: #00516f; margin-left: 5px; text-align: center; } .qita a{ color: #00516f; } .ygtx{ width: 100%; float: left; background-image: url(../img/ba01.jpg); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 80px; } .ygtx h1{ font-size: 36px; line-height: 36px; text-align: center; font-weight: normal; margin-bottom: 70px; margin-top: 80px; } .ygtx ul li{ width: calc(20% - 14px); margin-left: 7px; margin-right: 7px; float: left; } .ygtx ul li div{ text-align: center; overflow: hidden; } .ygtx ul li div img{ width: 100%; height: auto; display: block; transition: all 0.6s; } .ygtx ul li dl dt{ font-size: 20px; font-weight: bold; line-height: 20px; margin-top: 15px; margin-bottom: 15px; } .ygtx ul li dl dd{ font-size: 14px; line-height: 24px; } .ygtx ul li:hover div img{ transform: scale(1.05); } .contact{ width: 100%; float: left; background-color: #e8ecef; height: 430px; position: relative } .contact-l{ width: 100%; position:absolute; z-index:1; left:0; top:0; } .contact-l01{ width: 43%; float: left; font-size: 18px; line-height: 48px; } .contact-r{ width: 50%; float: right; background-image: url(../img/lxwm.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 430px; } .ygfc{ width: 100%; float: left; } .ygfc h1{ font-size: 36px; line-height: 36px; text-align: center; font-weight: normal; margin-bottom: 50px; margin-top: 80px; } .ygfc ul li{ width: auto; float: left; margin-right: 20px; height: 396px; } .ygfc ul li img{ max-height: 396px; width: auto; display: block; } #demo { background: #FFF; overflow:hidden; border: 0px dashed #CCC; width: 100%; } #demo img { } #indemo { float: left; width: 1800%; } #demo1 { float: left; } #demo1.ban { margin: 0 auto !important; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; } #demo2 { float: left; } .foot03{ width: 100%; float: left; line-height: 78px; font-size: 14px; color: #666666; background-color: #1b2327; } .foot03 span{ float: right; } .jbheader{ width: 100%; float: left; height: 75px; background-color: #FFFFFF; } .jbheader .logo{ width: 319px; float: left; height: 75px; } .jbheader .logo span{ height: 100%; display: inline-block; vertical-align: middle; } .jbheader .logo img{ max-width: 100%; max-height: 75px; vertical-align: middle; } .jbtex{ width: 100%; float: left; background-image: url(../img/jbbj.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .jbtex01{ width: 100%; float: left; margin-top: 165px; text-align: center; } .jbtex01 h1{ font-size: 60px; text-align: center; line-height: 60px; color: #FFFFFF; } .jbtex01 dl dt{ font-size: 24px; color: #FFFFFF; line-height: 24px; margin-top: 38px; margin-bottom: 38px; } .jbtex01 dl dd{ display: flex; line-height: 42px; justify-content: center; font-size: 16px; color: #FFFFFF; } .jbtex01 dl dd a{ width: 240px; height: 42px; line-height: 42px; text-align: center; background-color: #ff1037; border-radius: 5px; color: #FFFFFF; font-size: 16px; } .jbtex02{ width: 100%; float: left; margin-top: 50px; background-color: rgba(0,0,0,0.7); padding-bottom: 40px; padding-top: 40px; } .jbtex02 ul li{ width: 46%; float: left; } .jbtex02 ul li dl dt{ height: 50px; line-height: 50px; border-bottom: 1px solid #626262; font-size: 18px; color: #FFFFFF; } .jbtex02 ul li dl dt img{ vertical-align: middle; margin-right: 5px; } .jbtex02 ul li dl dd{ margin-top: 20px; font-size: 16px; line-height: 30px; color: #FFFFFF; } .jbtex02 ul li:nth-child(2){ float: right; } .wrap2{ width: 100%; float: left; background-color: #efefef; padding-bottom: 50px; padding-top: 50px; } .tsjb{ width: calc(100% - 160px); float: left; padding: 40px 80px; background-color: #FFFFFF; } .tsjb h1{ font-size: 24px; font-weight: normal; padding-bottom: 20px; border-bottom: 1px solid #D2D2D2; line-height: 24px; margin-bottom: 15px; } .tsjb ul li{ width: 100%; float: left; margin-top: 15px; line-height: 40px; } .tsjb ul li dl dt{ width: 90px; float: left; line-height: 40px; font-size: 16px; } .tsjb ul li dl dt i{ color: #ff0000; } .tsjb ul li dl dd{ width: calc(100% - 90px); float: right; line-height: 40px; font-size: 14px; color: #999999; } .tsjb ul li dl dd i{color: #ff0000;} .tsjb ul li dl dd input{ vertical-align:middle} .file { position: relative; display: inline-block; border: 1px solid #31b2eb; float:left; border-radius: 4px; width:110px; overflow: hidden; color: #31b2eb; text-decoration: none; text-indent: 0; line-height: 40px; margin-right:10px; text-align:center; } .file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; } .file:hover { background: #31b2eb; border-color: #31b2eb; color: #ffffff; text-decoration: none; } .anniu2{ padding: 10px 75px; background-color: #ff1037; color: #FFFFFF; font-size: 16px; border: 0px; cursor: pointer; border-radius: 5px; } .cg{ width: 100%; float: left; margin-top: 85px; text-align: center; font-size: 16px; line-height: 30px; min-height: 500px; color: #666666; } .cg i{ font-size: 24px; color: #000000; line-height: 48px; color: #000000; } .rytex { width: 100%; float: none; margin-top: 0; text-align: center; top: 50%; position: absolute; transform: translateY(-50%); height: 100%; } .rytex img { max-width: 80%; height: auto; max-height: 80%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .mart60{ margin-top: 60px; } .marb40{ margin-bottom: 40px; } .moblie{ display: none; } .padt45{ padding-top: 45px; } .padt0{ padding-top: 0px; } .header2{ display: none; } .search{ display:none; right:0px; top:80px; float:right; width:300px; z-index:9999999; position:absolute; background-color: #eeeeee; padding: 20px; } .search01{ width: 100%; float: left; border-bottom: 1px solid #D2D2D2; line-height: 35px; } .search01 input{ vertical-align: middle; float: left; } .ssbk{ border: 0px; width: calc(100% - 20px); height: 35px; line-height: 35px; BACKGROUND-COLOR: transparent; color: #999999; outline: none; font-family: "微软雅黑"; } input[type="image"]{ margin-top: 5px; } .caseshow{ display:none; right:0px; top:0; width:100%; z-index:9999999; position: fixed; background-color: rgba(0,0,0,0.8); height:100%; } .caseshow01{ width: 100%; margin: auto; } .caseshow01 video { max-width: 80%; max-height: 80%; top: 50%; left: 50%; position: absolute; transform: translateX(-50%) translateY(-50%); margin-top: 0 !important; background:#000; } .ban{ width:1160px; height: auto; position:relative; overflow:hidden; float:left; padding:20px; background-color:#fff; margin-top:10% } .close{ width: 25px; height: 25px; position: absolute; z-index: 11; right: 25px; top: 25px; background-image: url(../img/close2.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; } .ban2{ width:1160px; height:460px; position:relative; overflow:hidden; } .ban2 ul{ position:absolute; left:0; top:0;} .ban2 ul li{ width:1160px; height: 460px; background:#fff; text-align:center} .ban2 ul li span{ height:100%; display:inline-block; vertical-align:middle} .ban2 ul li img{ max-width:100%; max-height:100%; vertical-align:middle} .prev{ float:left; cursor:pointer;} .num{ height:100px;overflow:hidden; width:1160px; position:relative;float:left;} .min_pic{ padding-top:16px; width:1160px;} .num ul{ position:absolute; left:0; top:0;} .num ul li{ width:140px; height:98px; margin-right:10px; padding:1px;} .num ul li.on{ border:1px solid red; padding:0;} .num ul li img{ width:100%; height:100%;} .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left; position:absolute; z-index:11; left:0;} .next_btn1{ width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;position:absolute; z-index:11; right:0;} .prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;} .next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;} .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;} .pop_up{ width:1160px; height:1160px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;} .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;} .pop_up2{ width:1160px; height:1160px; position:relative; overflow:hidden;} .pop_up2{ width:1160px; height:1160px; position:relative; overflow:hidden; float:left;} .pop_up2 ul{ position:absolute; left:0; top:0;} .pop_up2 ul li{ width:1160px; height:1160px; float:left;} .sqmain{ width:880px; margin:100px auto; overflow:hidden;} .sqtitle{ width:100%; float:left; font-size:48px; line-height:48px; color:#00516f;} .sqtitle img{ vertical-align:middle; margin-right:5px; margin-top:-5px} .sqtitle a{ padding:10px 25px; border:1px solid #d2d2d2; font-size:18px; color: #333; vertical-align:middle; margin-left:24px} .sqtitle2{ width:100%; float:left; height:52px; background-color:#eaeef1; font-size:24px; color:#00516f; border-bottom:1px solid #00516f; margin-top:50px; line-height:52px} .sqtitle2 i{ margin-left:10px} .sqtex{ width:100%; float:left; margin-top:30px} .sqtex-l{ width:230px; float:left;} .sqtex-l dl dt{ line-height:45px; background-image:url(../img/ht02.png); background-position:bottom left; background-repeat:no-repeat; font-size:16px; font-weight:bold; color:#333;} .sqtex-l dl dd{ margin-top:10px; font-size:14px; color:#999999; line-height:30px;} .sqtex-r{ width:650px; float:right;line-height:42px; font-size:14px; color:#333} .sqtex-r input{ vertical-align:middle} .sqtex-r h1{ height:38px; line-height:38px; background-color:#eaeef1; font-size:14px; font-weight:normal; padding-left:10px;width:calc(100% - 10px); float:left} .sqtex-r ul{ width:100%; float:left} .sqtex-r ul li{ width:calc(50% - 5px); float:left; line-height:42px; font-size:14px; color:#333} .sqtex-r ul li i{ color:#F00} .sqtex-r ul li a{ color:#2f70f5} .sqtex-r ul li:nth-child(2n){ float:right} .sqbk{ width:calc(100% - 17px); height:40px; line-height:40px; border:1px solid #b2b8c4; padding-left:15px; font-size:14px; color:#999; font-family:'微软雅黑'; border-radius:5px; outline:none;} .sqbk2{ width:calc(50% - 17px); height:40px; line-height:40px; border:1px solid #b2b8c4; padding-left:15px; font-size:14px; color:#999; font-family:'微软雅黑'; border-radius:5px 0px 0px 5px; outline:none;float:left} .sqbk3{ width:calc(50% - 16px); height:40px; line-height:40px; border:1px solid #b2b8c4; padding-left:15px; font-size:14px; color:#999; font-family:'微软雅黑'; border-radius:0px 5px 5px 0px; outline:none; border-left:0px; float:left} .sqanniu{ width:180px; height:42px; background-color:#00516f; border-radius:35px; border:0px; cursor:pointer; text-align:center; line-height:42px; color:#fff; font-size:16px; } .com-opt { /*去掉默认的下拉三角*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*添加下拉三角图标*/ background: url("../img/xjt5.png") no-repeat right 15px center transparent; width:100%; height:44px; line-height:44px; } .line40{ width:100%; float:left; border-bottom:1px solid #c8cdd7; height:40px} #w100{ width:100%;} #fl{ float:left} } @media (max-width:1199px) { .bigbox{ width:100%; margin:0 auto; position:relative; } .w1290{ width: 100%; } .ncabout2{ width:100%; margin:40px 0px auto; } .hzgys{ width: 48.5%; height: 5.0rem; border: 1px solid #e3e8ef; margin-top: 15px; text-align: center; float: left; box-sizing: border-box; } .hzgys:nth-child(2n){ float: right; } .hzgys span{ height: 100%; display: inline-block; vertical-align: middle; } .hzgys img{ max-width: 70%; max-height: 70px; vertical-align: middle; } .ncabout3{ width:100%; margin:40px 0px auto; } .wlname{ width:10rem; float:left; margin-right: 25px; } .wlname dl dt{ height: auto; text-align: center; overflow: hidden; margin-top: 0.5rem; } .wlname dl dt img{ width: 100%; height: auto; display: block; } .wlname dl dd{ height: 2.5rem; line-height: 2.5rem; background-color: #00516f; color: #FFFFFF; text-align: center; font-size: 1.0rem; } .pc{ display: none; } .header2{ width:100%; float:left; height:4rem; line-height:4rem; background:#FFFFFF; position: fixed; top: 0; left: 0; z-index: 99999999; } .logo{ width:100%; float:left; height:4rem; } .logo span{ height:100%; display:inline-block; vertical-align:middle; } .logo img{ max-width:60%; max-height:2.5rem; vertical-align:middle; margin-left:5%; } .logowz{ width:auto; float:left; margin-left:20px; display:none; } .nav-bar2 { width:4rem; height:4rem; position:absolute; z-index:11; right:0%; top:0; text-align:center; } .nav-bar2 img{ max-width:35%; max-height:3rem; vertical-align:middle; } .nav-bar2 span{ display:inline-block; height:100%; vertical-align:middle; } .nav-bg { width:0px; height: auto; overflow:hidden; position: absolute; right:0px; top:0; z-index:9999999; background-color:rgba(0,0,0,0.3); } .v_close { display:block; position: absolute; top: 1%; right: 2%; z-index:102; width: 15px; height: 15px; background:url(../img/close.png) no-repeat; background-size:100% 100%; display:none; } .nav { margin:0 0 0 0; } .subNavBox2{ width:65%; float:right; background:#fff; padding-bottom:4rem; height:100%; } .subNavBox2 h1{ text-align:center; height:5rem; background:#00516f; } .subNavBox2 h1 span{ height:100%; display:inline-block; vertical-align:middle; } .subNavBox2 h1 img{ max-width:80%; max-height:3rem; vertical-align:middle; } .subNav2{ width:95%; float:left; HEIGHT:3.0rem; DISPLAY: block; CURSOR: pointer; padding-left:5%; text-align:left; border-bottom:1px solid #e0e0e0; line-height:3.0rem; font-size:1.0rem; } .subNav2 i{ padding:0.3rem; background:url(../img/xjt2.png) no-repeat center / contain; margin-right:1rem; float:right; margin-top:1.2rem; } .subNav2:hover{float:left; } .currentDd2{background: #f8f8f8;} .currentDd2 i{ background:url(../img/xjt2.png) no-repeat center / contain; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -o-transition:all .25s ease 0s; transition:all .25s ease 0s; } .navContent2{ display: none; float:left; width:90%; padding:0.5rem 5% 1rem 5%; line-height:2.0rem; font-size:0.9rem; padding-bottom:0px; } .main{ width:calc(100% - 30px); float:left; margin-left:15px; margin-right:15px; } .indexbanner{ width: 100%; float: left; height: 15rem; position: relative; margin-top: 4.0rem; } .indexbanner .logo{ position: absolute; top: 40px; width: 226px; z-index: 999999; z-index: 999999; left: 7%; display: none; } .indexbanner .video{ width: 100%; height: 100%; position: absolute; z-index: 0; background-image: url(../img/banner01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .indexbanner .word{ width: 100%; position: absolute; z-index: 999999; top: calc(50% - 3.0rem); text-align: center; } .indexbanner .word img{ max-width: 80%; height: auto; } .indexbanner .dh{ width: 86%; position: absolute; left: 7%; height: 80px; line-height: 80px; bottom: -40px; z-index: 999999; background-color: #FFFFFF; box-shadow: 2px 10px 15px rgba(0,0,0,0.2); display: none; } .indexbanner .dh ul{ display: flex; } .indexbanner .dh ul li{ width: 10%; line-height: 80px; position: relative; text-align: center; } .indexbanner .dh ul li a{ line-height: 80px; width: 100%; float: left; font-size: 16px; } .indexbanner .dh ul li img{ vertical-align: middle; } .indexbanner .dh ul li i{ height: 4px; position: absolute; z-index: 1; bottom: 0; width: 100%; background-image: url(../img/hx.png); background-position: center; background-repeat: no-repeat; visibility: hidden; opacity: 0; left: 0; transition: all 0.6s; } .indexbanner .dh ul li:hover i{ opacity: 1; visibility: visible; } .indexbanner .dh ul li:first-child{ background-color: #00516f; } .indexbanner .dh ul li .xiala{ width: auto; height: 60px; line-height: 60px; background-color: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; top: -60px; left: 0; position: absolute; transition: all 0.6s; display: flex; } .indexbanner .dh ul li .xiala ul li{ width: 60px; position: static; line-height: 60px; margin-left: 35px; margin-right: 35px; } .indexbanner .dh ul li .xiala ul li:last-child{ border: 0px; } .indexbanner .dh ul li:nth-child(7) .xiala{ left: 0px; } .indexbanner .dh ul li:nth-child(8) .xiala{ left: -340px; } .indexbanner .dh ul li .xiala ul li:first-child{ background-color: transparent; } .indexbanner .dh ul li .xiala ul li a{ color: #FFFFFF; line-height: 60px; font-size: 14px; } .indexbanner .dh ul li:hover .xiala{ opacity: 1; visibility: visible; } .indexbanner .dh ul li:last-child{ border-left: 1px solid #eeeeee; } .indexbanner .dh ul li:last-child a{ color: #00516f; } .abpic{ width: 100%; float: left; margin-top: 2.0rem; height: 12rem; position: relative; } .abpic .mask{ width: 100%; height: 100%; position: absolute; top: 1.0rem; left: 1.0rem; background-color: rgba(0,81,111,0.1); z-index: 1; border-radius: 44px 0px 44px 0px; overflow: hidden; } .abpic .pic{ width: 100%; height: 100%; position: absolute; z-index: 2; border-radius: 44px 0px 44px 0px; top: 0; left: 0; overflow: hidden; } .abpic .pic img{ width: 100%; height: 100%; display: block; } .abtex{ width:100%; float: left; height: auto; font-size: 0.8rem; line-height: 1.5rem; margin-top: 2.0rem; } .abtex h1{ font-size:1.2rem; color: #000000; line-height: 2.0rem; } .abtex dl dt{ margin-top: 1.0rem; } .abtex dl dd{ margin-top: 1.0rem; display: flex; } .abtex dl dd a{ width: 8rem; height: 2.5rem; border: 1px solid #00516f; color: #00516f; font-size: 0.8rem; text-align: center; line-height: 2.5rem; } .abtex dl dd img{ margin-left: 1.0rem; vertical-align: middle; max-height: 0.5rem; } .youshi{ width: 100%; float: left; margin-top: 2.0rem; background-color: #00516f; height: auto; } .youshi ul li{ width: 100%; float: left; color: #FFFFFF; background-image: url(../img/sx.png); background-position: left top; background-repeat: no-repeat; height: auto; margin-bottom: 1.0rem; } .youshi ul li dl dt{ font-size: 0.8rem; line-height: 1.5rem; margin-left: 1.0rem; margin-right: 1.0rem; } .youshi ul li dl dd{ font-size: 1.2rem; line-height: 1.5rem; margin-top: 1.0rem; margin-bottom: 1.0rem; margin-left: 1.0rem; } .youshi ul li dl dt:first-child{ margin-top: 1.0rem; } .bt{ width: 100%; float: left; margin-top: 3.0rem; } .bt dl dt{ text-align: center; font-size: 1.5rem; line-height: 2.0rem; color: #000000; } .bt dl dd{ font-size: 0.8rem; margin-top: 1.0rem; line-height: 1.5rem; text-align: center; } .bt dl dd a{ margin-left: 0.5rem; margin-right: 0.5rem; } .alfl{ width: 100%; margin: auto; } .alfl01{ width: 100%; height: 6rem; float: left; background-color: #FFFFFF; box-shadow: 2px 10px 15px rgba(0,0,0,0.2); margin-top: 2.0rem; } .alfl01 ul{ display: flex; justify-content: center; } .alfl01 ul li{ width: 33.3%; text-align: center; position: relative; height: 6.0rem; } .alfl01 ul li .hxian{ width: 100%; height: 4px; position: absolute; bottom: 0; z-index: 1; left: 0; background-image: url(../img/hx02.jpg); background-position: center; background-repeat: no-repeat; transition: all 0.6s; } .alfl01 ul li dl dt{ height: 2.0rem; margin-top: 1.0rem; } .alfl01 ul li dl dt span{ height: 100%; display: inline-block; vertical-align: middle; } .alfl01 ul li dl dt img{ max-width: 100%; max-height: 2.0rem; vertical-align: middle; transition: all 0.6s; } .alfl01 ul li dl dd{ line-height: 2.0rem; color: #666666; font-size: 0.8rem; } .alfl01 ul li:first-child{ background-image: url(../img/sx02.jpg); background-position: center right; background-repeat: no-repeat; } .alfl01 ul li:last-child{ background-image: url(../img/sx02.jpg); background-position: center left; background-repeat: no-repeat; } .alfl01 ul li:hover .hxian{ opacity: 1; } .alfl01 ul li:hover{ cursor: pointer; } .fltex{ width: 100%; float: left; margin-top: 1.0rem; height: 30px; border: 0px; } .hcaOn .pic01{ display: none; } .hcaOn .pic02{ display: inline-block; } .hcaOn .hxian{ opacity: 1; } .hcaOff .pic01{ display: inline-block; } .hcaOff .pic02{ display: none; } .hcaOff .hxian{ opacity: 0; } .incase{ width: 90%; float: left; margin-top: 1.0rem; margin-left:5%; margin-right:5%; } .incase ul li{ width:100%; float: left; position: relative; overflow: hidden; margin-bottom:1.0rem } .incase ul li img{ width: 100%; height: auto; display: block; transition: all 0.6s; } .incase ul li .tex{ width: 100%; position: absolute; bottom: 1.0rem; line-height: 1.5rem; left: 0; font-size: 0.8rem; color: #FFFFFF; text-align: center; z-index: 11; } .incase ul li:hover img{ transform: scale(1.05); } .wrap{ width: 100%; float: left; background-color: #f6f6f6; margin-top: 1.0rem; padding-bottom: 3.0rem; } .news{ width: 100%; float: left; margin-top: 0.5rem; } .news ul li{ width: calc(100% - 2.0rem); float: left; padding: 1.0rem; background-color: #FFFFFF; margin-top: 1.0rem; position: relative; } .news ul li .date{ width: 90px; float: left; margin-top:30px; display: none; } .news ul li .date dl dt{ font-size: 48px; color: #999999; line-height: 40px; text-align: center; } .news ul li .date dl dd{ font-size: 14px; color: #999999; line-height: 20px; text-align: center; } .news ul li .tex{ width: calc(60% - 1rem); float: left; } .news ul li .tex dl dt{ font-size: 1.0rem; line-height: 1.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-weight: bold; } .news ul li .tex dl dd{ font-size: 0.8rem; color: #666666; line-height: 1.2rem; margin-top: 0.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .news ul li .pic{ width: 40%; float: right; overflow: hidden; height: auto; } .news ul li .pic img{ width: 100%; height: auto; display: block; } .hzhb{ width: 100%; float: left; background-image: url(../img/hbbj.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; height: 35rem; } .hzhb01{ width: 100%; position: absolute; z-index: 11; bottom: -3.0rem; left: 0; } .hb01{ width: 100%; float: left; margin-top: 2.0rem; } .hb02{ width: 100%; float: left; background-color: #FFFFFF; padding-bottom: 2.0rem; position: relative; } .pre{ width: 2.0rem; height: 1.0rem; position: absolute; top: calc(50% - 0rem); left: 1.0rem; } .pre img{ max-width: 100%; height: auto; display: block; } .nex{ width: 2.0rem; height: 1.0rem; position: absolute; top: calc(50% - 0rem); right: 1.0rem; } .nex img{ max-width: 100%; height: auto; display: block; } .hblist{ width: 100%; float: left; } .hblist h1{ height: 3.0rem; line-height: 3.0rem; display: flex; justify-content: center; border-bottom: 1px solid #e3e8ef; width: 100%; } .hblist h1 span{ width: 8rem; margin-left: 1.0rem; margin-right: 1.0rem; line-height: 3.0rem; font-size: 1.0rem; font-weight: normal; text-align: center; } .hblist h1 .cur{ background-image: url(../img/hx.png); background-position: center bottom; background-repeat: no-repeat; color: #00516f; } .hblist ul{ width: calc(100% - 6rem); float: left; margin-left: 3.0rem; margin-right: 3.0rem; } .hblist ul li{ width: calc(50% - 1.2rem); float: left; margin-left: 0.5rem; margin-right: 0.5rem; height: 4.0rem; text-align: center; border: 1px solid #e3e8ef; margin-top: 1.0rem; } .hblist ul li span{ height: 100%; display: inline-block; vertical-align: middle; } .hblist ul li img{ max-width: 80%; max-height: 2.0rem; vertical-align: middle; } .foot{ width: 100%; float: left; padding-top: 5.0rem; background-color: #1b2327; } .foot01{ width: 100%; float: left; } .foot01 .logo2{ width: 100%; float: left; } .foot01 .logo2 div{ height: auto; text-align: center; } .foot01 .logo2 div img{ max-width: 100%; height: auto display: block; } .foot01 .logo2 ul li{ width: calc(50% - 10px); float: left; font-size: 0.8rem; line-height: 2.0rem; color: #999999; text-align: center; margin-top: 1.0rem; } .foot01 .logo2 ul li img{ width: 80%; height: auto; } .foot01 .logo2 ul li:nth-child(2){ float: right; } .foot01 .bomnav{ width: calc(100% - 280px); float: right; display: none; } .foot01 .bomnav ul li{ width: 14.2%; float: left; } .foot01 .bomnav ul li dl dt{ font-size: 18px; line-height: 42px; color: #FFFFFF; } .foot01 .bomnav ul li dl dd{ font-size: 16px; line-height: 42px; color: #999999; } .foot01 .bomnav ul li dl dd a{ color: #999999; } .foot01 .bomnav ul li dl dd a:hover{ color: #FFFFFF; } .foot02{ width: 100%; float: left; margin-top: 1.0rem; line-height: 1.5rem; border-top: 1px solid #434343; font-size: 0.8rem; color: #666666; padding-bottom: 1.0rem; padding-top: 1.0rem; } .foot02 span{ float: left; width: 100%; } .nybanner{ width: 100%; float: left; height: 12rem; position: relative; margin-top: 4.0rem; } .nybanner .dh{ width: 86%; position: absolute; left: 7%; height: 80px; line-height: 80px; top: 20px; z-index: 999999; background-color: rgba(255,255,255,0.85); display: none; } .zlm{ width: 86%; position: absolute; left: 7%; bottom: 3.0rem; padding-bottom: 2.0rem; background-image: url(../img/hx03.jpg); background-position: left bottom; background-repeat: no-repeat; font-size: 2.0rem; color: #FFFFFF; line-height: 2.0rem; } .zxbwb{ width: 86%; position: absolute; left: 7%; bottom: calc(50% - 1.4rem); transform: translateY(50%); } .zxbwb h1{ font-size: 1.5rem; line-height: 2.0rem; text-align: center; color: #FFFFFF; } .zxbwb dl dt{ text-align: center; font-size: 1.2rem; color: #FFFFFF; margin-top: 1.0rem; } .zxbwb dl dd{ color: #142e5a; margin-top: 1.0rem; display: flex; justify-content: center; } .zxbwb dl dd a{ width: 7rem; height: 2.5rem; line-height: 2.5rem; background-color: #FFFFFF; border-radius: 1.5rem; color: #142e5a; text-align: center; font-size: 0.8rem; } .zlmfl{ width: 100%; float: left; height: auto; line-height: 2.5rem; border-bottom: 1px solid #dcdcdc; } .zlmfl ul li{ width: 33.33%; line-height: 2.5rem; font-size: 0.8rem; position: relative; float: left; text-align: center; } .zlmfl ul li i{ width: 100%; height: 2px; position: absolute; background-image: url(../img/hx.png); background-position: center; background-repeat: no-repeat; bottom: 0; left: 0; opacity: 0; transition: all 0.6s; } .zlmfl ul li a{ width: 100%; float: left; height: 2.5rem; line-height: 2.5rem; } .zlmfl ul li a:hover i{ opacity: 1; } .zlmfl ul li .cur{ color: #00516F; font-weight: bold; } .zlmfl ul li .cur i{ opacity: 1; } .zlmfl span{ float: left; font-size: 0.8rem; color: #666666; line-height: 2.5rem; width: 100%; display: none; } .about{ width: 100%; float: left; background-color: #F8F8F8; padding-bottom: 3.0rem; } .bt2{ width: 100%; float: left; margin-top: 3.0rem; font-size: 1.5rem; color: #00516f; line-height: 1.5rem; padding-bottom: 1.0rem; background-image: url(../img/hx03.jpg); background-position: bottom left; background-repeat: no-repeat; } .about-l{ width:90%; float: left; margin-left: 5%; margin-right: 5%; margin-top: 1.0rem; font-size: 0.8rem; line-height: 1.5rem; } .about-l h1{ font-size: 1.2rem; line-height: 2.5rem; margin-bottom: 1.0rem; font-weight: normal; } .about-r{ width: 100%%; float: left; margin-top: 2.0rem; } .about-r img{ max-width: 100%; height: auto; } .youshi2{ width: 100%; float: left; background-color: #e5e5e5; height: auto; } .youshi2 ul li{ width: 100%; float: left; background-image: url(../img/sx03.png); background-position: top left; background-repeat: no-repeat; height: auto; margin-bottom: 1.0rem; } .youshi2 ul li dl dt{ font-size: 0.8rem; line-height: 1.5rem; margin-left: 1.0rem; margin-right: 1.0rem; } .youshi2 ul li dl dd{ font-size: 1.2rem; line-height: 1.5rem; margin-top: 1.0rem; margin-bottom: 1.0rem; margin-left: 1.0rem; } .youshi2 ul li dl dt:first-child{ margin-top: 1.0rem; } .adt{ width: 100%; float: left; } .adt img{ width: 100%; height: auto; display: block; } .wlfb{ width: 100%; float: left; background-color: #f8f8f8; padding-top: 2.0rem; padding-bottom: 2.0rem; } .wlfb-l{ width: 100%; float: left; text-align: center; } .wlfb-l img{ max-width: 90%; height: auto; } .wlfb-r{ width:100%; float: left; font-size: 0.8rem; line-height: 1.5rem; } .wlfb-r h1{ margin-top: 2.0rem; font-size: 1.2rem; line-height: 1.5rem; } .wlfb-r h2{ margin-top: 1.0rem; font-size: 1.0rem; line-height: 1.5rem; font-weight: normal; padding-bottom: 1.0rem; border-bottom: 1px solid #31b2eb; margin-bottom: 1.0rem; } .bt3{ width: 100%; float: left; margin-top: 3.0rem; font-size: 1.5rem; color: #00516f; line-height: 1.5rem; padding-bottom: 1.0rem; background-image: url(../img/hx03.jpg); background-position: bottom center; background-repeat: no-repeat; text-align: center; } .fzlc{ width: 100%; float: left; height: 690px; background-image: url(../img/lcbj.jpg); background-position: center; background-repeat: no-repeat; } .fzlc01{ width: 100%; float: left; margin-top: 155px; background-color: rgba(0,81,111,0.8); height: 398px; border: 0px; } .wenhua{ width: 100%; float: left; height: auto; background-image: url(../img/whbj.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 3.0rem; } .wenhua01{ width: 100%; float: right; margin-top: 3.0rem; } .wenhua01 ul li{ width: 100%; float: left; padding-bottom: 1.0rem; border-bottom: 1px solid #FFFFFF; margin-top: 1.0rem; } .wenhua01 ul li dl dt{ font-size: 1.2rem; color: #00516F; line-height: 1.5rem; font-weight: bold; } .wenhua01 ul li dl dt img{ vertical-align: middle; margin-right: 1.0rem; max-height: 1.5rem; } .wenhua01 ul li dl dd{ font-size: 0.8rem; line-height: 1.5rem; margin-left: 2.0rem; } .gsry{ width: 100%; float: left; height: auto; padding-bottom: 3.0rem; background-image: url(../img/rybj.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .gsry01{ width: 100%; float: left; height: auto; margin-top: 2.0rem; border: 0px; } .line95{ width: 100%; float: left; height: 3.0rem; } .gqjg{ width: 100%; float: left; margin-top: 1.0rem; text-align: center; font-size: 1.2rem; line-height: 2.5rem; } .gqjg img{ max-width: 100%; height: auto; } .pljz{ width:100%; float: left; font-size: 0.8rem; color: #666666; line-height: 1.5rem; margin-top: 2.0rem; } .pljz h1{ font-size: 1.2rem; color: #00516F; line-height: 1.5rem; font-weight: normal; padding-bottom: 1.0rem; background-image: url(../img/hx03.jpg); background-position: bottom left; background-repeat: no-repeat; margin-bottom: 1.0rem; } .plqj{ width:100%; float: left; margin-top: 2.0rem; border-top: 1px solid #dcdcdc; padding-top: 2.0rem; } .plqj h1{ font-size: 1.2rem; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; } .plqj dl{ width: 100%; float: left; padding-bottom: 0.5rem; margin-top: 0.5rem; border-bottom: 1px solid #dcdcdc; } .plqj dl dt{ font-size: 0.8rem; font-weight: bold; line-height: 1.5rem; } .plqj dl dd{ font-size: 0.8rem; line-height: 1.5rem; } .ztys{ width: 100%; float: left; font-size: 0.8rem; line-height: 1.5rem; margin-top: 2.0rem; } .ztys h1{ font-size:1.2rem; color: #131217; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; } .ztys ul li{ width:100%; float: left; border-bottom: 1px solid #dcdcdc; margin-top: 2.0rem; padding-bottom: 2.0rem; } .ztys ul li dl dt{ line-height: 2.0rem; font-size: 1.2rem; color: #131217; font-weight: bold; } .ztys ul li dl dd{ font-size: 0.8rem; line-height: 1.5rem; } .advantage{ width: 100%; float: left; } .advantage img{ width: 100%; height: auto; display: block; } .advantage .tex{ width:100%; float: left; font-size: 0.8rem; line-height: 1.5rem; margin-top: 2.0rem; } .advantage .tex h1{ font-size:1.2rem; color: #131217; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; } .advantage2{ width: 100%; float: left; height: auto; } .advantage2-l{ width: 100%; float: left; background-image: url(../img/b05.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 15rem; margin-top: 2.0rem; } .advantage2-r{ width:100%; float: left; font-size: 0.8rem; line-height: 1.5rem; padding-bottom: 2.0rem; } .advantage2-r h1{ font-size:1.2rem; color: #131217; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; margin-top: 2.0rem; } .advantage3{ width: 100%; float: left; height: auto; } .advantage3-l{ width: 100%; float: left; height: 15rem; background-image: url(../img/b06.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .advantage3-r{ width:100%; float: left; font-size: 0.8rem; line-height: 1.5rem; padding-bottom: 2.0rem; } .advantage3-r h1{ font-size:1.2rem; color: #131217; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; margin-top: 2.0rem; } .advantage4{ width: 100%; float: left; margin-top: 2.0rem; } .advantage4-l{ width: 100%; float: left; line-height: 1.5rem; font-size: 1.2rem; } .advantage4-r{ width: 100%; float: right; font-size: 0.8rem; line-height: 1.5rem; } .advantage5{ width: 100%; float: left; padding-top: 1.0rem; margin-top: 1.0rem; border-top: 1px solid #d2d2d2; } .advantage5 dl{ width: 50%; float: left; margin-top: 1.5rem; } .advantage5 dl dt{ text-align: center; font-size: 2.0rem; color: #a71c23; line-height: 1.5rem; margin-bottom: 0.5rem; } .advantage5 dl dd{ text-align: center; font-size: 0.8rem; line-height: 1.5rem; } .casefl{ width: 100%; float: left; margin-top: 2.0rem; border-top: 1px solid #a0a0a0; } .casefl ul li{ width: 100%; float: left; line-height: 2.0rem; border-bottom: 1px solid #a0a0a0; font-size: 0.8rem; padding-bottom:0.5rem; padding-top:0.5rem } .casefl ul li a{ padding: 0.3rem 0.5rem; } .casefl ul li a:hover{ background-color: #00516f; color: #FFFFFF; } .casefl ul li img{ vertical-align: middle; margin-right: 5px; max-height: 1.0rem; } .casefl ul li .zank{ background:none; color:#31b2eb} .casefl ul li .zank a{background:none; color:#31b2eb} .casefl ul li .cur{ background-color: #00516f; color: #FFFFFF; } .caselist{ width: 100%; float: left; margin-top: 30px; } .caselist ul li{ width:48%; float: left; margin-top: 1.0rem; position: relative; overflow: hidden; height:7.0rem } .caselist ul li img{ min-width: 100%; height: 100%; display: block; transition: all 0.6s; } .caselist ul li .tex{ width: 100%; position: absolute; z-index: 1; height: 3.0rem; line-height: 3.0rem; bottom: 0; left: 0; background-image: url(../img/bj.png); background-repeat: no-repeat; background-position: center top; font-size: 0.8rem; color: #FFFFFF; text-align: center; } .caselist ul li:hover img{ transform: scale(1.05); } .caselist ul li:nth-child(2n){ float: right; margin-right: 0px; } .fy{ width: 100%; float: left; margin-top: 2.0rem; } .fy ul{ display: flex; justify-content: center; } .fy ul li{ padding:0.5rem; border: 1px solid #bfbfbf; line-height: 1.5rem; text-align: center; font-size: 0.8rem; margin-left: 3px; margin-right: 3px; } .fy ul li a{ width: 100%; float: left; line-height: 1.5rem; } .fy ul li a:hover{ background-color: #00516f; color: #FFFFFF; } .fy ul li img{ vertical-align: middle; } .kfs{ width: 100%; float: left; margin-top: 1.0rem; } .kfs h1{ line-height: 1.5rem; font-size: 1.2rem; font-weight: normal; text-align: center; } .kfs h2{ line-height: 1.5rem; font-size: 1.2rem; font-weight: normal; text-align: center; } .kfs01{ width: 100%; float: left; border: 0px; height: 500px; margin-top: 1.0rem; } .newtj{ width: calc(100% - 2.0rem); float: left; padding: 1.0rem; background-color: #FFFFFF; box-shadow: 2px 10px 15px rgba(0,0,0,0.2); margin-top: 2.0rem; } .newlist{ width: 100%; float: left; margin-top: 1.0rem; } .newlist ul li{ width: 100%; float: left; border-bottom: 1px solid #d2d2d2; padding-bottom: 1.0rem; padding-top: 1.0rem; transition: all 0.6s; } .newlist ul li .tex{ width: calc(70% - 3rem); float: left; margin-left: 1.0rem; } .newlist ul li .tex h1{ font-size: 0.8rem; line-height: 1.5rem; color: #00516f; font-weight: normal; } .newlist ul li .tex dl dt{ font-size: 1.0rem; line-height: 1.5rem; margin-top: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .newlist ul li .tex dl dd{ font-size: 0.8rem; line-height: 1.5rem; color: #666666; margin-top: 0.5rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .newlist ul li .tex dl dd a{ color: #31b2eb; } .newlist ul li .pic{ width: 30%; height: auto; float: right; margin-right: 1.0rem; overflow: hidden; } .newlist ul li .pic img{ width: 100%; height: 100%; display: block; transition: all 0.6s; } .newlist ul li:hover{ background-color: #FFFFFF; } .newlist ul li:hover .pic img{ transform: scale(1.05); } .newshow{ width: calc(100% - 2.0rem); float: left; background-color: #FFFFFF; padding-left: 1.0rem; padding-right: 1.0rem; padding-bottom: 1.0rem; } .newtitle{ width: 100%; float: left; font-size: 1.2rem; font-weight: bold; line-height: 1.5rem; margin-top: 2.0rem; } .newdate{ width: 100%; float: left; font-size: 0.8rem; line-height: 1.5rem; margin-top: 1.0rem; padding-bottom: 1.0rem; border-bottom: 1px solid #d2d2d2; } .newdate .wxwb{ width: 100%; float: left; margin-top: 0.5rem; } .newdate .wxwb img{ vertical-align: middle; margin-right: 0.2rem; max-height: 2.0rem; } .newtex{ width: 100%; float: left; margin-top: 2.0rem; font-size: 0.8rem; line-height: 1.5rem; } .newtex img{ max-width: 100%; height: auto; } .newtex2{ width: 100%; float: left; margin-top: 2.0rem; font-size: 0.8rem; line-height: 1.5rem; } .newtex2 img{ max-width: 100%; height: auto; } .newnext{ width: 100%; float: left; margin-top: 1.5rem; font-size: 0.8rem; line-height: 1.5rem; } .newnext .fh{ width: 8rem; height: 2.5rem; background-color: #FFFFFF; border: 1px solid #d2d2d2; text-align: center; font-size: 0.8rem; color: #666666; line-height: 2.5rem; margin-bottom: 1.0rem; } .black{ color: #333333; } .gltx{ width: 100%; float: left; margin-top: 2.0rem; } .gltx ul li{ width: 100%; float: left; height: auto; background-color: #FFFFFF; } .gltx ul li .pic{ width: 100%; float: left; height: 15rem; background-position: center; background-size: cover; background-repeat: no-repeat; } .gltx ul li .tex{ width:90%; float: left; margin-right: 5%; margin-left: 5%; padding-bottom: 2.0rem; } .gltx ul li .tex h1{ margin-top: 2.0rem; font-size: 1.2rem; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; } .gltx ul li .tex dl dt{ padding-bottom: 0.5rem; margin-top: 0.5rem; border-bottom: 1px solid #d2d2d2; font-size: 0.8rem; line-height: 1.5rem; display: flex; } .gltx ul li .tex dl dt div{ width: auto; display: flex; } .gltx ul li .tex dl dt i{ font-size: 1.2rem; color: #CCCCCC; margin-right: 0.3rem; } .jdgl{ width: 100%; float: left; margin-top: 2.0rem; } .jdgl h1{ font-size: 1.2rem; font-weight: normal; line-height: 1.5rem; text-align: center; font-weight: normal; } .jdgl ul li{ width: calc(100% - 2.0rem); padding: 1.0rem; float: left; margin-top: 2.0rem; position: relative; font-size: 0.8rem; line-height: 1.5rem; height: auto; background-image: url(../img/xk.png); background-position:center top; background-size:100% auto; background-repeat:no-repeat; } .jdgl ul li span{ padding: 1.0rem; position: absolute; background-image: url(../img/fk.png); background-position: center; background-repeat: no-repeat; background-size: contain; left: 1.0rem; top: -1.0rem; z-index: 1; } .wmgl{ width: 100%; float: left; font-size: 0.8rem; line-height: 1.5rem; } .wmgl h1{ margin-top: 2.0rem; font-size: 1.2rem; font-weight: normal; line-height: 1.5rem; padding-bottom: 2.0rem; background-image: url(../img/hx04.jpg); background-position: bottom left; background-repeat: no-repeat; margin-bottom: 1.0rem; } .wmgl img{ max-width: 100%; height: auto; display: block; } .youhua{ width: 100%; float: left; padding-bottom: 3.0rem; padding-top: 3.0rem; background-image: url(../img/glbj.jpg); background-position: center; background-repeat: no-repeat; text-align: center; font-size: 0.8rem; line-height: 1.5rem; margin-top: 2.0rem; } .youhua h1{ font-size: 1.2rem; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; } .youhua ul{ display: flex; justify-content: center; margin-top: 2.0rem; } .youhua ul li{ line-height: 2.5rem; } .youhua ul li img{ vertical-align: middle; max-height: 1.0rem; margin-top: -0.2rem; } .youhua ul li div{ width: 5.8rem; height: 2.5rem; background-color: #31b2eb; border-radius: 5px; text-align: center; font-size: 0.8rem; color: #FFFFFF; font-weight: bold; } .youhua ul li div img{ margin-right: 0.5rem; margin-top: -0.1rem; max-height: 1.0rem; } .no1{ width: 100%; float: left; font-size: 0.8rem; line-height: 1.5rem; margin-top: 2.0rem; } .no1 h1{ font-size: 1.2rem; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; } .taitou{ width: 8rem; height: 2.5rem; line-height: 2.0rem; text-align: center; background-image: url(../img/bj02.png); background-position: center; background-repeat: no-repeat; background-size: contain; color: #FFFFFF; margin-bottom: 10px; } .no1 img{ max-width: 100%; height: auto; display: block; } .no2{ width: 100%; float: left; background-color: #dce3e9; padding-bottom: 2.0rem; font-size: 0.8rem; line-height: 1.5rem; } .no2 h1{ font-size: 1.2rem; line-height: 1.5rem; font-weight: normal; margin-bottom: 1.0rem; margin-top: 2.0rem; } .no2 .lc{ width: 100%; float: left; border-bottom: 1px dashed #a0a9b5; border-top: 1px dashed #a0a9b5; padding-bottom: 1.0rem; padding-top: 1.0rem; margin-top: 5px; } .no2 .lc ul{ display: flex; flex-wrap:wrap; } .no2 .lc ul li{ width: auto; height: 2.5rem; line-height: 2.5rem; background-color: #00516f; color: #FFFFFF; border-radius: 10px; margin-right: 1.5rem; position: relative; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.8rem; margin-top: 0.5rem; } .no2 .lc ul li span{ width: 1.5rem; height: 2.5rem; position: absolute; right: -1.5rem; background-image: url(../img/ja02.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .no2 .lc ul li:last-child{ margin-right: 0px; } .no2 .lc ul li:last-child span{ display: none; } .no2 .lc02{ width: 100%; float: left; } .no2 .lc02 ul li{ width: 100%; float: left; margin-top: 1.0rem; } .no2 .lc02 ul li dl dt{ font-size: 1.0rem; line-height: 1.5rem; font-weight: bold; } .no2 .lc02 ul li dl dd{ font-size: 0.8rem; line-height: 1.5rem; } .no2 .lc02 ul li dl dd img{ vertical-align: middle; margin-right: 5px; max-height: 0.8rem; } .no2 .lc02 ul li dl dd .wz{ width: 100%; height: 1.5rem; line-height: 1.5rem; display: flex; } .no2 .lc02 ul li dl dd .wz img{ margin-right: 0px; max-height: 1.5rem; } .no2 .lc02 ul li dl dd .wz div{ width: auto; height: 1.5rem; line-height: 1.5rem; background-color: #FFFFFF; font-size: 0.8rem; display: flex; padding-left: 0.2rem; padding-right: 0.2rem; } .mart20{ margin-top: 0.8rem; } .mart40{ margin-top: 1.2rem; } .glksh{ width: 100%; float: left; } .glksh ul li{ width: 100%; float: left; background-color: #FFFFFF; margin-top: 1.0rem; } .glksh ul li .tex{ width: calc(100% - 2.0rem); float: left; margin-left: 1.0rem; font-size: 0.8rem; line-height: 1.5rem; margin-top:1.0rem; } .glksh ul li .tex img{ max-width: 100%; height: auto; float: left; } .glksh ul li .tex i{ padding: 8px; background-image: url(../img/e05.png); background-position: center; background-repeat: no-repeat; margin-left: 5px; } .glksh ul li .pic{ width: 100%; float: left; margin-top: 1.0rem; } .glksh ul li .pic img{ width: 100%; height: auto; display: block; } .glksh ul li:nth-child(2){ float: right; } .no4{ width: 100%; float: left; padding-bottom: 2.0rem; } .no4 ul li{ width: 100%; height: auto; position: relative; overflow: hidden; float: left; margin-top: 1.0rem; } .no4 ul li img{ width: 100%; height: auto; display: block; transition: all 0.6s; } .no4 ul li span{ height: 2.0rem; width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(255,255,255,0.8); text-align: center; font-size: 0.8rem; z-index: 11; line-height: 2.0rem; } .no4 ul li:hover img{ transform: scale(1.05); } .no4 ul li:last-child{ margin-right: 0px; } .no4 p{ margin-top: 2.0rem; text-align: center; width: 100%; float: left; } .no4 p img{ max-width: 100%; height: auto; } .wxgl{ width: 100%; float: left; background-color: #F8F8F8; background-image: url(../img/bj03.jpg); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 2.0rem; } .wxgl01{ width: 100%; float: left; margin-top: 2.0rem; } .wxgl01 ul li{ width:100%; float: left; } .wxgl01 ul li .a01{ width:100%; float: left; border-bottom: 1px solid #bfbfbf; line-height: 1.5rem; padding-bottom: 1.0rem; margin-top: 1.0rem; font-size:0.8rem } .wxgl01 ul li .a02{ width:100%; float: left; border-bottom: 1px solid #bfbfbf; line-height: 1.5rem; padding-bottom: 1.0rem; margin-top: 1.0rem; font-size:0.8rem } .wxgl01 ul li .a03{ width:100%; float: left; border-bottom: 1px solid #bfbfbf; line-height: 1.5rem; padding-bottom: 1.0rem; margin-top: 1.0rem; font-size:0.8rem } .zs{ width: 100%; float: left; margin-top: 80px; border-top: 1px solid #d2d2d2; padding-top: 40px; } .zs01{ width: 100%; float: left; height: 250px; border: 0px; } .gpinfo{ width: calc(100% - 2.0rem); float: left; margin-top: 2.0rem; background-color: #FFFFFF; padding: 1.0rem; } .gpinfo1{ width: 100%; float: left; background-color: #f7f7f7; } .gpinfo1-t{ width: 100%; float: left; height: 3.5rem; background-color: #f2f2f2; } .gpinfo1-t01{ width: 50%; float: left; text-align: center; height: 3.5rem; display: table; background-color: #042536; font-size: 0.8rem; line-height: 1.5rem; color: #FFFFFF; } .gpinfo1-t01 div{ display: table-cell; vertical-align: middle; } .gpinfo1-t02{ width: 50%; float: right; text-align: center; line-height: 1.5rem; } .gpinfo1-t02 img{ vertical-align: middle; margin-right: 5px; } .gpinfo1-b{ width: 100%; float: left; height: auto; } .gpinfo1-b01{ width: 100%; float: left; text-align: center; height: auto; display: table; background-color: #f2f2f2; padding-bottom: 1.0rem; padding-top: 1.0rem; } .gpinfo1-b01 div{ display: table-cell; vertical-align: middle; } .gpinfo1-b01 p{ display: flex; justify-content: center; } .gpinfo1-b01 em{ margin-left: 0.2rem; margin-right: 0.2rem; color: #b1020c; } .gpinfo1-b01 b{ font-size: 1.5rem; color: #0e8c4c; } .gpinfo1-b01 i{ padding: 15px 13px; background-image: url(../img/zhsh06g.png); background-position: center; background-repeat: no-repeat; } .gpinfo1-b02{ width:100%; float: right; margin-top: 1.0rem; padding-bottom: 1.0rem; } .gpinfo1-b02 ul li{ width: calc(50% - 1rem); float: left; line-height: 2.5rem; font-size: 0.7rem; padding-left: 1.0rem; } .gpinfo2{ width: 100%; float: left; background-color: #f7f7f7; margin-top: 1.0rem; } .gpinfo2-t{ width: 100%; float: left; height: 2.5rem; line-height: 2.5rem; background-color: #ededed; } .gpinfo2-t ul{ display: flex; } .gpinfo2-t ul li{ width: 25%; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 0.8rem; } .gpinfo2-t ul li a{ width: calc(100% - 2px); float: left; text-align: center; height: 2.5rem; border: 1px solid #ededed; } .gpinfo2-t ul li a:hover{ background-color: #FFFFFF; } .hcOn{ background-color: #FFFFFF; } .gpinfo2-m{ width: calc(100% - 2.0rem); float: left; padding: 1.0rem; } .gpinfo2-m1{ width: 100%; float: left; height: auto; line-height: 2.0rem; background-color: #ededed; border-radius: 4px; } .gpinfo2-m1 ul li{ width: calc(100% - 1rem); margin-left: 1.0rem; line-height: 2.0rem; font-size: 0.8rem; float: left; } .gpinfo2-m1 ul li i{ color: #b1020c; margin-left: 5px; } .gpinfo2-b{ width: 100%; float: left; padding-bottom: 1.0rem; text-align: center; margin-top: 2.0rem; } .gpinfo2-b img{ max-width: 100%; height: auto; } .gongg{ width: 100%; float: left; } .gongg ul li{ width: calc(100%% - 2.2rem); float: left; height: auto; padding: 1.0rem; border: 1px solid #edf1f3; margin-top: 1.0rem; } .gongg ul li dl dt{ font-size: 1.0rem; line-height: 1.5rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .gongg ul li dl dd{ color: #018bc5; font-size: 0.8rem; margin-top: 1.0rem; } .more{ width: 100%; float: left; margin-top: 1.0rem; margin-bottom: 1.0rem; } .more ul{ display: flex; justify-content: center; } .more ul li{ width: 8rem; height: 2.5rem; border: 1px solid #bfbfbf; text-align: center; font-size: 1.0rem; line-height: 2.5rem; } .more ul li a{ width: 100%; float: left; height: 2.5rem; line-height: 2.5rem; } .more ul li a:hover{ color: #FFFFFF; background-color: #00516f; } .dybg{ width: 100%; float: left; } .dybg ul li{ width: 100%; float: left; line-height: 1.5rem; font-size: 1.0rem; border-bottom: 1px solid #dcdcdc; padding-bottom: 1.0rem; margin-bottom: 1.0rem; } .dybg ul li i{ color: #999999; margin-right: 1.0rem; } .jliu{ width: 100%; float: left; } .jliu ul li{ width: calc(100% - 1.0rem); float: left; padding: 0.5rem; background-color: #e7f5ff; margin-bottom: 1.0rem; } .jliu ul li dl dt{ height: auto; line-height: 1.5rem; background-color: #FFFFFF; padding: 1.0rem; font-size: 1.0rem; } .jliu ul li dl dt i{ padding: 0.7rem; background-image: url(../img/wen.png); background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 10px; } .jliu ul li dl dt span{ float: right; font-size: 0.8rem; color: #999999; } .jliu ul li dl dd{ height: auto; line-height: 1.5rem; padding: 1.0rem; font-size: 1.0rem; } .jliu ul li dl dd i{ padding: 0.7rem; background-image: url(../img/da.png); background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 10px; } .jliu ul li dl dd span{ float: right; font-size: 0.8rem; color: #999999; } .lxwm{ width: 100%; float: left; margin-top: 2.0rem; } .lxwm-l{ width: 100%; float: left; font-size: 0.8rem; line-height: 1.5rem; } .lxwm-l h1{ font-size: 1.5rem; line-height: 1.5rem; color: #00516f; font-weight: normal; } .lxwm-l h2{ font-size: 1.2rem; line-height: 1.5rem; color: #999999; margin-top: 1.0rem; padding-bottom: 1.0rem; background-image: url(../img/hx03.jpg); background-position: left bottom; background-repeat: no-repeat; font-weight: normal; } .lxwm-l h3{ font-size: 1.2rem; line-height: 1.5rem; font-weight: normal; margin-top: 2.0rem; margin-bottom: 2.0rem; } .lxwm-r{ width: 100%; float: right; margin-top: 1.0rem; } .lxwm-r img{ } .lxwm02{ width: 100%; float: left; margin-top: 2.0rem; } .lxwm02 h1{ font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 1.0rem; } .lxwm02 ul li{ width: 100%; float: left; position: relative; padding-bottom: 1.0rem; } .lxwm02 ul li dl dt{ height: 2.5rem; line-height: 2.5rem; margin-left: 1.0rem; background-color: #00516f; padding-left: 1.0rem; position: relative; font-size: 1.0rem; color: #FFFFFF; } .lxwm02 ul li dl dt .jiant{ width: 0.5rem; height: 0.8rem; position: absolute; top: 0.4rem; left: -0.4rem; z-index: 1; background-image: url(../img/jt04.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .lxwm02 ul li dl dd{ margin-left: 1.0rem; border: 1px solid #D2D2D2; padding: 0.5rem 1.0rem; font-size: 0.5rem; line-height: 2.0rem; } .lxwm02 ul li dl dd img{ vertical-align: middle; margin-right: 5px; max-height: 1.0rem; } .lxwm02 ul li .yuan{ width: 0.6rem; height: 0.6rem; position: absolute; left: 0; top: 0.5rem; z-index: 11; background-image: url(../img/yuan.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .lxwm02 ul li .sx{ width: 1px; height: 100%; position: absolute; background-color: #00516f; left: 0.3rem; top: 0px; z-index: 1; } .lxwm02 ul li:nth-child(2n){ float: right; } .lxwm02 ul li:first-child .sx{ top: 0.5rem; } .lxwm02 ul li:nth-child(2) .sx{ top: 0.5rem; } .lxwm02 ul li:last-child .sx{ height: 0.5rem; top: 0px; } .zcqh{ width: 100%; float: left; padding-bottom: 0.5rem; border-bottom: 1px solid #313131; margin-top: 2.0rem; } .zcqh ul{ display: flex; } .zcqh ul li{ width: 50%; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 0.8rem; } .zcqh ul li a{ width: 100%; float: left; height: 2.5rem; line-height: 2.5rem; text-align: center; } .zcqh ul li a:hover{ background-color: #00516F; color: #FFFFFF; } .zcqh ul li .cur{ background-color: #00516F; color: #FFFFFF; } .zcllist{ width: 100%; float: left; margin-top: 0.5rem; } .zcllist ul li{ width: 100%; float: left; margin-top: 1.0rem; border-bottom: 1px solid #d2d2d2; padding-bottom: 1.0rem; padding-top: 1.0rem; background-color: #FFFFFF; transition: all 0.6s; } .zcllist ul li dl dt{ margin-left: 1.0rem; margin-right: 1.0rem; line-height: 1.5rem; font-size: 1.0rem; } .zcllist ul li dl dt i{ font-size: 0.8rem; color: #999999; } .zcllist ul li dl dd{ margin-top: 1.0rem; margin-left: 1.0rem; margin-right: 1.0rem; } .zcllist ul li dl dd a{ font-size: 0.8rem; color: #31b2eb; } .zcllist ul li dl dd img{ vertical-align: middle; margin-left: 5px; } .zcllist ul li:hover{ box-shadow: 2px 5px 15px rgba(0,0,0,0.1); } .zbwl{ width: 100%; float: left; margin-top: 2.0rem; padding-bottom: 2.0rem; } .zbwl h1{ line-height: 2.0rem; font-size: 1.2rem; font-weight: normal; text-align: center; color: #000000; } .zbwl01{ width: 100%; float: left; border: 0px; height: 665px; margin-top: 1.0rem; border: 0px; } .tjsq{ width: 90%; float: left; margin-left: 5%; margin-right: 5%; } .tjsq01{ width: 100%; float: left; margin-top: 2.0rem; } .tjsq01 h1{ line-height: 1.5rem; font-size: 1.2rem; font-weight: normal; text-align: center; color: #000000; margin-bottom: 1.0rem; } .tjsq01 ul li{ width: 100%; float: left; line-height: 2.5rem; margin-top: 1.0rem; font-size: 0.8rem; color: #666666; } .tjsq01 ul li i{ color: #fe3838; } .bk{ width: calc(100% - 17px); border: 1px solid #D2D2D2; line-height: 2.5rem; outline: none; padding-left: 15px; font-size: 0.8rem; color: #666666; font-family: "微软雅黑"; } .anniu{ padding: 0.5rem 3.0rem; background-color: #00516F; color: #FFFFFF; font-size: 1.0rem; border: 0px; cursor: pointer; } .tjsq01 ul li:last-child{ text-align: center; } .photo{ width: 100%; float: left; margin-top: 2.0rem; } .photo h1{ line-height: 1.5rem; font-size: 1.2rem; font-weight: normal; text-align: center; color: #000000; margin-bottom: 1.0rem; } .photo ul li{ width: 48%; float: left; margin-top: 1.0rem; } .photo ul li dl dt{ text-align: center; overflow: hidden; height:7rem } .photo ul li dl dt img{ min-width: 100%; height: 100%; display: block; transition: all 0.6s; } .photo ul li dl dd{ text-align: center; font-size: 0.8rem; line-height: 2.0rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .photo ul li:hover dl dt img{ transform: scale(1.05); } .photo ul li:nth-child(2n){ float: right; } .more2{ width: 100%; float: left; margin-top: 1.0rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border-radius: 5px; overflow: hidden; } .more2 a{ width: 100%; height: 2.5rem; line-height: 2.5rem; text-align: center; background-color: #00516f; color: #FFFFFF; font-size: 1.0rem; float: left; } .zbxq{ width: 100%; float: left; } .zbxq ul{ padding-bottom: 1.0rem; margin-top: 1.0rem; border-bottom: 1px dashed #bbc3d3; float: left; width: 100%; } .zbxq ul li{ line-height: 2.0rem; margin-top: 1.0rem; font-size: 0.8rem; float: left; width: 100%; } .zbxq ul li .zb{ width: 100%; height: 2.0rem; line-height: 2.0rem; text-align: center; background-color: #00516f; color: #FFFFFF; margin-right: 1.0rem; float: left; } .zbxq ul li .yb{ width: 100%; line-height: 1.5rem; float: left; margin-top: 1.0rem; } .zbxq ul:last-child{ border: 0px; } .zplc{ width: 100%; float: left; margin-top: 2.0rem; } .zplc h1{ font-size: 1.2rem; line-height: 1.5rem; text-align: center; font-weight: normal; margin-bottom: 2.0rem; } .zplc ul{ display: flex; justify-content: center; } .zplc ul li{ width: 20%; position: relative; } .zplc ul li dl dt{ height: 6rem; text-align: center; } .zplc ul li dl dt span{ height: 100%; display: inline-block; vertical-align: middle; } .zplc ul li dl dt img{ max-width: 80%; max-height: 100%; vertical-align: middle; } .zplc ul li dl dd{ font-size: 0.8rem; margin-top: 1.0rem; line-height: 1.5rem; text-align: center; } .zplc ul li .zjt{ width: 16px; height: 21px; position: absolute; right: -50px; top: 44px; background-image: url(../img/zjt.png); background-position: center; background-repeat: no-repeat; z-index: 1; display: none; } .zplc ul li:last-child .zjt{ display: none; } .subNavBox{ width:100%; float:left; } .subNav{ width: calc(100% - 5px); float:left; HEIGHT:3.0rem; DISPLAY: block; CURSOR: pointer; border:1px solid #e0e0e0; line-height:3.0rem; font-size:1.0rem; position: relative; border-left: 4px solid #00516f; margin-top: 1.0rem; } .subNav b{ font-size: 1.2rem; margin-left: 1.0rem; float: left; } .subNav span{ float: right; margin-right: 0.2rem; color: #31b2eb; font-size: 0.8rem; } .subNav span a{ color: #31b2eb; } .subNav em{ font-size: 0.8rem; margin-left: 0.2rem; } .subNav i{ background:url(../img/xjt03.png) no-repeat center / contain; width: 1.0rem; height: 3.0rem; float:right; margin-right: 1.0rem; } .subNav:hover{float:left; } .currentDd{background: #00516f;border:1px solid #00516f;border-left: 4px solid #00516f;} .currentDd{ color: #FFFFFF; } .currentDd i{ background:url(../img/xjt03.png) no-repeat center / contain; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -o-transition:all .25s ease 0s; transition:all .25s ease 0s; } .navContent{ display: none; float:left; width: calc(100% - 2.0rem); padding:1.0rem; line-height:1.5rem; font-size:0.8rem; border: 1px solid #88aebc; background-color: #f6f6f6; } .navContent b{ font-size: 1.0rem; } .navContent .sjt{ width: 0.5rem; height: 0.5rem; position: absolute; top: -0.5rem; background-image: url(../img/sjt.png); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 12; } .a60{ left: 1.0rem; } .a30{ left: 1.0rem; } .fuli{ width: 100%; float: left; margin-top: 2.0rem; } .fuli-l{ width: 100%; float: left; } .fuli-l ul li{ width: calc(20% - 1px); float: left; height: 6rem; text-align: center; display: table; background-image: url(../img/bj04.jpg); background-repeat: repeat-x; margin-left: 1px; margin-top: 1px; } .fuli-l ul li dl{ display: table-cell; vertical-align: middle; } .fuli-l ul li dl dt{ height: 3.0rem; text-align: center; } .fuli-l ul li dl dt span{ height: 100%; display: inline-block; vertical-align: middle; } .fuli-l ul li dl dt img{ max-width: 100%; max-height: 2.0rem; vertical-align: middle; } .fuli-l ul li dl dd{ font-size: 0.8rem; line-height: 1.5rem; text-align: center; color: #FFFFFF; } .fuli-r{ width:100%; float: left; font-size: 0.8rem; line-height: 1.5rem; } .fuli-r h1{ font-size: 1.2rem; font-weight: normal; line-height: 1.5rem; margin-bottom: 1.0rem; margin-top: 1.0rem; } .xzjg{ width: 100%; float: left; padding-bottom: 2.0rem; background-image: url(../img/xzbj.jpg); background-position: center; margin-top: 2.0rem; } .xzjg h1{ font-size: 1.2rem; font-weight: normal; line-height: 1.5rem; margin-bottom: 1.0rem; margin-top: 2.0rem; text-align: center; } .zyjt{ width: calc(100% - 2.0rem); float: left; margin-top: 1.0rem; padding: 1.0rem; background-color: rgba(255,255,255,0.5); } .zyjt h2{ font-size: 1.2rem; line-height: 1.5rem; text-align: center; font-weight: normal; } .zyjt h3{ font-size: 0.8rem; line-height: 1.5rem; font-weight: normal; text-align: center; margin-bottom: 1.0rem; } .zyjt ul li{ width:49%; float: left; text-align: center; background-color: #00516f; color: #FFFFFF; font-size: 0.8rem; border-radius: 5px; height: 2.5rem; line-height: 2.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; float: left; margin-top: 0.5rem; } .zyjt ul li:nth-child(2n){ float: right; } .qita{ width:100%; float: left; margin-top: 10px; height: 2.5rem; background-color: #dbe4e9; line-height: 2.5rem; border-radius: 5px; font-size: 1.0rem; color: #00516f; text-align: center; } .qita a{ color: #00516f; } .ygtx{ width: 100%; float: left; background-image: url(../img/ba01.jpg); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 80px; } .ygtx h1{ font-size: 1.2rem; line-height: 1.5rem; text-align: center; font-weight: normal; margin-bottom: 1.0rem; margin-top: 2.0rem; } .ygtx ul li{ width:100%; float: left; margin-top: 1.0rem; } .ygtx ul li div{ text-align: center; overflow: hidden; } .ygtx ul li div img{ width: 100%; height: auto; display: block; transition: all 0.6s; } .ygtx ul li dl dt{ font-size: 1.0rem; font-weight: bold; line-height: 1.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } .ygtx ul li dl dd{ font-size: 0.8rem; line-height: 1.5rem; } .ygtx ul li:hover div img{ transform: scale(1.05); } .contact{ width: 100%; float: left; background-color: #e8ecef; height: auto; } .contact-l{ width: 90%; float: left; margin-left: 5%; margin-right: 5%; font-size: 1.0rem; line-height: 2.0rem; } .contact-r{ width: 100%; float: left; background-image: url(../img/lxwm.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 15rem; margin-top: 1.0rem; } .ygfc{ width: 100%; float: left; } .ygfc h1{ font-size: 1.2rem; line-height: 1.5rem; text-align: center; font-weight: normal; margin-bottom: 2.0rem; margin-top: 2.0rem; } .ygfc ul li{ width: auto; float: left; margin-right: 1.0rem; height: 10rem; } .ygfc ul li img{ max-height: 10rem; width: auto; display: block; } #demo { background: #FFF; overflow:hidden; border: 0px dashed #CCC; width: 100%; } #demo img { } #indemo { float: left; width: 1800%; } #demo1 { float: left; } #demo2 { float: left; } .foot03{ width: 100%; float: left; line-height: 1.5rem; font-size: 0.8rem; color: #666666; background-color: #1b2327; padding-bottom: 1.0rem; padding-top: 1.0rem; } .foot03 span{ float: left; width: 100%; } .jbheader{ width: 100%; float: left; height: 75px; background-color: #FFFFFF; display: none; } .jbheader .logo{ width: 319px; float: left; height: 75px; } .jbheader .logo span{ height: 100%; display: inline-block; vertical-align: middle; } .jbheader .logo img{ max-width: 100%; max-height: 75px; vertical-align: middle; } .jbtex{ width: 100%; float: left; background-image: url(../img/jbbj.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 4.0rem; } .jbtex01{ width: 100%; float: left; margin-top: 4.0rem; text-align: center; } .jbtex01 h1{ font-size: 1.5rem; text-align: center; line-height: 2.0rem; color: #FFFFFF; } .jbtex01 dl dt{ font-size: 1.2rem; color: #FFFFFF; line-height: 1.5rem; margin-top: 1.0rem; margin-bottom: 1.0rem; } .jbtex01 dl dd{ display: flex; line-height: 2.5rem; justify-content: center; font-size: 0.8rem; color: #FFFFFF; } .jbtex01 dl dd a{ width: 8rem; height: 2.5rem; line-height: 2.5rem; text-align: center; background-color: #ff1037; border-radius: 5px; color: #FFFFFF; font-size: 0.8rem; } .jbtex02{ width: 100%; float: left; margin-top: 50px; background-color: rgba(0,0,0,0.7); padding-bottom: 1.0rem; padding-top: 1.0rem; } .jbtex02 ul li{ width: 100%; float: left; } .jbtex02 ul li dl dt{ height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #626262; font-size: 1.0rem; color: #FFFFFF; } .jbtex02 ul li dl dt img{ vertical-align: middle; margin-right: 5px; max-height: 1.5rem; } .jbtex02 ul li dl dd{ margin-top: 1.0rem; font-size: 0.8rem; line-height: 1.5rem; color: #FFFFFF; } .jbtex02 ul li:nth-child(2){ margin-top: 1.0rem; } .wrap2{ width: 100%; float: left; background-color: #efefef; padding-bottom: 2.0rem; padding-top: 2.0rem; margin-top: 4.0rem; } .tsjb{ width: calc(100% - 2.0rem); float: left; padding: 1.0rem; background-color: #FFFFFF; } .tsjb h1{ font-size: 1.2rem; font-weight: normal; padding-bottom: 1.0rem; border-bottom: 1px solid #D2D2D2; line-height: 1.5rem; margin-bottom: 0.5rem; } .tsjb ul li{ width: 100%; float: left; margin-top: 0.5rem; line-height: 2.5rem; } .tsjb ul li dl dt{ width: 5.0rem; float: left; line-height: 2.5rem; font-size: 0.8rem; } .tsjb ul li dl dt i{ color: #ff0000; } .tsjb ul li dl dd{ width: calc(100% - 5.0rem); float: right; line-height: 1.5rem; font-size: 0.8rem; color: #999999; } .tsjb ul li dl dd input{ max-width: 100%; } .file { position: relative; display: inline-block; border: 1px solid #31b2eb; float:left; border-radius: 4px; width: calc(100% - 2px); overflow: hidden; color: #31b2eb; text-decoration: none; text-indent: 0; line-height: 2.5; text-align:center; } .file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; } .file:hover { background: #31b2eb; border-color: #31b2eb; color: #ffffff; text-decoration: none; } .anniu2{ padding: 0.5rem 3.0rem; background-color: #ff1037; color: #FFFFFF; font-size: 0.8rem; border: 0px; cursor: pointer; border-radius: 5px; } .cg{ width: 100%; float: left; margin-top: 3.0rem; text-align: center; font-size: 0.8rem; line-height: 1.5rem; min-height: 25rem; color: #666666; } .cg i{ font-size: 1.2rem; color: #000000; line-height: 2.5rem; color: #000000; } .caseshow{ display:none; right:0px; top:0; width:100%; z-index:9999999; position: fixed; background-color: rgba(0,0,0,0.8); height: 100%; } .caseshow01{ width:90%; float: left; margin-left: 5%; margin-right: 5%; margin-top: 20%; position: relative; } .ban{ width:1160px; height: auto; position:relative; overflow:hidden; float:left; padding:20px; background-color:#fff; display: none; } .close{ width: 25px; height: 25px; position: absolute; z-index: 11; right: 25px; top: 25px; background-image: url(../img/close2.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; } .develop{ width:317px; float:left; font-size: 16px; color: #FFFFFF; background-image: url(../img/hsx.png); background-position: left top; background-repeat: no-repeat; position: relative; height: 245px; margin-top: 75px; } .develop dl dt{ font-size: 24px; font-weight: bold; line-height: 30px; color: #FFFFFF; margin-left: 30px; margin-right: 75px; margin-bottom: 10px; } .develop dl dd{ font-size: 16px; line-height: 30px; margin-left: 30px; margin-right: 75px; } .develop .ht{ width: 100%; height: 17px; position: absolute; bottom: 0px; left: 0; z-index: 1; background-image: url(../img/ht.png); background-position: center; background-repeat: no-repeat; } .develop .date{ width: calc(100% - 30px); position: absolute; left: 30px; font-size: 30px; color: #FFFFFF; font-weight: bold; line-height: 30px; bottom: 45px; } .ryzs{ width:10rem; float:left; margin-right: 1.0rem; } .ryzs dl dt{ height: auto; text-align: center; overflow: hidden; } .ryzs dl dt img{ width: 100%; height: auto; display: block; } .ryzs dl dd{ height: 2.0rem; line-height: 2.0rem; text-align: center; font-size: 1.0rem; } .flexslider_2{ position:relative; height: auto; overflow:hidden; width:100%; float:left; margin-top:30% } .slides{ position:relative; z-index:1; } .slides li{ height: auto; width: 100%; float: left; } .slides li img{ width: 100%; height: auto; display: block; } .flex-control-nav{ position:absolute; bottom:0; z-index:2; width: calc(100% - 20px); text-align:right; right: 20px; } .flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 4px; *display:inline; zoom:1; } .flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:50px; overflow:hidden; background-color: #d2d2d2; cursor:pointer; border-radius:10px; } .flex-control-nav .flex-active{ background-color: #00516f; } .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:325px; display: none; } .flex-direction-nav li a{ display:block; width:68px; height:68px; overflow:hidden; cursor:pointer; position:absolute; } .flex-direction-nav li a.flex-prev{ right:68px; margin-top: 72px; background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat; } .flex-direction-nav li a.flex-next{ right:68px; background-image: url(../img/yj.png); background-position: center; background-repeat: no-repeat; } .rytex{ width:100%; float:left; margin-top:30%; text-align:center} .rytex img{ max-width:100%; height: auto} .sqmain{ width:90%; margin:3.0rem auto; overflow:hidden;} .sqtitle{ width:100%; float:left; font-size:2.0rem; line-height:2.5rem; color:#00516f} .sqtitle img{ vertical-align:middle; margin-right:5px; margin-top:-5px} .sqtitle a{ padding:0.5rem 1.0rem; border:1px solid #d2d2d2; font-size:1.0rem; color: #333; vertical-align:middle; margin-left:1.0rem} .sqtitle2{ width:100%; float:left; height:2.5rem; background-color:#eaeef1; font-size:1.2rem; color:#00516f; border-bottom:1px solid #00516f; margin-top:2.0rem; line-height:2.5rem} .sqtitle2 i{ margin-left:10px} .sqtex{ width:100%; float:left; margin-top:1.0rem} .sqtex-l{ width:100%; float:left; margin-bottom:1.0rem} .sqtex-l dl dt{ line-height:2.5rem; background-image:url(../img/ht02.png); background-position:bottom left; background-repeat:no-repeat; font-size:1.0rem; font-weight:bold; color:#333;} .sqtex-l dl dd{ margin-top:0.5rem; font-size:0.8rem; color:#999999; line-height:1.5rem;} .sqtex-r{ width:100%; float:right;line-height:2.5rem; font-size:0.8rem; color:#333} .sqtex-r input{ vertical-align:middle} .sqtex-r h1{ height:2.5rem; line-height:2.5rem; background-color:#eaeef1; font-size:0.8rem; font-weight:normal; padding-left:0.5rem;width:calc(100% - 0.5rem); float:left} .sqtex-r ul{ width:100%; float:left} .sqtex-r ul li{ width:100%; float:left; line-height:2.5rem; font-size:0.8rem; color:#333} .sqtex-r ul li i{ color:#F00} .sqtex-r ul li a{ color:#2f70f5} .sqbk{ width:calc(100% - 17px); height:2.5rem; line-height:2.5rem; border:1px solid #b2b8c4; padding-left:15px; font-size:0.8rem; color:#999; font-family:'微软雅黑'; border-radius:5px; outline:none;} .sqbk2{ width:calc(50% - 17px); height:2.5rem; line-height:2.5rem; border:1px solid #b2b8c4; padding-left:15px; font-size:0.8rem; color:#999; font-family:'微软雅黑'; border-radius:5px 0px 0px 5px; outline:none;float:left} .sqbk3{ width:calc(50% - 16px); height:2.5rem; line-height:2.5rem; border:1px solid #b2b8c4; padding-left:15px; font-size:0.8rem; color:#999; font-family:'微软雅黑'; border-radius:0px 5px 5px 0px; outline:none; border-left:0px; float:left} .sqanniu{ width:11rem; height:2.5rem; background-color:#00516f; border-radius:1.5rem; border:0px; cursor:pointer; text-align:center; line-height:2.5rem; color:#fff; font-size:1.0rem; } .com-opt { /*去掉默认的下拉三角*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*添加下拉三角图标*/ background: url("../img/xjt5.png") no-repeat right 15px center transparent; width:100%; } .line40{ width:100%; float:left; border-bottom:1px solid #c8cdd7; height:2.0rem} #w100{ width:100%;} #fl{ float:left} .mart60{ margin-top: 2.0rem; } .marb40{ margin-bottom: 1.0rem; } .padt45{ padding-top: 1.0rem; } .padt0{ padding-top: 0px; } .mart50{ margin-top:2.0rem} } .showimglist{ display:none; } .jliu ul li dl dt,.jliu ul li dl dd{ height:auto; } .jliu ul li dl dt i,.jliu ul li dl dd i{ float:left; margin-top: 18px; } .jliu ul li dl dt span,.jliu ul li dl dd span{ float:right; max-width:234px; } .jliu ul li dl dt .waicon,.jliu ul li dl dd .waicon { float:left; width:calc(100% - 280px); position:relative; line-height:36px; padding: 13px 0; } /* .jliu ul li dl dt .waicon .smallcon,.jliu ul li dl dd .waicon .smallcon { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jliu ul li dl dt .waicon .allcon,.jliu ul li dl dd .waicon .allcon{ position:absolute; top:0px; left:0px; width:100%; background:#fff; visibility: hidden; opacity: 0; transform: translateY(-30px); transition: all 0.8s; padding:0 15px; } .jliu ul li dl dd .waicon .allcon{ background:#e7f5ff; } .jliu ul li dl dt .waicon:hover .allcon,.jliu ul li dl dd .waicon:hover .allcon{ visibility: visible; opacity: 1; transform: translateY(0px); transition: all 0.8s; } */ .inputfield{ margin:40px 0; background:#f8f9fa; text-align:center; padding:35px 0; } .inputfield .t{ font-size:16px; color:#333; font-weight:bold; } .inputfield .f{ margin:20px 0 15px; position:relative; display:inline-block; cursor:pointer; } .inputfield .f input{ position:absolute; opacity:0; width:110%; height:100%; left:0px; top:0px; cursor:pointer; z-index:22; } .inputfield .f span{ font-size:14px; color:#2f70f5; border:1px solid #2f70f5; border-radius:200px; padding:10px 30px; display:inline-block; position:relative; z-index:2; cursor:pointer; } .inputfield .b{ font-size:14px; color:#666; line-height:24px; } .inputfield .b a{ display:inline-block; color:#2f70f5; } .sqtex.new_sqtex{ margin-top:0px; } .sqtex.new_sqtex .sqtex-r{ width:100%; } .adtvideo video{ width: 1200px; margin: 0 auto; display: block; } @media (max-width:768px){ .inputfield { margin: 25px 0; padding: 15px 15px; } body{ overflow-x: hidden; } .jliu ul li dl dt .waicon, .jliu ul li dl dd .waicon { float: left; width: calc(100% - 35px); padding: 16px 0; font-size: 16px; line-height:24px; } .jliu ul li dl dd{ padding:0px 15px !important; } .jliu ul li dl dt{ padding:0 15px 10px; } .jliu ul li dl dt span, .jliu ul li dl dd span { float: none; clear:both; width:100%; max-width: unset; } } .gpinfo1-b01 .toadd b{ color: #b1020c; } .gpinfo1-b01 .toadd i{ background-image: url(../img/zhsh06.png); background-position: center; background-repeat: no-repeat; } .subNavBox.subNavBoxone .subNav{ /*background: #00516f; width:48.5%; margin-right:0px;*/ } .subNavBox.subNavBoxone .subNav:nth-child(3){ /*float:right;*/ } .subNavBox.subNavBoxone .subNav b { font-size: 24px; } .subNavBox.subNavBoxone .subNav em { font-size: 16px; } .subNavBox.subNavBoxone .subNav b,.subNavBox.subNavBoxone .subNav em{ color:#00516f; } .subNavBox.subNavBoxone .subNav.currentDd.currentDt b,.subNavBox.subNavBoxone .subNav.currentDd.currentDt em{ color:#fff; } @media (max-width:1200px){ .subNavBox.subNavBoxone .subNav{ width:100%; } .subNavBox.subNavBoxone .subNav b { font-size: 1.3rem; } .subNavBox.subNavBoxone .subNav em { font-size: 0.9rem; } .adtvideo video{ width: calc(100% - 30px); margin: 0 auto; display: block; } } .jbtex02 ul li dl{ position:relative; } .jbtex02 ul li dl .ljewm{ position:absolute; bottom:0px; right:0px; width:100px; display:block; text-align:center; font-size:14px; color:#fff; } .jbtex02 ul li dl .ljewm img{ margin-bottom:5px; display:inline-block; } .cwgys .bigt{ font-size:48px; color:#1a1a1a; font-weight:bold; margin:60px 0 30px; } .cwgys .bigb{ font-size:24px; color:#1a1a1a; margin-bottom:40px; } .cwgys_list{ margin-bottom:90px; } .cwgys_list:last-child{ margin-bottom:0px; } .cwgys_list .t01{ margin-bottom:40px; } .cwgys_list .t01 span{ display:inline-block; font-size:20px; color:#fff; font-weight:bold; background:#015270; padding:12px 35px; } .cwgys_list .img01{ margin:40px 0 20px; } .cwgys_list .img01 span{ display:inline-block; background:#fff; } .cwgys_list .img01 img{ width:196px; padding:15px; border:2px solid #015270; } .cwgys_list .b01{ font-size:24px; color:#1a1a1a; } .cwgys_con{ display:flex; } .cwgys_list02_li{ text-align:center; } .cwgys_list02_li .img img{ display:block; width:52px; margin:0 auto; } .cwgys_list02_li .b{ font-size:18px; color:#333; margin-top:15px; } .cwgys_list02_limid img{ display:block; height:26px; margin:15px 45px 0; } .cwgys_list02_limid:last-child{ display:none; } .cwgys_list03_li{ margin-bottom:50px; font-size:24px; color:#333; line-height:1.66; } .cwgys_list03_li_in{ display:flex; } .cwgys_list03_li:last-child{ margin-bottom:0px; } .cwgys_list03_li .t03{ color:#1a1a1a; width:19%; } .cwgys_list03_li .b03{ width:43%; } .cwgys_list03_li .c03{ width:38%; } @media (max-width:1360px){ .jbtex02 ul li dl .ljewm{ width:80px; } .newshow { width: calc(100% - 300px); padding-left: 150px; padding-right: 150px; padding-bottom: 60px; } .foot01 .bomnav ul li dl dt { font-size: 16px; line-height: 36px; } .foot01 .bomnav ul li dl dd { font-size: 14px; line-height: 36px; } .cwgys_list { margin-bottom: 60px; } .cwgys .bigt { font-size: 40px; margin: 50px 0 20px; } .cwgys .bigb { font-size: 20px; margin-bottom: 30px; } .cwgys_list .t01 span { font-size: 18px; padding: 8px 30px; } .cwgys_list .img01 { margin: 30px 0 15px; } .cwgys_list .img01 img { width: 160px; padding: 10px; } .cwgys_list .b01 { font-size: 20px; } .cwgys_list02_li .img img { width: 48px; } .cwgys_list02_li .b { font-size: 16px; margin-top: 10px; } .cwgys_list02_limid img { height: 22px; margin: 13px 35px 0; } .cwgys_list03_li { margin-bottom: 40px; font-size: 20px; } } @media (max-width:1024px){ .wxgl01{ background:none !important; } .newshow { width: calc(100% - 100px); padding-left: 50px; padding-right: 50px; } .cwgys_list { margin-bottom: 40px; } .cwgys .bigt { font-size: 32px; margin: 40px 0 20px; } .cwgys .bigb { font-size: 18px; margin-bottom: 25px; } .cwgys_list .t01 span { font-size: 16px; padding: 6px 28px; } .cwgys_list .img01 { margin: 25px 0 10px; } .cwgys_list .img01 img { width: 150px; padding: 8px; } .cwgys_list .b01 { font-size: 18px; } .cwgys_list02_li .img img { width: 48px; } .cwgys_list02_li .b { font-size: 16px; margin-top: 10px; } .cwgys_list02_limid img { height: 18px; margin: 13px 35px 0; } .cwgys_list03_li { margin-bottom: 30px; font-size: 18px; } } @media (max-width:768px){ .jbtex02 ul li dl .ljewm { width: 30%; position: static; text-align: center; margin: 15px auto 0; } .newshow { width: calc(100% - 30px); padding-left: 15px; padding-right: 15px; } .cwgys_list { margin-bottom: 30px; } .cwgys .bigt { font-size: 24px; margin: 30px 0 15px; } .cwgys .bigb { font-size: 16px; margin-bottom: 25px; } .cwgys_list .t01 { margin-bottom: 15px; } .cwgys_list .t01 span { font-size: 14px; padding: 6px 28px; } .cwgys_list .img01 { margin: 15px 0 10px; } .cwgys_list .img01 img { width: 120px; padding: 4px; } .cwgys_list .b01 { font-size: 16px; } .cwgys_list02_li .img img { width: 40px; } .cwgys_list02_li .b { font-size: 13px; margin-top: 5px; } .cwgys_list02_limid img { height: 14px; margin: 15px 15px 0; } .cwgys_list03_li { margin-bottom: 20px; font-size: 15px; } .cwgys_list03_li_in{ flex-wrap:wrap; } .cwgys_list03_li .t03{ font-size:18px; } .cwgys_list03_li_in:first-child .t03{ margin-bottom:20px; } .cwgys_list03_li .t03,.cwgys_list03_li .b03,.cwgys_list03_li .c03{ width:100%; } .cwgys_list03_li .c03{ margin-bottom:10px; } } .page_pdf{ font-size:16px; color:#00516F; } .page_pdf img{ width:auto; display:inline-block; transform: translateY(12px); margin-right: 12px; } @media (max-width:768px){ .page_pdf{ font-size:14px; } .page_pdf img{ width:30px; transform: translateY(10px); margin-right: 8px; } }