html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, footer, header, nav, section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption, figure, main {
display: block
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b, strong {
font-weight: inherit;
font-weight: bolder
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button, input, optgroup, select, textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details, menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
[hidden], template {
display:none
}
.iconfont {
font-size: inherit
}
html {
font-size: 14px;
font-family: , arial, Hiragino Sans GB, sans-serif;
line-height: 1.5;
color: #393939
}
body {
min-width: 990px
}
a {
text-decoration: none
}
a:link, a:visited {
color: inherit
}
audio, img, video {
max-width: 100%!important
}
img {
vertical-align: top
}
ol, ul {
list-style: none;
padding: 0;
margin: 0
}
input:focus {
outline: none
}
.link {
transition: .3s
}
.link, .link:link, .link:visited {
color: #999
}
.link:hover {
color: #393939
}
.container {
width: 1200px;
margin: 0 auto
}
.container-pad {
padding: 0 20px
}
.mt-1 {
margin-top: 1rem
}
.u-left {
float: left
}
.u-right {
float: right
}
.row__left {
float: left
}
.row__right {
float: right
}
.row__content {
overflow: hidden
}
.row:after {
content: "";
display: block;
clear: both
}
.col-1 {
width: 8.33333%
}
.col-1, .col-2 {
float: left;
box-sizing: border-box
}
.col-2 {
width: 16.66667%
}
.col-3 {
width: 25%
}
.col-3, .col-4 {
float: left;
box-sizing: border-box
}
.col-4 {
width: 33.33333%
}
.col-5 {
width: 41.66667%
}
.col-5, .col-6 {
float: left;
box-sizing: border-box
}
.col-6 {
width: 50%
}
.col-7 {
width: 58.33333%
}
.col-7, .col-8 {
float: left;
box-sizing: border-box
}
.col-8 {
width: 66.66667%
}
.col-9 {
width: 75%
}
.col-9, .col-10 {
float: left;
box-sizing: border-box
}
.col-10 {
width: 83.33333%
}
.col-11 {
width: 91.66667%
}
.col-11, .col-12 {
float: left;
box-sizing: border-box
}
.col-12 {
width: 100%
}
.ml1 {
margin-left: 1px
}
.mr1 {
margin-right: 1px
}
.ml2 {
margin-left: 2px
}
.mr2 {
margin-right: 2px
}
.ml3 {
margin-left: 3px
}
.mr3 {
margin-right: 3px
}
.ml4 {
margin-left: 4px
}
.mr4 {
margin-right: 4px
}
.ml5 {
margin-left: 5px
}
.mr5 {
margin-right: 5px
}
.ml6 {
margin-left: 6px
}
.mr6 {
margin-right: 6px
}
.ml7 {
margin-left: 7px
}
.mr7 {
margin-right: 7px
}
.ml8 {
margin-left: 8px
}
.mr8 {
margin-right: 8px
}
.ml9 {
margin-left: 9px
}
.mr9 {
margin-right: 9px
}
.ml10 {
margin-left: 10px
}
.mr10 {
margin-right: 10px
}
.ml11 {
margin-left: 11px
}
.mr11 {
margin-right: 11px
}
.ml12 {
margin-left: 12px
}
.mr12 {
margin-right: 12px
}
.ml13 {
margin-left: 13px
}
.mr13 {
margin-right: 13px
}
.ml14 {
margin-left: 14px
}
.mr14 {
margin-right: 14px
}
.ml15 {
margin-left: 15px
}
.mr15 {
margin-right: 15px
}
.ml16 {
margin-left: 16px
}
.mr16 {
margin-right: 16px
}
.ml17 {
margin-left: 17px
}
.mr17 {
margin-right: 17px
}
.ml18 {
margin-left: 18px
}
.mr18 {
margin-right: 18px
}
.ml19 {
margin-left: 19px
}
.mr19 {
margin-right: 19px
}
.ml20 {
margin-left: 20px
}
.mr20 {
margin-right: 20px
}
.ml21 {
margin-left: 21px
}
.mr21 {
margin-right: 21px
}
.ml22 {
margin-left: 22px
}
.mr22 {
margin-right: 22px
}
.ml23 {
margin-left: 23px
}
.mr23 {
margin-right: 23px
}
.ml24 {
margin-left: 24px
}
.mr24 {
margin-right: 24px
}
.ml25 {
margin-left: 25px
}
.mr25 {
margin-right: 25px
}
.ml26 {
margin-left: 26px
}
.mr26 {
margin-right: 26px
}
.ml27 {
margin-left: 27px
}
.mr27 {
margin-right: 27px
}
.ml28 {
margin-left: 28px
}
.mr28 {
margin-right: 28px
}
.ml29 {
margin-left: 29px
}
.mr29 {
margin-right: 29px
}
.ml30 {
margin-left: 30px
}
.mr30 {
margin-right: 30px
}
.ml31 {
margin-left: 31px
}
.mr31 {
margin-right: 31px
}
.ml32 {
margin-left: 32px
}
.mr32 {
margin-right: 32px
}
.ml33 {
margin-left: 33px
}
.mr33 {
margin-right: 33px
}
.ml34 {
margin-left: 34px
}
.mr34 {
margin-right: 34px
}
.ml35 {
margin-left: 35px
}
.mr35 {
margin-right: 35px
}
.ml36 {
margin-left: 36px
}
.mr36 {
margin-right: 36px
}
.ml37 {
margin-left: 37px
}
.mr37 {
margin-right: 37px
}
.ml38 {
margin-left: 38px
}
.mr38 {
margin-right: 38px
}
.ml39 {
margin-left: 39px
}
.mr39 {
margin-right: 39px
}
.ml40 {
margin-left: 40px
}
.mr40 {
margin-right: 40px
}
.ml41 {
margin-left: 41px
}
.mr41 {
margin-right: 41px
}
.ml42 {
margin-left: 42px
}
.mr42 {
margin-right: 42px
}
.ml43 {
margin-left: 43px
}
.mr43 {
margin-right: 43px
}
.ml44 {
margin-left: 44px
}
.mr44 {
margin-right: 44px
}
.ml45 {
margin-left: 45px
}
.mr45 {
margin-right: 45px
}
.ml46 {
margin-left: 46px
}
.mr46 {
margin-right: 46px
}
.ml47 {
margin-left: 47px
}
.mr47 {
margin-right: 47px
}
.ml48 {
margin-left: 48px
}
.mr48 {
margin-right: 48px
}
.ml49 {
margin-left: 49px
}
.mr49 {
margin-right: 49px
}
.ml50 {
margin-left: 50px
}
.mr50 {
margin-right: 50px
}
.ml51 {
margin-left: 51px
}
.mr51 {
margin-right: 51px
}
.ml52 {
margin-left: 52px
}
.mr52 {
margin-right: 52px
}
.ml53 {
margin-left: 53px
}
.mr53 {
margin-right: 53px
}
.ml54 {
margin-left: 54px
}
.mr54 {
margin-right: 54px
}
.ml55 {
margin-left: 55px
}
.mr55 {
margin-right: 55px
}
.ml56 {
margin-left: 56px
}
.mr56 {
margin-right: 56px
}
.ml57 {
margin-left: 57px
}
.mr57 {
margin-right: 57px
}
.ml58 {
margin-left: 58px
}
.mr58 {
margin-right: 58px
}
.ml59 {
margin-left: 59px
}
.mr59 {
margin-right: 59px
}
.ml60 {
margin-left: 60px
}
.mr60 {
margin-right: 60px
}
.ml61 {
margin-left: 61px
}
.mr61 {
margin-right: 61px
}
.ml62 {
margin-left: 62px
}
.mr62 {
margin-right: 62px
}
.ml63 {
margin-left: 63px
}
.mr63 {
margin-right: 63px
}
.ml64 {
margin-left: 64px
}
.mr64 {
margin-right: 64px
}
.ml65 {
margin-left: 65px
}
.mr65 {
margin-right: 65px
}
.ml66 {
margin-left: 66px
}
.mr66 {
margin-right: 66px
}
.ml67 {
margin-left: 67px
}
.mr67 {
margin-right: 67px
}
.ml68 {
margin-left: 68px
}
.mr68 {
margin-right: 68px
}
.ml69 {
margin-left: 69px
}
.mr69 {
margin-right: 69px
}
.ml70 {
margin-left: 70px
}
.mr70 {
margin-right: 70px
}
.ml71 {
margin-left: 71px
}
.mr71 {
margin-right: 71px
}
.ml72 {
margin-left: 72px
}
.mr72 {
margin-right: 72px
}
.ml73 {
margin-left: 73px
}
.mr73 {
margin-right: 73px
}
.ml74 {
margin-left: 74px
}
.mr74 {
margin-right: 74px
}
.ml75 {
margin-left: 75px
}
.mr75 {
margin-right: 75px
}
.ml76 {
margin-left: 76px
}
.mr76 {
margin-right: 76px
}
.ml77 {
margin-left: 77px
}
.mr77 {
margin-right: 77px
}
.ml78 {
margin-left: 78px
}
.mr78 {
margin-right: 78px
}
.ml79 {
margin-left: 79px
}
.mr79 {
margin-right: 79px
}
.ml80 {
margin-left: 80px
}
.mr80 {
margin-right: 80px
}
.ml81 {
margin-left: 81px
}
.mr81 {
margin-right: 81px
}
.ml82 {
margin-left: 82px
}
.mr82 {
margin-right: 82px
}
.ml83 {
margin-left: 83px
}
.mr83 {
margin-right: 83px
}
.ml84 {
margin-left: 84px
}
.mr84 {
margin-right: 84px
}
.ml85 {
margin-left: 85px
}
.mr85 {
margin-right: 85px
}
.ml86 {
margin-left: 86px
}
.mr86 {
margin-right: 86px
}
.ml87 {
margin-left: 87px
}
.mr87 {
margin-right: 87px
}
.ml88 {
margin-left: 88px
}
.mr88 {
margin-right: 88px
}
.ml89 {
margin-left: 89px
}
.mr89 {
margin-right: 89px
}
.ml90 {
margin-left: 90px
}
.mr90 {
margin-right: 90px
}
.ml91 {
margin-left: 91px
}
.mr91 {
margin-right: 91px
}
.ml92 {
margin-left: 92px
}
.mr92 {
margin-right: 92px
}
.ml93 {
margin-left: 93px
}
.mr93 {
margin-right: 93px
}
.ml94 {
margin-left: 94px
}
.mr94 {
margin-right: 94px
}
.ml95 {
margin-left: 95px
}
.mr95 {
margin-right: 95px
}
.ml96 {
margin-left: 96px
}
.mr96 {
margin-right: 96px
}
.ml97 {
margin-left: 97px
}
.mr97 {
margin-right: 97px
}
.ml98 {
margin-left: 98px
}
.mr98 {
margin-right: 98px
}
.ml99 {
margin-left: 99px
}
.mr99 {
margin-right: 99px
}
.ml100 {
margin-left: 100px
}
.mr100 {
margin-right: 100px
}
.ml101 {
margin-left: 101px
}
.mr101 {
margin-right: 101px
}
.ml102 {
margin-left: 102px
}
.mr102 {
margin-right: 102px
}
.ml103 {
margin-left: 103px
}
.mr103 {
margin-right: 103px
}
.ml104 {
margin-left: 104px
}
.mr104 {
margin-right: 104px
}
.ml105 {
margin-left: 105px
}
.mr105 {
margin-right: 105px
}
.ml106 {
margin-left: 106px
}
.mr106 {
margin-right: 106px
}
.ml107 {
margin-left: 107px
}
.mr107 {
margin-right: 107px
}
.ml108 {
margin-left: 108px
}
.mr108 {
margin-right: 108px
}
.ml109 {
margin-left: 109px
}
.mr109 {
margin-right: 109px
}
.ml110 {
margin-left: 110px
}
.mr110 {
margin-right: 110px
}
.ml111 {
margin-left: 111px
}
.mr111 {
margin-right: 111px
}
.ml112 {
margin-left: 112px
}
.mr112 {
margin-right: 112px
}
.ml113 {
margin-left: 113px
}
.mr113 {
margin-right: 113px
}
.ml114 {
margin-left: 114px
}
.mr114 {
margin-right: 114px
}
.ml115 {
margin-left: 115px
}
.mr115 {
margin-right: 115px
}
.ml116 {
margin-left: 116px
}
.mr116 {
margin-right: 116px
}
.ml117 {
margin-left: 117px
}
.mr117 {
margin-right: 117px
}
.ml118 {
margin-left: 118px
}
.mr118 {
margin-right: 118px
}
.ml119 {
margin-left: 119px
}
.mr119 {
margin-right: 119px
}
.ml120 {
margin-left: 120px
}
.mr120 {
margin-right: 120px
}
.ml121 {
margin-left: 121px
}
.mr121 {
margin-right: 121px
}
.ml122 {
margin-left: 122px
}
.mr122 {
margin-right: 122px
}
.ml123 {
margin-left: 123px
}
.mr123 {
margin-right: 123px
}
.ml124 {
margin-left: 124px
}
.mr124 {
margin-right: 124px
}
.ml125 {
margin-left: 125px
}
.mr125 {
margin-right: 125px
}
.ml126 {
margin-left: 126px
}
.mr126 {
margin-right: 126px
}
.ml127 {
margin-left: 127px
}
.mr127 {
margin-right: 127px
}
.ml128 {
margin-left: 128px
}
.mr128 {
margin-right: 128px
}
.ml129 {
margin-left: 129px
}
.mr129 {
margin-right: 129px
}
.ml130 {
margin-left: 130px
}
.mr130 {
margin-right: 130px
}
.ml131 {
margin-left: 131px
}
.mr131 {
margin-right: 131px
}
.ml132 {
margin-left: 132px
}
.mr132 {
margin-right: 132px
}
.ml133 {
margin-left: 133px
}
.mr133 {
margin-right: 133px
}
.ml134 {
margin-left: 134px
}
.mr134 {
margin-right: 134px
}
.ml135 {
margin-left: 135px
}
.mr135 {
margin-right: 135px
}
.ml136 {
margin-left: 136px
}
.mr136 {
margin-right: 136px
}
.ml137 {
margin-left: 137px
}
.mr137 {
margin-right: 137px
}
.ml138 {
margin-left: 138px
}
.mr138 {
margin-right: 138px
}
.ml139 {
margin-left: 139px
}
.mr139 {
margin-right: 139px
}
.ml140 {
margin-left: 140px
}
.mr140 {
margin-right: 140px
}
.ml141 {
margin-left: 141px
}
.mr141 {
margin-right: 141px
}
.ml142 {
margin-left: 142px
}
.mr142 {
margin-right: 142px
}
.ml143 {
margin-left: 143px
}
.mr143 {
margin-right: 143px
}
.ml144 {
margin-left: 144px
}
.mr144 {
margin-right: 144px
}
.ml145 {
margin-left: 145px
}
.mr145 {
margin-right: 145px
}
.ml146 {
margin-left: 146px
}
.mr146 {
margin-right: 146px
}
.ml147 {
margin-left: 147px
}
.mr147 {
margin-right: 147px
}
.ml148 {
margin-left: 148px
}
.mr148 {
margin-right: 148px
}
.ml149 {
margin-left: 149px
}
.mr149 {
margin-right: 149px
}
.ml150 {
margin-left: 150px
}
.mr150 {
margin-right: 150px
}
.ml151 {
margin-left: 151px
}
.mr151 {
margin-right: 151px
}
.ml152 {
margin-left: 152px
}
.mr152 {
margin-right: 152px
}
.ml153 {
margin-left: 153px
}
.mr153 {
margin-right: 153px
}
.ml154 {
margin-left: 154px
}
.mr154 {
margin-right: 154px
}
.ml155 {
margin-left: 155px
}
.mr155 {
margin-right: 155px
}
.ml156 {
margin-left: 156px
}
.mr156 {
margin-right: 156px
}
.ml157 {
margin-left: 157px
}
.mr157 {
margin-right: 157px
}
.ml158 {
margin-left: 158px
}
.mr158 {
margin-right: 158px
}
.ml159 {
margin-left: 159px
}
.mr159 {
margin-right: 159px
}
.ml160 {
margin-left: 160px
}
.mr160 {
margin-right: 160px
}
.ml161 {
margin-left: 161px
}
.mr161 {
margin-right: 161px
}
.ml162 {
margin-left: 162px
}
.mr162 {
margin-right: 162px
}
.ml163 {
margin-left: 163px
}
.mr163 {
margin-right: 163px
}
.ml164 {
margin-left: 164px
}
.mr164 {
margin-right: 164px
}
.ml165 {
margin-left: 165px
}
.mr165 {
margin-right: 165px
}
.ml166 {
margin-left: 166px
}
.mr166 {
margin-right: 166px
}
.ml167 {
margin-left: 167px
}
.mr167 {
margin-right: 167px
}
.ml168 {
margin-left: 168px
}
.mr168 {
margin-right: 168px
}
.ml169 {
margin-left: 169px
}
.mr169 {
margin-right: 169px
}
.ml170 {
margin-left: 170px
}
.mr170 {
margin-right: 170px
}
.ml171 {
margin-left: 171px
}
.mr171 {
margin-right: 171px
}
.ml172 {
margin-left: 172px
}
.mr172 {
margin-right: 172px
}
.ml173 {
margin-left: 173px
}
.mr173 {
margin-right: 173px
}
.ml174 {
margin-left: 174px
}
.mr174 {
margin-right: 174px
}
.ml175 {
margin-left: 175px
}
.mr175 {
margin-right: 175px
}
.ml176 {
margin-left: 176px
}
.mr176 {
margin-right: 176px
}
.ml177 {
margin-left: 177px
}
.mr177 {
margin-right: 177px
}
.ml178 {
margin-left: 178px
}
.mr178 {
margin-right: 178px
}
.ml179 {
margin-left: 179px
}
.mr179 {
margin-right: 179px
}
.ml180 {
margin-left: 180px
}
.mr180 {
margin-right: 180px
}
.ml181 {
margin-left: 181px
}
.mr181 {
margin-right: 181px
}
.ml182 {
margin-left: 182px
}
.mr182 {
margin-right: 182px
}
.ml183 {
margin-left: 183px
}
.mr183 {
margin-right: 183px
}
.ml184 {
margin-left: 184px
}
.mr184 {
margin-right: 184px
}
.ml185 {
margin-left: 185px
}
.mr185 {
margin-right: 185px
}
.ml186 {
margin-left: 186px
}
.mr186 {
margin-right: 186px
}
.ml187 {
margin-left: 187px
}
.mr187 {
margin-right: 187px
}
.ml188 {
margin-left: 188px
}
.mr188 {
margin-right: 188px
}
.ml189 {
margin-left: 189px
}
.mr189 {
margin-right: 189px
}
.ml190 {
margin-left: 190px
}
.mr190 {
margin-right: 190px
}
.ml191 {
margin-left: 191px
}
.mr191 {
margin-right: 191px
}
.ml192 {
margin-left: 192px
}
.mr192 {
margin-right: 192px
}
.ml193 {
margin-left: 193px
}
.mr193 {
margin-right: 193px
}
.ml194 {
margin-left: 194px
}
.mr194 {
margin-right: 194px
}
.ml195 {
margin-left: 195px
}
.mr195 {
margin-right: 195px
}
.ml196 {
margin-left: 196px
}
.mr196 {
margin-right: 196px
}
.ml197 {
margin-left: 197px
}
.mr197 {
margin-right: 197px
}
.ml198 {
margin-left: 198px
}
.mr198 {
margin-right: 198px
}
.ml199 {
margin-left: 199px
}
.mr199 {
margin-right: 199px
}
.ml200 {
margin-left: 200px
}
.mr200 {
margin-right: 200px
}
.l-table {
display: table;
width: 100%;
vertical-align: top
}
.l-table__item {
display: table-cell;
width: 1%
}
.l-table--av .l-table__item {
vertical-align: middle
}
.fs-small {
font-size: 12px
}
.vm {
vertical-align: middle
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-gray {
color: #999
}
.text-primary {
color: #253746
}
.text-desc {
font-size: 12px;
color: #999
}
.text-highlight {
color: #000
}
.hr {
border-top: 1px solid #d6d6d6
}
.img-responsive {
width: 100%
}
.img-ratio {
position: relative
}
.img-ratio img {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%
}
.topbar {
background: #e7e7e7;
line-height: 40px
}
.topbar__item, .topbar__item [class^=icon-] {
margin: 0 15px
}
.topbar .cartInfo.has-goods {
color: #ee0a3b
}
.to-top {
display: none;
position: fixed;
right: 0;
bottom: 8%;
text-align: center;
z-index: 1;
cursor: pointer
}
.to-top .iconfont {
font-size: 3em
}
.header {
position: relative;
z-index: 3;
background: #fff;
height: 66px;
border-bottom: 1px solid #f2f2f2
}
.header.noborder {
border-bottom: 0
}
.header__ac {
display: block;
overflow: hidden;
height: 64px;
line-height: 64px;
color: #fff;
text-align: right
}
.header__ac img {
vertical-align: middle
}
.header h1 {
display: inline
}
.dropdown {
display: none;
top: 64px;
right: 0;
left: 0;
position: absolute;
z-index: 4;
background: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#fcffffff,endColorStr=#fcffffff)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#fcffffff, endColorStr=#fcffffff);
background: hsla(0,0%,100%,.99);
border-top: 1px solid #eee;
transition: .3s
}
.dropdown-wrap {
position: relative;
padding: 40px 0 100px
}
.dropdown-wrap .l-table {
table-layout: fixed
}
.dropdown-wrap1 {
width: 700px;
margin: 75px auto 0;
height: 248px
}
.search__desc {
margin-top: 25px;
color: #999;
padding: 0 20px
}
.search .list {
padding: 10px 20px
}
.search .list .link {
color: #333
}
.menu__item {
float: left
}
.menu--top {
width: 1050px
}
.menu--top .menu__item {
width: 120px;
text-align: left
}
.menu--top .menu__item.is-active .menu__link, .menu--top .menu__item:hover .menu__link {
border-bottom-color: #253746
}
.menu--top .menu__item:hover .dropdown {
display: block
}
.menu--top .menu__link {
cursor: pointer;
line-height: 62px;
height: 62px;
padding: 0 5px;
display: inline-block;
border-bottom: 4px solid transparent;
transition: .3s
}
.menu--top .menu__logo {
width: 265px
}
.menu--top .menu__logo img {
vertical-align: middle
}
.menu--top .menu__logo .menu__link {
border: 0
}
.menu--top .menu__search {
width: 25px
}
.menu--top .menu__search .icon-search {
font-size: 1.2em;
font-weight: 700
}
.menu .rec-products__item {
display: inline-block;
margin-left: 50px;
word-spacing: 0
}
.submenu {
position: relative
}
.submenu__item {
height: 60px;
line-height: 60px
}
.submenu__item .wrap {
position: absolute;
top: 0;
left: 140px;
bottom: 0;
right: 0;
z-index: 1
}
.z-image .submenu__item .z-title {
display: inline-block;
width: 138px;
color: #ccc;
transition: all .5s
}
.z-image .submenu__item .z-title .iconfont {
font-size: 25px
}
.z-image .submenu__item .wrap {
display: none;
transition: all .5s
}
.z-image .submenu__item.active .z-title, .z-image .submenu__item:hover .z-title {
color: #253746
}
.z-image .submenu__item.active .wrap, .z-image .submenu__item:hover .wrap {
display: block
}
.z-text .submenu__item {
position: relative;
color: #253746
}
.z-text .submenu__item .z-title {
font-weight: 700;
color: #253746
}
.z-text .submenu__item .wrap {
padding-left: 55px
}
.z-text .submenu__item .wrap a {
display: inline-block;
margin-right: 36px
}
.z-text .submenu__item .wrap a:hover {
text-decoration: underline
}
.submenu:before {
content: "";
position: absolute;
top: 20px;
left: 139px;
bottom: 20px;
width: 1;
border-left: 1px solid #d6d6d6;
z-index: 2
}
.logo {
margin-top: 20px
}
.footer {
margin-top: 70px;
padding-top: 85px;
background: #222;
color: #9fa3a6;
font-size: 12px
}
.footer.nopad {
margin-top: 0
}
.footer__contact {
margin-top: 50px
}
.footer__bottom {
position: relative;
padding: 20px 0;
margin-top: 20px;
border-top: 1px solid #9fa3a6;
font-size: 12px
}
.footer .list {
width: 16.666%
}
.footer .list__title {
color: #fff
}
.footer a.link {
color: #9fa3a6
}
.footer a.link:hover {
color: #f2f2f2
}
.footer__links a {
margin: 0 12px
}
.footer__links a:first-child {
margin-left: 0
}
.footer--nopad {
margin-top: 0
}
.footer__cs {
position: relative
}
.footer__cs .iconfont {
display: inline-block;
-ms-transform: scale(1.5);
transform: scale(1.5);
margin-right: 8px;
font-size: 13px
}
.footer__copyright {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.qrc {
text-align: right
}
.qrc__item {
position: relative;
display: inline-block;
margin: 0 6px;
text-align: center;
cursor: pointer
}
.qrc__item:hover .qrc__layer {
display: block
}
.qrc__layer {
display: none;
position: absolute;
bottom: 60px;
left: -73px;
width: 166px;
border: 1px solid #d6d6d6;
background: #fff
}
.qrc .iconfont {
font-size: 26px;
color: #9fa3a6
}
.szgs {
display: none;
margin-top: -30px;
margin-left: 30px
}
.szgs img {
height: 50px;
vertical-align: baseline
}
.breadcrumb {
line-height: 50px;
color: #999
}
.breadcrumb__item {
margin: 0 10px
}
.breadcrumb__item:first-child {
margin-left: 0
}
.searchbox {
position: relative;
border-bottom: 1px solid #d6d6d6;
height: 46px
}
.searchbox .form-control {
border: 0;
position: absolute;
left: 60px;
right: 0;
padding: 0;
width: calc(100% - 60px)
}
.searchbox button {
position: absolute;
left: 15px;
top: 1px;
height: calc(100% - 2px);
background: transparent;
border: none;
background: #fff;
cursor: pointer
}
.searchbox button .icon-search {
font-size: 20px!important;
font-weight: 700
}
.searchbox button:focus {
outline: none
}
.searchbox .ipt-clear {
display: none;
position: absolute;
right: 2px;
top: 0;
height: 47px;
line-height: 47px;
cursor: pointer
}
.searchbox .ipt-clear .icon-x1 {
font-size: 22px
}
.form-control {
width: 100%;
border: 1px solid #253746;
height: 46px;
padding: 11px 20px;
box-sizing: border-box
}
.list__title {
margin-bottom: 10px
}
.list__item {
display: block;
line-height: 2
}
.list__bottom {
margin-top: 70px
}
.list--h .list__item {
font-size: inherit;
display: inline-block;
margin: 0 6px
}
.tab_valli {
display: none;
}
.inside_con {
min-height: 300px;
}
.clear {
margin: 0;
padding: 0;
font-size: 0;
clear: both;
}
.zxgm-bg{ background:#f6f6f6}
.zxgm{ text-align:center; padding-top:4%; padding-bottom:4%}
.zxgm h2{display:block;font-size:30px;color: rgb(27 81 162);font-weight:normal;padding: 0;margin: 0;}
.zxgm p{display:block;margin:0 auto;padding:0;background:#F00;width: 36px;height:2px;}
.zxgm ul{ margin-top:4%}
.zxgm ul li{ display:inline-block;vertical-align:top; margin:0 2%; width:30%;}
.zxgm ul li img{ display:block}
.zxgm ul li span{ display:block; font-size:20px;}