@charset "utf-8";
/* CSS Document */
* {
font-family: "Arial";
word-wrap: normal;
word-break: normal;
}
a:active, a:hover {
color: #181818;
text-decoration: none;
}
a:hover, a:focus {
color: #181818;
text-decoration: underline;
}
.container {
width: 100%;
max-width: 100%;
}
.fa_ani * {
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari 和 Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.fa_ani *:before {
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari 和 Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.fa_ani *:after {
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari 和 Chrome */
-o-transition: all 0.5s;
/* Opera */
}
a {
cursor: pointer;
}
body, html {
overflow-x: hidden !important;
}
a:focus, a:active, a:hover, a:visited {
outline: none !important;
text-decoration: none;
}
i {
font-style: normal;
}
.w_grid-000 > div > .p_gridbox {
overflow: visible;
}
.w_grid-000 > div > .p_gridbox:before, .w_grid-000 > div > .p_gridbox:after {
clear: both;
display: table;
content: " ";
min-height: 0px;
}
.fa_clearfix:before, .fa_clearfix:after {
display: table;
clear: both;
content: "";
}
.fa_imgbig {
overflow: hidden;
width: 100%;
}
.fa_imgbig:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
/* IE 9 */
-webkit-transform: scale(1.2);
/* Safari 和 Chrome */
-o-transform: scale(1.2);
/* Opera */
-moz-transform: scale(1.2);
/* Firefox */
}
.fa_flexline {
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.fa_flexwrap {
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
}
.fa_flex_between {
-webkit-box-pack: justify;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.fa_flex_Xend {
-webkit-box-pack: end;
-moz-justify-content: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.fa_flex_Xcenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.fa_flex_Yend {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.fa_flex_Ycenter {
-webkit-box-align: center;
-moz-align-items: center;
-webkit-align-items: center;
align-items: center;
}
.fa_centerY {
position: relative;
top: 50%;
/*偏移*/
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.fa_textoverflow {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
opacity: 1;
text-transform: uppercase;
}
.fa_Img{
position:relative;
width:100%;
overflow: hidden;
}
.fa_Img img{
position: absolute;
min-width: 100%;
min-height: 100%;
max-width:150%;
max-height:150%;
left: 50%;
top:50%;
transform: translate(-50%,-50%);
transition: all 0.5s;
}
.container {
width: 100%;
margin: 0;
padding: 0;
}
.p_NewsDetail img {
max-wight: 100%;
}
/*内页导航*/
.p_problemCategory {
display: none;
}
.fa_PageNav>a {
display: block;
font-size: 16px;
padding: 10px 30px;
color: #000;
position: relative;
text-transform: uppercase;
float: left;
-o-transition: all 0.5s;
}
.fa_PageNav>a:hover {background: transparent;color: #c7271e;}
.fa_PageNav>.fa_navon {
background: transparent;
color: #c7271e;
}
/*关联产品*/
.fa_Related > a {
display: block;
width: calc((100% - 60px)/4);
float: left;
padding: 20px;
margin-right: 20px;
}
.fa_Related > a:last-child {
margin-right: 0;
}
.fa_Related > a img {
width: 100%;
}
.fa_Related > a p {
margin-top: 20px;
font-size: 18px;
text-align: center;
color: #333;
}
/**/
.fa_AbList {
margin: 80px 0 30px;
}
.fa_AbList h3 {
font-size: 24px;
color: #333;
font-weight: 300;
margin-bottom: 30px;
}
.fa_AbList .fa_Abli {
display: block;
width: calc((100% - 60px) / 4);
margin-right: 20px;
margin-bottom: 20px;
background: #fafafa;
}
.fa_AbList .fa_Abli .fa_ABli_img {
overflow: hidden;
width: 100%; text-align: center;
min-height: 282px; position: relative;
}
.fa_AbList .fa_Abli .fa_ABli_img img {
position: absolute;
width: auto;
transition: all 0.5s;
max-width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1);
}
.fa_AbList .fa_Abli:nth-child(4n) {
margin-right: 0;
}
.fa_AbList .fa_Abli:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
/* IE 9 */
-webkit-transform: scale(1.2);
/* Safari 和 Chrome */
-o-transform: scale(1.2);
/* Opera */
-moz-transform: scale(1.2);
/* Firefox */ transform: translate(-50%, -50%) scale(1.2);
}
.fa_AbList .fa_Abli .fa_ABli_tit {
padding: 20px 15px;
color: #333;
width: 100%;
text-align: center;
text-transform: capitalize;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.fa_PageCate .fa_CateTit h3{
font-size:30px;
font-weight:bold;
margin-bottom:10px;
color:#181818;
text-align:center;
}
.fa_PageCate .fa_CateTit article{
font-size:16px;
line-height: 2;
margin:auto;
max-width: 800px;
color:#666;
width:80%;
text-align:center;
}
.fa_PageCate{
margin-bottom:30px;
}
.fa_l4 {
display: block;
width: calc((100% - 60px) / 4);
margin-right: 20px;
margin-bottom: 20px;
}
.fa_l4:nth-child(4n) {
margin-right: 0;
}
.fa_l3 {
display: block;
width: calc((100% - 60px) / 3);
margin-right: 30px;
margin-bottom: 30px;
}
@media screen and (min-width:769px) {
.fa_l3:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.fa_l3 {
display: block;
width: calc((100% - 10px) / 2);
margin-right: 10px;
margin-bottom: 10px;
}
.fa_l3:nth-child(2n) {
margin-right: 0;
}
.fa_l4 {
display: block;
width: calc((100% - 10px) / 2);
margin-right: 10px;
margin-bottom: 10px;
}
.fa_l4:nth-child(2n) {
margin-right: 0;
}
.fa_PageCate .fa_CateTit h3{
font-size:24px;
}
.fa_Related > a, .fa_AbList .fa_Abli {
width: calc((100% - 20px)/2);
}
.fa_Related > a:nth-child(2n), .fa_AbList .fa_Abli:nth-child(2n) {
margin-right: 0;
}
.p_btn-hide {
background: #da241a;
}
.p_btn-hide .p_c-fff {
background: #da241a;
}
.fa_PageNav {
display: none;
}
.p_problemCategory {
display: block;
}
.p_problemCategory .btn-primary {
width: 100%;
border: none;
border-radius: 0;
text-align: center;
background: #da241a;
padding: 15px 20px;
}
input.form-control::-webkit-input-placeholder {
font-size: 14px;
line-height: 1.42857143;
}
input.form-control::-moz-placeholder {
font-size: 14px;
line-height: 1.42857143;
}
input.form-control:-ms-input-placeholder {
font-size: 14px;
line-height: 1.42857143;
}
input.form-control:-moz-placeholder {
font-size: 14px;
line-height: 1.42857143;
}
}
.fa_More a {
display: inline-block;
padding: 10px 30px;
color: #fff;
text-transform: uppercase;
border:#da241a solid 1px;
position:relative;
transition: all 0.5s;
min-width:180px;
text-align:center;
background:#da241a;
}
.fa_More a i{display:inline-block;height:11px;width:25px;background:url('/img/lg_jt.png') no-repeat center;background-size:contain;margin-left:10px;transition: all 0.5s;}
.fa_More a:hover{
color:#da241a;
border-color:#da241a;
background: transparent;
}
.fa_More a:hover i{
background:url('/img/lg_jt2.png') no-repeat center;
transform:translateX(20px);
}
.fa_More a:hover:before{
width:0;
opacity:0;
}
.fa_More a:hover:after{
width:80px;
opacity:1;
}
.p_page .pageNum.active, .p_page .next:active, .p_page .next:hover, .p_page .pageNum:hover, .p_page .pageNum:active, .p_page .pre:active, .p_page .pre:hover {
background-color: #da241a;
border-color: #da241a;
}
.p_pagebox .next, .p_pagebox .pre {
background-color: #da241a;
}
/**/
#easy_zoom {
transition: all 0s;
-moz-transition: all 0s;
/* Firefox 4 */
-webkit-transition: all 0s;
/* Safari 和 Chrome */
-o-transition: all 0s;
}
#easy_zoom * {
transition: all 0s;
-moz-transition: all 0s;
/* Firefox 4 */
-webkit-transition: all 0s;
/* Safari 和 Chrome */
-o-transition: all 0s;
/* Opera */
}
.p_ProductDetail img, .p_NewsDetail img ,.p_contentBox img{
max-width: 100%;
height: auto !important;
}
.p_content .reset_style {
line-height:2;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus .p_pagebox .next, .p_pagebox .pre {
background-color: #da241a;
}
/*加载动效 topshow（从上往下）fa_LeftShow （从左往右） */
.delighter{
overflow:hidden;
position:relative;
}
.fa_TopShow.delighter:before{
width:100%;
position:absolute;
height:100%;
top:0;
left:0;
transform: translateY(0%);
display:block;
background:#fff;
z-index:10;
content:"";
transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.fa_TopShow.started.delighter:before{
transform: translateY(100%);
}
.fa_LeftShow.delighter:before{
width:100%;
position:absolute;
height:100%;
top:0;
left:0;
transform: translateX(0%);
display:block;
background:#fff;
z-index:10;
content:"";
transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.fa_LeftShow.started.delighter:before{
transform: translateX(100%);
}
.fa_RightShow.delighter:before{
width:100%;
position:absolute;
height:100%;
top:0;
left:0;
transform: translateX(0%);
display:block;
background:#fff;
z-index:10;
content:"";
transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.fa_RightShow.started.delighter:before{
transform: translateX(-100%);
}
.fa_BottomShow.delighter:before{
width:100%;
position:absolute;
height:100%;
top:0;
left:0;
transform: translateX(0%);
display:block;
background:#fff;
z-index:10;
content:"";
transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.fa_BottomShow.started.delighter:before{
transform: translateY(-100%);
}
/*内页banner动画*/
@-webkit-keyframes fa_scale_b {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
}
@-moz-keyframes fa_scale_b {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
}
@-o-keyframes fa_scale_b {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
}
@-webkit-keyframes fa_scale_a {
0% {
-webkit-transform:translateX(-50%) scale(1);
-moz-transform:translateX(-50%) scale(1);
-ms-transform:translateX(-50%) scale(1);
-o-transform:translateX(-50%) scale(1);
transform:translateX(-50%) scale(1);
}
50% {
-webkit-transform:translateX(-50%) scale(1.5);
-moz-transform:translateX(-50%) scale(1.5);
-ms-transform:translateX(-50%) scale(1.5);
-o-transform:translateX(-50%) scale(1.5);
transform:translateX(-50%) scale(1.5);
}
100% {
-webkit-transform:translateX(-50%) scale(2);
-moz-transform:translateX(-50%) scale(2);
-ms-transform:translateX(-50%) scale(2);
-o-transform:translateX(-50%) scale(2);
transform:translateX(-50%) scale(2);
}
}
@-moz-keyframes fa_scale_a {
0% {
-webkit-transform:translateX(-50%) scale(1);
-moz-transform:translateX(-50%) scale(1);
-ms-transform:translateX(-50%) scale(1);
-o-transform:translateX(-50%) scale(1);
transform:translateX(-50%) scale(1);
}
50% {
-webkit-transform:translateX(-50%) scale(1.5);
-moz-transform:translateX(-50%) scale(1.5);
-ms-transform:translateX(-50%) scale(1.5);
-o-transform:translateX(-50%) scale(1.5);
transform:translateX(-50%) scale(1.5);
}
100% {
-webkit-transform:translateX(-50%) scale(2);
-moz-transform:translateX(-50%) scale(2);
-ms-transform:translateX(-50%) scale(2);
-o-transform:translateX(-50%) scale(2);
transform:translateX(-50%) scale(2);
}
}
@-o-keyframes fa_scale_a {
0% {
-webkit-transform:translateX(-50%) scale(1);
-moz-transform:translateX(-50%) scale(1);
-ms-transform:translateX(-50%) scale(1);
-o-transform:translateX(-50%) scale(1);
transform:translateX(-50%) scale(1);
}
50% {
-webkit-transform:translateX(-50%) scale(1.5);
-moz-transform:translateX(-50%) scale(1.5);
-ms-transform:translateX(-50%) scale(1.5);
-o-transform:translateX(-50%) scale(1.5);
transform:translateX(-50%) scale(1.5);
}
100% {
-webkit-transform:translateX(-50%) scale(2);
-moz-transform:translateX(-50%) scale(2);
-ms-transform:translateX(-50%) scale(2);
-o-transform:translateX(-50%) scale(2);
transform:translateX(-50%) scale(2);
}
}
@-ms-keyframes fa_scale_a {
0% {
-webkit-transform:translateX(-50%) scale(1);
-moz-transform:translateX(-50%) scale(1);
-ms-transform:translateX(-50%) scale(1);
-o-transform:translateX(-50%) scale(1);
transform:translateX(-50%) scale(1);
}
50% {
-webkit-transform:translateX(-50%) scale(1.5);
-moz-transform:translateX(-50%) scale(1.5);
-ms-transform:translateX(-50%) scale(1.5);
-o-transform:translateX(-50%) scale(1.5);
transform:translateX(-50%) scale(1.5);
}
100% {
-webkit-transform:translateX(-50%) scale(2);
-moz-transform:translateX(-50%) scale(2);
-ms-transform:translateX(-50%) scale(2);
-o-transform:translateX(-50%) scale(2);
transform:translateX(-50%) scale(2);
}
}
/*swiper*/
.fa_SwpBtn>div{
position:absolute;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 0.5s;
top:50%;
z-index: 20;
cursor: pointer;
font-size:20px;
color:#fff;
border:solid rgba(255,255,255,1) 1px;
width:40px;
height:40px;
line-height:40px;
border-radius:50%;
text-align:center;
}
.fa_SwpBtn>div:hover{
transform: translateY(-50%) scale(1.2); border:solid rgba(255,255,255,1) 1px;
}
.fa_SwpBtn .fa_SwpBtn_l{
left:5%;
}
.fa_SwpBtn .fa_SwpBtn_r{
right:5%;
}
.fa_pagination{
position:absolute;
bottom:5%;
width:100%;
left:0;
right:0;
text-align:center;
z-index:99;
}
.fa_pagination span{
width:8px;
height:8px;
background:rgba(255,255,255,0.5);
display:inline-block;
border-radius:500px;
margin:0 5px;
transition: all 0.5s;
cursor: pointer;
}
.fa_pagination span.swiper-pagination-bullet-active{
background:rgba(255,255,255,1);
width:50px;
}
/*首页标题*/
.fa_Title h3{color:#ccc;text-transform: uppercase;font-size:30px;margin-bottom:5px;}
.fa_Title{display:flex;flex-wrap:wrap;position:relative; align-items: flex-end;}
.fa_Title p{font-size:22px;color:#000;}
.fa_Title p span{color:#181818;}
.fa_Title a{font-size:14px;color:#000;}
.fa_Title a i{ background: #ccc;
border-radius: 50%;
color: #fff;
width: 18px;
display: inline-block;
height: 18px;
text-align: center;
line-height: 18px;}
@media screen and (min-width:769px) {
.fa_Title{justify-content: space-between;}
.fa_Title>div{width:fit-content;background:#fff;position:relative;z-index:5;}
}
@media screen and (max-width:768px) {
.fa_Title>div{width:100%;}
}