/*公用*/ .sf-img img{ max-width: 100%; max-height: 100% } .sf-tk{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 99; display: none; } .sf-tk-img{ width: 960px; max-height: 80%; min-height: 300px; background: #fff; padding: 20px; text-align: center; margin: 0 auto; margin-top: 30px; } .sf-tk-x{ width: 40px; height: 40px; background: url(../img/ico_07_1.png) no-repeat center #fff; background-size: 24px auto; position: absolute; top: 30px; left: 50%; margin-left: 510px; transition: all .3s; -webkit-transition: all .3s; } .sf-tk-x:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: all .3s; -webkit-transition: all .3s; } /*走进771771威尼斯.Cm*/ /*集团简介*/ .about{ padding: .7rem .3rem 1rem .3rem; } .about-a{ overflow: hidden; } .about-a1{ padding-left: .35rem; position: relative; } .about-a1-a{ width: .35rem; height: .35rem; background: url(../imgs/ico01.png) no-repeat left top; background-size: .3rem; position: absolute; left: 0; top: 0; } .about-a1-b{ font-size: .4rem; color: #333; line-height: .6rem; font-weight: bold; } .about-a1-c{ width: 5rem; text-transform: uppercase; font-size: .7rem; font-family: 'MYRIADPRO_LIGHTSEMICN',arial; color: #c19332; line-height: .55rem; margin-top: .1rem; } .about-a2{ font-size: .24rem; color: #333; line-height: .4rem; float: right; margin-top: .3rem; } .about-b{ overflow: hidden; margin-top: .7rem; } .about-b1{ padding-left: .3rem; position: relative; } .about-b1-a{ width: .3rem; height: .3rem; background: url(../imgs/ico02.png) no-repeat left top; background-size: .25rem; position: absolute; left: 0; top: 0; } .about-b1-b{ font-size: .26rem; color: #333; line-height: .4rem; font-weight: bold; margin-bottom: .15rem; } .about-b1-c{ font-size: .24rem; color: #666; line-height: .4rem; } .about-b2{ width: 100%; margin: .6rem 0; overflow: hidden; } .about-b2 img{ max-width: 100%; } .about-c{ overflow: hidden; } .about-c1{ padding-left: .3rem; position: relative; } .about-c1-a{ width: .3rem; height: .3rem; background: url(../imgs/ico02.png) no-repeat left top; background-size: .25rem; position: absolute; left: 0; top: 0; } .about-c1-b{ font-size: .26rem; color: #333; line-height: .4rem; font-weight: bold; margin-bottom: .15rem; } .about-c1-c{ font-size: .24rem; color: #666; line-height: .4rem; } .about-c2{ margin: .6rem 0; } .about-c2 img{ max-width: 100%; } .about-c3{ margin-bottom: 0; } /*董事长致辞*/ .speech{ padding: .7rem .3rem 1rem .3rem; } .speech-a{ padding-left: .4rem; overflow: hidden; position: relative; } .speech-a1{ width: .4rem; height: .4rem; background: url(../imgs/ico01.png) no-repeat left top; background-size: .35rem; position: absolute; left: 0; top: 0; } .speech-a2{ font-size: .4rem; color: #333; line-height: .6rem; font-weight: bold; } .speech-a3{ text-transform: uppercase; font-family: 'MYRIADPRO_LIGHTSEMICN',arial; font-size: .4rem; color: #c19332; width: 4rem; line-height: .35rem; margin-top: .1rem; } .speech-b{ margin-top: .5rem; overflow: hidden; } .speech-b1 img{ max-width: 100%; } .speech-b1-a{ overflow: hidden; } .speech-b1-b{ height: 1rem; line-height: 1rem; font-size: .35rem; color: #333; text-align: center; } .speech-b1-b i{ display: inline-block; width: .5rem; height: 1px; background: #666; margin: 0 .1rem; position: relative; top:-.1rem; } .speech-b1-b span{ font-size: .28rem; } .speech-b2{ } .speech-b2-a{ display: block; font-size: .26rem; line-height: .4rem; padding-top: .15rem; padding-bottom: .1rem; border-top: 1px solid #222; color: #222; font-weight: bold; } .speech-b2-b{ font-size: .24rem; line-height: .4rem; color: #666; } .speech-c{ margin-top: .6rem; overflow: hidden; } .speech-c1{ } .speech-c1-a{ display: block; font-size: .26rem; line-height: .4rem; padding-top: .15rem; padding-bottom: .1rem; border-top: 1px solid #222; color: #222; font-weight: bold; } .speech-c1-b{ font-size: .24rem; line-height: .4rem; color: #666; } .speech-c2{ margin-top: .6rem; } .speech-c2-a{ display: block; font-size: .26rem; line-height: .4rem; padding-top: .15rem; padding-bottom: .1rem; border-top: 1px solid #222; color: #222; font-weight: bold; } .speech-c2-b{ font-size: .24rem; line-height: .4rem; color: #666; } /*企业文化*/ .culture{ padding: .7rem .3rem 1.75rem .3rem; } .culture-h1{ font-size: .36rem; font-weight: bold; line-height: 1; text-align: center; color: #222; } .culture-txt{ font-size: .22rem; color: #666; line-height:.4rem; text-align: center; margin-top: .25rem; } .culture-a{ margin-top: .45rem; overflow: hidden; } .culture-a1{ width: 3.3rem; height: 3.3rem; float: left; margin-bottom: .35rem; position: relative; } .culture-a1-a{ width: 100%; height: 100%; } .culture-a1-a img{ width: 100%; height: 100%; } .culture-a1-b{ position: absolute; top:.4rem; left: .3rem; font-size: .3rem; font-weight: bold; color: #fff; } .culture-a1-c{ position: absolute; top:.95rem; left: .3rem; font-size: .24rem; line-height: .4rem; color: #fff; } .culture-a2{ width: 6.9rem; height: 3.75rem; } .culture-a3{ margin-left: .3rem; } /*企业荣誉*/ .honor{ padding: .7rem .3rem 1.2rem .3rem; } .honor-nav{ overflow: hidden; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } .honor-nav .swiper-slide{ min-height: initial; height: .65rem; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-size: .26rem; line-height: .65rem; text-align: center; float: left; color: #666; position: relative; cursor: pointer; } .honor-nav .swiper-slide a{ display: block; width: 100%; height: 100%; color: #666; } .honor-nav .swiper-slide span{ position: absolute; top: 0; left: 0; width: 0; height: 1px; background: #333; } .honor-nav div.on{ color: #333; } .honor-nav div.on span{ width: 100%; } .honor-div{ overflow: hidden; } .honor-div ul{ margin-top: .5rem; } .honor-div ul li{ min-height: 3rem; border: 1px solid #e0e0e0; margin-bottom: .2rem; padding: .5rem .3rem; position: relative; overflow: hidden; } .honor-d1{ width: 2.85rem; float: left; text-align: center; } .honor-d1 img{ max-width: 100%; } .honor-right{ font-size: .26rem; line-height: .4rem; width: 2.95rem; float: right; min-height: 1.9rem; padding-bottom: .65rem; position: relative; } .honor-d2{ } .honor-d3{ font-size: .24rem; line-height: .4rem; color: #c19332; margin-top: .05rem; } .honor-d4{ width: 2rem; height: .62rem; line-height: .6rem; border: 1px solid #e0e0e0; border-radius: .3rem; text-align: center; font-size: .24rem; color: #333; position: absolute; bottom: 0; cursor: pointer; } .honor-d4 img{ width: .3rem; margin-left: ; position: relative; top: -1px; } /*发展历程*/ .course{ padding: .65rem .3rem 1.5rem .3rem; } .course-a{ overflow: hidden; } .course-a1{ font-size: 1.1rem; line-height: 1; color: rgba(153,153,153,.12); font-family: impact; } .course-a2{ } .course-a2-a{ font-size: .3rem; color: #c19332; line-height: 1; font-weight: bold; margin-top: .3rem; } .course-a2-b{ font-size: .24rem; color: #666; line-height: .45rem; margin-top: .15rem; } .course-ul{ margin-top: .5rem; border-top: 1px solid #e5e5e5; } .course-ul li{ padding: .5rem 0 .4rem 0; border-bottom: 1px solid #e5e5e5; position: relative; } .course-div{ overflow: hidden; } .course-d1{ width: 2rem; height: 1rem; line-height: 1rem; text-align: center; float: left; } .course-d1 img{ max-width: 100%; max-height: 100%; } .course-d2{ width: 4.65rem; float: right; font-size: .48rem; color: #999; font-family: arial; line-height: 1; } .course-d2 span{ font-size: .24rem; } .course-d3{ width: 4.65rem; font-size: .24rem; color: #999; line-height: .5rem; float: right; margin-top: .1rem; } /*联系我们*/ .contact{ width: 100%; overflow: hidden; position: relative; } .contact .map{ width: 100%; height: 7.35rem; } .contact-div{ padding: 0 .3rem; padding-bottom: 60px; } .contact-d1{ font-size: .48rem; color: #333; line-height: 1; padding: .45rem 0 .3rem .45rem; border-bottom: 1px solid #e5e5e5; } .contact-d1 span{ display: block; width: 100%; font-size: .28rem; line-height: 1; margin-top: .2rem; } .contact-d2{ font-size: .24rem; color: #333; line-height: .4rem; margin-top: .35rem; padding-left: .9rem; background: url(../imgs/ico06.png) no-repeat left top; background-size: .26rem .36rem; background-position-x: .45rem; } .contact-d3{ font-size: .24rem; color: #333; line-height: .4rem; margin-top: .2rem; padding-left: .9rem; background: url(../imgs/ico07.png) no-repeat left 5px; background-size: .32rem .25rem; background-position-x: .4rem; background-position-y: .06rem; } .contact-d4{ font-size: .024rem; color: #333; line-height: .4rem; margin-top: .2rem; padding-left: .9rem; background: url(../imgs/ico08.png) no-repeat left top; background-size: .3rem .32rem; background-position-x: .4rem; background-position-y: .0rem; } .contact-last{ overflow: hidden; margin-bottom: .2rem; } .contact-last-a{ width: 1.6rem; font-size: .24rem; color: #333; font-weight: bold; float: left; } .contact-last-b{ float: left; font-size: .24rem; line-height: .4rem; } .contact-last-b div{ overflow: hidden; } .contact-last-b .sp1{ display: block; float: right; } .contact-d5{ border-top: 1px solid #E5E5E5; margin-bottom: 1rem; } .contact-d5 img{ width: 1.15rem; height: 1.15rem; float: left; margin: .35rem 0 0 .45rem; } .contact-d5 div{ float: left; font-size: .24rem; line-height: .4rem; color: #333; margin-top: .7rem; margin-left: .1rem; } /*人力资源*/ .mbx-human a{ display: block; width: 50%; height: 100%; float: left; font-size: .24rem; color: #333; text-align: center; } .mbx-human a span{ display: inline-block; position: relative; height: 100%; } .mbx-human a.cur span:after{ content: ""; width: 100%; height: 2px; background: #c19332; position: absolute; left: 0; bottom: 0; } .human{ padding: .7rem .3rem .9rem .3rem; background: #f3f3f3; } .human-a{ overflow: hidden; } .human-a1{ padding-left: .35rem; position: relative; } .human-a1-a{ width: .35rem; height: .35rem; background: url(../imgs/ico01.png) no-repeat left top; background-size: .3rem; position: absolute; left: 0; top: 0; } .human-a1-b{ font-size: .4rem; color: #333; line-height: .6rem; font-weight: bold; } .human-a1-c{ text-transform: uppercase; font-family: 'MYRIADPRO_LIGHTSEMICN',arial; font-size: .7rem; color: #c19332; width: 4rem; line-height: .55rem; margin-top: .1rem; } .human-a2{; padding-left: .4rem; font-size: .24rem; color: #333; line-height: .4rem; float: right; margin-top: .25rem; } .human-b{ margin-top: .5rem; overflow: hidden; } .human-b1{ display: block; background: #fff; margin-bottom: .7rem; } .human-b1:first-child{ margin-left: 0; } .human-b1-img img{ max-width: 100%; max-height: 100%; } .human-b1-txt{ height: 1.2rem; line-height: 1.2rem; padding: 0 .65rem; font-size: .28rem; font-weight: bold; color: #333; } .human-b1-txt span{ display: block; width: .55rem; height: .55rem; border: 1px solid rgba(0,0,0,.1); border-radius: 100%; float: right; background: url(../imgs/ico09.png) no-repeat center; margin-top: .32rem; background-size: .3rem; } .human-c{ width: 100%; height: 11.6rem; padding: 0 .3rem; background: url(../imgs/img19.jpg) no-repeat center; } .human-c1{ font-size: .36rem; font-weight: bold; color: #fff; text-align: center; line-height: 1; padding-top: .9rem; } .human-c2{ font-size: .24rem; color: #fff; text-align: center; line-height: .4rem; margin-top: .15rem; } .human-c2 a{ display: inline-block; height: 100%; color: #fff; border-bottom: 1px solid #fff; } .human-c3{ margin-top: .6rem; overflow: hidden; } .human-c3 li{ width: 100%; height: 2.4rem; margin-bottom: .1rem; border: 1px solid rgba(255,255,255,.6); background: rgba(255,255,255,.1); } .human-c3 li:first-child{ margin-left: 0; } .human-c3-a{ height: .9rem; line-height: .6rem; text-align: center; padding-top: .3rem; } .human-c3-a img{ width: .4rem; } .human-c3-b{ font-size: .26rem; text-align: center; line-height: 1; color: #fff; font-weight: bold; margin-top: .3rem; } .human-c3-c{ font-size: .24rem; text-align: center; line-height: 1; color: #fff; margin-top: .15rem; padding: 0 .2rem; } .human-c3-c.hm{ font-size: .3rem; font-weight: bold; } /*校园招聘*/ .campus{ width: 100%; background: #f7f7f7; padding-top: .7rem; } .campus-a{ margin-top: .4rem; } .campus-a1{ height: .75rem; background: #c19333; font-size: .26rem; line-height: .75rem; color: #fff; text-align: center; } .campus-a2{ padding: 0 .3rem; background: #fff; padding-bottom: 1.05rem; } .campus-ul{ } .campus-ul li{ font-size: .24rem; color: #333; min-height: .8rem; text-align: center; border-top: 1px solid rgba(0,0,0,.1); overflow: hidden; } .campus-ul li div{ float: left; } .campus-ul li .cd1{ width: .9rem; line-height: .4rem; padding-top: .2rem; height: 100%; background: #f4f4f4; position: relative; } .campus-ul li .cd2{ width: 2.5rem; line-height: .4rem; padding: .2rem .1rem; } .campus-ul li .cd3{ width: 1.5rem; line-height: .4rem; padding: .2rem .1rem; border-left: 1px solid rgba(0,0,0,.1); } .campus-ul li .cd4{ width: 2rem; line-height: .4rem; padding: .2rem .1rem; border-left: 1px solid rgba(0,0,0,.1); } .campus-ul li.cli1 div{ font-size: .3rem; } .campus-ul li.cli2{ background: #f4f4f4; border-bottom: 1px solid rgba(0,0,0,.1); } .campus-b{ padding-top: .9rem; padding-bottom: 1rem; border-top: 1px solid rgba(0,0,0,.1) } .campus-b1{ font-size: .36rem; font-weight: bold; color: #222; line-height: 1; text-align: center; } .campus-bul{ margin-top: .5rem; box-shadow: 0 0 15px rgba(0,0,0,.1); } .campus-bul li{ border-bottom: 1px solid #c19333; background: #fff; transition: all .3s; -webkit-transition: all .3s; } .campus-bul li .cb-div{ height: .8rem; padding: 0 .25rem; cursor: pointer; background: #c19333; } .campus-bul li .cb-div div{ font-size: .26rem; color: #333; line-height: .8rem; float: left; transition: all .3s; -webkit-transition: all .3s; } .campus-bul li .cb-d1{ } .campus-bul li .cb-d3{ display: none; padding-right: .1rem; float: right !important; } .campus-bul li .cb-d2{ width: .4rem; height: .4rem; border: 1px solid rgba(0,0,0,.1); float: right !important; line-height: .32rem !important; text-align: center; border-radius: 100%; margin-top: .2rem; font-size: .3rem !important; } .campus-bul li .cb-txt{ padding: 0 .2rem; font-size: .24rem; color: #333; line-height: .45rem; position: relative; z-index: 3; padding-bottom: .3rem; background: #fff; } .campus-bul li .cb-txt .cb-txt-h1{ height: .9rem; line-height: .9rem; } .campus-bul li .cb-txt .texts{ padding: .4rem .3rem; background: #f5f5f5; } .campus-bul li .cb-txt .tds{ display: block; width: 2.4rem; height: .6rem; background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: .3rem; font-size: .24rem; color: #333; text-align: center; line-height: .58rem; margin-top:.25rem; } .campus-bul li .cb-txt .tds:hover{ caption-side: #333; } .campus-bul li.on{ background: #c19333; transition: all .3s; -webkit-transition: all .3s; } .campus-bul li.on .cb-div div{ color: #fff; transition: all .3s; -webkit-transition: all .3s; } .campus-bul li.on .cb-div .cb-d2{ border: 1px solid rgba(255,255,255,.2); } .campus-bul li.on .cb-div .cb-d3{ display: block; } .campus-b2{ width: 2rem; height: .6rem; border: 1px solid #303030; border-radius: .3rem; font-size: .24rem; color: #333; text-align: center; line-height: .6rem; margin: 0 auto; margin-top: .8rem; cursor: pointer; } .campus-c{ height: 8rem; width: 100%; background: url(../imgs/img20.jpg) no-repeat center; background-size: cover; overflow: hidden; } .campus-c1{ font-size: .36rem; text-align: center; color: #fff; line-height: 1; padding-top: 1rem; text-align: center; font-weight: bold; } .campus-c2{ margin: 0 auto; margin-top: .6rem; position: relative; } .campus-c2-swiper{ height: 3.45rem; width: 11.25rem; position: relative; left: -1.875rem; } .campus-c2-swiper .swiper-slide{ min-height: initial; padding: 0 .05rem; } .campus-c2 .cc-div{ width: 100%; height: 3.45rem; background: rgba(255,255,255,.9); } .campus-c2 .cc-d1{ height: 1.4rem; padding-top: .8rem; text-align: center; line-height: .6rem; } .campus-c2 .cc-d1 img{ width: .4rem; } .campus-c2 .cc-d2{ font-size: .3rem; line-height: .4rem; text-align: center; margin-top: .2rem; color: #333; font-weight: bold; } .campus-c2 .cc-d3{ font-size: .24rem; line-height: .4rem; text-align: center; margin-top: .1rem; color: #333; } .campus-c2 .swiper-pagination{ bottom: -40%; } .campus-c2 .swiper-pagination-bullet{ background: initial; border: 1px solid #fff; } .campus-c2 .swiper-pagination-bullet-active{ background: #fff; } /*社会招聘*/ .social{ width: 100%; padding: 0 .3rem; background: #f3f3f3; padding-top: .7rem; padding-bottom: 1.4rem; } .social-d1{ width: 100%; float: left; font-size: .26rem; border-top: 1px solid rgba(0,0,0,.1); } .social-d2{ font-size: .3rem; width: .4rem; height: .4rem; border: 1px solid rgba(0,0,0,.1); float: right; line-height: .32rem; text-align: center; border-radius: 100%; font-size: .3rem ; position: absolute; right: .3rem; top: .3rem; } .social-ul{ background: #fff; padding-bottom: .2rem; margin-top: .4rem; } .social-ul li{ font-size: .24rem; line-height: .4rem; color: #333; } .social-ul li:first-child .social-d1{ border-top: none; } .social-div1{ height: 1rem; overflow: hidden; line-height: 1rem; padding: 0 .3rem; position: relative; } .social-div2{ padding: 0 .3rem; font-size: .24rem; line-height: .4rem; color: #333; display: none; } .social-div2-top{ margin-bottom: .2rem; margin-top: .1rem; overflow: hidden; } .social-div2-top div{ float: left; width: 50%; font-size: .24rem; line-height: .4rem; margin: .05rem 0; } .social-div2-cont{ background: #f5f5f5; padding-bottom: .7rem; } .social-div2-txt{ line-height: .4rem; font-size: .24rem; padding: .25rem; } .social-div2-d0{ border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); padding: .3rem; } .social-div2-a1{ display: block; width: 2.4rem; height: .6rem; background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: .3rem; font-size: .24rem; color: #333; text-align: center; line-height: .58rem; margin-top: .25rem; margin-left: .25rem; } .social-div2-a1:hover{ color: #333; } .social-ul li.on .social-div1{ background: #c19333; color: #fff; } .social-ul li.on .social-d2{ border-color: rgba(255,255,255,.3); } .social-more{ width: 2rem; height: .6rem; border: 1px solid #303030; border-radius: .3rem; font-size: .24rem; color: #333; text-align: center; line-height: .6rem; margin: 0 auto; margin-top: .9rem; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; } /*商务中心*/ /*国际贸易*/ .business a{ display: block; float: left; width: 25%; font-size: .24rem; color: #333; text-align: center; } .business a span { display: inline-block; position: relative; height: 100%; } .business a.cur span:after{ content: ""; width: 100%; height: 2px; background: #c19332; position: absolute; left: 0; bottom: 0; } .trade{ width: 100%; background: #f7f7f7; padding-top: .7rem; } .trade-a{ padding: 0 .3rem; } .trade-a1{ font-size: .36rem; font-weight: bold; text-align: center; line-height: 1; color: #222; } .trade-a2{ font-size: .14rem; width: 2.2rem; text-align: center; line-height:.26rem; height: .26rem; color: #fff; background: #000; margin: 0 auto; margin-top: .15rem; text-transform: uppercase; font-family: 'CENTURY'; } .trade-a3{ margin-top: .45rem; background: #fff; margin-bottom: .3rem; } .trade-a3-lt{ font-size: .24rem; line-height: .45rem; color: #666; padding: .35rem; padding-bottom: .8rem; } .trade-a3-h1{ font-size: .3rem; line-height: .45rem; color: #222; margin-bottom: .1rem; } .trade-a3-rt{ } .trade-a3-rt img{ max-width: 100%; } .trade-c{ margin-top: .7rem; padding-bottom: 1.4rem; } .trade-c1{ font-size: ..36rem; text-align: center; line-height: 1; color: #222; } .trade-c2{ font-size: .14rem; width: 1.6rem; text-align: center; line-height: .26rem; height: .26rem; color: #fff; background: #000; margin: 0 auto; margin-top: .15rem; text-transform: uppercase; font-family: 'CENTURY'; } .trade-c3{ } .trade-c3 img{ max-width: 100%; margin-top: .6rem; margin-bottom: .3rem; } .trade-c4{ overflow: hidden; padding: 0 .3rem; } .trade-c4-li{ padding: 0 .4rem; background: #fff; border: 1px solid rgba(0,0,0,.1); margin-bottom: .1rem; } .trade-c4-h1{ height: .9rem; line-height: .9rem; border-bottom: 1px solid rgba(0,0,0,.1); font-size: .36rem; color: #222; margin: 0 auto; } .trade-c4 ul{ margin: .1rem 0 .3rem 0; overflow: hidden; } .trade-c4 ul li{ width: 33.333%; line-height: .5rem; font-size: .24rem; color: #333; float: left; } /*国内贸易*/ .domestic{ padding: 0 .3rem; padding-top: .7rem; background: #eeeeee; } .domestic-a1{ font-size: .36rem; font-weight: bold; text-align: center; line-height: 1; color: #222; } .domestic-a2{ font-size: .14rem; width: 1.5rem; text-align: center; line-height: .26rem; height: .26rem; color: #fff; background: #000; margin: 0 auto; margin-top: .15rem; text-transform: uppercase; font-family: 'CENTURY'; } .domestic-b{ margin-top: .45rem; overflow: hidden; position: relative; } .domestic-b1{ height: 3.1rem; background: #fff; margin-bottom: .1rem; text-align: center; padding-top: .4rem; } .domestic-b1-img{ height: .7rem; } .domestic-b1-img img{ width: .7rem; height: .7rem; } .domestic-b1-a{ font-size: .3rem; color: #222; line-height: .4rem; margin-top: .2rem; } .domestic-b1-b{ font-size: .24rem; color: #333; line-height: .4rem; margin-top: .1rem; } .domestic-c{ margin-top: .9rem; padding-bottom: .7rem; } .domestic-c1{ font-size: .36rem; text-align: center; line-height: 1; color: #222; font-weight: bold; } .domestic-c2{ font-size: .14rem; width: 1.5rem; text-align: center; line-height: .26rem; height: .26rem; color: #fff; background: #000; margin: 0 auto; margin-top: .15rem; text-transform: uppercase; font-family: 'CENTURY'; } .domestic-c3{ overflow: hidden; margin-top: .35rem; } .domestic-c3 li{ position: relative; float: left; margin-bottom: .2rem; } .domestic-c3 li .dd1 img{ max-width: 100%; } .domestic-c3 li .dd2{ font-size: .24rem; line-height: .4rem; color: #fff; position: absolute; top: .25rem; left: .25rem; } .domestic-c3 li .dd2 span{ font-size: .16rem; } .domestic-c3 li .dd3{ font-size: .3rem; line-height: .4rem; color: #fff; position: absolute; bottom: .35rem; left: .25rem; } .domestic-c3 li .dd3 img{ margin-left: .05rem; width: .15rem; } .domestic-c3 li.dli1{ width: 3.35rem; float: left; } .domestic-c3 li.dli2{ width: 3.35rem; float: left; margin-left: .2rem; } /*招投标平台*/ .mark{ padding: 0 .15rem; background: #f3f3f3; padding-top: .7rem; padding-bottom: 1.5rem; } .mark-ul{ overflow: hidden; } .mark-ul li{ width: 3.3rem; height: 3.2rem; margin:0 .15rem; margin-bottom: .3rem; background: #fff; float: left; } .mark-d1{ height: .65rem; padding: 0 .65rem; line-height: .65rem; font-size: .24rem; color: #888; border-bottom: 1px solid rgba(0,0,0,.1); background: url(../imgs/ico22.png) no-repeat .25rem center; background-size: .3rem; } .mark-d2{ font-size: .24rem; color: #333; line-height: .4rem; height: 1.2rem; margin: .25rem 0 .1rem 0; padding: 0 .25rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .mark-d3{ display: block; width: 1.6rem; height: .6rem; border: 1px solid #e6e6e6; border-radius: .3rem; font-size: .24rem; text-align: center; line-height: .6rem; color: #666; margin-left: .25rem; } .mark-d3:hover{ color: #666; } .mark-more{ width: 2rem; height: .6rem; border: 1px solid #303030; border-radius: .3rem; font-size: .24rem; color: #333; text-align: center; line-height: .6rem; margin: 0 auto; margin-top: .8rem; cursor: pointer; } /*招投标详情*/ .markinfo{ width: 100%; padding: .65rem .3rem 1.2rem .3rem; background: #f3f3f3; } .markinfo-a{ font-size: .36rem; color: #333; line-height: .45rem; font-weight: bold; text-align: center; } .markinfo-b{ font-size: .24rem; color: #666; line-height: .4rem; margin-top: .15rem; text-align: center; } .markinfo-b span{ display: block; } .markinfo-c{ margin-top: .3rem; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,.1); } .markinfo-c1{ height: .8rem; border-top: 1px solid rgba(0,0,0,.1); } .markinfo-c1-a{ width: 1.35rem; height: .78rem; line-height: .78rem; text-align: center; font-size: .24rem; color: #333; background: #fff; float: left; } .markinfo-c1-b{ font-size: .24rem; color: #333; line-height: .8rem; width: ; padding-left:.35rem; text-align: center; float: left; } .markinfo-e{ padding: 0 .35rem; background: #fff; margin-top: .4rem; } .markinfo-e li{ padding: .35rem 0; border-top: 1px solid rgba(0,0,0,.1); font-size: .24rem; line-height: .45rem; color: #333; } .markinfo-e li:first-child{ border-top: none; } .markinfo-e li .markinfo-e1{ color: #000; font-weight: bold; } /*物资设备采购*/ .purchase{ background: #f3f3f3; padding: .7rem .3rem .8rem .3rem; } .purchase-a{ height: 8rem; margin-bottom: .4rem; background: #fff; } .purchase-div{ text-align: center; padding-top: .35rem; } .purchase-div img{ width: .9rem; } .purchase-d1{ margin-top: .25rem; font-size: .3rem; color: #000022; line-height: .4rem; } .purchase-d2{ margin: .15rem auto; width: .3rem; height: 1px; background: rgba(0,0,0,.1); } .purchase-d3{ font-family: ; font-size: .36rem; color: #222; line-height: .45rem; font-weight: bold; } .purchase-img{ height: 4.9rem; z-index: 3; } .purchase-img img{ max-width: 100%; }