/* header start */
 #el_24341501845576 { border-bottom-width: 1px; border-bottom-color: rgb(238,238,238); border-bottom-style: solid; background-color: #FFFFFF; top: 0px; left: 0px; position: fixed; z-index: 99; width: 100%; } @media screen and (max-width: 991px){ #el_24341501845576 { position: relative; display: none; } } @media screen and (max-width: 575px){ #el_24341501845576 { } } #el_43631501845576{width:100%;} #el_25211501845615 { position: relative; } @media screen and (max-width: 575px){ #el_25211501845615 { } } #el_26851501845615{width:25%;} @media screen and (max-width: 1199px){ #el_26851501845615{width:25%;}} @media screen and (max-width: 991px){ #el_26851501845615{width:90.30999999999963%;}} @media screen and (max-width: 575px){ #el_26851501845615{width:78.13999999999996%;}} #el_28391526376514 img { max-width: 100%; height: 40px; } #el_28391526376514 { height: 90px; line-height: 90px; } @media screen and (max-width: 575px){ #el_28391526376514 { margin-top: 0px; margin-bottom: 0px; }} #el_57851611820391{width:74.985%;} @media screen and (max-width: 1199px){ #el_57851611820391{width:74.9834%;}} #el_43261611820490{width:20%;} #el_65841611820499 { height: 90px; line-height: 90px; float: right; } #el_65841611820499 ul { margin: 0; } #el_65841611820499 .navBox>ul>li { height: inherit; float: left; position: relative; } #el_65841611820499 .navBox>ul>li>a { display: block; height: 100%; margin: 0 45px; color: #666; font-size: 14px; position: relative; } #el_65841611820499 .navBox>ul>li>a:after { content: ''; position: absolute; top: 65%; left: 0px; display: block; height: 1px; width: 15px; background-color: #7f7f7f; transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; opacity: 0; } #el_65841611820499 .navBox>ul>li:hover>a:after { opacity: 1; width: 100%; } #el_65841611820499 .navBox>ul>li.active>a:after { opacity: 1; } #el_65841611820499 .navBox>ul>li>ul { position: absolute; z-index: 1; left: -20%; top: 100%; min-width: 140%; width: max-content; background-color: #fff; text-align: center; box-shadow: 0 1px 6px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } #el_65841611820499 .navBox>ul>li>ul>li>a { color: #666; display: block; height: 40px; line-height: 40px; padding: 0 12px; border-bottom: 1px solid #f5f5f5; text-align: left; transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; } #el_65841611820499 .navBox>ul>li>ul>li>a:hover { background-color: #f5f5f5; color: #333; } #el_65841611820499 .navBox>ul>li:hover>ul { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (max-width: 1199px){ #el_65841611820499 .navBox>ul>li>a { margin: 0 15px; }} @media screen and (max-width: 991px){ #el_65841611820499 { display: none; }} #el_71471611820498{width:19.9488%;} #el_17061611820503 .colList { padding: 0; margin: 0; list-style: none; user-select: none; width: 200%; } #el_17061611820503 a { cursor: auto !important; } #el_17061611820503 .colList .colList .colList-item { position: relative; } #el_17061611820503 .colList .colList .colList { visibility: hidden; position: absolute; top: 0; left: 100%; width: 100%; opacity: 0; transform: translateX(-40px); -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); } #el_17061611820503 .colList .colList .colList i { display: none; } #el_17061611820503 .colList .colList .colList-item:hover .colList { visibility: visible; opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } #el_17061611820503 .colList .colList .colList .colList { display: none; } #el_17061611820503 .colList-item { display: inline-block; width: 200px; vertical-align: top; } #el_17061611820503 .colList-wrap>.colList>.colList-item>.colList-a { display: none; } #el_17061611820503 .colList-a { display: block; padding-right: 10px; font-size: 14px; color: #63666a; line-height: 30px; white-space: nowrap; cursor: pointer; padding-top: 5px; padding-bottom: 5px; padding-left: 25px; background-color: #fff; } #el_17061611820503 .colList-a:hover { font-weight: bold; color: #c8102e; background: #f4f4f4; } #el_17061611820503 .colList-a.active { background-color: #f6f6f6; } #el_17061611820503 .colList-i { display: inline-block; width: 30px; text-align: center; font-size: 18px; cursor: auto; line-height: 30px; float: right; } #el_17061611820503 .colList-i:after { content: '\f105'; } #el_17061611820503 .colList-i.active:after { content: '\f107'; } #el_17061611820503 .colList-i-file:after { color: #ddd; } #el_17061611820503 .mall_nav_btn { display: block; height: 100%; margin: 0 45px; color: #666; font-size: 14px; } #el_17061611820503 .fa.fa-navicon { font-size: 18px; margin-right: 15px; } #el_17061611820503 .colList-wrap { display: none; position: absolute; top: 90px; left: 0px; z-index: 2; } #el_17061611820503 .mall_nav { height: 100%; position: relative; } #el_17061611820503 .mall_nav:hover .colList-wrap { display: block; } #el_17061611820503 { height: 90px; } #el_17061611820503 .text { height: 100%; line-height: 90px; } #el_17061611820503 .colList-wrap { width: 100%; } #el_17061611820503 .backgrou { width: calc(100% - 200px); position: absolute; height: 100%; top: 0; right: 0; background: #f4f4f4; } #el_17061611820503 .colList-item ul li ul { position: absolute !important; z-index: 1; left: 200px !important; opacity: 1 !important; transform: translateX(0px) !important; width: 420px !important; background: #f4f4f4; } #el_17061611820503 .colList-item ul li ul li a { padding: 5px 15px; color: #000; display: grid; background: #f4f4f4; } #el_17061611820503 .colList .colList .colList-item { position: relative; } @media screen and (max-width: 767px){ #el_17061611820503 .text { display: none; }} #el_35081611820498{width:60%;} #el_57331611820509 { height: 90px; line-height: 90px; } #el_57331611820509 ul { margin: 0; } #el_57331611820509 .navBox>ul>li { height: inherit; float: left; position: relative; } #el_57331611820509 .navBox>ul>li>a { display: block; height: 100%; margin: 0 45px; color: #666; font-size: 14px; position: relative; } #el_57331611820509 .navBox>ul>li>a:after { content: ''; position: absolute; top: 65%; left: 0px; display: block; height: 1px; width: 15px; background-color: #7f7f7f; transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; opacity: 0; } #el_57331611820509 .navBox>ul>li:hover>a:after { opacity: 1; width: 100%; } #el_57331611820509 .navBox>ul>li.active>a:after { opacity: 1; } #el_57331611820509 .navBox>ul>li>ul { position: absolute; z-index: 1; left: -20%; top: 100%; min-width: 140%; width: max-content; background-color: #fff; text-align: center; box-shadow: 0 1px 6px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } #el_57331611820509 .navBox>ul>li>ul>li>a { color: #666; display: block; height: 40px; line-height: 40px; padding: 0 12px; border-bottom: 1px solid #f5f5f5; text-align: left; transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; } #el_57331611820509 .navBox>ul>li>ul>li>a:hover { background-color: #f5f5f5; color: #333; } #el_57331611820509 .navBox>ul>li:hover>ul { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (max-width: 1199px){ #el_57331611820509 .navBox>ul>li>a { margin: 0 15px; }} @media screen and (max-width: 991px){ #el_57331611820509 { display: none; }} #el_78261611819876 { height: 90px; } @media screen and (max-width: 991px){ #el_78261611819876 { display: none; } } #el_11041611819876{width:100%;} 
