/* header start */
 #el_55791527063084 { padding-top: 10px; padding-bottom: 10px; background-color: #333333; } @media screen and (max-width: 767px){ #el_55791527063084 { display: none; } } #el_31581527063084{width:100%;} #el_62711527063087{width:50%;} #el_15721524467784 { font-size: 12px; color: #999999; line-height: 1; } #el_15721524467784 h2 { font: inherit; } #el_15721524467784:hover { color: #fff; } #el_68341527063095{width:50%;} #el_34871524467828 a { display: inline-block; margin-left: 15px; color: #fff; font-size: 12px; } #el_34871524467828 { text-align: right; } #el_34871524467828 .top-login-nav { font-size: 12px; line-height: 1; } #el_87401524467585 { padding-top: 10px; padding-bottom: 10px; } @media screen and (max-width: 991px){ #el_87401524467585 { display: none; } } #el_74721524467585{width:100%;} #el_30971524467724{width:25%;} #el_17221524467948 img { max-width: 100%; } #el_17221524467948 { border-right-color: #dedede; border-right-width: 1px; border-right-style: solid; } #el_51891524467728{width:30%;} @media screen and (max-width: 991px){ #el_51891524467728{width:24.96%;}} #el_28141524468014 { font-size: 24px; font-weight: bold; text-align: left; padding-top: 15px; color: #6FBA2C; padding-left: 30px; } #el_28141524468014 h3 { font: inherit; } #el_74571524467728{width:30%;} #el_23181524468111 .search { position:relative; display: table; width: 100%; height: 36px; line-height: 36px; border: 1px solid #2580E6; background-color: #fff; white-space: nowrap; border-radius: 5px; font-size: 14px; color: #333; overflow:hidden; } #el_23181524468111 .search-input, #el_23181524468111 .search-select, #el_23181524468111 .search-submit { display: table-cell; height: 100%; border: 0; border-left: inherit; vertical-align: middle; } #el_23181524468111 .search-input { width: 100%; border: 0; } #el_23181524468111 .search-submit { background-color: #2580E6; color: #fff; width: 50px; position: absolute; top: 0; right: 0; } #el_23181524468111 .search-input input, #el_23181524468111 .search-submit button, #el_23181524468111 .search-select select { height: 100%; border: 0; background: none; outline: 0; padding: 0 6px; } #el_23181524468111 .search-input input { width: 100%; } #el_23181524468111 .search-submit button { width: 50px; } #el_23181524468111 .search-select select { width: 100px; } #el_23181524468111 { margin-top: 10px; } #el_68721524467728{width:15%;} @media screen and (max-width: 991px){ #el_68721524467728{width:20%;}} #el_23571524468285 { display: inline-block; float: right; margin-top: 8px; } #el_23571524468285 .shopcart-entry:hover { background-color: #f6f6f6; } #el_23571524468285 .fa.fa-cart-plus { margin-right: 10px; font-size: 18px; color: #2580E6; } #el_23571524468285 .shopcart-mumber { position: absolute; right: 5px; top: 3px; background-color: #2580E6; color: #fff; font-size: 12px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; text-align: center; font-family: 宋体; } #el_23571524468285 .shopcart-entry { color: #666; display: inline-block; padding: 12px 25px; border: 1px solid #ddd; position: relative; } @media screen and (max-width: 575px){ #el_23571524468285 .shopcart-entry { padding: 8px 15px; } #el_23571524468285 .shopcart-mumber { right: 2px; top: 0px; } #el_23571524468285 { margin-top: 10px; } } #el_87731524468365 { background-color: #0084E9; margin-top: 20px; box-shadow: 0 5px 30px 0 #DEDEDE; } @media screen and (max-width: 991px){ #el_87731524468365 { margin-top: 10px; display: none; } } #el_13791524468365{width:100%;} #el_76941524468367{width:5.81%;} @media screen and (max-width: 991px){ #el_76941524468367{width:30%;}} #el_81861525505322 { text-align: left; } #el_81861525505322 .btnLink { display: inline-block; font-size: 28px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 3px; transition-property: all; transition-duration: .5s; } #el_81861525505322 .btnLink:hover { color: #fff; } #el_22181524468458{width:94.19%;} #el_72941524469001 { } #el_72941524469001 ul { margin: 0; overflow: hidden; } #el_72941524469001 .navBox>ul>li { height: inherit; float: left; position: relative; } #el_72941524469001 .navBox>ul>li>a { display: block; height: 100%; padding:12px 20px; color: #fff; font-size: 15px; } #el_72941524469001 .navBox>ul>li:hover>a,#el_72941524469001 .navBox>ul>li.active>a { color: #fff; background-color:#006fc3; } #el_72941524469001 .navBox>ul>li>ul { position: absolute; z-index: 1; left: 0; top: 100%; min-width: 100%; width: max-content; background-color: #fff; text-align: center; box-shadow: 0 2px 6px #ddd; 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_72941524469001 .navBox>ul>li>ul>li>a { color: #666; display: block; height: 40px; line-height: 40px; text-align: left; padding: 0 12px; } #el_72941524469001 .navBox>ul>li>ul>li>a:hover { background-color: #e1f5fe; } #el_72941524469001 .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: 991px){ #el_72941524469001 { display:none; }} 
