html {
background-attachment: scroll;
background-clip: border-box;
background-color: #fff;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: -moz-use-text-color;
border-bottom-style: none;
border-bottom-width: 0;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: -moz-use-text-color;
border-left-style: none;
border-left-width: 0;
border-right-color: -moz-use-text-color;
border-right-style: none;
border-right-width: 0;
border-top-color: -moz-use-text-color;
border-top-style: none;
border-top-width: 0;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
font-style: inherit;
font-weight: inherit;
}
del, ins {
text-decoration-color: -moz-use-text-color;
text-decoration-line: none;
text-decoration-style: solid;
}
li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
caption, th {
text-align: left;
}
q::before, q::after {
content: "";
}
abbr, acronym {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: -moz-use-text-color;
border-bottom-style: none;
border-bottom-width: 0;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: -moz-use-text-color;
border-left-style: none;
border-left-width: 0;
border-right-color: -moz-use-text-color;
border-right-style: none;
border-right-width: 0;
border-top-color: -moz-use-text-color;
border-top-style: none;
border-top-width: 0;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
}
sup {
vertical-align: baseline;
}
sub {
vertical-align: baseline;
}
input, button, textarea, select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
input, button, textarea, select {
}
input, select {
vertical-align: middle;
}
body {
font-family: arial,helvetica,clean,sans-serif;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-weight: normal;
line-height: 1.231;
}
select, input, button, textarea, button {
font-family: arial,helvetica,clean,sans-serif;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 99%;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-weight: normal;
line-height: normal;
}
table {
border-collapse: collapse;
font-size: inherit;
}
pre, code, kbd, samp, tt {
font-family: monospace;
line-height: 100%;
}
.txtboxcs {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #ccc;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #ccc;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 1px;
height: 22px;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
margin-left: 65px;
line-height: 23px;
}
.mt10 {
margin-top: 10px;
}
.userorder {
width: 700px;
}
.userorder tr {
height: 25px;
}
.userorder tr span {
color: #f00;
padding-left: 4px;
}
a {
color: #333;
font-family: "Microsoft YaHei";
text-decoration-color: -moz-use-text-color;
text-decoration-line: none;
text-decoration-style: solid;
}
a:focus {
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
}
a:hover {
font-family: "Microsoft YaHei";
text-decoration-color: -moz-use-text-color;
text-decoration-line: none;
text-decoration-style: solid;
}
.vam {
vertical-align: middle;
}
.clear {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
}
p {
font-family: "Microsoft YaHei";
word-spacing: -1.5px;
}
.tr {
text-align: right;
}
.tl {
text-align: left;
}
.center {
text-align: center;
}
.fl {
float: left;
}
.fr {
float: right;
}
.pa {
position: absolute;
}
.pr {
position: relative;
}
i, em {
font-family: "Microsoft YaHei";
font-style: normal;
}
.cart_header, .cart_content, .cart_footer {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 760px;
}
.header, .content, .footer {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 960px;
}
.left {
float: left;
overflow-x: hidden;
overflow-y: hidden;
width: 220px;
}
.left2 {
float: left;
overflow-x: hidden;
overflow-y: hidden;
width: 670px;
}
.left3 {
color: #666;
float: left;
overflow-x: hidden;
overflow-y: hidden;
width: 754px;
}
.lefttop {
font-size: 0;
height: 3px;
margin-top: 10px;
overflow-x: hidden;
overflow-y: hidden;
}
.left2top {
font-size: 0;
height: 3px;
overflow-x: hidden;
overflow-y: hidden;
}
.leftbot {
font-size: 0;
height: 3px;
margin-bottom: 10px;
overflow-x: hidden;
overflow-y: hidden;
}
.left2bot {
font-size: 0;
height: 3px;
margin-bottom: 10px;
overflow-x: hidden;
overflow-y: hidden;
}
.right {
display: inline;
float: left;
margin-left: 10px;
overflow-x: hidden;
overflow-y: hidden;
width: 735px;
}
.right2 {
float: right;
overflow-x: hidden;
overflow-y: hidden;
width: 275px;
}
.right3 {
color: #666;
float: right;
overflow-x: hidden;
overflow-y: hidden;
width: 201px;
}
.righttop {
font-size: 0;
height: 3px;
overflow-x: hidden;
overflow-y: hidden;
}
.right2top {
font-size: 0;
height: 3px;
overflow-x: hidden;
overflow-y: hidden;
}
.rightbot {
font-size: 0;
height: 3px;
margin-bottom: 10px;
overflow-x: hidden;
overflow-y: hidden;
}
.right2bot {
font-size: 0;
height: 3px;
margin-bottom: 10px;
overflow-x: hidden;
overflow-y: hidden;
}
.right_main {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #d5d5d5;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #d5d5d5;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #d5d5d5;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #d5d5d5;
border-top-style: solid;
border-top-width: 1px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 15px;
width: 718px;
}
.right2_main {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #333;
border-bottom-style: solid;
border-bottom-width: 2px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #333;
border-left-style: solid;
border-left-width: 2px;
border-right-color: #333;
border-right-style: solid;
border-right-width: 2px;
border-top-color: #333;
border-top-style: solid;
border-top-width: 2px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 15px;
width: 271px;
}
.left2_main {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #d5d5d5;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #d5d5d5;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #d5d5d5;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #d5d5d5;
border-top-style: solid;
border-top-width: 1px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 15px;
width: 668px;
}
.t_bg {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/t_bg.gif");
background-origin: padding-box;
background-position: center 0;
background-repeat: repeat-x;
background-size: auto auto;
height: 199px;
}
.h_con {
height: 138px;
overflow-x: hidden;
overflow-y: hidden;
width: 960px;
}
.h_con h1 {
float: left;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 43px;
}
.h_bt {
color: #000;
font-size: 18px;
padding-bottom: 0;
padding-left: 32px;
padding-right: 0;
padding-top: 55px;
}
.h_p {
color: #ababab;
font-size: 14px;
padding-bottom: 0;
padding-left: 100px;
padding-right: 0;
padding-top: 62px;
}
.h_p a {
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
}
.h_pho {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/h_dh.gif");
background-origin: padding-box;
background-position: left 0;
background-repeat: no-repeat;
background-size: auto auto;
color: #333;
font-size: 24px;
margin-top: 54px;
padding-left: 42px;
}
.h_nav ul li {
display: inline;
float: left;
}
.h_nav ul .nobor01 {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
}
.h_nav ul li a {
color: #000;
display: inline-block;
font-size: 14px;
height: 58px;
line-height: 58px;
padding-bottom: 0;
padding-left: 21px;
padding-right: 21px;
padding-top: 0;
}
.h_nav ul li a:hover, .h_nav ul .cur a {
border-top-color: #f1d808;
border-top-style: solid;
border-top-width: 2px;
color: #f1d808;
height: 56px;
line-height: 56px;
}
.balan{
width:100%;
height:100%;
background: #F2F2F2;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.blan_img{
height:400px;
border-bottom:1px solid #CCC;}
.input{
width:340px;
height:350px;
background:#ffffff8c;
position:absolute;
right: 0px;
top: -420px;
right:100px;
}
.cc_1{
width:1220px;
position:relative;
margin-top: 50px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.aa_1{
width:1220px;
height:300px;
background:#FFF}
.aa_1 h2{
font-size: 22px;
font-weight: initial;
color: #777;
margin: 35px 0px 0px 20px;
float: left;}
.aa_1 a{
display: block;
float: left;
margin-right: 0px;
font-size: 15px;
color: #777;
margin-top: 22px;
margin-left: 30px;
width: 82px;
height: 40px;
line-height: 60px;
text-align: center;}
.aa_1 a:hover{
width:82px;
height:41px;
border-bottom:2px solid #F7A202}
.xx_1{
width:200px;
height:200px;
}
.xx_1 p{
margin-top:124px;
margin-left:21px; }
.xx_1 a{
width: 150px;
text-align: center;
line-height: 40px;
border: 1px solid #777;}
.xx_1 a:hover{
width:150px;
height:40px;
border:1px solid #CCC}
.img_1{
width: 425px;
height: 282px;
border:1px solid #CCC;
float: left;
margin-top: 12px;
margin-left: 3px;}
.x_box{
width:415px;
height:302px;
float:left;
display:block;
background:#FFF;
border-right:3px solid #f2f2f2
}
.ul_1 li{
width: 183px;
height: 133px;
float: right;
margin-top: 12px;
}
.ul_1 li img{
width: 174px;
height: 137px;
border:1px solid #CCC}
.img_2{
width:1220px;
height:530px;
background:#FFF;
margin:0 auto}
.img_2 h2{
font-size: 22px;
font-weight: initial;
color: #777;
margin: 28px 0px 0px 20px;
float: left;}
body {
background: #edeef0
}
h6 {
display: inline-block
}
.scroll-block {
position: absolute;
bottom: -46px;
height: 30px;
line-height: 30px;
transition: bottom 0.2s ease-in-out 0s;
width: 100%;
*left: 0
}
.scroll-block span {
color: #fff;
display: inline-block;
left: 0;
padding: 0 10px 0;
position: absolute;
width: 100%;
*width: 93%;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.scroll-block a {
position: absolute;
display: inline-block;
left: 0;
color: #fff;
width: 100%;
padding: 0 10px 0;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.scroll-block h4 {
position: absolute;
display: inline-block;
left: 0;
color: #fff;
width: 100%;
padding: 0 10px 0;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.banner {
position: relative;
height: 356px;
min-width: 1220px;
overflow: hidden
}
.banner ul.banner-bg{
width: 100% !important;
}
.banner ul.banner-bg li{
display: block;
width: 100% !important;
}
.banner li .img-block {
height: 356px;
position: relative
}
.banner li .img-block .scroll-block {
bottom: 0;
height: 46px;
line-height: 46px
}
.banner li .img-block .scroll-block a {
text-align: left;
padding-left: 285px;
font-size: 20px
}
.banner .left-bar {
background-color: #fff;
position: absolute;
width: 270px;
bottom: 0;
padding-top: 10px
}
.banner .left-bar dl {
border-bottom: 1px dotted #dbdbdb;
height: 83px;
padding: 18px 0 24px 23px;
margin-bottom: 0;
*height: 40px
}
.banner .left-bar dl dt {
float: left;
border-right: 1px solid #eaeaea;
width: 54px;
height: 40px;
line-height: 40px;
font-size: 18px;
font-weight: normal
}
.banner .left-bar dl dd {
float: right;
width: 177px
}
.banner .left-bar dl dd a {
display: inline-block;
width: 30%;
height: 15px;
line-height: 15px;
margin: 2px 0 5px;
font-size: 12px
}
.banner .left-bar dl dd em{
display: none;
}
.banner .left-bar dl:last-child {
border-bottom: none
}
.banner .banner-leftbar-hd {
position: relative
}
.banner .hd {
bottom: 15px;
right: 5px;
overflow: hidden;
position: absolute;
z-index: 1
}
.banner .hd>ul>li {
background: #ddd;
cursor: pointer;
display: inline-block;
float: left;
height: 12px;
margin-right: 15px;
position: relative;
text-align: center;
width: 12px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%
}
.banner .hd>ul .on {
background: #fa960a
}
.meitu-top {
margin-top: 30px;
overflow: auto
}
.meitu-top h3 {
font-size: 22px;
padding: 10px
}
.meitu-top .fansion-left {
background: #fff;
float: left;
width: 940px
}
.meitu-top .fansion-left img{
width: 100%;
height: 100%;
object-fit: cover;
}
.meitu-top .fansion-left .fansion-big {
float: left;
height: 280px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 600px
}
.meitu-top .fansion-left .fansion-big:hover .scroll-block {
bottom: 0
}
.meitu-top .fansion-left .fansion-middle {
float: left;
height: 280px;
overflow: hidden;
position: relative;
width: 330px
}
.meitu-top .fansion-left .fansion-middle:hover .scroll-block {
bottom: 0
}
.meitu-top .fansion-left .fansion-small {
float: left;
height: 184px;
margin-right: 10px;
margin-top: 10px;
overflow: hidden;
position: relative;
width: 227.5px
}
.meitu-top .fansion-left .fansion-small:hover .scroll-block {
bottom: 0
}
.meitu-top .fansion-right {
background: #fff;
float: right;
padding: 0 15px;
width: 265px;
*width: 235px
}
.meitu-top .fansion-right h4 {
font-size: 16px;
padding: 10px
}
.meitu-top .fansion-right li {
margin: 10px 0
}
.meitu-top .fansion-right li .first {
display: none;
height: 150px;
overflow: hidden;
position: relative
}
.meitu-top .fansion-right li .first:hover .scroll-block {
bottom: 0
}
.meitu-top .fansion-right li .second {
padding-left: 10px
}
.meitu-top .fansion-right li .second i {
float: left;
display: inline-block;
font-size: 18px
}
.meitu-top .fansion-right li .second span {
color: #999;
font-size: 12px
}
.meitu-top .fansion-right li .second a {
display: inline-block;
max-width: 86%;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.meitu-top .fansion-right li:first-child i {
color: #fa960a
}
.meitu-top .fansion-right li:first-child+li i {
color: #fa960a
}
.meitu-top .fansion-right li:first-child+li+li i {
color: #fa960a
}
.meitu-bg {
background: #fff;
margin-top: 30px;
overflow: auto;
width:1220px;
margin-top:50px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.meitu-bg h3 {
font-size: 22px;
padding: 10px
}
.meitu-bg .meitu-local {
float: left;
height: 200px;
margin-right: 20px;
overflow: hidden;
width: 285px;
margin-left:10px;
margin-right:10px
}
.meitu-bg .meitu-local:hover .font-border .font-bg {
height: 178px;
*height: 178px
}
.meitu-bg .meitu-local:hover .font-small {
display: none
}
.meitu-bg .meitu-local:hover .font-big {
display: block
}
.meitu-bg .local-list {
margin-top: 10px
}
.meitu-bg .local-list li {
float: left;
margin: 10px 17px;
text-align: center;
width: 100px
}
.meitu-bg .meitu-style {
float: left;
height: 320px;
margin-right: 14.5px;
overflow: hidden;
position: relative;
width: 294px
}
.meitu-bg .meitu-style:hover .scroll-block {
bottom: 0
}
.meitu-bg .meitu-style img {
width: 100%
}
.meitu-bg .meitu-style .scroll-block {
bottom: 0;
height: 100%;
line-height: 320px;
font-size: 26px;
text-align: center
}
.meitu-bg .meitu-style:hover .scroll-block {
display: none
}
.meitu-bg .meitu-layout {
overflow: hidden;
border-bottom: 1px solid #ececec
}
.meitu-bg .meitu-layout>dt {
float: left;
position: relative;
background-color: #7ecda2;
width: 150px;
height: 200px
}
.meitu-bg .meitu-layout>dt a {
height: 190px;
font-size: 24px;
padding-top: 80px;
display: block;
text-align: center;
color: #fff
}
.meitu-bg .meitu-layout>dt:after {
border-top: 10px solid transparent;
border-right: 10px solid #fff;
border-bottom: 10px solid transparent;
position: absolute;
top: 85px;
right: 0;
content: ""
}
.meitu-bg .meitu-layout dd {
float: right;
width: 230px;
margin: 8px 20px 0 16px
}
.meitu-bg .meitu-layout dd div.img-cont{
width: 100%;
height: 180px;
}
.meitu-bg .meitu-layout dd div.img-cont img{
width: 100%;
height: 180px;
object-fit: cover;
}
.meitu-bg .meitu-layout+dl dt {
background-color: #7ebdcd
}
.meitu-bg .meitu-layout+dl dt a {
padding-top: 80px
}
.f_bg {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/f_bg.gif");
background-origin: padding-box;
background-position: center top;
background-repeat: repeat-x;
background-size: auto auto;
height: 338px;
}
.f_logo {
padding-bottom: 0;
padding-left: 0;
padding-right: 108px;
padding-top: 90px;
}
.f_p {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 15px;
width: 630px;
}
.f_p p {
color: #969696;
float: left;
font-size: 14px;
line-height: 35px;
width: 310px;
}
.f_p p a {
color: #969696;
}
.f_img02 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 44px;
}
.f_nav {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: red;
border-bottom-style: solid;
border-bottom-width: 0;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: red;
border-left-style: solid;
border-left-width: 0;
border-right-color: red;
border-right-style: solid;
border-right-width: 0;
border-top-color: red;
border-top-style: solid;
border-top-width: 0;
height: 45px;
margin-left: 419px;
padding-top: 20px;
width: 720px;
}
.f_nav a {
color: #999;
float: left;
font-size: 14px;
margin-bottom: 18px;
width: 100px;
}
.input h2{
text-align: center;
margin-top: 25px; }
.input .p_1{
text-align: center;
margin-top: 10px;
font-weight: bold;}
.input input{
width: 295px;
height: 25px;
margin-left: 15px;
margin-top: 10px;
padding-left: 8px;}
select{
margin-left: 15px;
margin-top: 10px;
width: 142px;
height: 30px;
margin-right: 5px;}
.input .a_1{
width: 150px;
height: 30px;
display: block;
text-align: center;
line-height: 30px;
background: #00b475;
margin: 17px auto;
color: #fff;}
.ac1 {
font-size: 14px;
color: #b71313;
}