/* header end */
/* footer start */
 #el_13231611650969{width:100%;} #el_49191611650970 { padding-top: 40px; background-color: #F3F3F3; padding-bottom: 40px; } @media screen and (max-width: 991px){ #el_49191611650970 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_49191611650970 { padding-top: 20px; padding-bottom: 20px; text-align: center; } } @media screen and (max-width: 575px){ #el_49191611650970 { text-align: center; } } #el_36881611650970{width:100%;} #el_43561611650970 { padding-right: 20px; padding-left: 20px; } @media screen and (max-width: 767px){ #el_43561611650970 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } #el_35811611650970{width:35.1301%;} @media screen and (max-width: 1199px){ #el_35811611650970{width:39.68%;}} @media screen and (max-width: 991px){ #el_35811611650970{width:26.49%;}} @media screen and (max-width: 767px){ #el_35811611650970{width:100%;}} #el_60481611650970 { text-align: left; padding-top: 40px; } #el_18651611650970{width:100%;} #el_54451611650970 { color: #666666; font-family: microsoft yahei; margin-top: 5px; font-size: 28px; } #el_54451611650970 h4 { font: inherit; } @media screen and (max-width: 767px){ #el_54451611650970 { text-align: center; } } #el_77191611650970{width:64.86%;} @media screen and (max-width: 1199px){ #el_77191611650970{width:60%;}} @media screen and (max-width: 991px){ #el_77191611650970{width:55.1585%;}} @media screen and (max-width: 767px){ #el_77191611650970{width:80.4086%;}} @media screen and (max-width: 575px){ #el_77191611650970{width:100%;}} #el_43541611650970 { font-size: 12px; line-height: 1.8; color: #666666; width: 550px; } @media screen and (max-width: 1199px){ #el_43541611650970 { width: 550px; } } @media screen and (max-width: 991px){ #el_43541611650970 { width: 550px; } } @media screen and (max-width: 767px){ #el_43541611650970 { } } @media screen and (max-width: 575px){ #el_43541611650970 { width: 100%; } } #el_18571614397808 img { max-width: 100%; } #el_18571614397808 p { font-size: 12px; line-height: 1.8; color: #666666; } 
/* footer end */