.indexFlash { height: 7.6rem; position: relative; overflow: hidden; } .indexFlash .slick { background: url(../image/nimg1920_1.jpg) center bottom no-repeat; background-size:cover; min-height: 7.6rem; } .indexFlash .slick a { display: block; height: 7.6rem; } .indexFlash .slick-dots { position: absolute; z-index: 10; left: 0px; bottom: 0px; width: 100%; min-height: .8rem; padding-top: .25rem; background: rgba(0, 0, 0, 0.6); text-align: center; font-size: 0px; } .indexFlash .slick-dots li { display: inline-block; padding: 0 .03rem; cursor: pointer;} .indexFlash .slick-dots li:first-child { display: none; } .indexFlash .slick-dots span { display: inline-block; font-size: .12rem; color: #FFF; padding: 0 .05rem; height: .3rem; line-height: .3rem; } .indexFlash .slick-dots .slick-active span { background: #1346f4; } .phoneBanner { min-height: 1rem; position: relative; } .phoneBanner .slick-dots { position: absolute; z-index: 10; left: 0px; bottom: .11rem; width: 100%; text-align: center; font-size: 0px; opacity: 0;} .phoneBanner .slick-dots li { display: inline-block; margin: 0 .03rem; height: .03rem; width: .28rem; background: #999; } .phoneBanner .slick-dots .slick-active { background: #FFF; } .indexNotice { border-bottom: #e7e7e7 solid 1px; } .indexNotice .wal { height: .6rem; line-height: .6rem; position: relative; } .indexNotice .name { position: absolute; left: 0px; top: 0px; height: 100%; font-size: .16rem; color: #b2b2b2; padding-left: .34rem; background: url(../image/nimg24.png) left center no-repeat; background-size: .24rem; } .indexNotice .list { padding: 0 .7rem 0 1.18rem; } .indexNotice .slick { height: .6rem; position: relative; font-size: .14rem; } .indexNotice .slick a { padding-left: .15rem; background: url(../image/img5.png) left center no-repeat; background-size: .05rem;font-size: .17rem; } .indexNotice .slick span { position: absolute; top: 0px; right: .3rem; color: #999; } .indexNotice .slick-arrow { display: block; position: absolute; z-index: 10; top: 0px; right: 0px; height: .3rem; width: .6rem; background: center no-repeat; background-size: .2rem; } .indexNotice .slick-prev { background-image: url(../image/nimg20_1.png); } .indexNotice .slick-next { background-image: url(../image/nimg20_2.png); top: .3rem; } .indexPart1 { padding: .0rem 3.5rem .0rem 0; min-height: 2rem; position: relative; } .indexPart1 li { float: left; width: 50%; min-height: 3.5rem; position: relative; } .indexPart1 ul { width: 100%; position:relative; } .indexPart1 .imgDiv { position: absolute; z-index: 5; left: 0px; top: 0px; width: 100%; } .indexPart1 .li_01{width: 100%;} .indexPart1 .li_01 .imgDiv{position: relative;} .indexPart1 .h10{height: .0rem;} .indexPart1 .imgDiv { position: absolute; left: 0px; top: 0px; width: 100%; } .indexPart1 li:nth-child(2) .imgDiv { width: 5.49rem; } .indexPart1 .name a { display: block; position: absolute; z-index: 10; left: 0; top: 50%; width: 100%; text-align: center; font-size: .28rem; color: #FFF; text-transform: uppercase; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); } .indexPart1 .name a div { width: 2.4rem; height: .7rem; line-height: .68rem; margin: 0 auto; margin-bottom: .1rem; position: relative; } .indexPart1 .li_01 .name .vsgB { word-break: break-all; width: 4.4rem; height: .7rem; line-height: .68rem; margin: 0 auto; margin-bottom: .1rem; position: relative; } .indexPart1 svg { position: absolute; left: 0px; top: 0px; } .indexPart1 rect { stroke: rgba(255, 255, 255, 0.4); stroke-width: 2; fill: none; } .indexPart1 path { stroke: #fff; stroke-width: 2; fill: none; stroke-dasharray: 740; stroke-dashoffset: 740; transition: stroke-dashoffset 1s linear; -webkit-transition: stroke-dashoffset 1s linear; -moz-transition: stroke-dashoffset 1s linear; -o-transition: stroke-dashoffset 1s linear; } .indexPart1 li:hover path { stroke-dashoffset: 0; } .indexPart1 .img { clear: both; } .indexPart1 .imgSolution { position: absolute; top: .0rem; right: 0px; width: 3.5rem; } .indexPart2 { min-height: 9rem; background: url(../image/indexPart2.png) center no-repeat; background-size: cover; } .indexPart2 .title { text-align: center; color: rgba(255, 255, 255, 0.54); font-size: .28rem; height: 3.06rem; padding-top: 1.03rem; position: relative; text-transform: uppercase; letter-spacing: .03rem; } .indexPart2 .title div { font-size: .34rem; color: #FFF; border: #81a0e3 solid 1px; background: #3056a9; width: 2.43rem; line-height: .68rem; margin: 0 auto; margin-bottom: .2rem; } .indexPart2 .title:before { content: ""; display: block; position: absolute; left: 50%; top: 2.51rem; width: .93rem; height: .03rem; background: #FFF; } /**/ .indexPart2 .container { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .indexPart2 .item { width: 50%; min-height: 4.8rem; background: #FFF; } .indexPart2 .name { height: .75rem; line-height: .75rem; position: relative; font-size: .26rem; font-weight: bold; padding-left: .45rem; letter-spacing: 2px; } .indexPart2 .name:before { content: ""; display: block; position: absolute; left: .3rem; top: .26rem; width: .04rem; height: .24rem; background: #016bcc; } .indexPart2 .name a { font-weight: 400; position: absolute; top: 15px; right: 1.2rem; font-size: .16rem; color: #ffffff; letter-spacing: 0px; border: 1px solid #4285f4; padding: 5px 10px; line-height: initial; background: #4285f4; border-radius: 10px; } .indexPart2 .name a.a1 { position: relative; right: auto; font-size: .14rem; letter-spacing: 1px; padding-left: .1rem; color: #FFF; } /**/ .indexPart2-1 dd { float: left; width: 24%; height: .8rem; } .indexPart2-1 dd a { display: block; text-align: center; font-size: .16rem; color: #666; } .indexPart2-1 dd img { width: .34rem; margin-bottom: .06rem; } /**/ .indexPart2 .indexPart2-2 { background: #006bcc; } .indexPart2-2 .list { min-height: 2.4rem; } .indexPart2-2 .name { color: #FFF; } .indexPart2-2 .name:before { background: #FFF; } .indexPart2-2 dd { padding: 0 .3rem; min-height: .8rem; } .indexPart2-2 dd a { font-size: .16rem; line-height: .28rem; color: #FFF; } /**/ .indexPart2-3 dd { padding: 0 .3rem; color: #666; font-size: .16rem; line-height: 2em; position: relative; } .indexPart2-3 dd span { position: absolute; top: 0px; right: 1.2rem; } .indexPart2-3 dd a { color: #666; } /**/ .indexPart2 .indexPart2-4 { background: #006bcc url(../image/indexPart2-4.jpg) left bottom no-repeat; background-size: 100%; } .indexPart2-4 .name { color: #FFF; } .indexPart2-4 .name:before { background: #FFF; } .indexPart2-4 li { padding: 0 .3rem .1rem .3rem; } .indexPart2-4 .input { background: #FFF; } .indexPart2-4 textarea { width: 100%; height: 1.9rem; padding: .1rem .15rem; font-size: .14rem; line-height: 1.6em; } .indexPart2-4 .btn { background: #00baff; } .indexPart2-4 .btn1 { width: 100%; height: .4rem; color: #FFF; font-size: .14rem; font-weight: bold; } /**/ .service .indexPart2 { margin-bottom: .3rem; background: #FFF; min-height: 2rem; } .indexPart2-5 .box { min-height: 2.4rem; } .indexPart2-5 p { font-size: .16rem; line-height: .23rem; color: #666; text-align: justify; padding: 0 .3rem; } /*page*/ .service_01 { min-height: 2.41rem; position: relative; background: #FFF; margin-bottom: .3rem; } .service_01 .fl, .service_01 .fr { width: 50%; min-height: 2.41rem; } .service_01 .box { background: url(../image/img700_2.jpg) center no-repeat; background-size: cover; text-align: center; color: #FFF; padding-top: .44rem; } .service_01 .title h2 { width: 2.4rem; line-height: .68rem; border: #FFF solid 1px; font-weight: 400; font-size: .3rem; margin: 0 auto; } .service_01 .tel span { display: inline-block; line-height: 1.05rem; font-size: .28rem; padding-left: .55rem; background: url(../image/img36.png) left center no-repeat; background-size: .36rem; } .service_02 .box { background-image: url(../image/img700_4.jpg); } .service_02 dl { padding: 0 .3rem; } .service_02 dd { float: left; width: 50%; padding-top: .3rem; } .service_02 dd a { display: block; color: #FFF; line-height: .52rem; font-size: .22rem; } .service_02 dd img { width: .52rem; margin-right: .24rem; position: relative; top: -.03rem; } .pageSide { padding-top: .51rem; position: relative; min-height: 2rem; } .pageSide .box { background: #FFF; border: #dcdcdc solid 1px; border-top: 0; min-height: 6.8rem; -moz-box-shadow: 0 0 .1rem rgba(7, 30, 80, 0.1); -webkit-box-shadow: 0 0 .1rem rgba(7, 30, 80, 0.1); box-shadow: 0 0 .1rem rgba(7, 30, 80, 0.1); } .pageSide .title { box-shadow: 0px 0px 7px 0px rgba(6, 0, 1, 0.11);width: 100%; height: 1.1rem; overflow: hidden; position: absolute; left: 0; top: -.55rem; background: #0c3693; } .pageSide .title div{font-size:.35rem; font-weight:bold; color:rgba(255,255,255,0.05); position:relative; left:0.2rem; top:.1rem;} .pageSide .title h2 { position: absolute; left: .28rem; top: .55rem; font-size: .3rem; color: #fff; font-weight: 400; } /**/ .sideNav { padding-top: .08rem; } .sideNav .name { display: block; margin-left: -1px; margin-right: -1px; height: .55rem; line-height: .54rem; border-bottom: #f2f2f2 solid 1px; padding-left: .2rem; font-size: .16rem; position: relative; } .sideNav .name:before { content: ""; display: block; background: url(../image/img21.png) center no-repeat; background-size: cover; width: .21rem; height: .1rem; position: absolute; top: .21rem; right: .24rem; } .sideNav .name.on { background: #e8efff; border: 0; } .sideNav .name.on:before { background-image: url(../image/img21on.png); } .sideNav .list { padding: .05rem 0 0rem 0rem; border-bottom: #f2f2f2 solid 1px; display: none; transition: background-color 300ms; } .sideNav .list li{ text-indent:16px;} .sideNav .list a {width: 90%; font-size: .14rem; line-height: .44rem; border-bottom: #f2f2f2 solid 1px; color: #666; padding-left: 0.05rem; background: 0 center no-repeat; background-size: .02rem; } .sideNav .list i{width:18%;cursor:pointer; float: right; } .sideNav .list a div { display: none; } .sideNav .list li:last-child a { border: 0; } .sideNav .list a:hover, .sideNav .list a.on { background-image: url(../image/img2.png); color: #0c3693; padding-left: 0.1rem; } .pageNow { height: .51rem; position: relative; } .pageNow .curr { position: absolute; top: 0; right: 0; font-size: .14rem; color: #666; height: .51rem; line-height: .51rem; padding-left: .26rem; background: url(../image/img17.png) left center no-repeat; background-size: .17rem; } .pageNow .curr a { color: #666; } .pageBox2 { background: #FFF; border: #dcdcdc solid 1px; min-height: 6.8rem; padding: 0 .52rem; } .pageTitle2 { font-size: .24rem; height: .90rem; padding: .35rem 0 0 .52rem; background: url(../image/img13.png) bottom repeat-x; background-size: .09rem; margin-left: -.52rem; margin-right: -.52rem; position: relative; } .pageTitle2 .mail { font-size: .14rem; position: absolute; top: .36rem; right: .55rem; } .downSearch .title { font-size: .18rem; border-bottom: #efefef solid 2px; line-height: .45rem; } .downSearch .form { padding: .3rem 0 0 .15rem; min-height: 1.3rem; } .downSearch li { min-height: .6rem; position: relative; padding-left: .91rem; } .downSearch li em { position: absolute; left: 0; top: 0; line-height: .4rem; font-size: .16rem; } .downSearch .select { height: .4rem; max-width: 500px; position: relative; border: #d8d8d8 solid 1px; padding: 0 .13rem; } .downSearch .select span { display: block; height: .38rem; line-height: .38rem; font-size: .14rem; color: #666; background: url(../image/select13.png) right center no-repeat; background-size: .13rem; } .downSearch .select select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; opacity: 0; } .downSearch .btnDiv { padding: .1rem 0 .6rem 0; } .downSearch .btn { width: 1.5rem; background: #3c6fcd; } .downSearch .xhsearch { color: #3c6fcd; font-size: 0.16rem; margin-left: 0.2rem; line-height: 0.5rem; text-decoration: underline; } .hideBlock {display:none;} .downSearch .btn1 { width: 100%; height: .4rem; font-size: .16rem; color: #FFF; } .downSearch .input { float: left; border: #d8d8d8 solid 1px; width: 5.9rem; } .downSearch .input1 { width: 100%; height: .38rem; line-height: .38rem; padding: 0 .13rem; font-size: .14rem; color: #666; } .down { padding-bottom: .45rem; } .down .title { font-size: .18rem; color: #0c3693; border-bottom: #efefef solid 2px; line-height: .45rem; margin-bottom: .1rem; } .down table { border-left: #edeff8 solid 1px; border-top: #edeff8 solid 1px; } .down th { border-right: #edeff8 solid 1px; border-bottom: #edeff8 solid 1px; font-size: .16rem; background: #f5f8ff; height: .48rem; } .down .th-1 { width: 4.08rem; } .down .th-2 { width: 1.65rem; } .down .th-3 { width: 1.08rem; } .down td { border-right: #edeff8 solid 1px; border-bottom: #edeff8 solid 1px; font-size: .14rem; color: #666; text-align: center; height: .45rem; } .down td:last-child a { color: #cd3c3c; } .down td .name2 { height: .45rem; line-height: .45rem; width: 100%; overflow: hidden; } /**/ .videoList table { border: 0; } .videoList th, .videoList td { border-right: 0; } .videoList th:nth-child(1) { text-align: left; padding-left: .73rem; } .videoList td .name { text-align: left; padding-left: .73rem; height: .45rem; line-height: .45rem; position: relative; } .videoList td .name span { position: absolute; left: .28rem; top: 0; color: #999; } .videoList td img { width: .12rem; margin-left: .1rem; position: relative; top: -1px; } .video { padding-top: .25rem; margin-right: -.2rem; } .video li { float: left; width: 25%; padding: 0 .2rem .2rem 0; } .video a { display: block; position: relative; height: 1.32rem; background: #0c3693; font-size: .16rem; line-height: .24rem; color: #FFF; padding: .24rem .2rem; } .video a:before { content: ""; display: block; background: url(../image/img33.png) center no-repeat; background-size: cover; width: .33rem; height: .18rem; position: absolute; right: .15rem; bottom: .15rem; } .video li:nth-child(2) a, .video li:nth-child(5) a { background: #176ec7; } .video li:nth-child(3) a, .video li:nth-child(6) a { background: #2790e8; } .video li:nth-child(4) a, .video li:nth-child(7) a { background: #96c5ed; } .videoShow { max-width: 6.58rem; margin: 0 auto; text-align: center; padding-top: .3rem; } .videoShow .title { font-size: .2rem; } .videoShow .msg { height: .62rem; line-height: .45rem; } .videoShow .msg span { padding: 0 .25rem; font-size: .14rem; color: #666; } .videoShow .msg a { color: #cd3c3c; display: inline-block; height: .45rem; background: url(../image/img15.png) left center no-repeat; background-size: .15rem; padding-left: .23rem; } .faq { padding: .1rem 0; } .faq .name { line-height: .51rem; border-bottom: #e5e5e5 solid 1px; font-size: .16rem; padding-left: .19rem; background: url(../image/img4.png) .06rem center no-repeat; background-size: .04rem; cursor: pointer; } .faq .content { line-height: .26rem; color: #666; border-bottom: #e5e5e5 solid 1px; padding: .1rem 0 .35rem .19rem; display: none; } .faq li.on .name { background-image: url(../image/img4on.png); color: #c7000a; } .faq li:last-child .name, .faq li:last-child .content { border: 0px; } .Dot { min-height: 5.6rem; position: relative; } .Dot .map { width: 6.3rem; position: absolute; left: 0; top: 0; overflow: hidden; } .Dot #myCharts-1 { height: 6rem; width: 8rem; position: relative; left: 50%; margin-left: -4rem; } .Dot .map i {display: block; position: absolute; z-index: 10; right: 0; bottom: 0; background: rgba(0,0,0,0); width: 1.2rem; height: 2rem;} /*.Dot .list { width: 3.53rem; position: absolute; top: .2rem; right: 0; }*/ .Dot .list { width: 3.53rem; margin-left:auto; padding:.2rem 0 0 0; } .Dot .name { font-size: .18rem; color: #0c3693; border-bottom: #efefef solid 2px; line-height: .45rem; margin-bottom: .1rem; } /*.Dot li { font-size: .14rem; height: .4rem; line-height: .4rem; position: relative; padding-left: .05rem; }*/ .Dot li { font-size: .14rem; height: .4rem; line-height: .2rem; position: relative; padding:.1rem 2.1rem .1rem .05rem; } /*.Dot li span { position: absolute; top: 0; left: 1.35rem; }*/ .Dot li span { position: absolute; top: .1rem; left: 1.55rem; display: block; width: 1.1rem; } .Dot li span:nth-child(2) { left: 2.8rem; } .Dot .msg { margin-top: .25rem; line-height: .38rem; font-size: .14rem; border: #666 solid .02rem; text-align: center; letter-spacing: 1px; } .policy { padding-top: .25rem; font-size: .14rem; line-height: .24rem; color: #666;} .policy .name { font-size: .16rem; line-height: .24rem; padding-left: .43rem; background: url(../image/img1.png) .13rem center no-repeat; background-size: .07rem; font-weight: bold; } .policy .content { font-size: .14rem; line-height: .24rem; color: #666; padding: .2rem 0 .2rem .43rem; } .about { padding-top: .2rem; font-size: .14rem; line-height: .24rem; text-align: justify; } .about .imgDiv, .about p { padding-bottom: .24rem; } .news { padding: .4rem .1rem 0 .1rem; } .news li { height: 1.28rem; padding: 0 0 .2rem 1.25rem; position: relative; } .news .time { position: absolute; left: 0; top: 0; background: url(../image/img88.png) center no-repeat; background-size: cover; width: 1.1rem; height: 0.88rem; text-align: center; font-size: .14rem; color: #999; padding: 0 .18rem; } .news .time div { height: .47rem; border-bottom: #CCC solid 1px; font-size: .3rem; color: #0c3693; margin-bottom: .05rem; padding-top: .1rem; } .news .name { font-size: .18rem; padding: .02rem 0 .12rem 0; } .news p { line-height: .2rem; } .pageNum { text-align: center; font-size: 0; padding-top: .3rem; padding-bottom: .3rem; } .pageNum a { display: inline-block; margin: 0 .05rem; padding: 6px 10px; border: #CCC solid 1px; font-size: .14rem; font-weight: bold; color: #666; } .pageNum span { font-family: "宋体"; } .pageNum a:hover, .pageNum a.on { background: #2666f4; border-color: #2666f4; color: #FFF; } .newShow { text-align: center; padding: .25rem 0; } .newShow .title { font-size: .2rem; } .newShow .time { font-size: .14rem; color: #666; padding: .1rem 0 .25rem 0; } .newShow .imgDiv { padding-bottom: .3rem; } .newShow .imgDiv img { width: auto; } .newShow .content { font-size: .14rem; line-height: .24rem; text-align: justify; } .newShow .content p { /*text-indent: 2em;*/ padding-bottom: .24rem; } .dashiji { padding-top: .35rem; } .dashiji li { min-height: .6rem; position: relative; padding: 2px 0 .2rem 1.15rem; } .dashiji li:before { content: ""; display: block; width: .02rem; height: 100%; background: #0c3693; position: absolute; left: .82rem; top: .1rem; } .dashiji .time { position: absolute; left: 0; top: 0; color: #0c3693; text-align: right; padding-right: .26rem; width: .9rem; } .dashiji .time div { font-size: .18rem; line-height: .27rem; padding-right: .26rem; margin-right: -.26rem; background: url(../image/img14.png) right center no-repeat; background-size: .14rem; } .dashiji dd { font-size: .14rem; line-height: .24rem; padding-left: .18rem; background: url(../image/img8.png) left .08rem no-repeat; background-size: .08rem; } .group { padding-top: .2rem; } .group li { min-height: 1rem; position: relative; margin-bottom: .2rem; } .group a { display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; } .group .layer { position: absolute; left: .45rem; top: .5rem; color: #FFF; font-size: .14rem; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.44); } .group .layer h2 { padding-left: .22rem; margin-left: -.22rem; background: url(../image/img12_1.png) left center no-repeat; background-size: .12rem; line-height: .46rem; font-size: .18rem; font-weight: 400; } .group li:nth-child(even) .layer { left: 6.25rem; } .groupShow { padding-top: .3rem; font-size: .14rem; line-height: .24rem;} .groupShow li { font-size: .14rem; line-height: .24rem; text-indent: 2em; padding-bottom: .24rem; background: url(../image/img1.png) .1rem .1rem no-repeat; background-size: .07rem; } .contact_01 { min-height: 1.71rem; position: relative; background: #FFF; margin-top: .2rem; } .contact_01 .fl, .contact_01 .fr { width: 50%; min-height: 1.72rem; } .contact_01 .box { background: url(../image/img495_2.jpg) center no-repeat; background-size: cover; text-align: center; color: #FFF; padding-top: .31rem; } .contact_01 .title h2 { width: 1.86rem; line-height: .53rem; border: #FFF solid 1px; font-weight: 400; font-size: .24rem; margin: 0 auto; } .contact_01 .tel span { display: inline-block; line-height: .8rem; font-size: .22rem; padding-left: .4rem; background: url(../image/img36.png) left center no-repeat; background-size: .27rem; } .contact { clear: left; } .contact li { float: left; width: 50%; } /*.contact li:nth-child(3), .contact li:nth-child(6) { width: 100%; }*/ .contact .name { font-size: .18rem; border-bottom: #efefef solid 2px; padding: .45rem 0 .1rem .13rem; background: url(../image/img6_2.png) left .57rem no-repeat; background-size: .06rem } .contact .content { font-size: .16rem; line-height: .4rem; padding: .1rem 0 0 .13rem; } .job_01 { margin-top: .2rem; background: url(../image/job.jpg) center no-repeat; background-size: cover; min-height: 1.96rem; position: relative; } .job_01 .title { position: absolute; left: .3rem; top: .19rem; font-size: .24rem; width: .54rem; height: 1.58rem; border: #FFF solid 1px; text-align: center; color: #FFF; padding: .28rem .1rem 0 .1rem; } .job_01 .content { font-size: .14rem; line-height: .34rem; color: rgba(255, 255, 255, 0.6); padding: .3rem 1.2rem; } .job { padding-top: .4rem; } .job li { padding-bottom: .15rem; } .job .name { line-height: .52rem; padding: 0 .27rem; border: #bebebe solid 1px; font-size: .16rem; cursor: pointer; position: relative; z-index: 5; } .job .box { border: #bebebe solid 1px; margin-top: .2rem; padding: .2rem .27rem; min-height: .5rem; position: relative; line-height: .32rem; font-size: .14rem; display: none; -moz-box-shadow: 0 0 .07rem rgba(13, 15, 82, 0.15); -webkit-box-shadow: 0 0 .07rem rgba(13, 15, 82, 0.15); box-shadow: 0 0 .07rem rgba(13, 15, 82, 0.15); } .job .box:before { content: ""; display: block; background: url(../image/img25.jpg) center no-repeat; background-size: cover; width: .25rem; height: .14rem; position: absolute; left: .85rem; top: -.14rem; } .job li.on .name { border: #0c3693 solid 1px; -moz-box-shadow: 0 0 .16rem rgba(27, 79, 194, 0.47); -webkit-box-shadow: 0 0 .16rem rgba(27, 79, 194, 0.47); box-shadow: 0 0 .16rem rgba(27, 79, 194, 0.47); } .job li.on .box { display: block; } /* 180126 购买指南 */ .buy { width: 9.94rem; height: 2.41rem; background: url("../image/buy_bg.png") no-repeat; padding-top: .58rem; margin-top: 0.3rem; } .buy .title { width: 2.38rem; height: .68rem; border: 1px solid #fff; line-height: .68rem; font-size: .30rem; margin: 0 auto; text-align: center; color: #fff; line-height: .68rem; color: #fff; } .buy .link { width: 4.96rem; margin: 0 auto; } .buy .link>div { float: left; margin-top: 0.28rem; } .buy .link .jd { float: right; } .buy .link a { display: block; width: 1.86rem; height: 0.52rem; text-align: center; font-size: 0.22rem; color: #fff; text-align: right; line-height: 0.52rem; } .buy .link .tMall a { background: url("../image/tMall.png") no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; } .buy .link .jd a { background: url("../image/jd.png") no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; } /* 视频 */ .videoNews .time { background: none; width: 2.34rem; height: 1.32rem; } .videoNews li { padding-left: 2.58rem; } .videoNews .name a { font-size: 0.18rem; } .videoNews .date { font-size: 0.12rem; line-height: 0.28rem; } /*搜索页*/ .searchPage .fr { width: 100%; } .blue { color: #0c3693; } .searchPage .searchTitle { font-size: 0.88rem; color: #e5e5e5; position: relative; } .searchPage .searchTitle span { color: #0c3693; position: absolute; left: 0; font-size: 0.3rem; bottom: 0.1rem; } .searchInput { width: 5.09rem; height: .42rem; margin: 0 auto; padding-top: 0.58rem; position: relative; } .tijiao { font-size: 0.18rem; color: #fff; position: absolute; right: 0; top: 0.58rem; line-height: .42rem; display: block; width: 0.76rem; background: #1e1bd2; text-align: center; letter-spacing: 0.02rem; } .sousuo{ width: 5.09rem; height: .42rem; padding-right: 0.76rem; box-sizing: border-box; background: #fff; border: 1px solid #fff; padding-left: 0.1rem; color: #333; } .searchInput div { text-align: left; font-size: 0.14rem; line-height: 0.24rem; color: #fff; padding-top: 0.18rem; } .red { color: #d91111; } .buy_New { width: 100%; } .buy_New .buy { margin: 0.3rem auto; } /*-----------2018-8-7*/ /*-----------修改边线*/ .productFans{width: 100%; overflow: hidden; position: relative; /*border-bottom: #dcdcdc solid 1px;*/} .productFans .title { font-size: .18rem; color: #0c3693; /*border-bottom: #efefef solid 2px;*/ line-height: .45rem; } .productFans ul{/*margin-left: -1px;*/ margin-top: -1px;} /*.productFans li{float: left; width: 25%; height: 2.5rem; overflow: hidden; text-align: center; font-size: .14rem; color: #666; border-left: #dcdcdc solid 1px; border-top: #dcdcdc solid 1px; position: relative;}*/ .productFans li{ width: 99%; overflow: hidden; text-align: center; font-size: .14rem; color: #666; border-bottom: #dcdcdc solid 1px; margin-bottom: 16px; padding-bottom:16px; } .productFans li:hover{background: url("../image/img248.png") center no-repeat; background-size: 100% 100%;} .productFans li:hover a.btn{opacity: 1;} .pdf{ background: url("../image/pdf.png") center center no-repeat;} .zip{ background: url("../image/zip.png") center center no-repeat;} .video{ background: url("../image/video.png") center center no-repeat;} .href{ background: url("../image/href.png") center center no-repeat;} .word{ background: url("../image/word.png") center center no-repeat;} .productFans .img{ float: left; background-size: cover; width: 0.75rem; height: 0.75rem; /*padding-top: .2rem;*/ display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; } .productFans .img img{width: auto; /*max-height: 1.1rem;*/} .productFans li .name{height: .35rem; line-height: .35rem; /*overflow: hidden;*/ font-size: .16rem;} .productFans a.btn{position: absolute; z-index: 10; top: .22rem; right: .18rem; background: url("../image/img40.png") center no-repeat; background-size: cover; width: .4rem; height: .4rem; opacity: 0;} .productFans-2 li .name{height: .7rem;} .pageMore{text-align: center; padding-top: .35rem;} .pageMore a{display: block; width: 1.2rem; height: .38rem; line-height: .38rem; margin: 0 auto; text-align: center; background: #2666f4; color: #fff; font-size: .14rem;} .newsVideo li{ display: inline-block;position: relative; border-bottom: #ededed solid 1px; padding: .35rem 0 .3rem 0rem;} .newsVideo .img {display: block; /*position: absolute; left: 0; top: .3rem; background: center no-repeat; background-size: cover; height: 1.62rem;*/ width: 18%; float:left;} .newsVideo .name{ float: right; font-size: .18rem; line-height: 1.7em; width: 80%;} .newsVideo .time{ float:right;line-height: .3rem; border-bottom: #ededed dashed 1px; padding-left: .22rem; font-size: .12rem; color: #999; background: url("../image/img16.png") left center no-repeat; background-size: .16rem;} .newsVideo p{font-size: .13rem; line-height: 1.7em; padding-top: .15rem;} .newsVideo a.btn{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .newsVideo li:hover .name{color: #2666f4;} .anniu{display: inline-block; vertical-align: middle; padding: 4px 12px; font-size: 12px; color: #fff; background-color: #4285f4;} @media screen and (max-width:800px) { .newsVideo li{ padding: 0.4rem 0px 0.3rem 0rem; min-height: auto;} .newsVideo .img { width: 100%; } .newsVideo .name{font-size: .3rem; width:100%; overflow: hidden; text-overflow:ellipsis; padding-top:10px;} .newsVideo .time{line-height: .5rem; font-size: .2rem; border: 0; padding-left: .4rem; background-size: .28rem;} .newsVideo p{font-size: .24rem; line-height: .36rem; overflow: hidden; padding: 0;} }