/* CSS Document */
/*Reset*/
html {
height: 100%
}
body {
min-height: 100%
}
body {
_height: 100%
}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure {
margin: 0;
padding: 0
}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption {
*zoom: 1
}
iframe, frame, fieldset, img {
border: 0 none
}
img {
vertical-align: top
}
input[type=text], input[type=password], input[type=file], textarea {
-webkit-border-radius: 0;
-webkit-appearance: normal
}
input[type=search] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box
}
textarea {
overflow: auto;
resize: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none
}
caption, th {
text-align: left
}
th {
font-weight: normal
}
em, cite, address, i {
font-style: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
ol, ul, li {
list-style: none;
}
q:before, q:after {
content: '';
}
abbr, acronym, fieldset, img {
border: 0 none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}
input[type="text"], textarea {
outline: none;
}
input[type="radio"], input[type="checkbox"] {
vertical-align: middle;
}
input[type="submit"], input[type="button"], input[type="reset"], button {
cursor: pointer;
outline: none;
text-align: center;
}
.clf:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clf {
zoom: 1;
} /* IE6 */
*:first-child+html .clf {
zoom: 1;
} /* IE7 */
.fixed:after, .clf:after, .cf:after, .header:after, .main:after, .footer:after {
content: " ";
display: block;
clear: both;
height: 0;
overflow: hidden
}
.fixed, .clf, .cf, .header, .main, .footer {
*zoom: 1
}
.cl {
display: block!important;
float: none!important;
clear: both;
width: auto!important;
max-width: none!important;
min-width: 0!important;
max-height: none!important;
min-height: 0!important;
overflow: hidden;
margin: 0!important;
padding: 0!important;
border: 0 none!important;
font-size: 0!important;
line-height: 0!important
}
.tl {
text-align: left;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.vt {
vertical-align: top;
}
.vm {
vertical-align: middle;
}
.vb {
vertical-align: bottom;
}
.fl {
float: left;
}
.fr {
float: right;
}
.fl, .fr {
display: inline;
}
.ti2 {
text-indent: 2em;
}
em {
font-weight: 900;
}
body, input, select, button, textarea {
font-size: 12px;
font-family: "微软雅黑";
color: #000;
line-height: 21px;
}
body {
text-align: left;
margin: 0 auto;
behavior: url("https://www.mrkl.com.cn/template/pc/skin/css/csshover.htc");
}
a * {
*cursor: pointer
}
:focus {
outline: none
}
a:focus {
outline: none;
}
a {
blr:expression(this.onFocus=this.blur());
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.font30 {
font-size: 30px;
}
.font26 {
font-size: 26px;
}
.font24 {
font-size: 24px;
}
.font18 {
font-size: 18px;
}
.font16 {
font-size: 16px;
}
.font15 {
font-size: 15px;
}
.font14 {
font-size: 14px;
}
.font12 {
font-size: 12px
}
/**/
.page {
text-align: center;
padding: 30px 0px 30px 0;
width: 100%;
}
.page li {
display: inline-block;
height: 45px;
}
.page li a {
padding: 10px 15px;
margin-left: 3px;
vertical-align: middle;
border: 1px solid #ddd;
}
.page li a:hover {
background-color: #d8202f;
color: #fff;
}
.page .active a {
background-color: #d8202f;
color: #fff;
}
.page .disabled, .page .current {
/* border: 1px solid #ddd; */
padding: 10px 15px;
height: 26px;
line-height: 26px;
vertical-align: middle;
}
/* left2 侧栏导航1公共样式*/
.left2 {
width: 23%;
float: left;
}
.left2 .top {
width: 100%;
height: 80px;
background: #E62129;
}
.left2 .top h2 {
height: 80px;
/* text-indent: 28px; */
/* background: url(../images/left2_icon01.png) no-repeat 218px center; */
text-align: center;
line-height: 80px;
font-size: 24px;
color: #fff;
font-weight: normal;
}
.left2 .top h2 a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.left2 .classify .box {
border: 1px solid #e4e4e4;
border-top: none;
position: relative;
}
.left2 .classify .box:first-child {
border-top: 1px solid #e4e4e4;
}
.left2 .classify dl {
}
.left2 .classify dt {
font-size: 20px;
font-weight: normal;
color: #333333;
background: url(../images/mub02_jt03.png) no-repeat 194px 20px;
}
.left2 .classify dt a {
color: #333333;
display: block;
padding: 14px 19px 18px 30px;
}
.left2 .classify dd {
}
.left2 .classify dd p {
border-left: 1px solid #e4e4e4;
height: 35px;
line-height: 35px;
margin: 0px 19px 0px 30px;
}
.left2 .classify dd p:last-child {
margin-bottom: 14px;
}
.left2 .classify dd p a {
font-size: 15px;
color: #333333;
display: block;
text-indent: 16px;
text-decoration: none;
}
.left2 .classify .box i {
display: none;
width: 3px;
height: 100%;
position: absolute;
left: -1px;
top: 0;
background: #E62129;
}
.left2 .classify .box:hover {
background: #f5f5f5;
}
.left2 .classify .box:hover i {
display: block;
}
.left2 .classify .box dt.cur {
background: url(../images/mub02_jt04.png) no-repeat 194px 6px;
font-weight: bold;
}
.left2 .classify .box:hover dt a, .left2 .classify .box dt.cur a {
color: #E62129;
display: block;
text-decoration: none;
}
.left2 .classify .box:hover dt {
background: url(../images/mub02_jt04.png) no-repeat 194px 20px;
font-weight: bold;
}
.left2 .classify dd p:hover a, .left2 .classify dd p.cur a {
color: #fff;
}
.left2 .classify dd p:hover, .left2 .classify dd p.cur {
background: url(../images/mub02_jt02.png) no-repeat 194px center #E62129;
}
.left2 .sidebarLinkUs {
border: 1px solid #e4e4e4;
margin-top: 20px;
padding: 0 19px 20px;
margin-bottom: 20px;
}
.left2 .sidebarLinkUs h3 {
font-size: 18px;
color: #E62129;
font-weight: normal;
height: 59px;
line-height: 59px;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 18px;
text-indent: 10px;
}
.left2 .sidebarLinkUs p {
font-size: 14px;
color: #333333;
margin-bottom: 12px;
line-height: 20px;
padding: 0 10px;
}
.left2 .sidebarLinkUs .zxzx {
display: block;
width: 160px;
height: 50px;
overflow: hidden;
background: #E62129;
text-decoration: none;
margin-top: 20px;
}
.left2 .sidebarLinkUs .zxzx span {
display: block;
width: 50px;
height: 50px;
float: left;
border-right: 1px solid #fff;
background: url(../images/zxzx_icon01.png) no-repeat center;
}
.left2 .sidebarLinkUs .zxzx em {
display: block;
width: 109px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #fff;
float: left;
}
.left2 .sidebarLinkUs .zxzx em img {
display: inline-block;
*display: inline-block;
position: relative;
top: 2px;
margin-left: 8px;
}
/* left3 侧栏导航2公共样式*/
.left3 .classify {
border: 1px solid #e4e4e4;
border-top: none;
position: relative;
}
.left3 .classify li {
height: 58px;
border-top: 1px solid #e4e4e4;
text-indent: 28px;
font-size: 15px;
color: #333333;
line-height: 58px;
background: url(../images/mub02_jt03.png) no-repeat 224px center;
}
.left3 .classify li a {
color: #333333;
display: block;
text-decoration: none;
}
.left3 .classify li:hover, .left3 .classify li.cur {
background: url(../images/mub02_jt04.png) no-repeat 224px center #f5f5f5;
}
.left3 .classify li:hover a, .left3 .classify li.cur a {
color: #E62129;
font-weight: bold;
}
.left3 .classify i {
display: block;
width: 3px;
background: #E62129;
position: absolute;
left: -1px;
top: 0;
z-index: 9;
}
.left3 .xgzx {
border: 1px solid #e4e4e4;
margin-top: 20px;
padding: 0 5px 16px;
}
.left3 .xgzx h3 {
font-size: 18px;
color: #E62129;
font-weight: normal;
height: 59px;
line-height: 59px;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 18px;
text-indent: 10px;
}
.left3 .xgzx ul li {
font-size: 14px;
color: #333333;
margin-bottom: 10px;
padding: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.left3 .xgzx ul li em {
display: inline-block;
text-align: center;
padding-right: 10px;
font-style: italic;
font-size: 14px;
color: #E62129;
}
.left3 .xgzx ul li .em1 {
color: #E62129;
font-weight: bold;
font-size: 16px;
}
.left3 .xgzx ul li .em2 {
color: #E62129;
font-weight: bold;
font-size: 16px;
}
.left3 .xgzx ul li .em3 {
color: #E62129;
font-weight: bold;
font-size: 16px;
}
.left3 .xgzx ul li a {
color: #333333;
}
.left3 .xgzx ul li:hover a {
color: #E62129;
}
.left4 {
display: none;
}
/* 属性 */
.filter-box .padding-big {
padding: 5px 18px
}
.filter-box dl {
margin: 15px 0;
font-size: 14px;
}
.filter-box dl dt {
width: 10%;
display: block;
float: left;
line-height: 24px;
font-weight: normal
}
.filter-box dl dd {
display: block;
float: left;
position: relative;
}
.filter-nav ul li {
margin: 0;
display: block;
float: left;
width: auto;
line-height: 24px;
}
.filter-nav ul li a {
margin: 0 10px 0 0;
padding: 2px 5px;
cursor: pointer;
display: block;
color: #6E6E6E;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}
.filter-nav ul li a:hover {
color: #E62129;
}
.filter-nav ul li a.active {
color: #fff;
background: #E62129
}
.filter-nav ul li b {
font-weight: normal;
}
/* 产品描述 */
.pro-desc-title {
text-align: center;
padding: 40px 0 20px;
}
.pro-desc-title p {
font-size: 40px;
font-weight: bold;
font-family: SourceHanSansSC;
color: #2D2D2D;
line-height: 50px;
}
.pro-desc-title p::after {
content: "";
display: block;
width: 106px;
height: 5px;
background: #2D2D2D;
border-radius: 3px;
margin: 15px auto 0;
}
.cpcs_img {
border-radius: 20px;
overflow: hidden;
}
.cpcs_img img {
width: 100%;
}
.cpcs_table {
display: flex;
flex-wrap: wrap;
border-radius: 20px;
overflow: hidden;
margin-top: 20px;
}
.cpcs_item50 {
width: 50%;
}
.cpcs_item100 {
width: 100%;
}
.cpcs_item {
display: flex;
border-bottom: 1px solid #fff;
}
.cpcs_item .tits {
width: 170px;
text-align: center;
font-size: 22px;
line-height: 32px;
background: #777777;
color: #FFFFFF;
padding: 12px 0;
}
.cpcs_item .desc {
width: calc(100% - 170px);
padding: 12px 20px;
box-sizing: border-box;
font-size: 22px;
line-height: 32px;
background: #F5F5F5;
}
.cpys_list {
display: flex;
flex-wrap: wrap;
}
.cpys_item {
width: 25%;
text-align: center;
margin: 40px 0 30px;
}
.cpys_item img {
width: 80px!important;
;
}
.cpys_item p {
font-size: 18px;
font-family: SourceHanSansSC;
color: #2D2D2D;
line-height: 25px;
margin-top: 10px;
}
.cpys_content {
background: #F5F5F5;
border-radius: 20px;
padding: 40px 30px 20px;
}
.cpys_content .p {
font-size: 18px;
color: #2D2D2D;
line-height: 30px;
margin-bottom: 15px;
}
.cpys-imgs1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cpys-imgs1 .cpys-img {
width: calc(50% - 10px);
text-align: center;
background: #FFFFFF;
box-shadow: 2px 2px 3px 0px rgba(0,113,189,0.3100);
border-radius: 10px;
overflow: hidden;
padding: 10px 0;
margin-bottom: 20px;
}
.cpys-imgs1 .cpys-img img {
width: 100%;
}
.cpys-imgs1 .cpys-img p {
font-size: 18px;
color: #2D2D2D;
line-height: 30px;
padding-top: 8px;
}
.cpys-imgs1 .cpys-img p b {
font-weight: bold;
}
.cpys-imgs2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cpys-imgs2 .cpys-img {
width: calc(50% - 10px);
text-align: center;
padding: 10px 0;
margin-bottom: 20px;
}
.cpys-imgs2 .cpys-img img {
width: 100%;
box-shadow: 2px 2px 3px 0px rgba(0,113,189,0.3100);
border-radius: 10px;
overflow: hidden;
}
.cpys-imgs2 .cpys-img p {
font-size: 18px;
color: #2D2D2D;
line-height: 30px;
padding-top: 8px;
}
.cpys-imgs2 .cpys-img p b {
font-weight: bold;
}
.yyly_box {
}
.yyly_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.yyly_item {
width: calc(33.333% - 14px);
margin-bottom: 20px;
}
.yyly_item .img {
overflow: hidden;
}
.yyly_item .img img {
width: 100%;
}
.yyly_item p {
display: block;
height: 44px;
line-height: 44px;
text-align: center;
background: #777777;
font-size: 18px;
color: #FFFFFF;
}
.why_item {
}
.why_item .q {
font-size: 24px;
font-weight: bold;
font-family: SourceHanSansSC;
color: #2D2D2D;
line-height: 38px;
}
.why_item .a {
font-size: 18px;
color: #2D2D2D;
line-height: 32px;
font-family: SourceHanSansSC;
margin: 15px 0;
}
.why_item .img {
}
.why_item .img img {
width: 100%;
}
.why_item+.why_item {
margin-top: 50px;
}
.gszs_title {
text-align: center;
}
.gszs_title p {
font-size: 18px;
color: #2D2D2D;
line-height: 32px;
}
.gszs_title img {
width: 100%;
margin-top: 20px;
}
.swiper-container-honor {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
margin-top: 15px;
}
.swiper-container-honor .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.gszz-item {
}
.gszz-item .img {
}
.gszz-item .img img {
width: 100%;
}
.gszz-item p {
height: 75px;
line-height: 75px;
background: #777777;
text-align: center;
color: #FFFFFF;
font-size: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gszh_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
overflow: hidden;
border-radius: 30px;
}
.gszh_item {
width: calc(50% - 9px);
margin-bottom: 18px;
}
.gszh_item:nth-last-child(1), .gszh_item:nth-last-child(2) {
margin-bottom: 0;
}
.gszh_item .img {
}
.gszh_item .img img {
width: 100%;
}
.gszh_item p {
height: 55px;
line-height: 55px;
background: #777777;
text-align: center;
color: #FFFFFF;
font-size: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gdcp_img {
display: block;
}
.gdcp_img img {
width: 100%;
}
.conBox .box1 {
width: 100%;
margin-top: 20px;
}
.conBox .box1 .Input {
width: 300px;
height: 45px;
border: 1px solid #e4e4e4;
float: left;
margin-bottom: 10px;
}
.conBox .box1 input {
width: 300px;
padding-left: 22px;
padding-right: 51px;
font-size: 16px;
color: #999999;
line-height: 45px;
outline: none;
border: none;
}
.conBox .box1 .Input1 {
margin-left: 0;
}
.conBox .box1 .Input1 input {
background: url(https://www.mrkl.com.cn/template/pc/skin/images/prodetailsly_icon011.png) no-repeat 386px center;
}
.conBox .box1 .Input2 input {
background: url(https://www.mrkl.com.cn/template/pc/skin/images/prodetailsly_icon02.png) no-repeat 386px center;
}
.conBox .box1 .yzmtj {
margin-top: 20px;
}
.conBox .box1 .yzmtj img {
margin: 10px 0px 15px 15px;
}
.conBox .box1 .yzmtj .sr {
width: 250px;
float: left;
border: 1px solid #e0e0e0;
}
.conBox .box1 .yzmtj .sr span {
display: block;
font-size: 16px;
color: #999999;
display: block;
height: 58px;
line-height: 58px;
float: left;
border-right: 1px solid #e0e0e0;
width: 100px;
text-align: center;
}
.conBox .box1 .yzmtj .sr input {
padding: 0 10px;
width: 127px;
float: left;
display: block;
border: none;
line-height: 58px;
font-size: 16px;
color: #999;
height: 58px;
outline: none;
}
.conBox .box1 .yzmtj #spVerCode img {
display: block;
margin-top: 14px;
margin-left: 10px;
float: left;
width: 105px;
height: 38px;
}
.conBox .box1 .yzmtj a.p {
line-height: 86px;
margin-left: 10px;
}
.conBox .box1 .yzmtj .tj {
display: block;
width: 180px;
height: 45px;
line-height: 45px;
font-size: 18px;
color: #fff;
text-decoration: none;
text-align: center;
background: #E62129;
float: left;
}
#banner {
max-height: 860px;
overflow: hidden;
width: 100%!important;
position: relative;
}
@media (max-width:800px) {
.filter-box .padding-big {
padding: 5px 5px
}
.filter-box dl {
margin: 5px 0;
font-size: 14px;
}
.filter-box dl dt {
width: 22%;
display: block;
float: none;
line-height: 24px;
font-weight: normal
}
.filter-box dl dd {
display: block;
float: none;
position: relative;
padding: 5px 5px;
}
.filter-nav ul li {
margin: 0;
display: block;
float: left;
width: auto;
line-height: 24px;
}
.filter-nav ul li a {
margin: 0 5px 0 0;
padding: 2px 5px;
cursor: pointer;
display: block;
color: #6E6E6E;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}
.filter-nav ul li a:hover {
color: #0d8958;
}
.filter-nav ul li a.active {
color: #fff;
background: #0d8958
}
.filter-nav ul li b {
font-weight: normal;
}
.left3 {
display: none;
}
.left2 {
display: none;
}
.left4 {
display: block;
}
.left4 li {
float: left;
margin-left: 1%;
border-radius: 0.05rem;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
margin-top: 10px;
height: 30px;
line-height: 30px;
}
.left4 li a {
font-size: 14px;
line-height: 30px;
padding: 5px 6px;
}
.left4 li .on {
background: #0d8958;
color: #fff;
}
.all_tit {
display: none;
}
.pd15 {
box-sizing: border-box;
padding: 0 15px;
}
.pro-desc-title {
text-align: center;
padding: 20px 0 20px;
}
.pro-desc-title p {
font-size: 28px;
font-weight: bold;
font-family: SourceHanSansSC;
color: #2D2D2D;
line-height: 32px;
}
.pro-desc-title p::after {
content: "";
display: block;
width: 106px;
height: 4px;
background: #2D2D2D;
border-radius: 3px;
margin: 10px auto 0;
}
cpcs_box {
}
.cpcs_img {
border-radius: 10px;
overflow: hidden;
}
.cpcs_img img {
width: 100%;
}
.cpcs_table {
display: flex;
flex-wrap: wrap;
border-radius: 20px;
overflow: hidden;
margin-top: 20px;
}
.cpcs_item50 {
width: 100%;
}
.cpcs_item100 {
width: 100%;
}
.cpcs_item {
display: flex;
border-bottom: 1px solid #fff;
}
.cpcs_item .tits {
width: 100px;
text-align: center;
font-size: 14px;
line-height: 24px;
background: #777777;
color: #FFFFFF;
padding: 5px 0;
}
.cpcs_item .desc {
width: calc(100% - 100px);
padding: 5px 10px;
box-sizing: border-box;
font-size: 14px;
line-height: 24px;
background: #F5F5F5;
}
.cpys_list {
display: flex;
flex-wrap: wrap;
}
.cpys_item {
width: 25%;
text-align: center;
margin: 0px 0 20px;
}
.cpys_item img {
width: 40px !important;
}
#Art_proArticle .cpys_item img {
width: 40px !important;
}
.cpys_item p {
font-size: 14px;
font-family: SourceHanSansSC;
color: #2D2D2D;
line-height: 18px;
margin-top: 10px;
}
.cpys_content {
background: #F5F5F5;
border-radius: 20px;
padding: 30px 15px 20px;
}
.cpys_content .p {
font-size: 14px;
color: #2D2D2D;
line-height: 22px;
margin-bottom: 15px;
}
.cpys-imgs1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cpys-imgs1 .cpys-img {
width: calc(50% - 5px);
text-align: center;
background: #FFFFFF;
box-shadow: 2px 2px 3px 0px rgba(0,113,189,0.3100);
border-radius: 10px;
overflow: hidden;
padding: 10px 0;
margin-bottom: 20px;
}
.cpys-imgs1 .cpys-img img {
width: 100%;
}
.cpys-imgs1 .cpys-img p {
font-size: 14px;
color: #2D2D2D;
line-height: 18px;
padding-top: 8px;
margin: 0;
}
.cpys-imgs1 .cpys-img p b {
font-weight: bold;
}
.cpys-imgs2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cpys-imgs2 .cpys-img {
width: calc(50% - 10px);
text-align: center;
padding: 10px 0;
margin-bottom: 20px;
}
.cpys-imgs2 .cpys-img img {
width: 100%;
box-shadow: 2px 2px 3px 0px rgba(0,113,189,0.3100);
border-radius: 10px;
overflow: hidden;
}
.cpys-imgs2 .cpys-img p {
font-size: 14px;
color: #2D2D2D;
line-height: 18px;
padding-top: 8px;
margin: 0;
}
.cpys-imgs2 .cpys-img p b {
font-weight: bold;
}
.yyly_box {
}
.yyly_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.yyly_item {
width: calc(33.333% - 5px);
margin-bottom: 8px;
}
.yyly_item .img {
overflow: hidden;
}
.yyly_item .img img {
width: 100%;
}
.yyly_item p {
display: block;
height: 35px;
line-height: 35px;
text-align: center;
background: #777777;
font-size: 14px!important;
color: #FFFFFF!important;
}
}