.header{ height: 1rem; position: fixed; top: 0; padding: 0 .22rem; background: white; z-index: 3; border-bottom: solid 1px #e5e5e5; } .header .logo{ float: left; margin-top: .3rem; } .header .logo img{ width: 3.32rem; height: .4rem; display: block; } .header .search{ float: left; margin-left: 1.6rem; margin-top: .3rem; } .header .search img{ width: .38rem; height: .38rem; } .header .menu{ float: right; font-size: .5rem; color: #006fc1; margin-top: .17rem; } /*导航*/ .nav_warp { box-sizing: border-box; position: fixed; left: 0; width: 100%; z-index: 999; display: none; padding-top: .48rem; padding-bottom: .9rem; background: #212126; width: 5rem; overflow-y: scroll; } .nav_warp ul{ width: 4rem; margin-left: .72rem; } .nav_warp li { border-bottom: solid 1px #4d4d51; } .nav_warp li:last-child{ border-bottom: none; } .nav_warp li .top { padding: .25rem 0; overflow: hidden; } .nav_warp li a { font-size: .28rem; color: #fff; float: left; } .nav_warp li span { font-size: .3rem; color: #fff; float: right; } .nav_warp li .hide { display: none; padding-bottom: .1rem; } .nav_warp li.bian a, .nav_warp li.bian span { color: #006fc1; } .nav_warp li.bian .hide a.active { color: #006fc1; } .nav_warp li .hide { } .nav_warp li .hide a { display: block; float: none; font-size: .26rem; color: #fff; line-height: .6rem; } .nav_warp li .hide .on { color:#006fc1; } .hide .three{ border-bottom: solid 1px #4d4d51; } .hide .three:last-child{ border-bottom: none; } .hide .three .th-top{ overflow: hidden; } .hide .three .th-top a{ float: left; } .hide .three .th-hide{ display: none; padding-left: .2rem; } .hide .three .th-hide a{ font-size: .24rem; } .hide .three .th-hide .on { color:#006fc1; } .hide .three .th-top span{ float: right; color: white; font-size: .22rem; line-height: .6rem; } .hide .three.qie .th-top a,.hide .three.qie .th-top span{ color: #006fc1; } .nav_warp .lanu{ margin-left: .72rem; margin-top: 10px; } .nav_warp .lanu a{ display: inline-block; font-size: .22rem; color: white; width: .6rem; height: .35rem; border-radius: 10px; text-align: center; line-height: .42rem; } .nav_warp .lanu a.active{ background: #006fc1; } .fix-search{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 3; } .fix-search .fix-top{ padding: .3rem 0; background: white; } .fix-search .fix-top input{ width: 4.5rem; height: .55rem; border: solid 1px #dcdcdc; padding-left: .2rem; float: left; } .fix-search .fix-top img{ width: .38rem; height: .38rem; margin-left: .15rem; padding-top: .09rem; float: left; } .fix-search .fix-top span{ color: #006FC1; font-size: .5rem; float: left; margin-left: .15rem; } /*banner*/ .index-banner .swiper-slide img{ width: 6.4rem; height: 4rem; display: block; } .index-banner .swiper-pagination-bullet{ background: none; border: solid 1px #fff; } .index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #006fc1; border: solid 1px #006fc1; } .index{ padding-top: .5rem; } .index h1{ text-align: center; font-size: .38rem; line-height: .45rem; color: #333; font-family: avant; margin-bottom: .3rem; } .index-left h1{ text-align: left; float: left; margin-bottom: 0; } .index-left .a{ font-size: .22rem; color: #666; float: right; margin-top: .05rem; margin-bottom: 0; } .index-left .a span{ padding-left: .05rem; font-size: .22rem; } .i-top{ padding-bottom: .29rem; border-bottom: solid 2px #e5e5e5; } /*产品中心*/ .index-product{ position: relative; } .pro-pic{ position: relative; } .pro-pic img{ width: 6.4rem; height: 3.5rem; display: block; } .pro-font{ position: absolute; left: 14%; top: 22.9%; } .pro-font h3{ font-size: .3rem; font-family: avant; text-align: left; } .pro-font h4{ font-size: .28rem; color: rgba(51,51,51,0.9); font-family: phoneFont; } .pro-font.white-font h3,.pro-font.white-font h4{ color: white; } .pro-font a{ width: 1.22rem; height: .37rem; background: #006FC1; text-align: center; line-height: .37rem; display: block; margin-top: .2rem; font-size: .2rem; color: white; border-radius: 5px; } .pro-font a span{ padding-left: .07rem; font-size: .22rem; } .index-product .i-p-small{ position: absolute; left: 2rem; bottom: .2rem; padding: .04rem; background: rgba(255,255,255,0.5); } .index-product .i-p-small img{ float: left; width: 1.1rem; height: .6rem; display: block; margin-left: .04rem; } .index-product .i-p-small img:first-child{ margin-left: 0; } .index-product{ text-align: center; } .index-product .swiper-pagination { display: inline-block; background: none; } .index-product .swiper-pagination span{ width: 1.1rem; height: .6rem; border-radius: 0; border: solid 5px transparent; } .index-product .swiper-pagination span:first-child{ background: url(../images/index-pro-s1.png) no-repeat center; background-size: 1.1rem .6rem; } .index-product .swiper-pagination span:last-child{ background: url(../images/index-pro-s2.png) no-repeat center; background-size: 1.1rem .6rem; } .index-product span.swiper-pagination-bullet-active{ border: solid 5px rgba(255,255,255,0.5); } /*guanyuwomen*/ .index-about{ text-align: center; padding: .5rem 0 .3rem 0; background: url(../images/index-about-bg.png) no-repeat; background-size: 6.4rem 3.5rem; } .index-about h2{ font-size: .28rem; line-height: .26rem; text-align: center; margin-bottom: .22rem; color: white; } .index-about p{ width: 5.78rem; margin: 0 auto; line-height: .3rem; color: white; font-size: .24rem; text-align: center; } .index-about a{ display: inline-block; width: 1.58rem; height: .44rem; border: solid 1px #dddbdb; border-radius: 30px; text-align: center; line-height: .44rem; color: white; margin-top: .1rem; font-size: .22rem; } /*新闻中心*/ .i-bot{ display: block; margin-top: .38rem; } .i-left{ float: left; } .i-left img{ width: 2.6rem; height: 2.7rem; display: block; } .i-right{ float: right; width: 3.1rem; padding-top: .05rem; } .i-bot .i-right h2{ line-height: .36rem; font-size: .26rem; font-family: avant; padding-bottom: .13rem; border-bottom: solid 1px #e5e5e5; margin-bottom: .18rem; text-overflow: ellipsis; overflow: hidden; /*white-space: nowrap;*/ } .i-right span{ line-height: .18rem; font-size: .2rem; color: #777; } .i-right p{ line-height: .3rem; font-size: .24rem; color: #777; margin-top: .25rem; } .index-news a{ display: block; margin-bottom: .6rem; } .index-news a h2{ font-size: .26rem; line-height: .36rem; font-family: avant; margin-bottom: .15rem; overflow: hidden; text-overflow: ellipsis; width: 100%; /* white-space: nowrap;*/ } .index-news a span{ font-size: .22rem; line-height: .22rem; } /*展会活动*/ .box1{ background: #fafafa; padding-bottom: .7rem; } .index-zhhd .swiper-wrapper{ } .index-zhhd .swiper-slide{ text-align: center; } .index-zhhd .swiper-slide img{ width: 5.3rem; height: 1.8rem; } .index-zhhd .swiper-slide h6{ width: 5.3rem; margin: 0 auto; text-align: left; font-size: .26rem; color: #444; margin-top: .15rem; } .index-zhhd .swiper-button-next,.index-zhhd .swiper-button-prev{ background: none; font-size: .3rem; } .index-zhhd .swiper-button-next{ right: -10px; } .index-zhhd .swiper-button-prev{ left: 0px; } .lised{ width: 100%; position: relative; } .foot{ background: #212126; } .foot .f-top{ line-height: .75rem; border-bottom: solid 1px #38383c; } .foot .f-top a{ font-size: .22rem; color: white; padding: 0 .27rem; } .foot .f-bot{ line-height: .75rem; font-size: .22rem; color: rgba(255,255,255,0.6); } .banner img{ width: 6.4rem; height: 3rem; display: block; } /*-------an-product.heml----------*/ .target{ background: #f5f5f5; padding-top: .45rem; border-bottom: solid 1px #e5e5e5; } .target .wrapper{ padding-bottom: .25rem; overflow: hidden; } .target .wrapper a{ display:block; float: left; width: 1.9rem; padding: .27rem 0; background: #fff; text-align: center; line-height: .28rem; color: #444444; font-size: .24rem; margin-right: .13rem; margin-bottom: .2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .target .wrapper.p-wrapper a{ width: 2.9rem; } .target .wrapper.p-wrapper a:nth-child(2n){ margin-right: 0; } .target .wrapper.p-wrapper a:nth-child(3n){ margin-right: .13rem; } .target .wrapper a.pa{ padding: .14rem 0; } .target .wrapper a:nth-child(3n){ margin-right: 0; } .target .wrapper a.active{ color: white; background: #006FC1; } .pro-list{ margin-top: .58rem !important; margin-bottom: .46rem !important; } .pro-list .list a{ display: block; float: left; margin-right: 3%; margin-bottom: .4rem; width: 47.8%; border: solid 1px #ebebeb; box-shadow: 5px 5px 20px 0 rgba(0,0,0,.06); } .pro-list .list a:nth-child(2n){ margin-right: 0; } .pro-list .list a .p-pic{ width: 100%; height: 2.2rem; border-bottom: solid 1px #ebebeb; } .pro-list .list a .p-pic img{ width: 100%; height: 100%; } .pro-list .p-cont { padding: .225rem .22rem; } .pro-list .p-tit { font-size: .22rem; line-height: .26rem; color: #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; _zoom: 1; } .p-btn-more { font-size: .24rem; line-height: .45rem; text-align: center; padding: 0 .22rem 0 .5rem; color: #fff; background:#006fc1 url(../images/p-moreH.png) no-repeat .22rem center ; background-size: .22rem .17rem; border: 1px solid #e6e6e6; border-radius: 3px; display: inline-block; margin-top: .2rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /*-----pro-info.html-----*/ .second{ //height: 1.7rem; line-height: .7rem; font-size: .24rem; color: #666666; background: #fbfbfb; } .nav-se{ width: 95%; overflow: hidden; height: .7rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: .45rem; background: url(/mobile/jiuzhou/images/home.png) no-repeat left center; background-size: .27rem .25rem; } .pro-info{ margin-top: .3rem; border: solid 1px #e5e5e5; padding-bottom: .5rem; margin-bottom: .5rem; } .pro-info .swiper-slide{ width: 5.94rem; height: 4.6rem; } .pro-info .swiper-slide img{ width: 100%; height: 100%; } .pro-info .swiper-pagination-bullet{ background: #666666; } .pro-info .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #006FC1; border: none; } .pro-desc{ position: relative; margin-top: .1rem; } .pro-desc h3{ line-height: .3rem; font-size: .32rem; text-align: center; } .pro-desc h4{ line-height: .24rem; font-size: .24rem; color: #666; margin-top: .15rem; text-align: center; } .prode{ background: #f5f5f5; padding-top: .37rem; padding-bottom: .5rem; } .p-tabs li { float: left; width: 33.3%; } .p-tabs li a { display: block; width: 100%; font-size: .22rem; color: #666; line-height: .7rem; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .p-tabs li.active a { background: #fff; color: #333; } .p-his-cont>.p-pane { display: none; } .p-his-cont>.active { display: block; } .fade.in { opacity: 1; } .p-prodecont { background: #fff; padding: .75rem .6rem; padding-top: 0; } .canshu{ padding-top: .5rem; } .canshu h3{ font-size: .24rem; color: #006FC1; line-height: .24rem; margin-bottom: .08rem; } .canshu h4{ font-size: .24rem; color: #444; line-height: .4rem; margin-top: .2rem; } .canshu p{ line-height: .46rem; font-size: .24rem; color: #666; padding-left: .2rem; background: url(../images/tuo.png) no-repeat left .2rem; background-size: .05rem; } /*------公司简介------*/ .about h1{ text-align: center; line-height: .38rem; font-size: .38rem; color: #006FC1; margin-top: .4rem; margin-bottom: .2rem; } .jj{ padding-top: .6rem; background: url(../images/about-bg.png) no-repeat center .08rem; background-size: 3rem 2.16rem; } .gsjj{ height: 8.5rem; background: url(../images/gsjj-bg.png) no-repeat center top; background-size: 6.4rem 8.5rem; /* background-size: 100%; */ } .gsjj h1{ margin-bottom: .6rem; } .gsjj p{ width: 5.4rem; margin: 0 auto; line-height: .4rem; color: #666666; font-size: .24rem; } .about p{ width: 5.4rem; margin: 0 auto; line-height: .36rem; color: #777; font-size: .24rem; } .about img{ width: 5.96rem; height: 2.8rem; display: block; margin-top: .5rem; } .gshx p{ text-align: center; } .about-list{ margin-top: .1rem; margin-bottom: .67rem; } .about-list li{ float: left; width: 2.9rem; margin-top: .38rem; margin-right: .15rem; } .about-list li:nth-child(2n){ margin-right: 0; } .about-list li .ab-pic{ width: 100%; height: 2rem; } .about-list li .ab-pic img{ width: 100%; height: 100%; } .about-list li .ab-font{ margin-top: .26rem; font-size: .24rem; color: #666; line-height: .26rem; padding-left: .15rem; border-left: solid 3px #338ccd; text-overflow: ellipsis; overflow: hidden; /*white-space: nowrap;*/ line-height: 20px; } /*-------合作伙伴-------*/ .partner{ padding-top: .64rem; padding-bottom: .57rem; } .partner li{ float: left; border: solid 1px #e0e0e0; width: 1.86rem; height: .73rem; margin-bottom: .2rem; margin-right: .13rem; } .partner li:nth-child(3n){ margin-right: 0; } .partner li img{ width: 100%; height: 100%; } .page { margin-top: .4rem; } .page_inner { font-size: 0; border: 1px solid #e0e0e0; position:relative; } .page a:first-child { border-left: 1px solid #e0e0e0; } .page .zzzz { display: none; } .page a { width: .58rem; height: .58rem; color: #666; font-size: .24rem; font-family: arial; display: inline-block; line-height: .58rem; /* border-left: 1px solid #e0e0e0; */ border-right: 1px solid #e0e0e0; text-align: center; border-spacing: 0; border-collapse: collapse; } .page .page_next,.page .page_prev { width: .58rem; text-align: center; line-height: .58rem; font-size: .22rem; color: #666; float: right; border-right: 0; border-left: 1px solid #e0e0e0; } .page .page_next { border-right: 1px solid #e0e0e0; position:absolute; right:33.63px; } .page a.on, .page a:hover { color: #006fc1; } /*----历史与荣誉------*/ .history{ padding-top: .84rem; padding-bottom: .68rem; } .history h1{ font-size: .38rem; color: #444444; margin-bottom: .29rem; line-height: .38rem; text-align: center; } .history hr{ width: .37rem; height: .02rem; background: #006fc1; margin: 0 auto .49rem auto; } .his-tabs { text-align: center; margin-bottom: .5rem; } .his-tabs li { display: inline-block; margin-left: 10px; width: 140px; } .his-tabs li:last-child{ margin-right: 0; } .his-tabs li a { display: block; font-size: .24rem; line-height: .24rem; color: #666; padding-left: .23rem; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .his-tabs li.active a { color: #006fc1; } .his-tabs li a::before { content: ''; position: absolute; left: 0; top: 50%; width: .12rem; height: .12rem; border: 2px solid #999; border-radius: 50%; margin-top: -.07rem; } .his-tabs li.active a::before { border-color: #006fc1; } .history-box { width: 5.7rem; margin: 0 auto; border-left: 1px solid #dcdcdc; padding-bottom: 0; padding-top: .4rem; } .history-item { width: 100%; position: relative; margin-bottom: .5rem; } .history-item .p-year { float: left; width: 1.3rem; border-top: 1px solid transparent; border-bottom: 1px solid transparent; line-height: .3rem; text-align: center; color: #999; height: .3rem; -o-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; font-size: .22rem; } .history-item .p-year .p-num { font-size: .32rem; margin-right: 4px; font-family: phoneFont; } .history-item .p-cont { background: transparent; float: left; width: 4.2rem; height: .8rem; color: #666; font-size: .24rem; position: relative; -o-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; } .history-item .p-des { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; padding: 0 0 0 .5rem; max-height: .8rem; overflow: hidden; } .history-item .p-des.detop{ /*top: 24%;*/ } .history-item .p-des i { width: .06rem; height: .06rem; border-radius: 50%; background: #348ec7; margin-right: .18rem; display: block; position: absolute; top: .19rem; left: .25rem; -o-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; } .history-item .p-info { max-height: .8rem; line-height: .4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .history-item .p-dot { width: .16rem; height: .16rem; border: 2px solid #e2e2e2; background: #fff; border-radius: 50%; position: absolute; left: -.11rem; top: .05rem; -o-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; } .loading-box { width: 100%; text-align: center; } .loading { display: inline-block; text-align: center; margin: 0 auto; color: #666; font-size: .22rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .load-more { width: .27rem; margin: .1rem auto 0 auto; display: inline-block; -webkit-animation: wiggle 0.5s linear 0s infinite alternate; animation: wiggle 0.5s linear 0s infinite alternate; } .load-more img{ width: .26rem; height: .14rem; } .p-main img { display: inline-block; vertical-align: middle; border: 0; } /*----品牌标示------*/ .brand{ padding-top: .72rem; padding-bottom: .6rem; } .brand-pic{ margin-bottom: .06rem; } .brand-pic img{ width: 5.96rem; height: 1.91rem; display: block; margin-bottom: .36rem; } .sign{ box-sizing: border-box; width: 100%; /* height: 4rem; */ background: url(../images/brand-bg.png) no-repeat; padding: .57rem .5rem .5rem .5rem; background-size: 5.96rem 4rem; background-size: cover; } .sign h2{ font-size: .32rem; color: white; line-height: .32rem; margin-bottom: .24rem; } .sign p{ line-height: .34rem; color: rgba(255,255,255,0.9); font-size: .24rem; } .color{ box-sizing: border-box; width: 100%; /* height: 3.8rem; */ padding: .63rem .47rem .66rem .47rem; background: #f5f5f5; } .color h2{ font-size: .32rem; color: #006FC1; line-height: .32rem; margin-bottom: .24rem; } .color p{ line-height: .34rem; color: #666; font-size: .24rem; margin-bottom: .37rem; } .color .p-blue { width: .6rem; height: .6rem; background: #006fc1; float: left; } .color .p-red { width: .6rem; height: .6rem; background: #db261d; float: left; margin-left: 1px; } .color .p-yellow { width: .6rem; height: .6rem; background: #db261d; float: left; margin-left: 1px; } /*------旗下子公司-------*/ .subcompany{ padding-top: .7rem; padding-bottom: .13rem; } .subcompany h1{ text-align: center; font-size: .38rem; line-height: .38rem; color: #006FC1; } /*-------责任与创新------*/ .blame{ padding-top: .6rem; } .blame h1{ font-size: .38rem; color: #444444; margin-bottom: .29rem; line-height: .38rem; text-align: center; } .blame hr{ width: .37rem; height: .02rem; background: #006fc1; margin: 0 auto .24rem auto; } .blame p{ width: 5.4rem; margin: 0 auto; line-height: .36rem; color: #777777; font-size: .24rem; margin-bottom: .55rem; } .blame-list{ display: block; width: 5rem; padding-left: .48rem; margin-bottom: .4rem; } .blame-list .b-pic{ width: 100%; height: 3rem; position: relative; } .blame-list .b-pic img{ width: 100%; height: 100%; } .blame-list .b-pic h2{ width: 100%; height: .5rem; line-height: .5rem; text-align: center; color: white; font-size: .22rem; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; } .blame-list .b-font h3{ height: .9rem; line-height: .9rem; text-align: center; color: #444444; font-size: .26rem; box-shadow: 5px 5px 20px 0 rgba(0,0,0,.06); } .innovate{ padding-top: .85rem; padding-bottom: .85rem; } .innovate h1{ font-size: .38rem; color: #444444; margin-bottom: .29rem; line-height: .38rem; text-align: center; } .innovate hr{ width: .37rem; height: .02rem; background: #006fc1; margin: 0 auto .24rem auto; } #historySlide { position: relative; width: 100%; overflow: hidden; margin-top: .6rem; } #historySlide .history-scroll { height: .7rem; width: 5.4rem; margin: 0 auto; } #historySlide .ul { -webkit-transition: left .8s; -o-transition: left .8s; transition: left .8s; overflow: visible!important; } #historySlide .li{ float: left; /*width:1.538rem !important;*/ padding: 0 .1rem; height:.7rem; background: url(../images/ruler.png) no-repeat top left; background-size: 1.54rem .23rem; margin-right: 0!important; cursor: pointer; } #historySlide .li.swiper-slide-active,#historySlide .:hover{ color: #006fc1; } #historySlide .time-line { width: 1.538rem; height: .7rem; position: relative; } #historySlide .time-line .dot { padding: .03rem; width: .07rem; height: .07rem; border: 1px solid #006fc1; border-radius: 50%; position: absolute; top: .21rem; left: -.17rem; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #historySlide .li .dot i { display: block; background: #006fc1; width: 100%; height: 100%; border-radius: 50%; } #historySlide .daty { font-size: .22rem; font-family: arial; line-height: .32rem; position: absolute; top: .37rem; left: -.05rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } #historySlide .li.swiper-slide-active .dot{ opacity: 1; } #historySlide .history-c { width: 100%; position: relative; } #historySlide .history-c li { width: 100%; } #historySlide .history-c .year{ font-size:.82rem; font-family: phoneFont; color: #006fc1; font-weight: lighter; display: inline-block; line-height: .82rem; height:.82rem; padding-right: .4rem; } #historySlide .history-c .cont{ position: relative; margin:.8rem .3rem; margin-bottom: 0; } #historySlide .history-c .des{ width: 2.5rem; font-size:.22rem; line-height: .26rem; color: #666; vertical-align: top; display: inline-block; padding-left: .4rem; border-left: 1px solid #006fc1; } #historySlide .p-tit{ font-size: .26rem; line-height: .32rem; color: #444; margin-bottom: .2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #historySlide .history-c .des p{ font-size: .24rem; line-height: .3rem; color: #666; position:relative; } #historySlide .small-day .tempWrap { overflow: visible!important; } .history-scroll .prev { float: left; cursor: pointer; } .history-scroll .next { float: right; cursor: pointer; } /*------技术研发-------*/ .skill{ padding-top: .57rem; padding-bottom: .42rem; background: #fafafa; } .skill-list{ display: block; width: 5.85rem; margin: 0 auto; margin-bottom: .3rem; background: white; box-shadow: 0px 5px 20px 0 rgba(0,0,0,.06); } .skill-list .s-pic{ width: 100%; height: 3.6rem; } .skill-list .s-pic img{ width: 100%; height: 100%; display: block; } .skill-list .s-font{ box-sizing: border-box; padding: .4rem .38rem .5rem .38rem; } .skill-list .s-font h3{ font-size: .3rem; color: #444444; line-height: .3rem; margin-bottom: .27rem; } .skill-list .s-font p{ line-height: .36rem; font-size: .24rem; color: #777; } /*-------解决方案------*/ .plan-list{ display: block; box-sizing: border-box; padding: .42rem .38rem .48rem .38rem; background: white; border: solid 1px #dedede; margin-bottom: .3rem; } .plan-list h3{ line-height: .28rem; font-size: .28rem; color: #444; margin-bottom: .22rem; } .plan-list hr{ width: .18rem; height: .02rem; background: #006FC1; text-align: left; margin-left: .02rem; margin-bottom: .1rem; } .plan-list p{ line-height: .36rem; color: #777; font-size: .24rem; } .more{ text-align: center; } .more img{ width: .4rem; height: .4rem; } /*------生产基地--------*/ .base{ width: 5.4rem; margin: 0 auto; } .base h1{ text-align: center; line-height: .38rem; font-size: .38rem; color: #006FC1; margin-bottom: .35rem; } .base p{ line-height: .36rem; font-size: .24rem; color: #666; margin-bottom: .5rem; } .base .blame-list{ width: 4.5rem; } /*-------招标信息-------*/ .skill.invite{ padding-top: .27rem; padding-bottom: .43rem; } .invite-list{ display: block; border-bottom: solid 1px #e0e0e0; height: 1.05rem; line-height: 1.05rem; padding: 0 .17rem; -webkit-box-sizing: border-box; box-sizing: border-box; color: #666; font-size: .24rem; } .invite-list:last-child{ border-bottom: none; } .invite-list span { display: inline-block; position: relative; } .invite-list span.title:before { box-sizing: border-box; content: ''; width: .02rem; height: .2rem; background: #006fc1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -.13rem; } .invite-list span.time { float: right; } /*------资料下载------*/ .download{ width:5.8rem; margin: 0 auto; display: block; height: 2.2rem; background: #f5f5f5; overflow: hidden; margin-bottom: .3rem; } .download .down-pic{ width: 2.45rem; height: 2.2rem; float: left; } .download .down-pic img{ width: 100%; height: 100%; display: block; } .download .down-font{ float: left; padding: .45rem .5rem .5rem .4rem; } .download .down-font h3{ font-size: .24rem; color: #444; line-height: .24rem; margin-bottom: .15rem; } .download .down-font p{ font-size: .22rem; color: #777; line-height: .22rem; margin-bottom: .3rem; } .download .down-font a{ display: inline-block; padding-left: .4rem; padding-right: .15rem; line-height: .4rem; color: white; font-size: .2rem; border-radius: 5px; background: #006FC1 url(../images/download-03.png) no-repeat .14rem center; background-size: .2rem; } /*----解决详情-----*/ .skill.jj-info{ padding-top: .88rem; } .skill.jj-info h1{ font-size: .32rem; color: #333; text-align: center; line-height: .32rem; margin-bottom: .4rem; } .jj-p{ width: 5.4rem; margin: 0 auto; } .jj-p img { width:100%; } .jj-p p{ line-height: .36rem; color: #666; font-size: .26rem; } /*---------加入我们--------*/ .join{ padding-top: .55rem; padding-bottom: .38rem; } .join-list{ display: block; width: 5.85rem; margin: 0 auto; margin-bottom: .4rem; } .join-list .j-pic{ width: 100%; height: 3rem; } .join-list .j-pic img{ width: 100%; height: 100%; display: block; } .join-list .j-font{ height: .8rem; line-height: .8rem; text-align: center; font-size: .26rem; color: #444; box-shadow: 5px 5px 20px 0 rgba(0,0,0,.06); } /*-------人才理念---------*/ .person{ padding-top: .67rem; padding-bottom: .15rem; } .person h1{ font-size: .38rem; color: #444; text-align: center; line-height: .38rem; } .person hr{ width: .37rem; height: .02rem; line-height: .02rem; margin-top: .34rem; margin-bottom: .4rem; background: #006fc1; text-align: center; } .person ul{ margin-top: .56rem; } .person li{ float: left; width: 50%; text-align: center; margin-bottom: .7rem; } .person li img{ width: 1.35rem; height: 1.35rem; } .person li h2{ font-size: .26rem; color: #444; line-height: .26rem; margin-top: .2rem; margin-bottom: .2rem; } .person li p{ line-height: .3rem; color: #777; font-size: .24rem; } .person1{ background: #f5f5f5; } .p-list{ border: solid 1px #d1d1d1; padding: .4rem .4rem .4rem .4rem; margin-bottom: .6rem; position: relative; text-align: center; } .p-list h2{ line-height: .3rem; color: #333; font-size: .3rem; text-align: center; margin-bottom: .25rem; } .p-list p{ line-height: .32rem; color: #666; font-size: .24rem; } .p-list:after { content: ''; width: .3rem; height: .2rem; background: url(../images/down1.png)no-repeat center; position: absolute; bottom: -.36rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .p-list:last-child:after{ display: none; } /*--------员工风采--------*/ .mien-list{ display: block; width: 4.5rem; padding-left: .73rem; margin-bottom: .4rem; } .mien-list .mi-pic{ width: 100%; height: 2.2rem; } .mien-list .mi-pic img{ width: 100%; height: 100%; display: block; } .mien-list .mi-font{ padding: .42rem .42rem .56rem .28rem; box-sizing: border-box; box-shadow:0px 5px 20px 0 rgba(0,0,0,.06); } .mien-list .mi-font h2{ font-size: .28rem; line-height: .28rem; color: #444; margin-bottom: .24rem; width: 3.3rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mien-list .mi-font p{ font-size: .24rem; line-height: .36rem; color: #666; margin-bottom: .16rem; } .mien-list:last-child{ margin-bottom: .6rem; } .xinzi{ width: 5.92rem; padding-bottom: .75rem; } .xinzi img{ width: 100%; height: 100%; } .jinsh{ background: #f5f5f5; padding-bottom: .23rem; } .jinsh p{ font-size: .24rem; color: #666; width: 5.3rem; margin: 0 auto; line-height: .36rem; text-align: center; margin-bottom: .5rem; } .fl_con1_list { width: 100%; margin: 0 auto; } .fl_con1_list li { width: 47%; height: .58rem; float: left; line-height: .58rem; text-align: center; font-size: .22rem; color: #666; border: 1px solid #d9d9d9; margin-bottom: .4rem; position: relative; } .fl_con1_list li.li1 { background: #31a9cc; font-size: .24rem; color: #fff; border: 1px solid #31a9cc; } .fl_con1_list li:nth-child(odd) { margin-right: .27rem; } .fl_con1_list li.li2 { width: 100%; } .fl_con1_list li:after { content: ''; width: .15rem; height: .09rem; background: url(../images/up.png)no-repeat center; background-size: .15rem .09rem; position: absolute; bottom: -.25rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .fl_con1_list li:last-child:after{ display: none; } .baoz{ padding-top: .6rem; padding-bottom: .2rem; } /*-------招聘计划---------*/ .person h6{ width: 4.9rem; margin: 0 auto; font-size: .24rem; color: #666; margin-bottom: .35rem; line-height: .36rem; text-align: center; } .zp_list li { text-align: left; margin-bottom: .4rem; border: 1px solid #e0e0e0; width: auto; float: inherit; } .zp_tit { font-size: 14px; line-height: .62rem; color: #666; padding: .3rem .29rem .32rem .36rem; cursor: pointer; background: url(../images/zp1.png) no-repeat right 30px center; background-size: .46rem; box-sizing: border-box; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .zp_tit .job { color: #333; font-size: .26rem; line-height: .26rem; padding-bottom: .19rem; } .zp_tit .dq { font-size: .22rem; color: #666; line-height: .22rem; } .zp_tit .dq span{ padding-left: .18rem; } .zp_tit .dq span:first-child{ padding-left: 0; padding-right: .18rem; border-right: solid 1px #c5c5c5; } .zp_font { font-size: .22rem; line-height: .36rem; color: #666666; display: none; } .zp_det { color: #666; padding: .3rem .35rem .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .zp_det p { color: #666; font-size: .22rem; } .zp_det p span { display: inline-block; } .zp_det h3 { color: #444; font-size: .28rem; margin-top: .5rem; margin-bottom: .28rem; line-height: .28rem; } .zp_det a { color: #006fc1; font-size: .22rem; display: inline-block; background: url(../images/c1.png)no-repeat left center; background-size: .24rem .32rem; padding-left: .35rem; margin-top: .2rem; } .zp_list .on .zp_tit { background: url(../images/zp2.png) no-repeat right 30px center; background-size: .46rem; border-bottom: 1px solid #e0e0e0; } /*-----法律声明-------*/ .contact{ padding: .55rem 0; } .contact h1{ color: #333; font-size: .35rem; text-align: center; line-height: .35rem; padding-bottom: .36rem; border-bottom: 1px solid #e2e2e2; position: relative; margin-bottom: .55rem; } .contact h1:after { content: ''; width: .26rem; height: .02rem; background: #006fc1; position: absolute; bottom: -.01rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .contact h2{ color: #333; font-size: .28rem; line-height: .28rem; margin-bottom: .16rem; } .contact p{ line-height: .36rem; color: #666; font-size: .24rem; margin-bottom: .35rem; } .falv{ width: 5.6rem; margin-left: .13rem; } /*--------联系我们-------*/ .person h5{ font-size: .24rem; color: #444; line-height: .24rem; text-align: center; } .icon{ margin-bottom: .42rem; } .icon li{ float: left; width: 47%; height: 2.22rem; box-sizing: border-box; padding: 0 .3rem; padding-top: .4rem; margin-bottom: .35rem; box-shadow: 0px 0px 20px 0 rgba(0,0,0,.06); } .icon li:nth-child(odd){ margin-right: .35rem; } .icon li .li-pic{ display: inline-block; margin-bottom: .15rem; } .icon li:nth-child(1) .li-pic{ width: .24rem; height: .32rem; } .icon li:nth-child(2) .li-pic{ width: .32rem; height: .25rem; } .icon li:nth-child(3) .li-pic{ width: .31rem; height: .29rem; } .icon li:nth-child(4) .li-pic{ width: .35rem; height: .24rem; } .icon li .li-pic img{ width: 100%; height: 100%; } .icon li h3{ font-size: .26rem; line-height: .26rem; color: #333; text-align: center; margin-bottom: .15rem; } .icon li p{ font-size: .22rem; line-height: .3rem; color: #444; width: 2.1rem; margin: 0 auto; text-align: center; word-wrap: break-word; } .text{ box-sizing: border-box; padding-top: .7rem; text-align: center; height: 9.2rem; background: url(../images/contact-bg.png) no-repeat left top; background-size: 6.4rem 9.2rem; } .text h1{ font-size: .35rem; padding-bottom: .22rem; color: white; text-align: center; position: relative; margin-bottom: .34rem; } .text h1:after{ content: ''; width: .26rem; height: .02rem; background: #fff; position: absolute; bottom: -.01rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .text input{ height: .7rem; line-height: .7rem; box-sizing: border-box; padding-left: .15rem; color: #444444; font-size: .24rem; width: 100%; margin-bottom: .2rem; border: none; outline: none; border-radius: 0; } .text textarea{ resize: none; width: 100%; height: 3.5rem; padding-top: .1rem; box-sizing: border-box; padding-left: .15rem; color: #444444; font-size: .24rem; border: none; outline: none; border-radius: 0; } .text input.mess_sub { width: 1.6rem; height: .5rem; background: #006fc1; color: #fff; text-align: center; line-height: .5rem; border-radius: 20px; margin-right: 0; margin-top: .35rem; cursor: pointer; padding-left: 0; } .fenzhi{ background: #f5f5f5; padding-bottom: .7rem; } .fenzhi ul li { width: 4.5rem; margin: 0 auto; float: inherit; background: #fff; border-radius: 5px; border-left: 3px solid #338ccd; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .4rem; padding-top: .34rem; padding-bottom: .23rem; text-align: left; } .fenzhi ul li p { font-size: .28rem; color: #444; line-height: .28rem; padding-bottom: .17rem; } .fenzhi ul li span{ font-size: .24rem; color: #444; line-height: .36rem; } .map{ width: 100%; height: 3.9rem; } .map img{ width: 100%; height: 100%; display: block; } .news{ padding: .64rem 0; } .news-big{ width: 5.9rem; height: 4.3rem; margin: 0 auto; position: relative; display: block; } .news-big img{ width: 100%; height: 100%; display: block; } .news-font{ width: 100%; position: absolute; line-height: .8rem; background: rgba(0,0,0,0.5); bottom: 0; left: 0; box-sizing: border-box; padding-left: .22rem; padding-right: .3rem; } .news-font h3{ float: left; color: white; font-size: .24rem; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news-font span{ float: right; color: white; font-size: .24rem; font-family: arial; } .news-list{ display: block; padding-top: .4rem; padding-bottom: .4rem; border-bottom: solid 1px #dadada; } .news-list h3{ font-size: .26rem; line-height: .32rem; color: #333; margin-left: .22rem; margin-bottom: .23rem; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news-list h4{ font-size: .22rem; color: #777; line-height: .22rem; margin-left: .22rem; } .news-bot{ padding: 0 .65rem; padding-top: .64rem; padding-bottom: .2rem; } .news-bot a{ display: block; margin-bottom: .4rem; } .news-bot a:last-child{ margin-bottom: 0; } .bot-pic{ width: 4.65rem; height: 2.2rem; } .bot-pic img{ width: 100%; height: 100%; display: block; } .bot-font{ box-sizing: border-box; padding: .43rem .4rem .5rem .24rem; box-shadow: 0px 5px 20px 0 rgba(0,0,0,.06); } .bot-font h3{ font-size: .26rem; line-height: .32rem; margin-bottom: .16rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .bot-font h4{ font-size: .22rem; line-height: .22rem; color: #777; margin-bottom: .26rem; } .bot-font p{ font-size: .22rem; line-height: .36rem; color: #777; } .gallery-thumbs.swiper-container{ padding-top: .65rem; } .swiper-container.gallery-thumbs{ height: .5rem; } .gallery-thumbs .swiper-slide { width: 1.98rem !important; height: .02rem; background: #ccc; float: left; position: relative; cursor: pointer; text-align: center; margin-right: 0 !important; } .gallery-thumbs .swiper-slide span { color: #444; font-size: .24rem; padding-top: .2rem; display: inline-block; } .gallery-thumbs .swiper-slide:before { content: ''; width: .1rem; height: .1rem; background: #bcbcbc; position: absolute; left: 50%; top: 50%; border-radius: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 10; } .gallery-thumbs .swiper-slide.active, .gallery-thumbs .swiper-slide.active:before { background: #006fc1; } .swiper{ padding: 0 .45rem; margin: 0 auto; margin-top: .5rem; } /*.swiper .swiper-slide{ width: 5.5rem !important; }*/ .swiper .slide-pic{ width: 5.5rem; height: 1.8rem; } .swiper .slide-pic img{ width: 100%; height: 100%; } .swiper .slide-font h4{ width: 5.5rem; font-size: .26rem; color: #444; line-height: .32rem; margin-top: .29rem; padding-bottom: .18rem; border-bottom: solid 1px #d6d6d6; margin-bottom: .1rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .swiper .slide-font p{ font-size: .24rem; color: #777; line-height: .3rem; } .swiper .slide{ margin-bottom: .44rem; } /*--------新闻详情--------*/ .nav-th a{ display: inline-block; width: 1.2rem; height: .67rem; line-height: .67rem; margin-right: .70rem; border-bottom: solid 2px transparent; text-align: center; } .nav-th a.active{ border-bottom: solid 2px #006fc1; } .newsinfo{ padding-top: .65rem; padding-bottom: .75rem; } .newsinfo h1{ font-size: .28rem; line-height: .28rem; color: #444; margin-bottom: .29rem; } .newsinfo h2{ font-size: .22rem; line-height: .26rem; color: #999; padding-left: .4rem; background: url(../images/time.png) no-repeat left center; background-size: .26rem; margin-bottom: .35rem; } .newsinfo .share{ height: .45rem; line-height: .45rem; margin-bottom: .5rem; } .newsinfo .share span{ float: left; font-size: .22rem; color: #666; padding-right: .35rem; background: url(/mobile/jiuzhou/images/share.png) no-repeat right center; background-size: .27rem; } .bdsharebuttonbox a{ width: .45rem; height: .45rem !important; display: inline-block; padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: .12rem !important; } .bdsharebuttonbox .bds_tsina{ background: url(/mobile/jiuzhou/images/weibo.png) no-repeat ; background-size: .45rem; background-position: center !important; } .bdsharebuttonbox .bds_weixin{ background: url(/mobile/jiuzhou/images/weixin.png) no-repeat ; background-size: .45rem; background-position: center !important; } .bdsharebuttonbox .bds_sqq{ background: url(/mobile/jiuzhou/images/qq.png) no-repeat ; background-size: .45rem; background-position: center !important; } .bdsharebuttonbox .bds_linkedin{ background: url(/mobile/jiuzhou/images/in.png) no-repeat ; background-size: .45rem; background-position: center !important; } .bdsharebuttonbox .bds_qzone{ background: url(/mobile/jiuzhou/images/qzon.png) no-repeat ; background-size: .45rem; background-position: center !important; } .newsinfo .n-info{ padding: 0 .1rem; } .newsinfo .n-info img { width:100%; height:100%; } .newsinfo p{ line-height: .36rem; font-size: .24rem; color: #777; } .back{ text-align: center; margin-top: .78rem; } .back a{ display: inline-block; height: .58rem; line-height: .58rem; color: #006fc1; font-size: .24rem; border: solid 1px #006fc1; border-radius: 30px; } .back a:first-child{ padding-left: .92rem; padding-right: .6rem; background: url(/mobile/jiuzhou/images/prev.png) no-repeat .6rem center; background-size: .12rem .19rem; margin-right: .1rem; } .back a:last-child{ padding-right: .92rem; padding-left: .6rem; background: url(/mobile/jiuzhou/images/next.png) no-repeat 1.47rem center; background-size: .12rem .19rem; } .tuijian{ padding: .35rem .35rem .17rem .35rem; border: solid 1px #ebebeb; background: #fafafa; margin-bottom: .6rem; } .tuijian h1{ font-size: .26rem; height: .42rem; line-height: .42rem; padding-left: .6rem; background: url(/mobile/jiuzhou/images/zan.png) no-repeat left center; background-size: .44rem .42rem; margin-bottom: .45rem; } .tj-list{ display: block; margin-bottom: .48rem; } .tj-list h2{ font-size: .26rem; line-height: .26rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: .18rem; } .tj-list h3{ font-size: .2rem; line-height: .2rem; color: #999; } .bbig{ padding-bottom: .3rem; position: relative; } /*弹窗*/ .event{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5) !important; filter: alpha(opacity=50) !important; margin: auto; z-index: 10001; display: none; } .bg_color{ width: 100%; height: 100%; background: rgba(0,0,0,.5) !important; filter: alpha(opacity=50) !important; position: fixed !important; top: 0; z-index: 10000; display: none; } .tcbox{ width: 5rem; height: 5rem; background:#fff; border-radius: 8px; box-sizing: border-box; padding: .85rem .5rem; box-sizing: border-box; text-align: left; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .tcbox .del{ position: absolute; top: .6rem; right: .5rem; display: inline-block; width: .2rem; height: .2rem; background: url(/mobile/jiuzhou/images/del.png)no-repeat center; cursor: pointer; } .tcbox h3{ font-size: .3rem; padding-bottom: .3rem; } .tcbox li{ margin-bottom: .1rem; } .tcbox li a{ font-size: .24rem; line-height: .3rem; display: block; color: #337ab7; } #erweima img{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 2rem; height: 2rem; } #erweima p{ position: absolute; top: 75%; left: 40%; font-size: .24rem; } /**/ .wrap2{ width: 57px; height: 57px; position: fixed; right: 5px; bottom:5px; z-index: 1111;} .icon_menu{width:57px;height:57px;position:absolute;bottom:2px;right:2px;z-index:10;cursor:pointer;} .icon_menu span{diplay:none;} .btnss{width:52px;height:57px;background:url(../images/bg1.png) no-repeat -78px -6px;z-index:1;position:absolute;bottom:0;right:0;margin:0 5px 2px 0;cursor:pointer;} .btnss span{display:block;width:22px;height:24px;font-size:0;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-11px;overflow:hidden;background:url(../images/bg1.png) no-repeat;} .btn4 span{background-position:-176px -20px;} .btn2 span{background-position:-198px -18px;} .btn3 span{background-position:-221px -18px;} .btn1 span{background-position:-243px -19px;} .btn5 span{background-position:-267px -20px;} .btnss{-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;} .btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1{bottom:0;right:0;} .btn1.open1{bottom: 125px;right:0;} .btn2.open1{bottom: 100px;right: 2px;} .btn3.open1{bottom: 60px;right: 66px;} .btn4.open1{bottom: 0px;right: 98px;} .icon_menu2 { /* css3 animation */ -webkit-animation: anim4 5s linear infinite; -moz-animation: anim4 5s linear infinite; -ms-animation: anim4 5s linear infinite; -o-animation: anim4 5s linear infinite; animation: anim4 5s linear infinite; } /* css3 keyframes - animation 4 */ @-webkit-keyframes anim4 { from { -webkit-transform: rotateZ(0deg); } 50% { -webkit-transform: rotateZ(180deg); } to { -webkit-transform: rotateZ(360deg); } } @-moz-keyframes anim4 { from { -moz-transform: rotateZ(0deg); } 50% { -moz-transform: rotateZ(180deg); } to { -moz-transform: rotateZ(360deg); } } @-ms-keyframes anim4 { from { -ms-transform: rotateZ(0deg); } 50% { -ms-transform: rotateZ(180deg); } to { -ms-transform: rotateZ(360deg); } } @-o-keyframes anim4 { from { -o-transform: rotateZ(0deg); } 50% { -o-transform: rotateZ(180deg); } to { -o-transform: rotateZ(360deg); } } @keyframes anim4 { from { transform: rotateZ(0deg); } 50% { transform: rotateZ(180deg); } to { transform: rotateZ(360deg); } } .news-font{ width: 100%; position: absolute; height: 1.1rem; line-height: .8rem; background: rgba(0,0,0,0.5); bottom: 0; left: 0; box-sizing: border-box; padding-left: .22rem; padding-right: .3rem; } /*新增*/ .bbig .swiper-button-next{ background: none; width: .5rem; font-size: .5rem; top: 46.7%; line-height: 44px; right:-.35rem; text-align: left; } .bbig .swiper-button-prev{ background: none; width: .5rem; font-size: .5rem; top: 44%; line-height: 44px; left: -.35rem; } /*9.10*/ .swiper-container.gallery-thumbs:after{ position: absolute; content: ''; width: 100%; height: 1px; background: #ccc; left: 0; top: .65rem; } #historySlide .li{ width: 1.7rem !important; } #historySlide .li.swiper-slide-active .dot { opacity: 0; } #historySlide .li.active-nav .dot { opacity: 1; } #historySlide .li{ padding: 0; } #historySlide .time-line .dot{ left: -.07rem; } #historySlide .history-scroll{ width: 100%; } #historySlide .ul{ padding: 0 .3rem; } .history-item { width: 100%; position: relative; margin-bottom: .5rem; } .history-item .p-cont { background: transparent; float: left; width: 4.2rem; height: 1.5rem; color: #666; font-size: .24rem; position: relative; -o-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; } .history-item .p-des { max-height:inherit; position: absolute; top: 0.75rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; padding: 0 0 0 .5rem; height: 1.5rem; overflow: hidden; } .history-item .p-info { max-height:inherit; line-height: .4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .about_big{ overflow:hidden; } /*9.26*/ .m-menu{padding-top: 15px;} .m-menu a { display: inline-block; font-size: 9px; color: #666; padding: 0 20px; line-height: 32px; border: 1px solid #dedede; border-radius: 20px; margin: 0 12px; transition: all .3s; } .m-menu a:hover, .m-menu a.on{color:#006fc1;border-color:#006fc1;} .smyj{padding: 20px;} .smyj ul{ /* display: -webkit-box; */ display: -moz-box; display: -ms-flexbox; /* display: -webkit-flex; */ /* display: flex; */ /* justify-content: center; */ } .smyj ul li{ width: 100%; float: left; text-align: center; /* margin: 2%; */ border: 1px solid rgb(158 158 158 / 27%); padding: 15px 0; border-radius: 4px; margin-bottom: 23px; } .smyj ul li img{ max-width: 62px; } .smyj ul li .cntitle{ margin-top: 5px; line-height: 36px; font-size: 22px; color: #000; } .smyj ul li .entitle{ text-transform: uppercase; line-height: 24px; font-size: 14px; color: #b3b3b3; } .smyj ul li .text{ margin-top: 8px; line-height: 20px; font-size: 14px; color: #717171; background: none; padding: 0; padding: 0 10px; height: auto; }