@charset "utf-8"; /*banner*/ div#bannershow_b1 .swiper-slide img { width: 100%; display:block; } div#bannershow_b1 .swiper-slide { margin-right: 0 !important;} div#bannershow_b1 .swiper-pagination{bottom:0; left:50%;} .swiper-pagination-bullet{ width: 40px; height: 4px; display: inline-block; border-radius: 0; background: #fff; opacity: .3; } .swiper-pagination-bullet-active{ opacity:1; background: #ffffff;} .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 10px; margin-bottom:2.6vw;} .arrow-left,.arrow-right{ color:#ccc; position:absolute; top:45%; z-index:1001; font-size: 48px; font-family:宋体; font-weight:normal;} .arrow-left:hover,.arrow-right:hover{color:#ffd100;} .arrow-left{ left:2%;} .arrow-right{ right:2%;} .ban_mob{display: none;} /*首页简介*/ .ch_tx{font-size: 14px;line-height: 30px;color: #666; padding-top:1.82vw;} .en1{ font:bold 48px/48px arial; text-transform:uppercase; color:#5da739;} .en2{font:36px/36px arial; text-transform:uppercase; color:#5da739; } .ch{font:bold 48px/50px "微软雅黑";color:#5da739;padding: 20px 0 2.7vw;} a.more{font-size: 14px;line-height: 60px;color: #666;font-weight: normal;display: block;border: 1px solid #dddddd;width: 180px;text-align: center;margin-top: 3.64vw;transition: all 0.3s ease 0s;} a.more:hover { background: #5da739; border-color:#5da739; color:#fff; } #index_about{background: url(/uploads/image/eimages/ab_bg.png) no-repeat left top; position: relative; background-size:100%;} #index_about:before{content: '';width: 50%;height: 100%;position: absolute;left: 50%;top: 0;background: #f3fafd;z-index: -1;} .about_content{ max-width: 1720px;margin: 0 auto; padding: 100px 0;} .about_txt{display: inline-block;vertical-align: middle;width: 40%;margin: auto; margin-left:2%;} .about_img{display: inline-block;width: 51.5%;margin-left: 4%;vertical-align: middle;} .about_img img{ width: 100%;} /*.about_x4 .count_list .counter.wow.fadeinupbig{ float: left;} */.about_x4{width:100%;position:relative;margin-top: 4.47vw;text-align: center;} /*数字动画 */ .count_list {width: 96%;z-index:100;margin: 0 auto;} .counter{margin:0;padding:0;width: 22%;display:inline-block;float: left;color:#222; text-align:left;} .counter:nth-last-of-type(1){ width:12%;} .counter_ls{ display:inline-block; text-align:center;} .count-number {margin-bottom:6px;font-size: 56px;line-height:48px;color: #5da739;font-weight: normal;text-align: left;display: inline-block;} .count-text {width:100%;font-size: 16px; font-weight: normal; text-align: center; } .count-unit {font-size: 16px;color: #5da739;text-align: right;display: inline-block;} .about_more{ position:absolute; right:0; bottom:2px;} /*首页产品*/ /*index_pro*/ #mb_index_pro{display: none;} #index_pro .index_prol,#index_pro .index_pror{ width: 50%; float: left; height:42.6vw;} #index_pro .index_prol img{ width: 100%;} #index_pro .index_prol{position: relative;} #index_pro .index_prol .rtitle{ margin-bottom: 2.8vw;} #index_pro .index_prol dl{position: absolute; bottom: 12vw; right: 20%; text-align: center; margin-left: -100px;} #index_pro .index_prol dl dt span{font-size: 60px;color: #ffffff;display: block;line-height: 60px;text-transform: uppercase;font-weight: bold;} #index_pro .index_prol dl dt i{font-size: 30px;color: #ffffff;line-height: 52px;} #index_pro .index_prol dl dd{display: inline-block;} #index_pro .index_prol dl dd:nth-of-type(1){margin-right:4.6vw;} #index_pro .index_prol dl dd a{ cursor:default; font-size: 16px; color: #ffffff;width:11.5vw;height: 11.5vw;border: 1px solid #ffffff;display: inline-block;line-height: 18vw;} #index_pro .index_prol dl dd.on{background: #5da739;} #index_pro .index_prol dl dd.on a{border-color:#5da739;} #index_pro .index_prol dl dd:hover {transition: background-color 0.5s ease 0s; background: #5da739;} #index_pro .index_prol dl dd:hover a{border-color:#5da739;} .tl{background: url(/uploads/image/eimages/index_pro1.png) no-repeat center 30%;background-size: 25%;} .mb{background: url(/uploads/image/eimages/index_pro2.png) no-repeat center 30%;background-size: 25%;} #index_pro .index_pror .r1 ul li,#index_pro .index_pror .r2 ul li{width: 50%;float: left; position: relative; overflow: hidden;} #index_pro .index_pror li a{ display:block;} #index_pro .index_pror li img{width: 100%; display: block; transition:1s ease 0s;} #index_pro .index_pror .r2{display: none;} #index_pro .index_pror .r1 ul li:nth-of-type(1) a:after{content: 'fluorocarbon wood grain powder coating';} #index_pro .index_pror .r1 ul li:nth-of-type(2) a:after{content: 'weather-proof metal powder coating';} #index_pro .index_pror .r1 ul li:nth-of-type(3) a:after{content: 'low lighting powder coating';} #index_pro .index_pror .r1 ul li:nth-of-type(4) a:after{content: 'high-definition e series powder coating';} #index_pro .index_pror .r2 ul li:nth-of-type(1) a:after{content: 'composite plate';} #index_pro .index_pror .r2 ul li:nth-of-type(2) a:after{content: 'composite plate';} #index_pro .index_pror .r2 ul li:nth-of-type(3) a:after{content: 'composite plate';} #index_pro .index_pror .r2 ul li:nth-of-type(4) a:after{content: 'composite plate';} #index_pro .index_pror .r1 ul li a:before, #index_pro .index_pror .r2 ul li a:before{content: ''; opacity: 0;width:90%; display: block;height: 90%; border:1px solid #fff; background: url(/uploads/image/eimages/beforearraw.png) no-repeat center 11vw; position: absolute;transition: all 0.5s ease 0s; left:5%; top:5%;} #index_pro .index_pror .r1 ul li a:after, #index_pro .index_pror .r2 ul li a:after{font-size: 1.2vw;text-align: center;color: #fff;line-height: 18vw;opacity: 0;width: 25vw;display: block;height: 100%;position: absolute;transition: all 0.5s ease 0s;top: 0;} #index_pro .index_pror .r1 ul li:hover img{transform: scale(1.1);} #index_pro .index_pror .r2 ul li:hover img{transform: scale(1.1);} #index_pro .index_pror .r1 ul li:hover a:after, #index_pro .index_pror .r2 ul li:hover a:after{background: rgba(93,167,57,0.9); opacity:1;} #index_pro .index_pror .r1 ul li:hover a:before, #index_pro .index_pror .r2 ul li:hover a:before{ opacity:1; z-index:10;} #index_pro .index_pror li:hover{} #index_pro a.more{font-size: 14px;line-height: 3.6vw;padding: 0;bottom: 3.8vw;color: #fff;font-weight: normal;display: block;width: 10.4vw;margin: 0 auto;text-align: center;margin-top: -5vw;position: relative;z-index: 10;transition: all 0.3s ease 0s;} #index_pro a.more:hover { background: rgb(1, 167, 59); border-color: rgb(1, 167, 59); color:#fff; } /*index_news*/ .ntitle{ margin: 0 3%; width: 140px; padding: 0 30px; border-left: 10px solid #01a73b; height: 80px; margin-bottom: 68px; } .ntitle span{display: inline-block;font-size: 48px;font-weight: bold;text-transform: uppercase;color: #333;margin-top: -10px;} .ntitle i{ display: inline-block; font-size: 30px; } #index_news .ntitle a.more{font-size: 14px;line-height: 70px;color: #666;font-weight: normal;display: block;border: 1px solid #dddddd;width: 180px;text-align: center;margin-top: 0;right: 3%;position: absolute;top: 5px;transition: all 0.3s ease 0s;} #index_news .ntitle a.more:hover {background: rgb(1, 167, 59);border-color: rgb(1, 167, 59);color:#fff;} #index_news #newslist_a1>ul>li{float: left;width: 23%;position: relative;margin: 0 1%;} #index_news #newslist_a1>ul>li .newimg{width:100%; overflow:hidden; height:17.4vw;} #index_news #newslist_a1>ul>li .newimg img{width: 100%; transition: 1s ease 0s;} #index_news #newslist_a1>ul>li a:after{ content:'more'; font-size: 14px; line-height: 24px; width:80px; color: #999; display: block; background: url(/uploads/image/eimages/newsafter.png) no-repeat right center; transition:all 0.5s ease 0s; position:absolute; bottom:0; left:40px; } div#newslist_a1>ul>li a {display: block;/* height:610px;*/} #index_news #newslist_a1>ul>li:hover .newimg img{ transform: scale(1.1);} #index_news #newslist_a1>ul>li:hover a .newnr b{ color:#5da739; transition:all 0.5s ease 0s;} #index_news #newslist_a1>ul>li:hover a:after{color:#5da739; background: url(/uploads/image/eimages/newsafteron.png) no-repeat right center; } div#index_news {margin-top: 80px;position: relative; margin-bottom:110px;} .data b { /* display: block; */} .data span {display: block;line-height: 57px;font-size: 24px;color: #fff;font-weight:normal;padding-top: 3px;} .data i { display: none;} .data {display: block;width: 80px;height: 90px;background: #01a73b; z-index:20; text-align: center;color: #fff;font-size: 24px;line-height: 0px;position: absolute;top: -20px; left:40px;} .newnr b {font-size: 24px;color: #363636;line-height: 84px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;} .newnr {text-align: left;margin-bottom: 50px; padding-left:40px; padding-right:40px;} .newnr p {text-align: left;font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} /*bnav*/ #index_bnav{margin-top: 80px;background: url(/uploads/image/eimages/icoo_ban.jpg) no-repeat center;height:20.8vw;background-size: 100%; margin-bottom: 55px;} div#index_bnav .bnav ul li { float: left; font-size: 24px; width: 15%; margin: 0 5%; text-align: center;} div#index_bnav .bnav ul li a { color: #fff; text-align: center; display: block; margin-top: 6.3vw; } .bnav_img { width: 6.35vw; height: 6.35vw; margin: 0 auto; background: rgba(255, 255, 255, 0.36); border-radius: 143px; line-height: 6.35vw; margin-bottom: 10px; } div#index_bnav .bnav ul li a img { width: 60%; vertical-align: middle; } div#index_bnav .bnav ul li a span,div#index_bnav .bnav ul li a i { display: block; } div#index_bnav .bnav ul li a span { line-height: 38px; } div#index_bnav .bnav ul li a i { font-size: 14px; line-height: 28px; } div#page { display: none;} a#load_more_button {display: none;} /*bnav:hover*/ #index_bnav .bnav li a .bnav_img:after{content: '';display: block;width: 6.35vw;height: 6.7vw;opacity: 0;background: url(/uploads/image/eimages/icobg.png) no-repeat center;transition: all 0s ease 0s;background-size: 100%;} #index_bnav .bnav li a:hover{color: #ffffff; transition: color 0.3s ease 0s;} .bnav {width: 82%;margin: 0 auto;} #index_bnav .bnav li a:hover .bnav_img{background: #ffffff;} #index_bnav .bnav li a:hover .bnav_img:after{opacity: 1; margin-top: -6.6vw; margin-left: 2.9vw;} /*响应尺寸 @media*/ @media only screen and (max-width:960px){ /*about*/ .about_txt{ display:block;width:96%; margin:0 auto;} .en1,.en2,.ch{ text-align:center;} .about_txt a.more{ float:right;} .about_img{display: block;width: 70%;margin-left: 2%;margin-top: 3.64vw;vertical-align: middle;} /*pro*/ #mb_index_pro{display: block;} div#mb_index_pro { margin-top: 8vw;} .about_txt{display: block;vertical-align: middle;width: 94%;margin: 0 auto;margin-bottom: 15px;} .about_img{display: block;width: 68%;margin: 0;margin-left: 2%;vertical-align: middle; margin-top:3.64vw;} .font16{font: normal 16px/28px "微软雅黑";} .font30{font: bold 18px/32px "微软雅黑";} .count_list {width:94%;z-index:100;margin: 0 auto;} .counter{margin:0;padding:0;width: 20%;display:inline-block;float: left;color:#222;padding-bottom: 15px;padding-top: 15px;border-bottom: 0;} .about_content{ padding: 60px 0;} #index_pro{display: none;} div#mb_index_pro .rtitle span { font-size: 30px; font-family: arial; text-transform: uppercase; display: block; text-align: center; line-height: 48px; } div#mb_index_pro .rtitle i { font-size: 20px; display: block; text-align: center; line-height: 28px; } div#mb_index_pro dl dd { display: inline-block; padding: 0; font-size: 16px; line-height: 60px; margin-top: 20px; margin-left: 15px; margin-right: 15px; width: 37vw; background: #dddddd; } div#mb_index_pro dl { text-align: center;} div#mb_index_pro dl dd a { display: block; color:#fff;} div#mb_index_pro dl dd.on{background: #5da739;} div#mb_index_pro dl dd.on a{color: #ffffff;} .mb{ border:none; color:#ffffff; background: url(/uploads/image/eimages/index_pro2.png) no-repeat 7vw center;background-size: 10%;text-indent: 4vw;} .tl{ border:none; color:#ffffff; background: url(/uploads/image/eimages/index_pro1.png) no-repeat 4vw center;background-size: 4vw;text-indent: 5vw; } dd.on .tl{background: url(/uploads/image/eimages/index_pro1.png) no-repeat 4vw center;background-size: 4vw;text-indent: 5vw; } dd.on .mb{background: url(/uploads/image/eimages/index_pro2.png) no-repeat 7vw center;background-size: 10%;text-indent: 4vw;color: #ffffff;} #mb_index_pro .index_prol{ margin-bottom:6.25vw;} #mb_index_pro .index_pror .r1 ul li,#mb_index_pro .index_pror .r2 ul li{width: 50%;float: left; position: relative; overflow: hidden;} #mb_index_pro .index_pror li a{ display:block;} #mb_index_pro .index_pror li img{width: 100%; display: block; transition:1s ease 0s;} #mb_index_pro .index_pror .r2{display: none;} #mb_index_pro .index_pror .r1 ul li:nth-of-type(1) a:after{content: 'fluorocarbon wood grain powder coating';} #mb_index_pro .index_pror .r1 ul li:nth-of-type(2) a:after{content: 'weather-proof metal powder coating';} #mb_index_pro .index_pror .r1 ul li:nth-of-type(3) a:after{content: 'low lighting powder coating';} #mb_index_pro .index_pror .r1 ul li:nth-of-type(4) a:after{content: 'high-definition e series powder coating';} #mb_index_pro .index_pror .r2 ul li:nth-of-type(1) a:after{content: 'composite plate';} #mb_index_pro .index_pror .r2 ul li:nth-of-type(2) a:after{content: 'composite plate';} #mb_index_pro .index_pror .r2 ul li:nth-of-type(3) a:after{content: 'composite plate';} #mb_index_pro .index_pror .r2 ul li:nth-of-type(4) a:after{content: 'composite plate';} #mb_index_pro .index_pror .r1 ul li a:before, #mb_index_pro .index_pror .r2 ul li a:before{content: ''; opacity: 0;width:90%; display: block;height: 90%;border:1px solid #fff; background: url(/uploads/image/eimages/beforearraw.png) no-repeat center 70%; position: absolute;transition: all 0.5s ease 0s; left:5%; top:5%;} #mb_index_pro .index_pror .r1 ul li a:after, #mb_index_pro .index_pror .r2 ul li a:after{font-size: 3vw;text-align: center;color: #fff;line-height: 34vw;opacity: 0;width:100%;display: block;height:100%;position: absolute;transition: all 0.5s ease 0s;top: 0;} #mb_index_pro .index_pror .r1 ul li:hover img{transform: scale(1.1);} #mb_index_pro .index_pror .r2 ul li:hover img{transform: scale(1.1);} #mb_index_pro .index_pror .r1 ul li:hover a:after, #mb_index_pro .index_pror .r2 ul li:hover a:after{background: rgba(93,167,57,0.9); opacity:1;} #mb_index_pro .index_pror .r1 ul li:hover a:before, #mb_index_pro .index_pror .r2 ul li:hover a:before{ opacity:1; z-index:10;} /*news*/ div#newslist_a1>ul>li a{/* height:480px;*/} .newnr b{ font-size:16px;} .newnr{ padding-top:0;} /*底部导航图标部分 #index_bnav */ div#index_bnav .bnav ul li {float: left;font-size: 16px;width: 15%;margin: 0 5%;text-align: center;} div#index_bnav .bnav ul li a span { line-height: 24px;} div#index_bnav .bnav ul li a i {font-size: 12px;line-height: 18px;} } @media only screen and (max-width:880px) { #index_pro .index_prol dl dd a{font-size: 18px;color: #ffffff;width:11.5vw;height: 11.5vw;border: 1px solid #ffffff;display: inline-block;line-height: 18vw;} #index_pro .index_prol .rtitle{margin-bottom: 20px;} #index_pro .index_prol dl{position: absolute;top: 15%;right: 20%;text-align: center;margin-left: -100px;} } /*@media 720*/ @media only screen and (max-width:720px) { /*banner mob*/ .ban_pc{ display:none;} .ban_mob{ display:block;} #index_news #newslist_a1>ul>li{float: left;width:100% !important;position: relative;margin:0 auto;} .swiper-container{ padding-bottom:0; padding-top:0;} .swiper-pagination.banner-pagination2.swiper-pagination-clickable { bottom: 30px; left: 50%; } /*about mob*/ .about_txt{ display:block;width:92%; margin:0 auto;} .en1,.en2,.ch{ text-align:left;} .ch{font: bold 6.7vw/7vw "微软雅黑";color:#5da739;padding: 2.7vw 0 6.7vw;} .en1{ font:bold 6.7vw/6.7vw arial; text-transform:uppercase; color:#5da739;} .en2{font:5vw/5vw arial; text-transform:uppercase; color:#5da739; } .ch_tx{ font-size:3.33vw; line-height:5.55vw; text-align:justify;} .about_txt a.more{float: none;line-height: 10vw;width: 33.3vw;font-size: 3.33vw;color: #666;margin-top: 6.8vw;margin-bottom: 13.18vw;} a.more:hover { background: none; border-color: #dddddd; color:#333; } .about_img{display: block;width: 100%;margin: 0;vertical-align: middle;} .about_x4{ display:none;} #index_about:before{ display:none;} #index_about{ background-size:300%;} div#bannershow_b2 img{ display:block; width:100%;} .about_img img{ display:block;} .about_content { padding-top:12.5vw; padding-bottom:0;} /*pro mob*/ div#mb_index_pro{margin-top:11vw;padding-bottom: 7vw;border-bottom: 1px solid #ddd;} div#mb_index_pro dl dd{margin-top: 5.5vw;line-height: 40px;} div#mb_index_pro dl dd{ background: #bbb; } div#mb_index_pro .rtitle span {font-size: 7.8vw;font-family: arial;text-transform: uppercase;display: block;text-align: center;font-weight:bold;line-height: 12vw;} .mb{ border:none; color:#ffffff; background: url(/uploads/image/eimages/index_pro2.png) no-repeat 4vw center; background-size:13% ; text-indent:6.944vw;} .tl{ border:none; color:#ffffff; background: url(/uploads/image/eimages/index_pro1.png) no-repeat 2vw center;background-size: 6vw;text-indent: 8vw;} div#mb_index_pro .rtitle i{ font-size:4.5vw; line-height:4.5vw;} div#mb_index_pro dl dd{margin-top:5.55vw;width: 38.2vw;height: 12.5vw;} div#mb_index_pro dl dd a{ font-size:3.9vw; line-height:12.5vw;} dd.on .tl{background: url(/uploads/image/eimages/index_pro1.png) no-repeat 2vw center;background-size: 6vw;text-indent: 8vw;} dd.on .mb{background: url(/uploads/image/eimages/index_pro2.png) no-repeat 4vw center; background-size:13% ; text-indent:6.944vw;} #mb_index_pro .index_prol{ margin-bottom:8vw;} #mb_index_pro .index_pror .r1 ul li a:before, #mb_index_pro .index_pror .r2 ul li a:before{ display:none;} #mb_index_pro .index_pror .r1 ul li a:after, #mb_index_pro .index_pror .r2 ul li a:after{font-size: 4vw;text-align: center;color: #333;line-height:1.5;opacity: 1;width:100%;display: block;position: relative;transition: all 0.5s ease 0s;} #mb_index_pro .index_pror .r1 ul li, #mb_index_pro .index_pror .r2 ul li{ padding-bottom:25px; width:47%; margin-left:2%;} #mb_index_pro .index_pror .r1 ul li:hover a:after, #mb_index_pro .index_pror .r2 ul li:hover a:after{background: none; opacity:1;} #mb_index_pro .index_pror .r1 ul li:hover img{transform: scale(1);} #mb_index_pro .index_pror .r2 ul li:hover img{transform: scale(1);} #mb_index_pro .index_pror .r1 ul li:nth-of-type(2n), #mb_index_pro .index_pror .r2 ul li:nth-of-type(2n){ margin-right:2%;} div#index_news {margin-top:12vw;position: relative; margin-bottom:11vw;} /*news mob*/ #index_news #newslist_a1>ul>li .newimg{width:100%; overflow:hidden; height:64vw;} #index_news .ntitle a.more{font-size: 14px;line-height: 10vw;color: #666;font-weight: normal;display: block;border: 1px solid #dddddd;width: 25vw;text-align: center;margin-top: 0;right: 3%;position: absolute;top: 5px;transition: all 0.3s ease 0s;} .ntitle span{ font-size:6.7vw; margin-top:0; line-height:6.7vw;} .ntitle{ margin: 0 3%; width: 140px; padding: 0 4.2vw; border-left: 1.4vw solid #01a73b; height: 11.1vw; margin-bottom:8.3vw; } .ntitle i{display:block;font-size: 4.1vw; line-height:4.1vw;} .data { display: block; width: 80px; height: 90px; background: #01a73b; z-index:20; text-align: center; color: #fff; font-size: 18px; line-height: 0px; position: absolute; top: -20px;} #index_news .swiper-container{padding-bottom:0;padding-top: 20px;width: 84%;margin: 0 auto; height:auto;} #index_news #newslist_a1>ul>li a:after { display:none;} div#newslist_a1>ul>li a{/*height:auto;*/padding-bottom: 7.25vw;} .newnr b {font-size: 4.5vw;color: #333;line-height: 10vw;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;padding-bottom:5px;} .newnr {text-align: center;margin-bottom: 7vw;padding: 5.5vw;padding-bottom: 11vw;background: #f5f5f5;height: 30vw;} .newnr p {font-size: 3.33vw;line-height: 4.7vw;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-align: justify;} div#index_news .swiper-pagination{bottom:0;width: 170px;left: 50%;margin-left: -85px;} div#index_news .swiper-pagination-bullet{ width: 2.8vw; height: 2.8vw; min-height:15px; min-width:15px; display: inline-block; border-radius: 0; background: #fff; opacity: 1; border: 1px solid #d4d4d4; } div#index_news .swiper-pagination-bullet-active{ border-color: #5da739; background: #5da739;} #index_news #newslist_a1>ul>li:hover .newimg img{ transform: scale(1);} #index_news #newslist_a1>ul>li:hover a .newnr b{ color:#363636; transition:all 0.5s ease 0s;} #index_bnav .bnav li a:hover .bnav_img{background:rgba(255, 255, 255, 0.36);} div#index_news {margin-top: 12.5vw;position: relative; margin-bottom:11.1vw;} #index_news .ntitle a.more:hover {background:none;border-color: #ddd;color:#333;} /*b_nav*/ #index_bnav{ height:84vw;} #index_bnav{margin-top: 0; background: url(/uploads/image/eimages/b_navm.jpg) no-repeat center;} div#index_bnav .bnav ul li {float: left;font-size: 16px;width: 50%;margin: 0 auto;text-align: center;} div#index_bnav .bnav ul li a span { line-height: 24px;} div#index_bnav .bnav ul li a i {font-size: 12px;line-height: 18px;} .bnav_img {width: 17vw;height: 17vw;margin: 0 auto;background: rgba(255, 255, 255, 0.36);border-radius: 143px;line-height: 17vw;} .bnav{ padding-top:0;} div#index_bnav .bnav ul li a {color: #fff;text-align: center;display: block;padding-top: 0; margin-top:12.5vw; margin-bottom:1.38vw;} div#index_bnav .bnav ul li a i{ display:none;} div#index_bnav .bnav ul li a span{font-size: 4vw;line-height: 4vw;padding-bottom: 0; padding-top:3.88vw;} #index_bnav .bnav li a .bnav_img:after{ display:none;} #index_bnav { margin-bottom:0; background-size: 100%;} }