.indexflash { height: 7.6rem; position: relative; overflow: hidden; } .indexflash .slick { background: url(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/nimg20_1.png); } .indexnotice .slick-next { background-image: url(/uploads/image/fwaimage/nimg20_2.png); top: .3rem; } .indexpart1 { padding: .6rem 3.5rem .6rem 0; min-height: 2rem; position: relative; } .indexpart1 li { float: left; width: 50%; min-height: 3.5rem; 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: .6rem;} .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 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: .6rem; right: 0px; width: 3.5rem; } .indexpart2 { min-height: 9rem; background: url(/uploads/image/fwaimage/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: 25%; 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: 0px; right: .2rem; font-size: .16rem; color: #9a9a9a; letter-spacing: 0px; } .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: 50%; 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: .2rem; } .indexpart2-3 dd a { color: #666; } /**/ .indexpart2 .indexpart2-4 { background: #006bcc 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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/img36.png) left center no-repeat; background-size: .36rem; } .service_02 .box { background-image: url(/uploads/image/fwaimage/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 { width: 100%; height: 1.1rem; overflow: hidden; position: absolute; left: 0; top: -.55rem; background: #0c3693; } .pageside .title div { font-size: .85rem; font-weight: bold; color: rgba(255, 255, 255, 0.05); position: relative; left: -.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: .36rem; font-size: .16rem; position: relative; } .sidenav .name:before { content: ""; display: block; background: url(/uploads/image/fwaimage/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(/uploads/image/fwaimage/img21on.png); } .sidenav .list { padding: .05rem 0 0rem .35rem; border-bottom: #f2f2f2 solid 1px; display: none; } .sidenav .list a { display: block; font-size: .14rem; line-height: .44rem; border-bottom: #f2f2f2 solid 1px; color: #666; padding-left: .17rem; background: .17rem center no-repeat; background-size: .02rem; } .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(/uploads/image/fwaimage/img2.png); color: #0c3693; padding-left: .25rem; } .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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/img88.png) center no-repeat; background-size: cover; width: .88rem; height: .88rem; text-align: center; font-size: .16rem; 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; height: 1.3rem; } .pagenum a { display: inline-block; margin: 0 .05rem; width: .38rem; height: .38rem; line-height: .36rem; 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(/uploads/image/fwaimage/img14.png) right center no-repeat; background-size: .14rem; } .dashiji dd { font-size: .14rem; line-height: .24rem; padding-left: .18rem; background: url(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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: 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: no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; } .buy .link .jd a { background: 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; } .searchinput input { width: 5.09rem; height: .42rem; padding-right: 0.76rem; box-sizing: border-box; background: rgba(255, 255, 255, 0.5); border: 1px solid #fff; padding-left: 0.1rem; color: #333; } .searchinput a { font-size: 0.18rem; color: #333; position: absolute; right: 0; top: 0.58rem; line-height: .42rem; display: block; width: 0.76rem; background: #f4f4f4; text-align: center; letter-spacing: 0.02rem; } .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{float: left; width: 25%; height: 2.5rem; overflow: hidden; text-align: center; font-size: .14rem; color: #666; border: #dcdcdc solid 1px; position: relative;} .productfans li:hover{background: center no-repeat; background-size: 100% 100%;} .productfans li:hover a.btn{opacity: 1;} .productfans .img{ height: 1.6rem; 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: 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{min-height: 2.23rem; position: relative; border-bottom: #ededed solid 1px; padding: .35rem 0 .3rem 3rem;} .newsvideo .img a{display: block; position: absolute; left: 0; top: .3rem; background: center no-repeat; background-size: cover; width: 2.7rem; height: 1.62rem;} .newsvideo .name{font-size: .18rem; line-height: 1.7em;} .newsvideo .time{line-height: .3rem; border-bottom: #ededed dashed 1px; padding-left: .22rem; font-size: .12rem; color: #999; background: 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;} @media screen and (max-width:800px) { .newsvideo li{padding: .4rem 0 0 3.28rem; min-height: 2.31rem;} .newsvideo .img a{width: 3rem; height: 1.8rem; top: .25rem;} .newsvideo .name{font-size: .3rem; height: 1.2em; line-height: 1.2em; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;} .newsvideo .time{line-height: .5rem; font-size: .2rem; border: 0; padding-left: .4rem; background-size: .28rem;} .newsvideo p{font-size: .24rem; line-height: .36rem; height: .72rem; overflow: hidden; padding: 0;} }