@charset "utf-8"; .cm { color: #2fa783; } .cm2 { color: #006db8; } @font-face { font-family: 'swissbt'; src: url('../font/SWISSBT.TTF'); } .inbanner { width: 100%; height: 460px; position: relative; overflow: hidden; } .inbanner > img { position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px; height: 100%; z-index: 0; } .inbanner2 > img { left: auto; right: 0; margin-left: 0; } .inbanner .cer { height: 100%; position: relative; text-align: center; } .ibcatein { position: absolute; width: 100%; left: 0; top: 50%; z-index: 1; margin-top: -58px; color: #fff; padding-bottom: 24px; } .ibcatein:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 40px; height: 5px; margin-left: -20px; background-color: #fff; } .ibcatein .cn { font-size: 28px; line-height: 46px; } .ibcatein .en { font-size: 34px; line-height: 46px; font-family: 'arial'; text-transform: uppercase; } .js-qiecon { display: none; } .js-qiecon.on { display: block; } .greybg { background-color: #f0f3f6; } @media screen and (max-width: 750px) { .ibcatein { margin-top: -68px; } .ibcatein .cn { font-size: 40px; line-height: 56px; } .ibcatein .en { line-height: 56px; } } .outnavbg { width: 100%; height: 60px; background-color: #fff; border-bottom: 1px solid #ddd; } .outnav3 { height: 60px; padding: 0; position: relative; z-index: 1; overflow: hidden; text-align: center; } .outnav3 .nav-left, .outnav3 .nav-right { width: 50px; height: 100%; cursor: pointer; position: absolute; top: 0; z-index: 2; background-position: center; background-repeat: no-repeat; display: none; -webkit-transition: 0.3s; transition: 0.3s; } .outnav3 .nav-left { left: 0; background-image: url('../images/lt3.png'); } .outnav3 .nav-right { right: 0; background-image: url('../images/gt3.png'); } .outnav3 .nav-left:hover, .outnav3 .nav-right:hover { background-color: #81cdf1; } .outnav3 #wrapper22 { width: 100%; height: 100%; position: relative; } .outnav3.on { padding: 0 50px; } .outnav3.on .nav-left, .outnav3.on .nav-right { display: block; } .nav7 { width: 100%; height: 100%; font-size: 0; white-space: nowrap; } .nav7 li { width: 180px; display: inline-block; height: 100%; overflow: hidden; } .nav7.fen2 li { width: 50%; } .nav7.fen3 li { width: 33.3%; } .nav7.fen4 li { width: 25%; } .nav7.fen5 li { width: 20%; } .nav7 li a { display: block; position: relative; background-color: #fff; color: #333; line-height: 60px; font-size: 16px; } .nav7 li a:after { content: ''; position: absolute; left: 50%; bottom: -1px; z-index: 0; width: 0; height: 2px; margin-left: 0; background-color: #26a780; -webkit-transition: 0.3s; transition: 0.3s; } .nav7 li:hover a { color: #26a780; } .nav7 li:hover a:after { width: 110px; margin-left: -55px; } .nav7 li.on a { color: #26a780; } .nav7 li.on a:after { width: 110px; margin-left: -55px; } @media screen and (max-width: 750px) { .nav7 li a { font-size: 24px; } } .jiagou { padding: 90px 0 110px; background: #f0f3f6 url('../images/city.jpg') center bottom no-repeat; } .jiagou .cer { text-align: center; } .jiagou img { max-width: 96%; height: auto!important; } .newslist { padding: 50px 0 40px; max-width: 1200px; margin: 0 auto; } .newslist li { width: 100%; padding: 34px 0; margin-bottom: 20px; background-color: #fff; } .newslist li a { display: block; position: relative; padding-left: 380px; min-height: 168px; overflow: hidden; padding-right: 220px; } .newslist li .pic { position: absolute; left: 40px; top: 0; z-index: 1; width: 300px; height: 168px; overflow: hidden; } .newslist li .pic img { width: 100%; height: 100%; } .newslist li h3 { font-size: 22px; color: #333; line-height: 34px; height: 34px; overflow: hidden; padding: 10px 0 0 0; } .newslist li .txt { color: #767676; line-height: 24px; overflow: hidden; height: 72px; text-align: justify; } .newslist li .date { color: #767676; line-height: 20px; height: 20px; margin: 10px 0; } .newslist li label { display: block; width: 116px; height: 36px; color: #666; line-height: 36px; text-indent: 25px; background: url('../images/sjr-n.png') 90px center no-repeat; border: 1px solid #313131; position: absolute; right: 50px; top: 65px; z-index: 1; cursor: pointer; border-radius: 19px; } .newslist li:hover { background-color: #00946f; } .newslist li:hover h3, .newslist li:hover .txt, .newslist li:hover .date { color: #fff; } .newslist li:hover label { color: #fff; border-color: #fff; background-image: url('../images/sjr-nh.png'); } .newslist h3, .newslist li, .newslist label, .newslist .txt, .newslist .date { -webkit-transition: 0.4s; transition: 0.4s; } @media screen and (max-width: 1240px) { .newslist { padding: 50px 20px 40px; } } @media screen and (max-width: 1100px) { .newslist li { padding: 30px 0; } .newslist li a { padding-right: 40px; } .newslist li label { display: none; } } @media screen and (max-width: 1000px) { .newslist li h3 { padding-top: 0; } .newslist li .txt { height: 96px; } } @media screen and (max-width: 900px) { .newslist li a { padding-left: 340px; padding-right: 20px; } .newslist li .pic { left: 20px; } } @media screen and (max-width: 750px) { .newslist li h3 { font-size: 28px; line-height: 48px; height: 96px; } .newslist li .date { font-size: 28px; line-height: 48px; height: 48px; margin: 20px 0 0; } .newslist li .txt { display: none; } } .atc-wrap { max-width: 1200px; margin: 0 auto; padding: 50px 0 60px; } .atc { padding: 50px 0 40px; background-color: #fff; } .atcin { width: 980px; margin: 0 auto; } .atc-h { text-align: center; padding-bottom: 24px; border-bottom: 2px solid #e6edeb; } .atc-h h1 { font-size: 28px; color: #333; line-height: 44px; font-weight: bold; margin-bottom: 15px; } .atc-date { font-size: 14px; color: #999; line-height: 28px; height: 28px; } .atc-date span { margin: 0 15px; display: inline-block; } .atc-date span.clock { font-size: 22px; font-weight: bold; color: #2fa582; font-family: 'arial'; } span.click { padding-left: 30px; background: url('../images/click.png') left no-repeat; } .atc-con { padding: 32px 0 52px; font-size: 16px; line-height: 30px; color: #666; text-align: justify; border-bottom: 2px solid #e6edeb; } .atc-con img { max-width: 100%; } .atc-con a { color: #26a780; } .atc-pn { position: relative; margin-top: 30px; padding-right: 160px; } .atc-pn a { display: block; overflow: hidden; color: #666; line-height: 32px; } .atc-pn a:hover { color: #00946f; } .atc-pn a.ret { color: #01936e; text-align: center; line-height: 34px; background-color: #fff; border: 1px solid #01936e; position: absolute; right: 0; top: 20px; z-index: 1; width: 120px; height: 34px; margin-top: 0; } .atc-pn a.ret:hover { background-color: #01936e; color: #fff; } .videowrap { width: 100%; position: relative; text-align: center; } .video { width: 900px; max-width: 100%; height: 540px; } @media screen and (max-width: 1230px) { .atc-wrap { padding: 0; } .atc { padding: 50px 50px 60px; } .atcin { width: auto; } } @media screen and (max-width: 960px) { .videowrap { padding-bottom: 60%; height: 0; } .video { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .atc { padding: 50px 30px 60px; } .atc-pn { padding-right: 0; } .atc-pn a.ret { position: static; display: block; margin: 30px auto 0; } } @media screen and (max-width: 750px) { .atc-h h1 { font-size: 36px; margin-bottom: 20px; } .atc-h .atc-date { font-size: 24px; } .atc-con { font-size: 26px; line-height: 46px; padding: 40px 0 40px; } .atc-con div, .atc-con p, .atc-con span { font-size: 26px !important; line-height: 46px!important; } .atc-pn a { font-size: 24px; line-height: 42px; } .atc-pn a label { height: 40px; line-height: 40px; font-size: 24px; } .atc-pn a.ret { position: static; width: 260px; display: block; margin: 40px auto 0; height: 60px; line-height: 60px; font-size: 26px; } } .cate1 { text-align: center; position: relative; padding-bottom: 13px; } .cate1 .cn { font-size: 32px; color: #333; line-height: 44px; } .cate1 .en { font-size: 16px; color: #b0b0b0; line-height: 24px; text-transform: uppercase; } .cate1 .cn:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 56px; height: 0; margin-left: -28px; border-bottom: 3px solid #00946f; } .kehubg { padding-top: 85px; background: #f0f3f6 url('../images/huobg.jpg') bottom no-repeat; } .khout { margin: 0 auto; padding: 0 20px; max-width: 1330px; position: relative; } .picScroll-left3 { overflow: hidden; position: relative; padding: 0 50px; margin: 0 auto; } .kehulist { height: 254px; overflow: hidden; } .kehulist li { float: left; width: 246px; padding: 70px 0; } .kehulist li .lin { padding: 0 16px; } .kehulist li a { display: block; background-color: #fff; border: 1px solid #f2f2f2; overflow: hidden; } .kehulist .pic { width: 100%; height: 112px; overflow: hidden; font-size: 0; line-height: 112px; text-align: center; } .kehulist img { max-width: 90%; max-height: 90%; } .kehulist li:hover a { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .khout a.prev, .khout a.next { position: absolute; width: 40px; height: 80px; z-index: 1; top: 50%; border-radius: 4px; margin-top: -40px; } .khout a.prev { left: 0; background: url('../images/lt5.png') center no-repeat; } .khout a.next { right: 0; background: url('../images/gt5.png') center no-repeat; } .khout a.prev:hover, .khout a.next:hover { background-color: rgba(3, 147, 112, 0.3); } @media screen and (max-width: 750px) { .cate1 .cn { font-size: 36px; line-height: 50px; } .cate1 .en { font-size: 26px; line-height: 38px; } .kehubg { padding-top: 50px; } } .wenhua { padding: 90px 0 110px; background: #f0f3f6 url('../images/wave.png') bottom no-repeat; } .nianlist { text-align: center; font-size: 0; max-width: 1230px; padding: 0 30px; margin: 0 auto; } .nianlist li { display: inline-block; width: 20%; height: 386px; margin-bottom: 30px; position: relative; top: 0; -webkit-transition: 0.5s; transition: 0.5s; } .nianlist li .lin { padding: 0 14px; height: 100%; } .nianlist li a { display: block; position: relative; height: 100%; } .nianlist .back { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 0; left: 0; } .nianlist .back img { width: 218px; height: 100%; position: absolute; left: 50%; margin-left: -109px; top: 0; } .nianlist .pic { width: 64px; height: 64px; margin: 0 auto 14px; position: relative; font-size: 0; line-height: 64px; z-index: 1; } .nianlist .pic .bg { background: url('../images/quan.png') center no-repeat; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; } .nianlist .pic img { max-width: 100%; max-height: 100%; position: relative; z-index: 1; } .nianlist h3 { font-size: 22px; color: #3e8972; font-weight: bold; line-height: 40px; height: 40px; overflow: hidden; position: relative; z-index: 1; } .nianlist .txt { font-size: 16px; color: #3e8972; line-height: 26px; margin-top: 10px; position: relative; z-index: 1; } .nianlist li:hover .bg { -webkit-animation: rotate360 2s linear 1; animation: rotate360 2s linear 1; } .nianlist li:hover { top: -20px; } @media screen and (max-width: 1100px) { .nianlist { padding: 0 30px; } .nianlist li { width: 33.3%; } } @media screen and (max-width: 750px) { .wenhua { padding: 50px 0 40px; } .nianlist { padding: 0 10px; } .nianlist li { width: 270px; max-width: 50%; margin-bottom: 50px; } .nianlist h3 { font-size: 30px; line-height: 50px; height: 50px; padding-top: 40px; } .nianlist .txt { font-size: 24px; line-height: 40px; } } .huodong { background: url('../images/hdbg.jpg') top no-repeat; padding: 138px 0 98px; } .roundabout { position: relative; z-index: 3; overflow: hidden; height: 375px; padding: 0 60px 48px; } ul#ra-slider { position: relative; width: 100%; height: 100%; z-index: 1; margin: 0 auto; padding-bottom: 10px!important; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } ul#ra-slider li { overflow: hidden; width: 600px; height: 375px; } ul#ra-slider li a { display: block; width: 100%; height: 100%; position: relative; font-size: 0; line-height: 375px; text-align: center; background-color: #000; } ul#ra-slider li h3 { position: absolute; left: 0; bottom: 10px; z-index: 1; opacity: 0; font-size: 18px; color: #fff; line-height: 60px; text-align: center; width: 100%; height: 60px; overflow: hidden; background-color: rgba(0, 0, 0, 0.4); } ul#ra-slider li a:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 10px solid #fff; z-index: 2; content: ''; } ul#ra-slider li a img { width: 100%; height: 100%; vertical-align: top; opacity: 0.6; } ul#ra-slider li h3, ul#ra-slider li img { -webkit-transition: 0.3s; transition: 0.3s; } ul#ra-slider li.roundabout-in-focus h3 { opacity: 1; } ul#ra-slider li.roundabout-in-focus img, ul#ra-slider li:hover img { opacity: 1; } a.raprev, a.ranext { position: absolute; width: 50px; height: 100px; z-index: 1; cursor: pointer; font-size: 0; top: 50%; margin-top: -60px; background-position: center; background-repeat: no-repeat; } a.raprev { left: 0; background-image: url('../images/lt4.png'); } a.ranext { right: 0; background-image: url('../images/gt4.png'); } a.raprev:hover, a.ranext:hover { background-color: #9796b7; } ul.switcher { text-align: center; font-size: 0; position: absolute; width: 100%; left: 0; bottom: 0; height: 18px; z-index: 2; } ul.switcher li { display: inline-block; width: 18px; height: 100%; margin: 0 4px; background: url('../images/dot3.png') center no-repeat; } ul.switcher li:hover, ul.switcher li.on { background-image: url('../images/dot3h.png'); } @media screen and (max-width: 1100px) { .roundabout { padding: 0 30px 48px; } } @media screen and (max-width: 1100px) { ul#ra-slider li { width: 500px; height: 312px; } ul#ra-slider li a { line-height: 312px; } } .recout { padding: 40px 0 60px; background-color: #f0f3f6; } .rec { padding: 50px; background-color: #fff; } .rec-head { height: 50px; background-color: #1793d3; overflow: hidden; } .rec-head2 { background-color: #26a780; } .rec-head .th { float: left; width: 20%; height: 50px; overflow: hidden; padding: 0 20px; font-size: 16px; color: #fff; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .rec-head .th.long { width: 30%; } .rec-head .th.last { width: 10%; text-indent: 0; text-align: center; } .reclist { border-bottom: 1px dashed #e1e1e1; } .reclist li { border-top: 1px dashed #e1e1e1; } .rec-hand { line-height: 50px; background-color: #fff; overflow: hidden; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .rec-hand .td { float: left; width: 20%; overflow: hidden; padding: 10px 20px; font-size: 16px; color: #444; line-height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .rec-hand .td.long { width: 30%; } .rec-hand .td.last { width: 10%; text-indent: 0; } .rec-hand a.more { display: block; cursor: pointer; background: url('../images/zp.png') center no-repeat; } .reclist2 .rec-hand a.more { background-image: url('../images/zp2.png'); } .reclist li.on { border-top: 1px solid #e1e1e1; } .reclist li.on .rec-hand, .reclist li:hover .rec-hand { background-color: #f1f4f6; } .reclist li.on .rec-hand a.more { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .reclist li, .rec-hand, .reclist .td, .reclist .rec-hand a.more { -webkit-transition: 0.6s; transition: 0.6s; } .reclist .rec-con { display: none; } .reclist .rec-txt { font-size: 14px; color: #666; line-height: 28px; padding: 32px 20px; } .rec-txt .email { text-decoration: underline; color: #1793d3; } .reclist2 .rec-txt .email { color: #26a780; } @media screen and (max-width: 1230px) { .recout { padding: 0; } .rec-head .th { width: 17%; } .rec-head .th.long { width: 39%; } .rec-hand .td { width: 17%; } .rec-hand .td.long { width: 39%; } } @media screen and (max-width: 900px) { .rec { padding: 50px 30px; } .rec-head .th { width: 15%; } .rec-head .th.date { display: none; } .rec-head .th.long { width: 55%; } .rec-head .th.last { width: 15%; } .rec-hand .td { width: 15%; } .rec-hand .td.date { display: none; } .rec-hand .td.long { width: 55%; } .rec-hand .td.last { width: 15%; } } @media screen and (max-width: 750px) { .rec-head .th { display: none; } .rec-head .th.long { display: block; width: 70%; } .rec-head .th.last { display: block; width: 30%; } .rec-hand .td { display: none; } .rec-hand .td.long { display: block; width: 70%; } .rec-hand .td.last { display: block; width: 30%; } .rec-head { height: 60px; } .rec-head .th { font-size: 24px; height: 60px; line-height: 60px; } .rec-hand { line-height: 60px; } .rec-hand .td { font-size: 24px; line-height: 40px; } .reclist .rec-txt { padding: 32px 30px; font-size: 24px; line-height: 44px; } .rec-txt div, .rec-txt p, .rec-txt span { font-size: 24px!important; line-height: 44px!important; } } .liuyan { color: #666; font-size: 0; padding-bottom: 1px; } .liuyan .hang { float: left; width: 49%; height: 40px; line-height: 40px; margin-bottom: 20px; } .liuyan .hang.long { float: none; width: 100%; } .liuyan .hang.first { margin-right: 2%; } .liuyan .hang.fat { width: 100%; height: auto; } .liuyan p { height: 100%; } .liuyan input[type=text] { width: 100%; height: 38px; border: 1px solid #d7d7d7; line-height: 38px; text-indent: 18px; font-size: 14px; margin-left: -2px; } .liuyan textarea { padding: 2%; height: 104px; border: 1px solid #d7d7d7; resize: none; vertical-align: top; width: 96%; line-height: 26px; font-size: 14px; margin-left: -2px; } .liuyan input[type=text]:focus, .liuyan textarea:focus { border-color: #1b7bfd; } .liuyan input[type=text], .liuyan textarea { -webkit-transition: 0.3s; transition: 0.3s; } .liuyan i.v { display: inline-block; width: 100%; height: 100%; vertical-align: top; } .liuyan .hang2 { height: 40px; line-height: 40px; margin-bottom: 20px; } .liuyan .hang2 > div { float: left; height: 100%; } .liuyan .hang2 i.v { width: 220px; } .liuyan .verifyImg { width: 98px; height: 38px; cursor: pointer; vertical-align: top; border: 1px solid #d7d7d7; margin-left: 10px; } .liuyan .yzmchange { display: inline-block; vertical-align: top; width: 50px; background: url('../images/change.png') center no-repeat; } .liuyan input#tj { float: right; width: 160px; height: 38px; font-size: 14px; line-height: 38px; background-color: #00946f; color: #fff; border: 1px solid #00946f; } .liuyan input#tj:hover { background-color: #fff; color: #00946f; } @media screen and (max-width: 750px) { .liuyan .hang { float: none; width: auto; height: 60px; margin-left: 0; line-height: 60px; margin-bottom: 40px; } .liuyan .hang.first { margin-right: 0; } .liuyan input[type=text] { font-size: 24px; height: 58px; line-height: 58px; } .liuyan textarea { line-height: 40px; font-size: 24px; height: 200px; } .liuyan .hang2 { float: none; height: auto; line-height: 60px; margin-bottom: 40px; } .liuyan .hang2 > div { float: none; } .liuyan .hang2 i.v { width: 320px; } .liuyan .verifyImg { float: right; width: 148px; height: 58px; } .liuyan .yzmchange { float: right; width: 80px; } .liuyan input#tj { width: 100%; height: 60px; line-height: 60px; font-size: 30px; margin-top: 40px; } .v span.Validform_checktip { font-size: 22px; line-height: 30px; height: 30px; } } #map { width: 100%; height: 380px; } .lxout { max-width: 1200px; margin: 70px auto 40px; overflow: hidden; } .lxleft { float: left; width: 400px; } .lxright { float: right; width: 610px; margin-top: 20px; } .lxleft .intro { font-size: 14px; line-height: 24px; color: #999; margin-top: 24px; } .cate2 { position: relative; padding-bottom: 10px; color: #00946f; } .cate2 .cn { font-size: 24px; line-height: 44px; } .cate2 .en { font-size: 36px; line-height: 50px; text-transform: uppercase; } .cate2 .cn:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 0; width: 68px; height: 0; border-bottom: 2px solid #00946f; } .lxway { margin-top: 22px; } .lxway p { font-size: 16px; line-height: 32px; color: #666; } .lxewm { width: 100px; margin-top: 16px; } .lxewm img { display: block; width: 100px; height: 100px; } .lxewm p { font-size: 12px; color: #333; line-height: 24px; text-align: center; } @media screen and (max-width: 1100px) { .lxout { padding: 0 2px; } .lxleft { float: none; width: 100%; margin-bottom: 30px; } .lxright { float: none; width: 100%; } } @media screen and (max-width: 750px) { .cate2 .cn { font-size: 36px; line-height: 50px; } .lxleft .intro { font-size: 24px; line-height: 42px; } .lxway p { font-size: 26px; line-height: 46px; } } /* 关于银河娱乐6163 */ .about { padding-top: 90px; padding-bottom: 90px; } .aboutcon { min-height: 460px; overflow: hidden; } .aboutl { float: left; width: 50%; height: 100%; } .aboutl h3 { height: 48px; line-height: 48px; overflow: hidden; font-size: 32px; color: #006eb9; background-image: -webkit-linear-gradient(left, #2fa783, #006eb9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .abouttxt { overflow: hidden; margin-top: 18px; font-size: 14px; line-height: 28px; color: #666; text-align: justify; } .abouttxt img { display: none; } .aboutr { float: right; width: 45%; position: relative; margin-top: 8px; } .aboutr .pic { border: 1px solid #90bedd; padding: 9px; } .aboutr .pic img { width: 100%; } .aboutr .pic2 { text-align: center; margin-top: 30px; } .aboutr .pic2 img { max-width: 100%; } @media screen and (max-width: 1000px) { .about { padding: 60px 0 100px; } .aboutl { float: none; width: 100%; height: auto; margin-top: 50px; } .aboutr { float: none; width: 540px; max-width: 100%; margin: 0 auto; } .aboutl h3 { text-align: center; } .abouttxt { max-width: 660px; margin: 30px auto 0; } } @media screen and (max-width: 750px) { .about { padding: 50px 0 70px; } .aboutl h3 { font-size: 40px; line-height: 60px; height: 60px; } .abouttxt { font-size: 26px; line-height: 44px; } .abouttxt div, .abouttxt p, .abouttxt span { font-size: 26px !important; line-height: 44px!important; } } .fazhan { background: #f0f3f6 url('../images/city2.jpg') bottom no-repeat; padding: 94px 0 70px; } .cate3 { text-align: center; position: relative; padding-bottom: 13px; } .cate3 .cn { font-size: 32px; color: #26a780; line-height: 44px; } .cate3 .en { font-size: 16px; color: #999; line-height: 24px; text-transform: uppercase; } .cate3:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 56px; height: 0; margin-left: -28px; border-bottom: 3px solid #26a780; } .lichenlist { width: 100%; padding: 140px 0 132px; position: relative; margin: 45px auto 0; } .lichenlist:before { content: ''; position: absolute; left: 50%; top: 0; z-index: 0; width: 0; bottom: 67px; border-left: 4px solid #22a086; margin-left: -2px; } .lichenlist i.start { position: absolute; left: 50%; top: 0; z-index: 1; width: 31px; height: 31px; margin-left: -15px; background: url('../images/dotfz1.png') center no-repeat; } .lichenlist i.end { position: absolute; left: 50%; bottom: 0; z-index: 1; width: 4px; height: 60px; margin-left: -2px; background: url('../images/san.png') center no-repeat; } .lichenlist li { padding-left: 50%; position: relative; z-index: 1; background: url('../images/dotfz.png') center 100px no-repeat; margin-top: -70px; } .lichenlist li .inner { margin-left: 60px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.15); } .lichenlist li .fzcon { width: 100%; height: 100%; } .lichenlist li .tbcell { padding: 20px 38px 34px; } .lichenlist li .year { height: 74px; margin-bottom: 16px; position: relative; border-bottom: 2px solid #eee; font-size: 48px; color: #26a780; font-family: 'arial'; line-height: 74px; } .lichenlist li .year:after { content: ''; position: absolute; left: 0; bottom: -2px; z-index: 0; width: 104px; height: 2px; background-color: #26a780; -webkit-transition: 0.5s; transition: 0.5s; } .lichenlist li .txt { font-size: 14px; color: #666; line-height: 28px; overflow: hidden; } .lichenlist li:hover .year:after { width: 100%; } .lichenlist li:nth-child(2n) { padding-right: 50%; padding-left: 0; } .lichenlist li:nth-child(2n) .inner { margin-left: 0; margin-right: 60px; } @media screen and (max-width: 1000px) { .lichenlist { padding: 70px 0 90px; } .lichenlist li { padding-left: 0; margin-bottom: 40px; margin-top: 0; } .lichenlist li .inner { margin-left: 0; background: #ffffff url('../images/dotfz.png') center 30px no-repeat; } .lichenlist li:nth-child(2n) { padding-right: 0; padding-left: 0; } .lichenlist li:nth-child(2n) .inner { margin-left: 0; margin-right: 0; } .lichenlist li .tbcell { padding: 20px 38px 40px; } } @media screen and (max-width: 750px) { .cate3 .cn { font-size: 40px; line-height: 60px; } .cate3 .en { font-size: 26px; line-height: 38px; } .lichenlist li .txt { font-size: 26px; line-height: 40px; } } .renli { background-color: #f0f3f6; padding: 100px 0 80px; } .rencai { position: relative; height: 130px; margin-bottom: 50px; padding-left: 450px; } .rencai .key { float: left; width: 390px; height: 130px; margin-left: -450px; font-size: 0; line-height: 130px; } .rencai .key img { width: 100%; height: 100%; } .rencai .con { display: table; width: 100%; height: 100%; } .rencai .inner { display: table-cell; vertical-align: middle; font-size: 14px; color: #666; line-height: 30px; } @media screen and (max-width: 1200px) { .rencai { height: auto; } } @media screen and (max-width: 920px) { .rencai { padding-left: 0; height: auto; } .rencai .key { float: none; margin: 0 auto; } .rencai .con { height: auto; margin-top: 40px; } } @media screen and (max-width: 750px) { .rencai .inner { font-size: 24px; line-height: 40px; } } .zhao { height: 430px; } .zhao dl { width: 48.8%; padding-top: 130px; height: 300px; position: relative; overflow: hidden; } .zhao1 { float: left; } .zhao2 { float: right; } .zhao .txt { width: 100%; height: 100%; } .zhao1 .txt { background: url('../images/zhaobg1.jpg') center no-repeat; -webkit-box-shadow: 0 8px 20px 2px rgba(23, 147, 211, 0.3); box-shadow: 0 8px 20px 2px rgba(23, 147, 211, 0.3); background-size: cover; } .zhao2 .txt { background: url('../images/zhaobg2.jpg') center no-repeat; -webkit-box-shadow: 0 8px 20px 2px rgba(38, 167, 128, 0.3); box-shadow: 0 8px 20px 2px rgba(38, 167, 128, 0.3); background-size: cover; } .zhao .pic { position: absolute; right: 0; z-index: 3; width: 340px; } .zhao1 .pic { top: 11px; height: 362px; } .zhao2 .pic { top: 0; height: 373px; } .zhao .pic img { width: 100%; height: 100%; } .zhao h5, .zhao h3 { color: #fff; font-size: 28px; line-height: 42px; margin-left: 60px; } .zhao h5 { padding-top: 157px; } .zhao h3 { background: url('../images/speed.png') 132px center no-repeat; -webkit-transition: 0.5s; transition: 0.5s; } .zhao dl:hover h3 { background-position: 312px center; } @media screen and (max-width: 1030px) { .zhao dl:hover h3 { background-position: 210px center; } .zhao h5, .zhao h3 { margin-left: 30px; } } @media screen and (max-width: 960px) { .zhao { height: 500px; } .zhao dl { height: 370px; } .zhao h5 { padding-top: 250px; } } /* 业务详情 */ .yewu { padding: 88px 0 78px; } .yewucon { min-height: 376px; overflow: hidden; } .yewul { float: left; width: 50%; } .cate4 { position: relative; } .cate4 .cn { font-size: 28px; line-height: 40px; color: #2fa583; font-weight: bold; margin-top: 10px; } .cate4 .en { font-size: 28px; line-height: 36px; color: #e2e2e2; text-transform: uppercase; } .yewutxt { overflow: hidden; margin-top: 16px; font-size: 16px; line-height: 32px; color: #666; text-align: justify; } .yewutxt img { display: none; } .yewur { float: right; width: 41.66%; position: relative; text-align: center; } .yewur img { width: 100%; } @media screen and (max-width: 1000px) { .cate4 { text-align: center; } .yewul { float: none; width: 100%; margin-top: 50px; } .yewur { float: none; width: 500px; max-width: 100%; margin: 0 auto; } .yewutxt { max-width: 660px; margin: 40px auto 0; } } @media screen and (max-width: 750px) { .yewu { padding: 68px 0 78px; } .cate4 .cn { font-size: 38px; line-height: 50px; } .cate4 .en { font-size: 38px; line-height: 46px; } .yewutxt { font-size: 26px; line-height: 44px; } .yewutxt div, .yewutxt p, .yewutxt span { font-size: 26px !important; line-height: 44px!important; } } .yeji { padding: 50px 0 74px; } .cate5 { text-align: center; position: relative; padding-bottom: 8px; } .cate5 .cn { font-size: 26px; color: #444; line-height: 48px; } .cate5:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 40px; height: 0; margin-left: -20px; border-bottom: 3px solid #01936f; } .csout { margin: 40px auto 0; padding: 0 30px; max-width: 1330px; position: relative; } .picScroll-left2 { overflow: hidden; position: relative; padding: 0 50px; margin: 0 auto; } .cslist { overflow: hidden; height: 290px; } .cslist li { float: left; width: 410px; } .cslist li .lin { padding: 0 15px; } .cslist li a { display: block; padding: 10px; background-color: #fff; } .cslist li .pic { overflow: hidden; background-color: #fff; height: 224px; line-height: 224px; text-align: center; font-size: 0; } .cslist li img { width: 100%; height: 100%; } .cslist li h3 { font-size: 18px; color: #333; line-height: 36px; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; height: 36px; overflow: hidden; margin-top: 10px; } .cslist li:hover a { -webkit-box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.5); } .cslist li:hover h3 { color: #039370; } .csout a.prev, .csout a.next { position: absolute; width: 40px; height: 80px; z-index: 1; top: 50%; border-radius: 4px; margin-top: -40px; } .csout a.prev { left: 0; background: url('../images/lt5.png') center no-repeat; } .csout a.next { right: 0; background: url('../images/gt5.png') center no-repeat; } .csout a.prev:hover, .csout a.next:hover { background-color: rgba(3, 147, 112, 0.3); } .csout .hd { width: 100%; height: 18px; overflow: hidden; text-align: center; margin-top: 40px; } .csout .hd ul { overflow: hidden; zoom: 1; font-size: 0; } .csout .hd ul li { display: inline-block; margin: 0 5px; width: 18px; height: 18px; cursor: pointer; background: url('../images/dot4.png') center no-repeat; } .csout .hd ul li.on { background-image: url('../images/dot4h.png'); } @media screen and (max-width: 750px) { .cate5 .cn { font-size: 36px; line-height: 60px; } .cslist { height: 360px; } .cslist li { width: 500px; } .cslist li h3 { font-size: 26px; line-height: 50px; height: 50px; } .cslist li .pic { height: 280px; line-height: 280px; } } .rylist { max-width: 1240px; overflow: hidden; padding: 80px 0 30px; margin: 0 auto; } .rylist li { float: left; width: 25%; margin-bottom: 50px; } .rylist li .lin { padding: 0 20px; } .rylist li a { display: block; position: relative; } .rylist li a:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 0; height: 1px; background-color: transparent; } .rylist li a:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background-color: #c5c5c5; } .rylist li .pic { width: 100%; height: 0; padding-bottom: 129.63%; position: relative; overflow: hidden; outline: 1px dotted #b7b7b7; } .rylist li .pic .wrap { background-color: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; font-size: 0; text-align: center; } .rylist li .pic .wrap i { display: inline-block; width: 0; height: 100%; vertical-align: middle; } .rylist li img { max-width: 95%; max-height: 95%; } .rylist li .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: rgba(10, 135, 104, 0.8) url('../images/glass2.png') center no-repeat; opacity: 0; } .rylist li .cover p { font-size: 16px; color: #fff; text-align: center; line-height: 32px; position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; height: 32px; margin-top: 34px; } .rylist li h3 { font-size: 16px; line-height: 54px; text-align: center; height: 54px; overflow: hidden; color: #333; } .rylist li h3, .rylist li a:after, .rylist li .cover { -webkit-transition: .6s; transition: .6s; } .rylist li:hover h3 { color: #26a780; } .rylist li:hover a:after { width: 100%; background-color: #26a780; } .rylist li:hover .cover { opacity: 1; } @media screen and (max-width: 1240px) { .rylist { padding: 70px 20px 30px; } .rylist li .lin { padding: 0 15px; } } @media screen and (max-width: 1100px) { .rylist li { width: 33.3%; } } @media screen and (max-width: 900px) { .rylist li { width: 50%; } } @media screen and (max-width: 750px) { .rylist li h3 { font-size: 24px; padding: 5px; } } .proin .slideBox { width: 100%; height: 100%; position: relative; } .proin .bd { position: relative; width: 100%; height: 100%; overflow: hidden; } .proin .bd li { width: 565px; height: 730px; position: relative; text-align: center; line-height: 660px; overflow: hidden; } .proin .bd img { max-width: 95%; max-height: 630px; } .proin .bd h3 { width: 96%; height: 70px; overflow: hidden; background-color: #e9f2ef; line-height: 70px; font-size: 22px; text-align: center; color: #333; position: absolute; left: 0; bottom: 0; z-index: 1; padding: 0 2%; } .proin .proprev { width: 40px; height: 60px; background: url('../images/lt-ry1.png') center no-repeat; position: absolute; left: 20px; z-index: 1; top: 50%; margin-top: -30px; } .proin .pronext { width: 40px; height: 60px; background: url('../images/gt-ry1.png') center no-repeat; position: absolute; right: 20px; z-index: 1; top: 50%; margin-top: -30px; } .proin .proprev:hover { background-image: url('../images/lt-ry1h.png'); } .proin .pronext:hover { background-image: url('../images/gt-ry1h.png'); } .pro { width: 100%; height: 100%; position: fixed; z-index: 160; left: 0; top: 0; display: none; overflow: hidden; } .probg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.6); } .proin { width: 565px; height: 730px; position: absolute; z-index: 2; -webkit-transition: 0.3s; transition: 0.3s; left: 50%; margin-left: -282px; top: 50%; margin-top: -365px; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2); -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; } .pro.on .proin { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .proclose { width: 62px; height: 62px; position: absolute; top: -62px; right: 0px; z-index: 1; cursor: pointer; background: url('../images/cha2.png') center no-repeat; } @media screen and (max-width: 1200px) { .proin { width: 750px; margin-left: -375px; } .proin .bd li { width: 750px; } } @media screen and (max-width: 860px) { .proin { width: 640px; margin-left: -320px; } .proin .bd li { width: 640px; } } @media screen and (max-width: 750px) { .proin .bd h3 { font-size: 30px; } } /*首页*/ .fcate1 .cn { font-size: 32px; line-height: 54px; color: #006eb9; height: 54px; display: inline-block; background-image: -webkit-linear-gradient(left, #2fa783, #006eb9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fcate1 .en { font-size: 0; margin-bottom: 10px; } .fcate1 .en img { max-width: 100%; } .fabout { height: 640px; position: relative; background-color: #edf5fa; } .fabout .cer2 { height: 100%; } .faboutl { float: left; width: 50%; height: 100%; } .faboutl .inner { padding-top: 90px; padding-right: 90px; } .faboutl .fabtxt { overflow: hidden; max-height: 120px; margin-bottom: 46px; font-size: 16px; line-height: 30px; color: #666; } .faboutl .more { display: block; height: 66px; background: url('../images/quan2.png') left center no-repeat; font-size: 14px; color: #666; line-height: 66px; padding-left: 84px; } .faboutl .more:hover { color: #2fa783; } .faboutr { width: 50%; height: 100%; position: absolute; right: 0; top: 0; z-index: 0; overflow: hidden; } .faboutr .pic { width: 100%; height: 100%; } .faboutr img { position: absolute; width: 960px; left: 50%; top: 0; z-index: 1; margin-left: -480px; } .fguolist { overflow: hidden; width: 100%; margin: 20px 0 26px; position: relative; z-index: 1; font-size: 0; } .fguolist li { display: inline-block; width: 214px; max-width: 50%; } .fguolist li a { display: block; position: relative; } .fguolist h3 { font-size: 72px; color: #006eb9; font-weight: bold; position: relative; height: 84px; line-height: 84px; font-family: 'swissbt'; } .fguolist h3 span { display: inline-block; background-image: -webkit-linear-gradient(left, #2fa783, #006eb9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fguolist h3 i { font-style: normal; } .fguolist li .txt { font-size: 14px; color: #666; line-height: 24px; } @media screen and (max-width: 1440px) { .faboutl .inner { padding-right: 50px; } .faboutl .fabtxt { margin-bottom: 26px; } } @media screen and (max-width: 1000px) { .fabout { height: auto; } .faboutl { float: none; width: 100%; } .faboutl .inner { padding-top: 70px; padding-right: 0; padding-bottom: 60px; } .faboutr { position: static; width: 100%; } .faboutr img { width: 100%; position: static; margin-left: 0; } .faboutl .fabtxt { max-width: 700px; margin: 0 auto 26px; max-height: none; } .fguolist { text-align: center; margin: 40px 0; } .fguolist li { width: 40%; } .faboutl .more { width: 90px; margin: 0 auto; } .fcate1 { text-align: center; } } @media screen and (max-width: 750px) { .fcate1 .cn { font-size: 36px; } .faboutl .fabtxt { font-size: 26px; line-height: 44px; } .faboutl .more { width: 180px; font-size: 26px; } .fguolist li { width: 50%; } .fguolist li .txt { font-size: 24px; line-height: 40px; } } .fcate4 { text-align: center; padding-top: 48px; background: url('../images/icon4.png') center top no-repeat; } .fcate4 .cn { font-size: 32px; line-height: 58px; color: #333; height: 58px; } .fcate4 .cn.tt4 { background: url('../images/t4.png') center bottom no-repeat; background-size: contain; } .fnews { padding-top: 90px; position: relative; } .fnews:before { content: ''; position: absolute; left: 0; top: 328px; z-index: 0; width: 100%; height: 2px; background-color: #e9e9e9; } .fnewslist { max-width: 1600px; padding: 60px 0 40px; margin: 0 auto; overflow: hidden; } .fnewslist li { float: left; width: 25%; margin-bottom: 40px; } .fnewslist li .lin { padding: 0 30px; } .fnewslist li a { display: block; } .fnewslist .pic { width: 100%; height: 0; padding-bottom: 56%; overflow: hidden; position: relative; } .fnewslist li .hx { width: 100%; height: 2px; background-color: #e9e9e9; position: relative; margin: 18px 0; } .fnewslist li .hx:before { content: ''; position: absolute; left: 100%; top: -5px; z-index: 0; width: 12px; height: 12px; background-color: #00946f; opacity: 0; border-radius: 50%; } .fnewslist li h3 { font-size: 18px; color: #333; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px; } .fnewslist li .txt { font-size: 16px; color: #666; line-height: 28px; height: 56px; overflow: hidden; margin-bottom: 30px; } .fnewslist li .date { font-size: 16px; color: #999; line-height: 54px; height: 54px; font-family: 'swissbt'; } .fnewslist li .date .day { font-size: 44px; color: #666; margin-right: 20px; } .fnewslist li:hover h3 { color: #00946f; } .fnewslist li:hover .hx { background-color: #00946f; } .fnewslist li:hover .hx:before { opacity: 1; left: 0; } .fnewslist li:hover .date .day { color: #00946f; } .fnewslist h3, .fnewslist .hx, .fnewslist .day, .fnewslist .hx:before { -webkit-transition: .6s; transition: .6s; } @media screen and (max-width: 1500px) { .fnewslist li .lin { padding: 0 20px; } } @media screen and (max-width: 1200px) { .fnewslist li:last-child { display: none; } .fnewslist li { width: 33.3%; } } @media screen and (max-width: 1000px) { .fnewslist li { width: 50%; } .fnewslist li:last-child { display: block; } } @media screen and (max-width: 750px) { .fcate4 .cn { font-size: 36px; } .fnews:before { display: none; } .fnewslist li { margin-bottom: 50px; } .fnewslist li .lin { padding: 0 15px; } .fnewslist li h3 { font-size: 30px; line-height: 40px; height: 80px; margin-bottom: 25px; } .fnewslist li .txt { font-size: 26px; line-height: 40px; height: 120px; } .fnewslist li .date { font-size: 26px; } } @media screen and (max-width: 640px) { .fnewslist li { width: 100%; } } .fyeji { padding-top: 75px; position: relative; } .fcate2 { text-align: center; padding-top: 48px; background: url('../images/icon2.png') center top no-repeat; } .fcate2 .cn { font-size: 32px; line-height: 58px; color: #333; height: 58px; } .fcate2 .cn.tt2 { background: url('../images/t2.png') center bottom no-repeat; background-size: contain; } .fyeji .desp { width: 100%; height: 100px; background-image: -webkit-linear-gradient(left, #006db8, #2fa783); font-size: 22px; color: #fff; line-height: 100px; text-align: center; } .fyjlist { overflow: hidden; width: 100%; font-size: 0; margin-top: 45px; } .fyjlist li { display: inline-block; width: 33.33%; margin-bottom: 3px; } .fyjlist li .lin { padding-left: 3px; } .fyjlist li:nth-child(3n+1) .lin { padding-left: 0; } .fyjlist li a { display: block; height: 0; padding-bottom: 62%; position: relative; background-color: #000; overflow: hidden; } .fyjlist li .pic { position: absolute; width: 100%; overflow: hidden; height: 100%; left: 0; top: 0; z-index: 1; } .fyjlist li .pic img { width: 100%; height: 100%; opacity: 1; filter: alpha(opacity=100); } .fyjlist li .wz { position: absolute; z-index: 2; left: 40px; right: 40px; bottom: 30px; color: #fff; } .fyjlist li .fig { height: 24px; margin-bottom: 8px; } .fyjlist li .fig img { height: 100%; } .fyjlist li h3 { font-size: 22px; line-height: 44px; } .fyjlist li:hover .wz { padding-top: 100px; } .fyjlist li:hover .pic img { opacity: 0.6; filter: alpha(opacity=60); } .fyjlist li .wz { -webkit-transition: .5s; transition: .5s; } @media screen and (max-width: 1440px) { .fyjlist li .wz { left: 30px; right: 30px; bottom: 20px; } } @media screen and (max-width: 1200px) { .fyjlist li { width: 50%; } .fyjlist li:nth-child(3n+1) .lin { padding-left: 3px; } .fyjlist li:nth-child(2n+1) .lin { padding-left: 0; } .fyjlist li .wz { left: 20px; right: 20px; } } @media screen and (max-width: 900px) { .fyjlist { width: 640px; margin: 45px auto 0; } .fyjlist li { width: 100%; margin-bottom: 30px; } .fyjlist li .lin { padding-left: 0; } .fyjlist li:nth-child(3n+1) .lin { padding-left: 0; } .fyjlist li .wz { left: 40px; right: 40px; bottom: 30px; } } @media screen and (max-width: 750px) { .fcate2 .cn { font-size: 36px; } .fyjlist li h3 { font-size: 28px; } } .fhuo { height: 494px; background: #ffffff url('../images/wave2.jpg') center bottom no-repeat; } .fhuowrap { max-width: 1540px; margin: 0 auto; height: 100%; font-size: 0; line-height: 494px; overflow: hidden; } .flg { width: 20%; display: inline-block; vertical-align: bottom; position: relative; } .flg .inner { width: 280px; position: relative; left: 50%; bottom: 0; z-index: 1; margin-left: -140px; } .flg .inner img { display: block; margin: 0 auto 22px; max-width: 100%; } .flg .inner .weiji { overflow: hidden; width: 30px; height: 190px; margin: 0 auto; } .flg .inner .niddle { width: 100%; height: 190px; background: url('../images/niddle.png') top no-repeat; } .flg.i2 .weiji, .flg.i4 .weiji { height: 100px; } @media screen and (max-width: 750px) { .flg.i2 .weiji, .flg.i4 .weiji { height: 60px; } } .asiaout { padding: 80px 0; } .asia { position: relative; width: 100%; } .tuli { position: absolute; left: 0; top: 55.33%; z-index: 1; } .tuli p { font-size: 22px; color: #666; line-height: 24px; height: 24px; position: relative; padding-left: 28px; } .tuli p:before { content: ''; position: absolute; left: 0; top: 0; z-index: 0; width: 10px; height: 22px; background-color: #fff; border: 1px solid #4ba098; } .tuli p.i2 { margin-top: 30px; } .tuli p.i2:before { border-color: #afd2db; background-color: #afd2db; } .posi { position: absolute; z-index: 10; width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; background: url('../images/point1.png') center no-repeat; cursor: pointer; } .posi .txt { font-size: 12px; color: #1f9370; line-height: 22px; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 22px; } .posi i.bg { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: url('../images/point2.png') center no-repeat; -webkit-animation: scaleout 1.2s infinite ease-in-out alternate; animation: scaleout 1.2s infinite ease-in-out alternate; } .posinfo { display: none; } /*.posi.on i.bg,.posi:hover i.bg{ display: block; animation: scaleout 1.2s infinite ease-in-out;}*/ .posboxout { padding-left: 78px; background: url('../images/zhexian.png') 0 50px no-repeat; display: none; position: absolute; z-index: 5; margin-left: -8px; margin-top: -85px; left: 15.83%; top: 17.12%; } .posbox { background-color: #26a780; -webkit-box-shadow: 0 9px 13px 1px rgba(38, 167, 128, 0.4); box-shadow: 0 9px 13px 1px rgba(38, 167, 128, 0.4); font-size: 14px; color: #fff; line-height: 22px; width: 260px; min-height: 108px; padding: 20px 20px; } .posbox div { padding: 5px 0 5px 24px; background: url('../images/point3.png') 0 9px no-repeat; } .pos-XJ { left: 15.83333333%; top: 17.12062257%; } .pos-NMG { left: 41.66666667%; top: 20.23346304%; } .pos-LN { left: 61.66666667%; top: 17.89883268%; } .pos-NX { left: 41.25%; top: 24.90272374%; } .pos-SX { left: 43.33333333%; top: 30.35019455%; } .pos-SX2 { left: 48.33333333%; top: 24.51361868%; } .pos-SD { left: 55.83333333%; top: 26.07003891%; } .pos-HN { left: 50%; top: 29.96108949%; } .pos-HB { left: 47.91666667%; top: 35.25291829%; } .pos-AH { left: 55.41666667%; top: 32.6848249%; } .pos-JX { left: 53.33333333%; top: 39.68871595%; } .pos-GX { left: 43.91666667%; top: 45.52529183%; } .pos-GZ { left: 42.08333333%; top: 40.46692607%; } .pos-YN { left: 33.33333333%; top: 44.20233463%; } .pos-YNN { left: 46.25%; top: 63.81322957%; } .pos-NMG .txt { left: 36px; bottom: 21px; } /*.pos-HB .txt{ left:28px; bottom: 21px;}*/ /*甘肃 广东 江苏 海南 河北 湖南*/ .pos-GS { left: 38.33333333%; top: 28.79377432%; } .pos-GD { left: 50.83333333%; top: 46.692607%; } .pos-JS { left: 59.16666667%; top: 31.90661479%; } .pos-HAIN { left: 45.5%; top: 52.91828794%; } .pos-HEB { left: 52.33333333%; top: 24.12451362%; } .pos-HUN { left: 47.91666667%; top: 40.46692607%; } @media screen and (max-width: 960px) { .posboxout { padding-left: 48px; } .posbox { width: 200px; } .posbox div { padding-left: 18px; } } @media screen and (max-width: 750px) { .posi .txt { font-size: 20px; } .tuli { top: 70%; } .posboxout { padding-left: 0; background-image: none; margin-left: 0; margin-top: 0; left: auto!important; top: auto!important; right: 0; bottom: 20px; } .posbox { width: 240px; font-size: 24px; line-height: 40px; min-height: 170px; max-height: 300px; overflow: auto; } .posbox div { padding: 0; background-image: none; } }