/* header end */
/* footer start */
 #el_65881525506171 { position: fixed; right: 0px; bottom: 300px; z-index: 100; } @media screen and (max-width: 767px){ #el_65881525506171 { display: none; } } #el_42501525506171{width:100%;} #el_23571525506196 { } #el_23571525506196 .btnLink { display: inline-block; border: 1px solid #ddd; color: #aaa; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; width: 82px; height: 90px; padding-top: 20px; padding-bottom: 20px; text-align: center; background-color: #FFFFFF; } #el_23571525506196 i { font-size: 24px; } #el_23571525506196 .text { margin-top: 5px; } #el_23571525506196 .btnLink:hover { color:#2580E6; } #el_59911525506558 { margin-top: 5px; } #el_59911525506558 .btnLink { display: inline-block; border: 1px solid #ddd; color: #aaa; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; width: 82px; height: 90px; padding-top: 20px; padding-bottom: 20px; text-align: center; background-color: #FFFFFF; } #el_59911525506558 i { font-size: 24px; } #el_59911525506558 .text { margin-top: 5px; } #el_59911525506558 .btnLink:hover { color: #2580E6; } #el_62841525506715 { margin-top: 5px; } #el_62841525506715 .btnLink { display: inline-block; border: 1px solid #ddd; color: #aaa; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; width: 82px; height: 90px; padding-top: 20px; padding-bottom: 20px; text-align: center; background-color: #FFFFFF; } #el_62841525506715 i { font-size: 24px; } #el_62841525506715 .text { margin-top: 5px; } #el_62841525506715 .btnLink:hover { color: #2580E6; } #el_31701526006072 .code { } #el_31701526006072 .code>* { max-width:100%; vertical-align: middle; } #el_31701526006072 img { width: 100%; } #el_31701526006072 { position:relative; border: 1px solid #ddd; color: #aaa; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; width: 82px; height: 90px; padding-top: 20px; padding-bottom: 20px; text-align: center; background-color: #FFFFFF; margin-top: 5px; cursor:pointer; } #el_31701526006072:hover { color:#2580E6; } #el_31701526006072 i { font-size: 24px; } #el_31701526006072 .text { margin-top: 5px; } #el_31701526006072 .code { display:none; position:absolute; top:0; right:100%; width:120px; margin-right:10px; padding:2px; border:1px solid #ddd; background-color:#fff; } #el_31701526006072:hover .code { display:block; } #el_33211515491085 { background-color: #0084E9; text-align: center; padding-top: 50px; padding-bottom: 50px; } @media screen and (max-width: 767px){ #el_33211515491085 { padding-top: 30px; padding-bottom: 30px; display: none; } } #el_50121515491085{width:100%;} #el_13321515491088{width:100%;} #el_86461515491194 { font-size: 24px; color: #FFFFFF; } #el_86461515491194 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_86461515491194 { font-size: 18px; } } #el_30261515491180 { display: inline-block; margin-top: 15px; } #el_30261515491180 .linkBtn { border-radius: 25px; display: inline-block; padding-top: 10px; padding-bottom: 10px; padding-left: 35px; padding-right: 35px; border: 1px solid #ddd; color: #ffffff; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; } #el_30261515491180 .linkBtn:hover { padding: 10px 50px; } #el_44961505542647 { background-color: #2e3033; } @media screen and (max-width: 767px){ #el_44961505542647 { display: none; } } #el_28951505542647{width:100%;} #el_40031502851190 { padding-top: 30px; padding-bottom: 30px; margin-left: -15px; } @media screen and (max-width: 767px){ #el_40031502851190 { display: none; } } #el_37511502851190{width:20%;} @media screen and (max-width: 991px){ #el_37511502851190{width:17.06%;}} #el_52901515485756 { margin-left: 15px; } #el_52831515485756{width:100%;} #el_25521515485756 .columnItem a { color:#fff; } #el_25521515485756 .level-3 { font-size:14px; margin-bottom:10px; font-weight:bold; } #el_25521515485756 .level-3 a { -webkit-pointer-events:none; -ms-pointer-events:none; pointer-events:none; } #el_25521515485756 .level-6 a { padding:3px 0; display:block; color:#ccc; font-size:12px; } #el_25521515485756 .level-6 a:hover { color:#fff; } #el_79261502851204{width:20%;} @media screen and (max-width: 991px){ #el_79261502851204{width:16.96%;}} #el_16391515485750 { margin-left: 15px; } #el_23341515485750{width:100%;} #el_37751515486730 .columnItem a { color:#fff; } #el_37751515486730 .level-3 { font-size:14px; margin-bottom:10px; font-weight:bold; } #el_37751515486730 .level-3 a { -webkit-pointer-events:none; -ms-pointer-events:none; pointer-events:none; } #el_37751515486730 .level-6 a { padding:3px 0; display:block; color:#ccc; font-size:12px; } #el_37751515486730 .level-6 a:hover { color:#fff; } #el_51761502851204{width:20%;} @media screen and (max-width: 991px){ #el_51761502851204{width:17.01%;}} #el_87141515485736 { margin-left: 15px; } #el_48061515485736{width:100%;} #el_84251515486738 .columnItem a { color:#fff; } #el_84251515486738 .level-3 { font-size:14px; margin-bottom:10px; font-weight:bold; } #el_84251515486738 .level-3 a { -webkit-pointer-events:none; -ms-pointer-events:none; pointer-events:none; } #el_84251515486738 .level-6 a { padding:3px 0; display:block; color:#ccc; font-size:12px; } #el_84251515486738 .level-6 a:hover { color:#fff; } #el_44251502871272{width:20%;} @media screen and (max-width: 991px){ #el_44251502871272{width:16.99%;}} #el_60221515485684 { margin-left: 15px; } #el_73481515485684{width:100%;} #el_36941515486743 .columnItem a { color:#fff; } #el_36941515486743 .level-3 { font-size:14px; margin-bottom:10px; font-weight:bold; } #el_36941515486743 .level-3 a { -webkit-pointer-events:none; -ms-pointer-events:none; pointer-events:none; } #el_36941515486743 .level-6 a { padding:3px 0; display:block; color:#ccc; font-size:12px; } #el_36941515486743 .level-6 a:hover { color:#fff; } #el_25921502851204{width:20%;} @media screen and (max-width: 991px){ #el_25921502851204{width:31.86%;}} #el_15691515485726 { margin-left: 15px; } #el_42831515485726{width:100%;} #el_75341515485726 { margin-bottom: 10px; color: #FFFFFF; font-size: 14px; font-weight: bold; } #el_75341515485726 h4 { font-size: inherit; font-weight: inherit; } #el_76481515488258 { color: #CCCCCC; line-height: 1.6; background-image: url(../upload/20180109045548477-2856.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; } #el_76481515488258 p { margin-bottom: 0; } #el_22561502871184 { color: #cccccc; line-height: 1.6; background-image: url(../upload/20180109045548477-8331.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; margin-top: 10px; } #el_22561502871184 p { margin-bottom: 0; } #el_63261502851111 { border-top-width: 1px; border-top-color: #45484c; border-top-style: solid; padding-top: 20px; padding-bottom: 20px; } @media screen and (max-width: 767px){ #el_63261502851111 { border-top-width: 0px; } } #el_70671502851111{width:50%;} @media screen and (max-width: 767px){ #el_70671502851111{width:100%;}} #el_81481542175980 img { max-width: 100%; } #el_81481542175980 p { margin-bottom: 0; } #el_81481542175980 { color: #CCCCCC; font-size: 12px; } #el_24311515489512{width:50%;} #el_86101515490780 { color: #ccc; float: right; } #el_86101515490780 ul { margin: 0; } #el_86101515490780 .navBox>ul>li { height: inherit; float: left; position: relative; } #el_86101515490780 .navBox>ul>li>a { color: inherit; display: block; height: 100%; margin: 0 10px; font-size: 12px; position: relative; overflow: hidden; } #el_86101515490780 .navBox>ul>li>a:after,#el_86101515490780 .navBox>ul>li>ul>li>a:after { content: ''; position: absolute; left: -100%; top: 50%; margin-top: 16px; width: 100%; height: 2px; background-color: #d31245; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } #el_86101515490780 .navBox>ul>li>a:hover:after,#el_86101515490780 .navBox>ul>li>ul>li>a:hover:after { left: 0; } #el_86101515490780 .navBox>ul>li:hover>a { color: #ffffff; } #el_86101515490780 .navBox>ul>li.active>a { } #el_86101515490780 .navBox>ul>li>ul { position: absolute; z-index: 1; left: -10%; top: 50%; margin-top: 25px; width: 120%; background-color: #fff; text-align: center; 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); display: none; } #el_86101515490780 .navBox>ul>li>ul>li { border-bottom: 1px solid #eeeeee; height: 50px; line-height: 50px; } #el_86101515490780 .navBox>ul>li>ul>li>a { display: inline-block; color: #333; font-size: 12px; font-weight: bold; height: 50px; line-height: 50px; position: relative; overflow: hidden; padding: 0 10px; } #el_86101515490780 .navBox>ul>li>ul>li:last-child { border-bottom: none; } #el_86101515490780 .navBox>ul>li>ul>li>a:hover { color: #d31245; } #el_86101515490780 .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: 767px){ #el_86101515490780 { display:none; }} 
/* footer end */