body{font-family:Roboto,sans-serif;font-size:14px;line-height:1.57142857;color:#76838f;background-color:#fff} p{margin:0;font-weight:normal;} h1, h2, h3, h4, h5, h6, figure{color: #444;font-family: "Open Sans", Arial, sans-serif;font-weight: 400;} ::-webkit-selection{color: #fff;background: #323232;} ::-moz-selection{color: #fff;background: #323232;} ::selection{color: #fff;background: #323232;} .margin-big-large-bottom{margin-bottom:75px;} .margin-big-small-bottom{margin-bottom:35px;} .margin-big-middle-bottom{margin-bottom:50px;} .margin-big-middle-top{margin-top:50px;} .text-lowercase{text-transform: lowercase;} .text-uppercase, .initialism{text-transform: uppercase;} .text-capitalize{text-transform: capitalize;} a{color: #393939;text-decoration:none; background:none} a:focus,a:hover{color:#89bceb;} .passcode{border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 32px;line-height: 32px;margin: 1px;position: absolute;right: 0;text-align: center;top: 0;} b,strong{ font-weight: 500;} .blankbig{height:70px;line-height:70px;clear:both;font-size:0;} .detail h2,.detail h3{line-height:180%} .detail h3,.detail h1{font-size:17px;color: #322725;} .layout{overflow: hidden;width: 100%;} .met-index-distance{padding-top:70px;padding-bottom:70px} header .layout{overflow:visible;width: 100%;} .input:focus{border:1px solid #333} .inner-banner{width:100%;overflow:hidden} .inner-banner img{width:100%;} .lefter{padding-right:50px;} .animate-box ,.not-animated{opacity: 0;} .shift-move p{transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);} .shift-move:hover p{transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s} .bg-main{ background:#000;border:1px solid #1b2935 !important} .bg-main:hover,.bg-main:focus{border:1px solid #666 !important; background:#666 !important} .zoomimgs{display:block; width:100%;height:0; padding-bottom: 133%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/} .fh5co-heading{padding-bottom:16px;line-height:1.5;} .fh5co-heading h2{display:block;font-size:26px;transition:.3s .1s;-webkit-transition:.3s .1s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;} .fh5co-heading span{display:block;color:#a8a8a8;font-size:15px;font-family:Times;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;} .fh5co-heading:hover h2, .fh5co-heading:hover span{transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);} #dowebok .inner{ height:100%;position: relative;} /*顶部导航 begin*/ #fh5co-header{position:fixed;width:100%;background:#fff;z-index:3; height: 60px;} #fh5co-header .header-box{background:#fff;border-bottom:1px solid #f2f2f2;} #fh5co-header .header-padding{ padding:0 30px;} .header-box.fixed.fixed-top{width: 100%;} #fh5co-header .navbar-head{padding:10px 0px 0 0;} #fh5co-header .navbar-head img{height:40px;} #fh5co-header .navbar-body .nav{ margin:0; padding:0;line-height: 60px !important;} #fh5co-header .navbar-body .nav li{margin: 0; padding:0;display: block; position:relative} #fh5co-header .navbar-body .nav li a{color: #848484;font-size: 15px;font-weight: normal;padding: 0;text-align: center;text-decoration: none;position: relative; display:block;overflow: visible;padding: 0 30px;line-height: inherit; margin:0} #fh5co-header .navbar-body .nav li a:hover,#fh5co-header .navbar-body .nav li.current a{color:#333;} #fh5co-header .navbar-body .nav li a:after{content:'';border-bottom:1px solid #a8a8a8;width:0%;position:absolute;bottom:-1px;left:5%;right:5%;transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;} #fh5co-header .navbar-body .nav li.current a:after{width:90%;} #fh5co-header .navbar-body .nav li:hover a:after{width:90%;} #fh5co-header .navbar-body .nav:hover li.current a:after{width:0%;} #fh5co-header .navbar-body .nav:hover li.current:hover a:after{width:90%;} #fh5co-header .navbar-body .nav li ul{z-index: 4;left: auto; right: 0;top:100%;min-width:160px;padding:10px 0 0;margin:0;text-align: left;list-style:none;border-radius:0px;-webkit-box-shadow:none;border:none; box-shadow:0; background:none;} #fh5co-header .navbar-body .nav li ul .bg_nav{ width:100%; height:0px; display:block; float:left;z-index: 4; position:relative;border-top:1px solid #aaa} #fh5co-header .navbar-body .nav li ul li{margin:0;padding:0;height:auto;display:block; background:#fff;width:100%;} #fh5co-header .navbar-body .nav li ul li a{padding:0 30px;line-height:50px;font-size:15px;color:#848484 !important;background:none;text-align: left;min-width:160px;line-height:50px;border-bottom:1px solid #f1f1f1;} #fh5co-header .navbar-body .nav li ul li a:after{width:0%; border:none;left:0;right:0;bottom:-1px; position:inherit} #fh5co-header .navbar-body .nav li ul li a:hover{color:#333 !important;background:none;} #fh5co-header .navbar-body .nav li ul li ul li a{color:#848484 !important;} #fh5co-header .navbar-body .nav li ul li ul li a:hover{color:#333 !important;background:none;} /*顶部导航 end*/ /* 底部 begin*/ footer{position:fixed;left:0;bottom:0;width:100%;line-height:26px;background:#fff;border:none;color:#8e8e8e;z-index:1700;text-align:right;padding:5px 0;font-size:13px;} footer .foot-text{padding-right:6px;} footer .foot-icon{margin:6px 0;} footer .foot-icon a{color:#858585;font-size:16px;padding:0 8px;display:inline-block;line-height:14px;height:14px;border-left:1px solid #ddd;cursor:pointer;transition:.3s;} footer .foot-icon a:first-child{border:none;padding-left:0;} footer .foot-icon a:hover{color:#393939;} footer .foot-left{float:left;color:#a8a8a8;text-align:left;max-width:50%;} footer .foot-left a{color:#a8a8a8;} footer .powered_by_metinfo{float:left;padding-left:15px;} footer .foot-links{float:left;padding-left:15px;color:#8a8a8a;} footer .foot-links a{padding-left:5px;color:#8a8a8a;} footer .foot-right{float:right;max-width:50%;} footer .foot-right p{float:left;margin-right:15px; } footer #f-weixin-id{ position:relative;z-index:4} footer #f-weixin-id .weixin-content{z-index:5;background-clip: padding-box;border: 1px solid rgba(204, 213, 219, 0.8);border-radius: 4px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);left: -48px;min-height: 32px;padding: 0;position: absolute;text-align: left;bottom: 36px;white-space: normal;width: 116px;background:#fff;} footer #f-weixin-id .weixin-content:before{position: absolute;bottom: -8px;left: 46px;width: 0;height: 0;content: '';} footer #f-weixin-id .weixin-content:after{content: '';position: absolute;left: 46px;bottom: -7px;left: 50%;margin-left: -9px;width: 13px;height: 13px;box-sizing: border-box;overflow: hidden;border-width: 1px 1px 0 0;border-color: rgba(204, 213, 219, 0.85);border-style: solid;background: linear-gradient(225deg,#fff 50%, transparent 50%);transform: rotate(-225deg);} footer #f-weixin-id .weixin-content img{width:110px; height:110px;} /* 底部 end*/ /*首页轮换图片 begin*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline: none;} .slides, .flex-control-nav, .flex-direction-nav{margin: 0;padding: 0;list-style: none;} .flexslider{margin: 0;padding: 0;position:relative;z-index:1} .flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;} .flexslider .slides li{background-repeat: no-repeat; background-size: cover; background-position: center center;} .flexslider .slides li a{ display:block; width:100%; height:100%;} .flexslider .slides img{width: 100%;display: block; vertical-align:middle;} .flex-pauseplay span{text-transform: capitalize;} .slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} html[xmlns] .slides{display: block;} * html .slides{height: 1%;} .no-js .slides > li:first-child{display: block;} .flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:9px;height:9px;margin:0 3px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;cursor:pointer;width:9px;height:9px;float:left;text-indent:-2000px;background:#aaa;border-radius:9px;} .flex-control-nav .flex-active{background:#333;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;} .flex-direction-nav li a{display:block;width:40px;height:40px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-20px;} .flex-direction-nav li a.flex-prev{left:90px;background: url("../images/slider-arrow.png") no-repeat -190px 50%;opacity: 0.75;} .flex-direction-nav li a.flex-next{right:90px;background: url("../images/slider-arrow.png") no-repeat -66px 50%;opacity: 0.75;} .flex-direction-nav li a.flex-next:hover{background:url("../images/slider-arrow.png") no-repeat -6px 50%;opacity: 1;} .flex-direction-nav li a.flex-prev:hover{background: url("../images/slider-arrow.png") no-repeat -130px 50%;opacity: 1;} /*首页新品*/ #fh5co-product-list{ position:relative} #fh5co-product-list .fh5co-heading{ position:absolute; top:3%; padding:0 60px;} #fh5co-product-list .show-list{ padding-top:6%; margin:0 5%} /*首页产品分类begin*/ #fh5co-rec-product-list{background-position: center top; background-size: cover; height: 100%; position: relative; width: 100%;} #fh5co-rec-product-list .cat-title{left:0%;right:0%;top:5%;padding: 0 60px;position:absolute;} #fh5co-rec-product-list .show-content{margin: 0 19%;} #fh5co-rec-product-list .scrollable{ } #fh5co-rec-product-list .scrollable .caroufredsel_wrapper{ margin:0 auto !important;} #fh5co-rec-product-list .scrollable ul{padding: 0;list-style: none;overflow: hidden;width: 10000em;} #fh5co-rec-product-list .scrollable ul li{padding: 0px 0px 0 0; margin:0 auto;display: block;float: left;} #fh5co-rec-product-list .scrollable ul li{width:272px;margin-right:0px;} #fh5co-rec-product-list .scrollable ul li:nth-child(4n){ margin-right:0} #fh5co-rec-product-list .carousel-direction a{color: #fff;cursor: pointer;display: block;font-family: simsun;overflow: hidden;position: absolute;text-decoration: none;top:50%;transition: all 0.3ss ease-out 0s;z-index: 5;border:none; margin-top:-38px;transition: all 0.3s ease 0s;} #fh5co-rec-product-list .scrollable .carousel-direction [class*=carousel-]{margin:0 0 0 1px;padding:0;width:50px;height:50px;background:none;color:#a8a8a8;line-height:50px; text-align:center;font-size:50px; font-weight:bold;border-radius:0;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease} #fh5co-rec-product-list .scrollable .carousel-direction [class*=carousel-]:hover{color:#333} #fh5co-rec-product-list .scrollable a.carousel-prev{right: 82.5%;} #fh5co-rec-product-list .scrollable a.carousel-next{left: 82.5%;} #fh5co-rec-product-list .scrollable ul li .item{transition: all 0.6s ease-out 0.71s;position: relative;border-left: 1px solid rgba(0, 0, 0, 0.06); height:100%;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;} #fh5co-rec-product-list .scrollable ul li:first-child .item{border:none;} #fh5co-rec-product-list .scrollable ul li .item a{display:block;position:absolute;top:50%;left:15px;right:15px;height:150px;margin-top:-75px;text-align:center;transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;-webkit-transition:.25s ease-in-out;} #fh5co-rec-product-list .scrollable ul li .item a img{width:100%;position:absolute;left:0;bottom:100%;visibility:hidden;z-index:999;opacity:0;transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;} #fh5co-rec-product-list .scrollable ul li .item a i{display:block;position:absolute;width:100%;bottom:100%;color:#a8a8a8;font-size:60px;line-height:1;font-style:normal;font-family:Times;transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;-ms-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;-webkit-transition:.35s ease-in-out;} #fh5co-rec-product-list .scrollable ul li .item a b{display:block;font-size:17px;padding:15px 0; font-weight: 500;} #fh5co-rec-product-list .scrollable ul li .item a:hover b,#fh5co-rec-product-list .scrollable ul li .item a:focus b,#fh5co-rec-product-list .scrollable ul li .item a:hover{color:#222} #fh5co-rec-product-list .scrollable ul li .item a b:after{display:block;content:'';margin:0 auto;width:30px;padding-top:15px;border-bottom:1px solid rgba(0,0,0,.15);} #fh5co-rec-product-list .scrollable ul li .item a div{display:block;color:#6a6a6a;padding:0 5px;line-height:26px;height:52px;overflow:hidden;} #fh5co-rec-product-list .scrollable ul li .item a span{display:block;font-family:Times;color:#888;letter-spacing:1px;} #fh5co-rec-product-list .scrollable ul li .item a span em{font-size:20px;display:inline-block;font-family:'';font-style:normal;color:#888;position:relative;top:3px;padding-left:5px;} #fh5co-rec-product-list .scrollable ul li .item:hover{background:rgba(255,255,255,.8);} #fh5co-rec-product-list .scrollable ul li .item:hover a{transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);-webkit-transform:translateY(50px); } #fh5co-rec-product-list .scrollable ul li .item:hover a img{visibility:visible;opacity:1;} #fh5co-rec-product-list .scrollable ul li .item:hover a i{font-size:160px;opacity:0;} /*首页关于我们begin*/ #fh5co-about-us .bg-about{background: #fff; overflow:hidden} #fh5co-about-us .about-box .intro,#fh5co-about-us .about-box .intro p{font-size:14px;color:#848484;line-height:1.8;} #fh5co-about-us .about-box .media-img{ text-align:center; overflow:hidden; width:70%; margin:0 auto} #fh5co-about-us .about-box .media-img img{max-width:100%;} #fh5co-about-us .about-box .intro h2{margin:25px 0px 0;} #fh5co-about-us .about-box .intro p{ text-indent:2em; margin-bottom:11px;text-align: justify} #fh5co-about-us .about-box .intro div.content{transform: translateY(0%);transition: all 0.6s ease-out 0.71s;visibility: visible;} #fh5co-about-us .about-box .intro div.content .more{display:block;border-top:1px solid #f2f2f2;margin-top:60px; text-align:center} #fh5co-about-us .about-box .intro div.content .more a{display:inline-block;background:#383838;line-height:40px;transition:.3s;} #fh5co-about-us .about-box .intro div.content .more a:hover{background:#484848;} #fh5co-about-us .about-box .intro div.content .more a span{border-top:1px solid rgba(255,255,255,.08);display:block;position:relative;color:#fff;font-family:Times;width:220px;font-size:16px;text-align:center;letter-spacing:1px;} #fh5co-about-us .about-box .intro div.content .more a span em{font-size:24px;position:absolute;color:#ccc;opacity:0;transition:.3s;} #fh5co-about-us .about-box .intro div.content .more a:hover span em{opacity:1;padding-left:15px;} /*首页关于我们 end*/ /*product*/ .pro-item{ background:#fff; margin-bottom:11px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);} #product-list-box .pro-item{ margin-bottom:22px;} .pro-item:hover{} .pro-item .portfolio-img{overflow:hidden;} .pro-item .portfolio-img img{display:block;width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;} .pro-item .portfolio-img img:hover{display:block;width:100%;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .pro-item h2{display:block; font-weight:normal;position:relative;padding:16px 0 16px 20px;line-height:22px;overflow:hidden;} .pro-item h2:before{content:'';border-bottom:1px solid #f2f2f2;width:0%;position:absolute;bottom:0px;left:0;right:0;transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;-ms-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;-webkit-transition:.35s ease-in-out;} .pro-item:hover h2:before{width:100%;} .pro-item h2,.pro-item p{ } .pro-item h2 a{display:block;font-size:16px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.3s .1s;-webkit-transition:.3s .1s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);} .pro-item h2 a:hover{color: #393939; text-decoration:underline} .pro-item:hover h2 a{transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);} .pro-item .content-body h3{ font-size:17px;} .pro-item .content-body h3 a{ font-size:17px;color: #37474f;display: block;height: 48px;line-height: 24px;overflow: hidden} .pro-item .content-body{position: relative;padding: 20px 25px;} .pro-item .content-body p{font-size: 12px;color: #8a8a8a; margin:7px 0 11px ;height: 72px;line-height: 24px;overflow: hidden;text-align: justify} .pro-item .content-body .more_info{ margin-top:15px;} .pro-item .content-body .more_info a{ display:inline-block;color: #393939;border:1px solid #393939;border-radius:5px; padding:7px 15px; } .pro-item .content-body .more_info a:hover{ background:#595959; color:#fff} /* home product end*/ /* 首页新闻中心 begin*/ #fh5co-news-list{ position:relative} #fh5co-news-list .bg-news{background-position: center top; background-size: cover; height: 100%; position: relative; width: 100%;} #fh5co-news-list .cat-title{left:0%;right:0%;top:5%;padding: 0 60px;position:absolute;} #fh5co-news-list .cat-title h2{ color:#fff} #fh5co-news-list .show-content{margin: 0 15%;} #fh5co-news-list .scrollable{} #fh5co-news-list .scrollable .caroufredsel_wrapper{ margin:0 auto !important;} #fh5co-news-list .scrollable ul{padding: 0;list-style: none;overflow: hidden;width: 10000em;} #fh5co-news-list .scrollable ul li{padding: 0px 0px 0 0; margin:0 auto;display: block;float: left;width:310px;margin-left:80px;margin-right:30px } #fh5co-news-list .scrollable ul li:nth(2n){ margin-right:0;} #fh5co-news-list .carousel-direction a{color: #fff;cursor: pointer;display: block;font-family: simsun;overflow: hidden;position: absolute;text-decoration: none;top:50%;transition: all 0.3ss ease-out 0s;z-index: 5;border:none; margin-top:-38px;transition: all 0.3s ease 0s;} #fh5co-news-list .scrollable .carousel-direction [class*=carousel-]{margin:0 0 0 1px;padding:0;width:50px;height:50px;background:none;color:#a8a8a8;line-height:50px; text-align:center;font-size:50px; font-weight:bold;border-radius:0;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease} #fh5co-news-list .scrollable .carousel-direction [class*=carousel-]:hover{color:#333} #fh5co-news-list .scrollable a.carousel-prev{right: 87%;} #fh5co-news-list .scrollable a.carousel-next{left: 87%;} #fh5co-news-list .show-content .info-bin{position: relative;visibility: visible;} #fh5co-news-list .show-content .info-center{visibility: visible; margin-top:27px;} #fh5co-news-list .show-content strong{ font-weight:normal} #fh5co-news-list .show-content .info-only{height:100%;border-left:1px solid rgba(255, 255, 255, 0.08);margin:0 auto;transform: translateY(0%); transition: all 0.6s ease-out 0.71s; } #fh5co-news-list .show-content .info-only a{display:block;position:relative;} #fh5co-news-list .show-content .info-only a img{width:100%;} #fh5co-news-list .show-content .info-only a b{padding:35px 0 0 20px;display:block;position:relative;color:#fff;} #fh5co-news-list .show-content .info-only a b big{display:block;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.3s .1s;-webkit-transition:.3s .1s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);} #fh5co-news-list .show-content .info-only a b i{position:absolute;top:25px;right:100%;line-height:1.2;padding-right:20px;text-align:right;font-family:Times;font-style:normal;} #fh5co-news-list .show-content .info-only a b i strong{font-size:27px;display:block;white-space:nowrap;color:#8c8c8c;} #fh5co-news-list .show-content .info-only a b i font{font-size:13px;display:block;color:#a8a8a8;} #fh5co-news-list .show-content .info-only a p{color:#a8a8a8;margin:15px 0 0 20px;display:block;position:relative;line-height:26px;height:52px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);} #fh5co-news-list .show-content .info-only a span{margin:40px 0 0 20px;border-top:1px solid rgba(255,255,255,.08);display:block;color:#8a8a8a;font-family:Times;width:150px;font-size:16px;text-align:center;letter-spacing:1px;} #fh5co-news-list .show-content .info-only a span em{font-size:24px;display:inline-block;color:#888;position:relative;top:3px;padding-left:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;} #fh5co-news-list .show-content .info-only a span:hover em{padding-left:10px;} #fh5co-news-list .show-content .info-list{height:100%;border-left:1px solid rgba(255, 255, 255, 0.08);position:relative;margin:0 auto;} #fh5co-news-list .show-content .info-list a{display:block;position:relative;border-bottom:1px solid rgba(255,255,255,.08);} #fh5co-news-list .show-content .info-list a b{padding:30px 0 0 20px;color:#595959;font-size:16px;display:block;position:relative;color:#ddd;} #fh5co-news-list .show-content .info-list a b span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.3s .1s;-webkit-transition:.3s .1s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);} #fh5co-news-list .show-content .info-list a b i{position:absolute;top:25px;right:100%;line-height:1.2;padding-right:20px;text-align:right;font-family:Times;font-style:normal;} #fh5co-news-list .show-content .info-list a i strong{font-size:28px;display:block;white-space:nowrap;color:#8c8c8c;} #fh5co-news-list .show-content .info-list a b i font{font-size:13px;display:block;color:#a8a8a8;} #fh5co-news-list .show-content .info-list a p{margin:15px 0 30px 20px;color:#8a8a8a;display:block;line-height:26px;height:52px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);} #fh5co-news-list .show-content .info-list a:first-child b{padding-top:0px;} #fh5co-news-list .show-content .info-list a:first-child b i{top:-5px;} #fh5co-news-list .show-content .info-only a:hover b big, #fh5co-news-list .show-content .info-only a:hover p, #fh5co-news-list .show-content .info-list a:hover b span, #fh5co-news-list .show-content .info-list a:hover p{transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);} /* 首页新闻中心 end*/ /*首页联系我们*/ #fh5co-contact-us{} #fh5co-contact-us .bg-contact{background-position: center top; background-size: cover; height: 100%; position: relative; width: 100%;} #fh5co-contact-us .cat-title{left:0%;right:0%;top:5%;padding: 0 60px;position:absolute;} #fh5co-contact-us .show-content{padding:160px 0px 0 0px;} #fh5co-contact-us .show-content .touch-box{width:100%;min-height:300px; background:#fff; padding:50px 120px 86px;} #fh5co-contact-us .show-content .touch-box .touch-left{float:left;color:#8a8a8a;max-width:38%;} #fh5co-contact-us .show-content .touch-box .touch-left p{margin: 0 0 8px;} #fh5co-contact-us .show-content .touch-box .touch-left span{display:inline-block;color: rgb(127, 127, 127);} #fh5co-contact-us .show-content .touch-box .touch-left strong.company{font-size:18px;margin-bottom:10px;color:#333;display:block;} #fh5co-contact-us .show-content .touch-box .touch-left em{width:20px;text-align:left; display:inline-block} #fh5co-contact-us .show-content .touch-box .touch-right{float:right;line-height:0;max-width:60%;} #fh5co-contact-us .show-content .touch-box .touch-right *{outline:none !important;} #fh5co-contact-us .show-content .touch-box .touch-right div{position:relative;float:left;margin-bottom:5px;} #fh5co-contact-us .show-content .touch-box .touch-right div:before{position:absolute;bottom:0;left:5px;right:5px;content:'';border-bottom:1px solid #d5d5d5;} #fh5co-contact-us .show-content .touch-box .touch-right div.input-foot{width:33.33333%;} #fh5co-contact-us .show-content .touch-box .touch-right div.textarea{width:100%;} #fh5co-contact-us .show-content .touch-box .touch-right div.submint{width:33.33333%;margin-left:10px;float:none;clear:both;} #fh5co-contact-us .show-content .touch-box .touch-right div.submint:before{display:none;} #fh5co-contact-us .show-content .touch-box .touch-right >div:last-child{border:none;} #fh5co-contact-us .show-content .touch-box .touch-right input[type=text]{width:100% !important;padding:10px 20px;line-height:50px;height:50px;background:none;border:0;border-radius:0} #fh5co-contact-us .show-content .touch-box .touch-right textarea{width:100%;padding:10px 20px;line-height:30px;height:110px;background:none;border:0;} #fh5co-contact-us .show-content .touch-box .touch-right input[type=submit]{width:50%;height:35px;background:none;border:none;margin-top:15px;background:#383838;color:#fff;} #fh5co-contact-us .show-content .touch-box .touch-right input[type=submit]:hover{background:#181818;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;} /* 内页 begin*/ #fh5co-content_show { padding:60px 0 36px} #fh5co-content_show .nav-inline{list-style: outside none none;} #fh5co-content_show .nav li{margin:0;padding:0; display:inline} #fh5co-content_show .nav li a{ font-size:15px; display:inline-block; padding:0px 7px;margin:0 5px 10px;color: #90939b; line-height:32px;} #fh5co-content_show .nav li a:hover,#fh5co-content_show .nav li.active a{text-decoration:none;color: #444;font-weight:normal} #fh5co-content_show .show_body{font-size:14px;} #fh5co-content_show .detail img{height: auto !important;max-width: 100%;vertical-align: middle;} #fh5co-content_show .detail img{} #fh5co-content_show .detail p{text-indent:0; } #fh5co-content_show .qhd-title span{margin:0 5px;font-size:12px;color:#999} #fh5co-content_show .title{border-bottom: 1px solid #dedede;height: 33px;margin-bottom: 30px;text-align: left;} #fh5co-content_show .title h2{border-bottom: 1px solid #da0e0e;color: #da0e0e;display: inline-block;font-size: 16px;font-weight: normal;line-height: 33px;margin: 0;overflow: hidden;padding: 0;word-break: break-all;} #fh5co-content_show .detail{font-size:14px;padding-bottom:30px;line-height:200%;color: #666;} #subnav .nav-head{color: #fff;font-size: 16px;font-style: normal;font-weight: normal;height: 38px;line-height: 36px;text-indent: 50px;background: #1a1a1f ;} #fh5co-content_show .inner-banner{background: #fff;height:120px;line-height:120px;font-size: 28px;} #fh5co-content_show .inner-banner h2{color: rgb(68, 68, 68);font-size: 28px;font-weight: 300;text-shadow: none; font-family:"微软雅黑",arail} #fh5co-content_show .inner-nav{border-bottom: 1px solid #f0f2f5;background:#fff} #fh5co-content_show .product-detail .content-img{overflow:hidden;} #fh5co-content_show .product-detail .content-img img{width:100%;overflow:hidden;vertical-align:middle;} #fh5co-content_show .product-detail h1{border-bottom: 1px dashed #d6d6d6;color: #333;font-size: 18px;line-height: 33px; padding-bottom:5px;} #fh5co-content_show .product-detail .p_desc{color: #444;line-height: 30px;padding: 12px 0px 5px;} #fh5co-content_show .product-detail .add_to_inquiry{height:40px;} #fh5co-content_show .product-detail .add_to_inquiry #add_to_inquiry{ background: #393939; height: 35px;line-height: 35px;text-align: center;width: 131px;border:0;border-radius:0; font-size:16px; font-weight:normal; padding:0; margin:0} #fh5co-content_show .product-detail .description{line-height:24px;} #fh5co-content_show .product-detail .detail-title {border-bottom:1px solid #e4e4e4} #fh5co-content_show .product-detail .detail-title h2{background: #393939;color: #fff;cursor: pointer;display: inline-block;font-size: 16px;height: 41px;line-height: 41px;text-align: center;width: 166px;} #fh5co-content_show .product_search{ padding:0;} #fh5co-content_show .product_search input.inputkey{height: 34px;line-height: 34px;background: #fff;width: 232px;padding-left: 12px;font-size: 12px;text-indent: 2px;color: white;border:1px solid #e4e4e4;border-right:none; color:#666; float:left;border-top-left-radius:25px;border-bottom-left-radius:25px;} #fh5co-content_show .product_search button{ float:left;height: 34px;border: 0px;background:#fff;cursor: pointer;border:1px solid #e4e4e4; border-left:none; color:#333; font-size:14px;border-top-right-radius:25px;border-bottom-right-radius:25px;padding-right: 10px} #fh5co-content_show .product-inner-bg{ background:#F8F8F8} #fh5co-content_show .ur-here{ height:50px; line-height:35px; background:#F6F6F6} #fh5co-content_show .ur-here ul li a{color: #5a5a5a; font-size:14px;} #fh5co-content_show .ur-here ul li a:hover{color:#7bc91e} #fh5co-content_show .ur-here ul li a span{ margin-right:5px;} /*分页*/ .table span{margin-right:10px;} .content_detail .pager{font-size:14px;} .content_detail .pager a{border:none;color:#797979;} .content_detail .pager a:focus,.content_detail .pager a:hover{color:#323232;background:none} .content_detail .pager li{margin:0 5px;display:block;text-align:left} #fh5co-content_show .pagination li{background:#fff;width: 33px;height: 33px;line-height: 30px} #fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover,#fh5co-content_show .pagination .active a{background:#333 ;color:#fff;} #fh5co-content_show .pagination .active a{color:#fff} #fh5co-content_show video{max-width:100%} /*文章*/ #fh5co-content_show .inner-content-bg { background:#F8F8F8} #fh5co-content_show .inner-content-bg .inner-bg-body{background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); padding:30px;} #fh5co-content_show .inner-content-bg .inner-bg-sidebar{background: #fff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);margin-left: 10px;padding: 20px;} #fh5co-content_show .inner-content-bg .inner-bg-sidebar h3{font-size:17px;} #fh5co-content_show .inner-content-bg .inner-bg-sidebar ul{padding:0} #fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li{list-style:none;border-bottom:1px solid #e4eaec;line-height:150%;padding:6px 3px} #fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li:last-child{border-bottom:0} #fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li a{font-size: 14px;color:#2a333c} #fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-product-list ul li{ list-style:none; padding:5px 0; text-align:center} #fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-product-list ul li img{ width:100%; margin-bottom:5px;} #fh5co-content_show .article-media li{border-bottom:1px solid #f0f2f5;padding:15px 0 25px} .article-media .media .media_img{width: 160px;margin-right:15px;overflow:hidden;} .article-media .media .media_img img{width: 160px;} .article-media li{margin-bottom:12px;} .article-media .media .time{color:#999; font-size:14px;} .article-media .media-body h3{ line-height:100%; margin-bottom:8px;} .article-media .media-body h3 a{color: #2a333c; font-size:17px;font-weight: 400;} .article-media .media-body h3 a:hover{color: #393939;} .article-media .media-body p{line-height:160%;margin-bottom:5px; font-size:14px;} .slideshows { overflow:hidden } .slideshows img { width:100%;} #toolbar{ display:none;} /*在线客服*/ .SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:6;} .SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px; z-index:1; cursor:pointer; background:#0f92e0 url(../images/qq/greenOpen.jpg) no-repeat;} .SonlineBox .titleBox{ width:135px; height:35px;line-height:33px; background:#0f92e0; border-bottom:2px solid #0f92e0;} .SonlineBox .titleBox span{ margin-left:10px;color:#fff; font-size:14px;} .SonlineBox .contentBoxC{ width:135px; /*height:335px;*/ border:2px solid #0f92e0; background:#ffffff/* url(images/qq/greenBg.jpg) no-repeat*/; position:absolute; z-index:2;} .SonlineBox .contentBoxC .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer; position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;} .SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);} .SonlineBox .contentBoxC .listBox{overflow:hidden; margin-bottom:10px;} .SonlineBox .contentBoxC .listBox .Tlist{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;} .SonlineBox .contentBoxC .listBox .Tlist span{float:left; line-height:22px;} .SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/} .SonlineBox .contentBoxC .listBox .WWList{ line-height:18px;height:18px;} .SonlineBox .contentBoxC .listBox .SkypeList{line-height:23px;height:23px;} .SonlineBox .contentBoxC .otherBox{clear:both;height:115px;text-align:center;} .SonlineBox .contentBoxC .otherBox img{width:105px;height:105px;} .SonlineBox .contentBoxC .telBox{display:block;padding:36px 0 10px 0;color:#0f92e0;font-size:14px;line-height:26px;font-family:'微软雅黑';background:url(../images/qq/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;} /*在线客户 end*/ #fh5co-hero1{ display:none} #fh5co-about-us .about-box .intro{margin:0 80px 0 0;} @media (max-width:1600px){ #fh5co-contact-us .show-content .touch-box{padding-left:160px;padding-right:160px;} #fh5co-about-us .about-box .intro{margin:0 80px;} } @media (max-width:1440px){ #fh5co-contact-us .show-content .touch-box{padding-left:120px;padding-right:120px;} #fh5co-about-us .about-box .intro{margin:0 60px;} #fh5co-about-us .about-box .intro .more{margin-top:50px;} } @media (max-width:1200px){ #fh5co-contact-us .show-content .touch-box{padding:40px 80px 76px 80px;} #fh5co-about-us .about-box .intro{margin:0 50px;} #fh5co-about-us .about-box .intro .more{margin-top:40px;} footer{height:36px;/*white-space:nowrap;*/} } @media (max-width:1024px){ #fh5co-about-us .about-box .intro{margin:0 40px;} #fh5co-news-list .show-content .info-only a b{padding:25px 0 0 15px;} #fh5co-news-list .show-content .info-only a b i{padding-right:15px;} #fh5co-news-list .show-content .info-only a b i strong{font-size:24px;} #fh5co-news-list .show-content .info-only a p{margin:5px 0 0 15px;} #fh5co-news-list .show-content .info-only a span{margin:25px 0 0 15px;} #fh5co-news-list .show-content .info-list a b{padding-top:15px;padding-left:15px;} #fh5co-news-list .show-content .info-list a b i{padding-right:15px;} #fh5co-news-list .show-content .info-list a b i strong{font-size:24px;} #fh5co-news-list .show-content .info-list a p{margin:5px 5px 15px 15px;} } @media (min-width:1001px) and (max-width:1199px){ #fh5co-product-list .show-list{ padding-top:8%;} #fh5co-news-list .news-box .media-body p.desc{ height:94px;overflow: hidden;} #fh5co-news-list .scrollable ul li{width:240px;} #fh5co-content_show .product_search input.inputkey{width: 152px;} } @media screen and (max-width:1000px){ #fh5co-header .navbar-body .nav li a{ padding:0 20px;} #fh5co-product-list .show-list{ padding-top:10%;} #fh5co-contact-us .show-content .touch-box{padding:30px 40px 66px 40px;} #fh5co-news-list .scrollable ul li{width:155px;} #fh5co-rec-product-list .scrollable ul li{ width:230px;} #fh5co-content_show .sidebar_tile{text-align:center} #fh5co-content_show .product_search{padding-bottom:20px !important; margin-left:5%} #fh5co-content_show .product_search input.inputkey{ width:85%} #fh5co-content_show .product_search .float-right{ float:none !important; text-align:center; } #fh5co-product-list .fh5co-heading{ top:1% !important;} .slideshow { height:240px !important; } .slideshow img { height:240px !important; } } @media screen and (max-width:760px){ .animate-box ,.not-animated{opacity: 1;} #fp-nav{ display:none} #fh5co-product-list .fh5co-heading,#fh5co-about-us .fh5co-heading,#fh5co-rec-product-list .cat-title,#fh5co-news-list .cat-title, #fh5co-contact-us .cat-title{ position:relative;top:0;left:0; text-align:center; padding-top: 25px;right: 0;} #fh5co-about-us .fh5co-heading{ padding:0} #fh5co-about-us .about-box .intro div.content .more{ margin:30px 0} #fh5co-product-list .show-list{ padding-top:3%;} #fh5co-product-list .pro-item{ text-align:center} #fh5co-header .icon-navicon{ float:right; margin-top:0px; font-size:22px; border:none;transition:none; padding:0; } #fh5co-header .navbar-head{padding:10px 0 10px 0;} #fh5co-header .navbar-head img{height:40px;} #fh5co-header .navbar-body{ padding:0;border-bottom:0} #fh5co-header .navbar-body .nav { overflow:auto ; line-height:20px !important} #fh5co-header .navbar-body .nav li{height:auto;display:block;width:100%;padding:14px 0; position:static} #fh5co-header .navbar-body .nav li a{text-align:left;background:none; } #fh5co-header .navbar-body .nav li a:after{ border:0;} #fh5co-header .navbar-body .nav li:last-child{border-bottom: 1px solid rgba(0, 0, 0, 0.2);} #fh5co-header .navbar-body .nav li ul{top:auto;left:auto;width: 100%;position:relative; margin:10px 0; padding:0} #fh5co-header .navbar-body .nav li ul li{height:auto;} #fh5co-header .navbar-body .nav li ul li:last-child{border-bottom:none} #fh5co-header .navbar-body .nav li ul li ul li a{background:#232228;font-size:12px;height:23px;line-height:23px;padding:0px 0 0 18px;} #fh5co-header .navbar-body .nav li ul li ul li a:hover{background:#555} #fh5co-header .navbar-body .nav li ul .bg_nav{ border:none} footer{position:relative;text-align:center;padding:15px 0; width:100%; margin:0; height:auto; overflow:hidden} footer .foot-left{float:none; width:100%;text-align:center;max-width:100%;margin:0;padding:0;} footer .powered_by_metinfo{float:none !important;text-align:center;display:block;width:100%;max-width:100%;margin:0;padding:0;} footer .foot-links{float:none; text-align:center;width:100%;max-width:100%; margin:0;padding:0;} footer .foot-right{float:none !important;width:100%;max-width:100%;margin:0;padding:0;} footer .foot-right p{float:none;width:100%;margin:0;padding:0;} footer .foot-text{display:block;padding:0;} footer .foot-icon{display:block;margin:0;} footer #weixin-id{ position:relative} footer #f-weixin-id .weixin-content{ display:none} footer .foot-right p{} .flex-direction-nav{ display:none} #fh5co-rec-product-list .scrollable a{ display:none} #fh5co-rec-product-list .show-content{margin:8px 7.5px 0;height:auto;padding-bottom:20px;margin-bottom:1px; clear:both; position: relative; overflow:hidden} #fh5co-rec-product-list .scrollable ul{overflow:visible;width:auto; height:auto;} #fh5co-rec-product-list .scrollable ul li{ float:left;width:50%;height:230px;margin-bottom:5px;} #fh5co-rec-product-list .scrollable ul li .item{height:auto;border:none; position:relative; display:block;padding:95px 7.5px 15px;} #fh5co-rec-product-list .scrollable ul li .item a{position:relative;top:0;left:0;right:0;margin:0;height:auto;} #fh5co-rec-product-list .scrollable ul li .item:hover a{transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);-webkit-transform:translateY(10px);} #fh5co-rec-product-list .scrollable ul li .item a b{padding:5px 0;} #fh5co-rec-product-list .scrollable ul li .item a b:after{display:none;} #fh5co-rec-product-list .scrollable ul li .item a p{line-height:22px;height:44px;margin-bottom:5px;} #fh5co-news-list .scrollable a{ display:none} #fh5co-news-list .scrollable ul li{padding: 0px 0px 0 0; margin:0 auto;display: block;float: none; width:210px;margin-left:80px;margin-right:0px } #fh5co-news-list .show-content { margin: 0 auto; width:290px;} #fh5co-news-list .show-content .info-only a span{margin-bottom:30px;} #fh5co-contact-us .bg-contact{ height:auto} #fh5co-contact-us .fh5co-heading{ margin-bottom:10px;} #fh5co-contact-us .show-content{ padding:160px 0 0 ;} #fh5co-contact-us .show-content .touch-box{padding:0px 15px 0 15px;margin-top:0px;position:relative;} #fh5co-contact-us .show-content .touch-box .touch-left{float:none;max-width:none;text-align:center;} #fh5co-contact-us .show-content .touch-box .touch-right{float:none;max-width:none;} #fh5co-contact-us .show-content .touch-box .touch-right div{position:relative;float:none;margin:0;} #fh5co-contact-us .show-content .touch-box .touch-right div::before{} #fh5co-contact-us .show-content .touch-box .touch-right div.input-foot{width:100%;} #fh5co-contact-us .show-content .touch-box .touch-right div.textarea{width:100%;} #fh5co-contact-us .show-content .touch-box .touch-right input[type=submit]{width:100%;} #fh5co-contact-us .show-content .touch-box .touch-right div.submint{width:100%;margin:0 auto;float:none;clear:both;} .flexslider .slides li { height:100%;background-size:percentage} .flexslider .slides li a{ display:block; height:auto; width:100%} #fh5co-content_show .article-media li{padding:2px 0 15px} .article-media .media .media_img{width: 100px;margin-right:5px;} .article-media .media .media_img img{width: 100px;} .slideshow{height:180px !important;} .slideshow img{height:180px !important;} #fh5co-hero,.SonlineBox{ display:none} #fh5co-hero1{ display:block} /*手机底部导航*/ .blank55{height:55px; line-height:1px; clear:both;} #toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:999999;background:#000; display:block;} #toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;} #toolbar a span{ font-size:22px; display:block;} } @media screen and (max-width:480px){ #fh5co-news-list .scrollable ul li {margin: 0 0px 0 60px;} .slideshow { height:120px !important; } .slideshow img { height:120px !important; } } /* 内页 end*/ /* ======置顶 ======*/ .backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:7;background:#393939 url(../images/icon-gotop-fixed.png) no-repeat center center;} .backToTop:hover{background-color:#555;} #index_box_id .media-img{ overflow:hidden} #index_box_id .media-img img{ max-width:100%; height:auto} /*======================================================= PORTFOLIO ========================================================*/ ul,li{padding: 0;margin: 0;list-style:none } .norecord{text-align: center;padding: 30px} #fh5co-contact-us .show-content{display: flex;flex-flow: column;justify-content: space-between;height: calc(100vh - 80px)} .syfoot{display:flex;align-items: center;justify-content: center;height: 100%;} .syfoot .l{font-size: 25px;color: #000} .syfoot .r{display: flex;margin-left: 80px} .syfoot .r li{text-align: center;margin: 0 20px} .syfoot .r li img{border-radius: 5px;width: 90px} .syfoot .r li p{margin-top: 3px;color: #000} @media screen and (max-width: 760px) { #fh5co-contact-us .show-content{display: unset} .syfoot{display: unset;} .syfoot .l{font-size: 20px;text-align: center;margin-top: 20px} .syfoot .r{margin:20px 0px;justify-content: center} .syfoot .r li{margin: 0 10px} .syfoot .r li img{width: 100%} } #toolbar a span img{height: 22px} .icon-angle-left:before { content: '';display: inline-block; width: 30px; height: 40px; background-image: url(/images/ljt.png); background-size: cover; background-position: center; } .icon-angle-right:before{content: '';display: inline-block; width: 30px; height: 40px; background-image: url(/images/rjt.png); background-size: cover; background-position: center; }