@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
*:focus{outline:none;}
html,body{min-width:1200px;}
body,input,textarea{font-family:'roboto',"微软雅黑", "宋体", "新宋体", "幼圆", Arial;-webkit-appearance : none ;}
body{background: center center; font-size:20px; color:#666;}/* -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;*/
a,a:link,a:active,a:visited{color:#333; text-decoration:none;}
a:hover{color:#da251e; text-decoration:none;}
a:focus{-moz-outline-style:none;}
ul{list-style:none; overflow: hidden;}
ul:after,.box:after,.boxPro:after{content:''; display: block; width:0; height:0; font-size:0; clear: both;}
i,em{font-style:normal;}
img{border:none;}

.ift{font-family:'iconfont'; display: inline-block;}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5,.fxpst{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,.imenu,.imenu:after,.imenu:before,.pic img,.bn,.proNav li.m:after,.proNav li.m,.listdwn li{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.anmt2{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.boximg{max-width:100%!important; height:auto!important;}
.boximg{width:100%; display: block;}
.oohid{opacity:0;visibility: hidden;}
.pic{overflow: hidden;}
.pic img{object-fit: cover; width:100%; height:100%; display: block;}
.pic:hover img{transform: scale(1.05);}
.bkf9{background-color:#f9f9f9;}

@font-face {
    font-family: 'iconfont';  /* Project id 2919047 */
    src: url('//at.alicdn.com/t/c/font_2919047_adflg13921o.woff2?t=1668173746863') format('woff2'),
    url('//at.alicdn.com/t/c/font_2919047_adflg13921o.woff?t=1668173746863') format('woff'),
    url('//at.alicdn.com/t/c/font_2919047_adflg13921o.ttf?t=1668173746863') format('truetype');
}

.font2h,.font3h,.linews li div span,.listdwn li b,.lipro li a.tit{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h,.lipro li a.tit{-webkit-line-clamp:3;}
.fontovdd,.boxPro>.left li a{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.nbk{background: none!important;}
.boxflex{display:-webkit-flex; display: flex; flex-wrap:wrap;}
.boxflex li{-webkit-flex:1; flex:1; float: left; white-space:nowrap;}
.box{width:100%; max-width:1200px; box-sizing: border-box; padding:0 20px; margin:0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.main{background-color: #fff; padding:15px; overflow: hidden;}

/* Swiper */
.swiper-container{margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0); transform:translate3d(0px,0,0px)}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y; touch-action:pan-y}
.swiper-wrapper{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,transform; -webkit-box-sizing:content-box; box-sizing:content-box}
.swiper-pagination{position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0px,0px,0px); z-index:10}
.swiper-pagination{left:0; bottom:10px; width:auto; right:0; text-align:center;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.3em}
.swiper-pagination-bullet{width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:0.2}
.swiper-pagination-bullet-active{opacity:1; background:#007aff}
.swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:4px; margin:0 10px; opacity:1; width:auto; height:auto}
.swiper-pagination-bullet-active{background-color:transparent; border-color:#fff; opacity:1}
.swiper-pagination-bullet::after{content:""; display:block; background-color:#fff; width:10px; height:10px; border-radius:50%}
.swiper-pagination-bullet-active::after{background-color:#ffe84b}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-slide{-webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,transform}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0; right:auto}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0.2; cursor:auto; pointer-events:none}
.swiper-button-next,.swiper-button-prev{position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0px; left:auto}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient: vertical;-webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

/* head */
.head{background-color:#fff; overflow: hidden}
.head .box{position: relative; overflow: hidden}
.head .tlink{line-height:2em; background-color:#f9f9f9}
.head .tlink .box{font-size:.6em}
.head .tlink .box>div.l{float: left}
.head .tlink .box>div.r{float: right}
.head .tlink .box>div.r a{margin:0 .3em; vertical-align:middle; display: inline-block; width:1.8em; height:1.3em; overflow: hidden}
.head .tlink .box>div.r a img{vertical-align: top}
.head dl{font-size:.7em; position: absolute; top:.5em; right:.5em}
.head dl i{background:no-repeat center center; display: inline-block; width:22px; height:16px; vertical-align: middle}
.head dl i.cn{background-image: url("/static/front/images/i_cn.png")}
.head dl i.en{background-image: url("/static/front/images/i_en.png")}
.head dl dd{display: none}
.head dl dt{margin-bottom:.6em}
/*.head dl dt:after{content:'\e648'; font-family:iconfont; display: inline-block; margin-left:.3em; transform: scale(.8)}*/
.head dl span{margin-left:.4em; display: inline-block; vertical-align: middle}
.head dl:hover dd{display:block}
/*.head .tlink [title=CN]{background:url("/static/front/images/i_cn.png") no-repeat; background-position: center center}*/
/*.head .tlink [title=EN]{background:url("/static/front/images/i_en.png") no-repeat; background-position: center center}*/
.head .logo{display: block; background: url("/static/front/images/logo_h.png") no-repeat center center; background-size: cover; width:25.5em; height: 3.5em; margin:2.5em auto 2em; position: relative}
.head .logo a{position: absolute; top:47px; height:0; padding-top:26px; overflow: hidden;}
.head .logo a:nth-child(1){left:207px;}
.head .logo a:nth-child(2){left:370px;}
.nav{background-color:#6b6b6b; position: sticky; top:0; z-index:999}
.nav li{float: left;}
.nav li a{font-size:.8em; color:#fff; line-height:3.2em; display: block; padding:0 1.5em;}
.nav li a:hover,.nav li.on a{background-color:#da251e;}
.nav li.on a:hover{color:#fff;}
.nav li.soso{float: right; border-radius:.3em; overflow:hidden; margin-top:.4em; width:300px;}
.nav li.soso input,.nav li.soso button{height:34px; line-height:34px; border:none; font-size:inherit; vertical-align: middle; box-sizing:content-box; float: left;}
.nav li.soso .sotxt{background-color:#f6f6f6; width:219px; padding:0 10px; border-right:1px solid #d9d9d9; font-size:.7em;}
.nav li.soso .bnso{background-color:#fff; width:60px; cursor: pointer; text-align: center; font-size:14px;}
/*.head .nav li.soso .bnso:after{content:'\e655'; font-family: iconfont;}*/
.nav li.soso .bnso:hover{color:#da251e;}

.imenu{display:none; position:absolute; top:70px; right:14px; width:30px; height:15px; border-top:3px solid #da251e; border-bottom:3px solid #da251e; cursor: pointer; float: right; z-index:9;}
.imenu:after,.imenu:before{position: absolute; top:50%; margin-top:-2px; right:0; left:0; border-top:3px solid #da251e; content: ''; display: block;}
.showMenu .imenu{border:0px solid transparent;}
.showMenu .imenu:after{transform: rotate(45deg)}
.showMenu .imenu:before{transform: rotate(-45deg)}

/* 轮播图 */
.sbanner{position: relative; margin:0 auto}
/*.sbanner .swiper-slide{height:660px; background: no-repeat center center / cover;  position: relative;}*/
.sbanner .swiper-slide img{display: block; width:100%; max-width:100%;}
/*.sbanner .swiper-slide a{position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2;}*/
.sbanner .swiper-pagination{bottom:25px}
.sbanner .swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:4px; margin:0 7px; opacity:1; width:auto; height: auto;}
.sbanner .swiper-pagination-bullet:after{content:''; display: block; background-color: #fff; width:10px; height:10px; border-radius:50%;}
.sbanner .swiper-pagination-bullet-active{background-color:transparent; border-color:transparent; opacity: 1;}
.sbanner .swiper-pagination-bullet-active:after{background-color:#da251e;}
.sbanner.sn .swiper-pagination{bottom:15px;}

/* body */
.titsa{text-align: center; color:#000; font-size:1.5em; text-transform: uppercase; padding:2em 0 1em;}
.titsa h1{font-size: inherit; display:inline-block}
.titsa:after,.titsa:before{font-family:iconfont; color:#da251e; display: inline-block; transform: scale(.5); margin:0 .5em;}
.titsa:after{content:'\e601';}
.titsa:before{content:'\e601';}
.titsa.nL{text-align: left; border-bottom:1px solid #ccc; padding:.5em 0; font-size:1em}
.titsa.nL:before{margin:0 .3em 0 0;}
.titsa.nL:after{display: none;}
.titsa.nL.mb1{margin-bottom:1em;}
.titsa.ns{position:relative; padding-top:1em;}
.titsa.ns div{float: right; font-size:12px; color:#999; text-align: right;}
.titsa.ns div span{display:block;}
.titsa.ns div span a{font-size:1.2em; margin-top:.3em; display: inline-block;}
.titsa.ns div span a:before{content:'\e60c'; font-family: iconfont; margin-right:.3em;}
.titsa.l{text-align:left; padding:.7em 0; font-size:1em}
.titsa.l:after{display:none}

.lipro li{float:left; width:18.5%; background-color:#fff; border:1px solid #d7d7d7; border-radius:.5em; margin:0 .5% 1%; overflow:hidden; padding-bottom:.5em;}
/*.lipro li:nth-child(5n){margin-right:0;}*/
.lipro li a.pic{height:11em; display: block; margin:.5em;}
.lipro li a.pic img{object-fit: contain;}
.lipro li a.tit{display: block; color:#000; max-width:80%; margin:0 auto; font-size:.7em; line-height:1.1em; text-align: center; min-height:3.3em;}
.lipro li .more{display: block; text-align: center; font-size:.65em; line-height:2em; opacity:.8; border-top:1px solid #000; max-width:90%; margin:.5em auto 0;}
.lipro li .more:after{content:'\e606'; font-family: iconfont; display: inline-block; transform: scale(.8); margin-left:.5em;}

.boxAbt{position: relative}
.boxAbt>i{content:''; display: block; position: absolute; background: no-repeat center center; background-size:cover; width:38%; height:100%; left:0; top:0; bottom:0; object-fit: cover;}/* */
.boxAbt>i img{display:block; width:100%; height:100%}
.boxAbt div{margin-left:40%; height:100%; width:60%}
.boxAbt div p{font-size:.7em; padding-bottom:1em; color:#000; line-height:1.6em;}
.boxAbt div p:last-of-type{padding-bottom:0}

.linews{margin:2em 0 0}
.linews li{float: left; width:50%; margin-bottom:1em}
.linews li:nth-child(2n+1){clear:left}
.linews li .pic{width:7.5em; height:5em; float:left}
.linews li div{margin-left:8.5em; padding-right:1em}
.linews li div a{font-size:.7em; border-bottom:1px solid #000; color:#000;}
.linews li div a:before{content:'\e601'; font-family: iconfont; color:#da251e; transform: scale(.8); display: inline-block;}
.linews li div span{font-size:.6em; color:#999; display:block; padding:1em 0; max-height: 1.6em; margin-bottom: 1em;}
.linews li div em{display: block; font-size:.7em;}
/*.linews li div em:before{content:'\e61b'; font-family: iconfont; margin-right:.5em;}*/
.linews.ss li div em{display:none}
.linews.ss li .pic{margin-right:.7em; width:6em; height:3.7em;}
.linews.ss li div{margin-left:0}

.nbanner img{display: block; width:100%;}
.nbanner_pro{background: no-repeat center center; background-size: cover; height:430px; max-width:1920px; margin:0 auto;}
.nbanner_pro{height:auto;/*510px;*/}
.nbanner_pro img{display: block; max-width:100%; margin:0 auto}
.boxPro{max-width:1440px; margin:0 auto; padding:2em 0;}
.amd{position: relative; top:-51px; font-size:0; width:0; height:0;}
.boxPro .amd{top:-91px}
.boxPro>.left{width:274px; float: left; position: sticky; top:60px;}
.boxPro>.left .titsa{font-size:1em; border-bottom:none; padding-top:0}
.boxPro>.left li a{font-size:13px; display: block; background-color: #fff; border-radius:.4em; line-height:2.4em; margin-bottom:.5em; padding-left:2.2em; position: relative}
.boxPro>.left li li a{padding-left: 3em}
.boxPro>.left li.on>a{color:#fff; background-color:#da251e}
.boxPro>.left li:hover>a:before,.boxPro>.left li.on>a:before,.boxPro>.left li.sub>a:before{content:'\e69b'; font-family: iconfont; position: absolute; left:1em; top:50%; transform: translate(0,-50%)}
.boxPro>.left li.on.sub>a{background-color: #fff; color:#d81e06}
.boxPro>.left li.sub>a:before{transform: translate(0,-50%) rotate(90deg)}
.boxPro>.left li li:hover>a:before,.boxPro>.left li li.on>a:before{left:1.8em}
.boxPro>.left img{display: block; max-width:100%}
.boxPro>.right{margin-left:300px; min-height:630px}
.boxPro>.right .titsa{padding-top:0; margin-bottom:1em}
.boxPro .lipro li{border:none;}
.boxPro .lipro li:nth-child(5n+1){clear:left}
.productTypeNav ul{display:none}
.productTypeNav li.on ul{display:block}

.proNav{background-color:#fff; border-bottom:2px solid #ddd; padding-top:.3em}
.proNav li{float:left; font-size:.8em; color:#fff; background-color:#999; padding:1em 2em; cursor:pointer; border-radius:.5em .5em 0 0; margin-right:.4em; position: relative;}
.proNav li:hover{background-color:#666;}
.proNav li.on{background-color:#da251e; color:#fff;}
/*.proNav li.m:after{content:''; width:0; height:0; position: absolute; left:50%; bottom:-8px; transform: translate(-50%,0); border-left:10px solid transparent; border-right:10px solid transparent; border-top:8px solid red;}*/
.proNav li.m.on:after{bottom:0;}
.proNav li.down{float:right; background-color: transparent; padding:0;}
.proNav li.down a{background-color: #da251e; border-radius:.5em; color:#fff; padding:.7em 1.5em; display: block; margin-top:.1em;}
.proNav li.down a:hover{opacity:.9}
.proNav li.down a:before{content:'\e604'; font-family: iconfont; margin-right:.6em; transform:scale(1.4); display: inline-block;}
.proCNT{display:none;}
.proCNT.on{display: block;}

.boxAbtN{padding:2em 1em; position: relative; margin-top:2em;}
.boxAbtN .titsa{border-bottom:none;}
.boxAbtN div{height:100%; width:100%}
.boxAbtN p{font-size:.7em; max-width:46%; padding-bottom:1em; line-height:1.8em; color:#333; width:100%;}
.boxAbtN img{position: absolute; top:10%; right:1em; max-width:44%; max-height:90%;}
.lilc li{float: left; width:49%; background-color:#ececec; border-radius:.3em; box-sizing: border-box; padding:.5em 1em; margin-bottom:1%;}
.lilc li:nth-child(3n){clear: left}
.lilc li:nth-child(2n){margin-left: 2%;}
.lilc li b{font-weight: normal; color:#000;}
.lilc li span{font-size:.7em; display: block; min-height:3em; padding-top:.3em;}
.lizs{text-align: center;}
.lizs li{display:inline-block; padding:.5em; min-width:550px;}

.titsc{font-size:.9em; color:#333; border-top:1px solid #ccc; margin:2em 0 1em; font-weight: bold; padding-top:.5em; text-transform: uppercase;}
.titsc span{float: right}

.boxselnav{text-align: center; border-bottom:1px solid #ccc; position: relative;}
.boxselnav li.h{float: left; position: absolute; left:0; top:50%; transform: translateY(-50%)}
.boxselnav li.h h1{font-size:.9em; color:#da251e}
.boxselnav li{display: inline-block;}
.boxselnav li a{display: block; font-size:.8em; padding:1.5em 1em;}
.boxselnav li.on a{color:#da251e;}

.listdwn{padding:2em 0 0;}
.listdwn li{float: left; width:19%; margin:0 1% 1em; background-color: #f5f5f5; padding:2%; border-radius:.5em;}
.listdwn li:hover{background-color:#fff; box-shadow: rgba(0,0,0,.2) 0 0 .5em;}
.listdwn li:nth-child(4n+1){clear: left}
.listdwn li em{font-size:12px; color:#888; display:none; margin-bottom:.3em;}
.listdwn li b{font-size:.8em; min-height:2.6em; font-weight: normal; text-align:left; margin-bottom:.5em; color:#000; display: block;}
.listdwn li span{font-size:12px; display: block;float: left;}
.listdwn li .bnwn{float: right; font-size:14px; opacity:.8; color: #da251e}
.listdwn li .bnwn:before{content:'\e604'; font-family: iconfont; margin-right:.5em; transform: scale(1.2); display: inline-block;}
.listdwn li .bnwn:hover{opacity:1;}

.boxlx{text-align: center; padding:4em 0;}
.boxlx img{display: block; margin:0 auto; max-width:100%;}
.boxlx .map{padding:3em 0 1em;}
.boxlx .t{position: relative; margin-bottom:1em;}
.boxlx .t b{font-size:1.6em; color:#000; position: relative; z-index:1}
.boxlx .t em{position: absolute; bottom:0; left:43%; font-size:3em; color:#ddd; font-weight: bold; white-space: nowrap; z-index:0; display: none}
.boxlx .in{display:inline-block; margin-bottom:3em; margin:0 1em; width:280px;}
.boxlx .in{display:inline;}
.boxlx .in div{display: inline-block; text-align: left; margin:1em 0;}
/*.boxlx .in div i{font-family: iconfont; border:1px solid #333; text-align: center; font-size:1.2em; margin-right:.5em; color:#333; width:1.6em; height:1.6em; line-height:1.6em; border-radius:50%; float: left;}*/
.boxlx .in div i{font-size:1.2em; background: no-repeat center center; margin-right:.5em; color:#333; width:40px; height:41px; float: left;}
.boxlx .in div i.i_phone{background-image:url("/static/front/images/i_pt.png")}
.boxlx .in div i.i_mail{background-image:url("/static/front/images/i_ml.png")}
.boxlx .in div em{margin-left:3.4em; display: block; text-transform: uppercase; font-size:.8em; color:#333; font-weight: bold;}
.boxlx .in div b{margin-left:2em; font-size:1.2em; color: #333; display: block; line-height:1em; white-space: nowrap;}
.lims{text-align: center; padding:2em 0 1em;}
.lims li{display:inline-block;}
.lims li{display:inline;}
.lims li a{display:inline-block;}
.lims li img{display:inline-block;}

.listdwli{padding:1.5em 1em;}
.listdwli li{float: left; width:48%; line-height:2em;}
.listdwli li:nth-child(2n){margin-left:4%;}
.listdwli li:before{content:''; display: inline-block; width:.3em; height:.3em; border-radius:50%; background-color:#333; margin:0 .5em .3em 0}
.listdwli li:hover:before{background-color:#f30;}


.fy{text-align: center; padding:30px 0 20px; font-size:14px;}
.fy li{display: inline-block; background-color:#f3f1ed; border-radius:5px; margin:0 3px;}
.fy li{display: inline}
.fy.sw li{background-color:#fff;}
.fy li a,.fy li span{padding:5px 12px; display:inline-block;}
.fy li:hover{background-color:#fff;}
.fy li.thisclass{background-color:#da251e;}
.fy li.thisclass a,.fy li.thisclass span{color:#fff;}
.fy .pageinfo{display: none;}
.boxun{font-size:14px; line-height:24px; padding:20px 20px 40px;}
.boxun .back{float: right; margin-top:10px;}
/*.footer{background:url("http://www.sbwy.net/images/index_71.jpg") #777 repeat-x center center / cover; margin-top:2em; padding-top:2em;}*/
.footer{margin-top:2em; padding-top:2em;
    background-image: -moz-linear-gradient( -90deg, rgb(111,111,111) 0%, rgb(50,50,50) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(111,111,111) 0%, rgb(50,50,50) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(111,111,111) 0%, rgb(50,50,50) 100%);
}
.footer a{color:#eee;}
.footer a:hover{color:#fff;}
.footer .boxmsg{float: left; max-width:490px; position: relative; margin-bottom:40px}
.footer .boxmsg b{font-size:1.4em; color:#fff; display: block; text-transform: uppercase; padding-bottom:.5em;}
.footer .boxmsg .ipt{border:none; border-radius:.5em; font-size:14px; padding:.5em 1em; box-sizing: border-box;}
.footer .boxmsg input.ipt{width:49%; margin-bottom:2%;}
.footer .boxmsg input.ipt.name{margin-right:2%;}
.footer .boxmsg textarea.ipt{width:100%; display: block;}
.footer .boxmsg .bn{position: absolute; right:0; bottom:0; border:none; background-color:#da251e; color:#fff; font-size:14px; border-radius:.5em 0 .5em 0; padding:.4em 1.5em; cursor: pointer;}
.footer .boxmsg .bn:hover{opacity:.8;}
.footer .ftct{float: right; position: relative; padding-right:8em;}
.footer .ftct b{font-size:.9em; font-weight: normal; color:#fff; text-transform: uppercase; margin-bottom:.5em; display: block;}
.footer .ftct p{font-size:.7em; color:#eee; line-height:1.6em;}
/*.footer .ftct:after{content:''; background: url("/static/front/images/ft_2wm.png") no-repeat center center; background-size: cover; width:6.3em; height:6.3em; position:absolute; top:.5em; right:0;}*/
.footer .ftct img{width:6.3em; height:6.3em; position:absolute; top:1em; right:0;}
.footer .fnav{border-top:1px solid #414242; margin-top:2em; text-align: center;}
.footer .fnav span{display: inline-block; text-transform: uppercase;}
.footer .fnav span a{font-size:.7em; line-height:3.4em; display: block; padding:0 1em;}
.footer .cp{background-color:#333; text-align: right; line-height:1em; padding:.5em 0; color:#eee}
.footer .cp span{font-size:.7em;}
.footer .cp .box:before{content:''; background: url("/static/front/images/logo_f.png") no-repeat center center; background-size: cover; font-size:1em; width:13.4em; height:1.25em; display: block; float: left;}

.boxcnt *{background-color: transparent!important;}
.listFS{display: flex; justify-content: space-between;}
.listFS li{width:24%; float:left; margin-right:1.333%;}
.listFS li:nth-child(4n){margin-right:0}
.listFS li a{display: block; text-align: center}
.listFS li .pic{height:10em; display: block}
.listFS li span{padding:1em 0; display: block; font-size:.75em}