@import url("animation.css");
* {
    margin: 0;
}

html,
body,
#page {
    height: 100%;
    padding: 0;
    margin: 0;
    color: #000;
}

body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, san-serif;
    font-size: 16px;
}

a,
a:visited {
    text-decoration: none;
}

ul,
ol,
li,
dl {
    list-style: none;
    padding: 0;
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clr {
    clear: both
}

.hidden,.en {
    display: none!important
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
header,
nav,
footer,
article,
section,
form,
fieldset,
p,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-text-size-adjust: none;
}


/*旋转屏幕禁止改变文字大小*/

-webkit-tap-highlight-color: {
    rgba(0,
    0,
    0,
    0);
}

-moz-tap-highlight-color: {
    rgba(0,
    0,
    0,
    0);
}


/*禁止链接高亮*/

-webkit-touch-callout: {
    none;
}

-moz-touch-callout: {
    none;
}


/*禁止链接长按弹出选项菜单*/


/*section,article,#container,#content{text-shadow:0 0px 0 #fff;}*/

em,
time,
address {
    font-style: normal;
    font-weight: 0.8em;
    color: #999
}

header,
section,
article,
figure,
footer,
aside,
ul,
ol,
dl {
    height: auto;
    overflow: hidden;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*input:not([type="radio"]),input:not([type="checkbox"])*/

input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=tel],
button,
textarea {
    outline: none;
    -webkit-appearance: none;
}

textarea {
    resize: none
}

#page {
    margin: 0 auto;
    padding: 0;
    padding-bottom: 50px;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 100%;
    position: relative;
    background: #fff;
}

header {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    border-bottom: 1px solid #333333;
    background: #333333;
}

header img {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

header h1 {
    width: 100%;
    margin: 0 auto;
    font-size: 1.2em;
    z-index: 1;
    color: #fff
}

header h1 strong {
    line-height: 40px;
    background-size: 29px 23px;
    padding-left: 32px;
}

header h1>p {
    width: 76%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

header h2,
header h3 {
    width: 50px;
    display: inline;
    font-size: 0.8em;
    z-index: 100;
}

header h2 {
    position: absolute;
    left: 0;
    top: 0;
}

header h3 {
    position: absolute;
    right: 0;
    top: 0;
}

header h2 a,
header h3 a {
    padding: 5px 6px;
    border: 1px solid #666;
    border-radius: 4px;
    color: #fff;
}

header a.icon {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border: 0;
    color: #333;
    text-indent: 100em;
    opacity: .7;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    /*FF*/
    overflow: hidden;
}

header a.back {
    background: url(../images/arrow-70-back.png) 50% 50% no-repeat;
    background-size: 12px 20px;
}

header a.fresh {
    background: url(../images/fresh.png) 50% 50% no-repeat;
    background-size: 32px 32px;
}

header a.home {
    background: url(../images/home.png) 50% 50% no-repeat;
    background-size: 36px 36px;
}

header a.tel {
    background: url(../images/call.png) 50% 50% no-repeat;
    background-size: 36px 36px;
}

#page>header a.fresh {
    background: url(../images/fres.png) 50% 50% no-repeat;
    background-size: 30px 30px;
    -webkit-animation: fresh 1s 0s linear both;
    -moz-animation: fresh 1s 0s linear both;
}

@-webkit-keyframes fresh {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes fresh {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

header.map {
    height: 40px;
    line-height: 40px;
    background: #015BAA;
    color: #fff;
}

header.map h2,
header.map h3 {
    background: #015BAA;
}

header.index {
    margin: 0 auto;
    padding: 5px 10px;
    width: 100%;
    position: relative;
    text-align: left;
    height: 53px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    border-bottom: 0px solid #33333300;
    background: #333232;
}

header.index h1 img {
    height: 40px;
    max-width: 100%;
    border: 0;
    float: left
}

header.index h1 a span {
    color: #EEE;
    line-height: 40px;
    display: block;
    float: left;
    margin-left: 5px;
    font-size: 23px;
    font-family: "Microsoft Yahei";
}

section.topfixed {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
    text-align: left;
    line-height: 25px;
    height: auto;
    background: rgba(68, 54, 28, 0.9);
    box-shadow: 0 3px 3px rgba(30, 30, 30, 0.6);
    color: #fff;
    overflow: hidden;
    text-shadow: none;
}

section.topfixed p {
    padding: 5px;
    margin: 0;
}

.lv {
    background: #000;
    height: 40px;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}

.banner {
    margin: 0 auto;
    padding: 0px 0px;
    text-align: center;
    width: 100%;
    height: auto;
    background: ;
    color: #fff;
    position: relative;
    background-image: ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    -webkit-animation: fadeIn .6s .8s ease both;
    -moz-animation: fadeIn .6s .8s ease both;
    text-shadow: 0 0px 0 #fff;
}

.banner img {
    border: 0;
    width: 100%;
}

.banner span {
    color: #DA137C;
    line-height: 20px;
    font-size: 20px;
    position: absolute;
    left: 70px;
    top: 30px;
}

.banner span p {
    line-height: 30px;
    color: #ECE300;
}

.banner span+p {
    font-size: 16px;
    line-height: 60px;
    position: absolute;
    left: 74px;
    top: 54px;
}

.banner span+p em {
    font-style: normal;
    color: #f00;
    font-weight: bold;
    font-size: 20px;
}

#page>address {
    background: ;
    margin: 10px;
    padding: 5px;
    text-align: center;
    font-size: 0.8em;
    font-style: normal;
    border-radius: 4px;
    color: #666
}

#page>figure.pos {
    width: 100%;
    height: auto;
    line-height: 26px;
    padding: 0 10px;
    margin: 0 auto 0;
    text-align: left;
    overflow: hidden;
    background: #ecf7ef;
    border-bottom: 1px solid #aab;
    color: #000;
    font-size: 14px;
}

#page>figure.pos a,
#page>figure.pos:visited,
#page>figure.pos:hover {
    color: #000;
}

#page>figure.pos em {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    margin: 4px 5px 4px 0;
    background: #333333 url(../images/home.png) 50% 50% no-repeat;
    background-size: 20px 20px;
}

section.about {
    width: 100%;
    text-align: left;
}

section.about h3,
section h3 {
    background: ;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
    text-shadow: 0 1px 0 #fff;
    height: 20px;
    line-height: 20px;
    color: #333333;
    margin-top: 10px;
}

#page section.nm h3 {
    margin-top: 0;
}

section.about h3>a {
    float: right;
    color: #999;
    text-align: center;
    font-size: 0.8em;
    border: 1px solid #ddd;
    padding: 0 5px;
    line-height: 16px;
    border-radius: 2px;
    background: #f9f9f9
}

section.about article {
    padding: 0;
}

section.about h3:after,
section h3:after {
    content: "▼";
    color: #999
}

.banner+section.about {
    margin-top: 5px;
}

section ul {
    margin: 0 auto;
    padding: 0;
    height: auto;
    overflow: hidden;
}

section ul li {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
}

section ul li a {
    display: block;
    height: 60px;
    width: 100%;
    margin: 0;
}

section ul li a img {
    height: 50px;
    width: 60px;
    vertical-align: middle;
    margin: 5px auto;
}

section.am ul li:nth-child(1) a {
    -webkit-animation: fadeInLeftTopBig 1s 1.0s ease both;
    -moz-animation: fadeInLeftTopBig 1s 1.0s ease both;
}

section.am ul li:nth-child(2) a {
    -webkit-animation: fadeInRightTopBig 1s 1.0s ease both;
    -moz-animation: fadeInRightTopBig 1s 1.0s ease both;
}

section.am ul li:nth-child(3) a {
    -webkit-animation: fadeInLeftBottomBig 1s 1.0s ease both;
    -moz-animation: fadeInLeftBottomBig 1s 1.0s ease both;
}

section.am ul li:nth-child(4) a {
    -webkit-animation: fadeInRightBottomBig 1s 1.0s ease both;
    -moz-animation: fadeInRightBottomBig 1s 1.0s ease both;
}

.homepage ul li {
    width: 50%;
    height: auto;
    padding: 5px;
    float: left;
}

.homepage ul li a {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
}

.homepage ul li a img {
    max-width: 100%;
    height: auto;
    float: left;
    margin: 0 auto;
    border-radius: 4px;
    text-align: center;
}

.homepage>h3 {
    width: 100%;
    padding: 5px;
    height: 50px;
    line-height: 40px;
}

.homepage>h3>a {
    display: block;
    background: #333333;
    color: #fff;
    border: none;
    text-align: center;
    border-radius: 4px;
    line-height: inherit;
}

.homebanner {
    margin: 0 auto;
    padding: 0px 0px;
    text-align: center;
    width: 100%;
    height: auto;
    background: ;
    color: #fff;
    position: relative;
    background-image: ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    -webkit-animation: fadeIn .6s .8s ease both;
    -moz-animation: fadeIn .6s .8s ease both;
    text-shadow: 0 0px 0 #fff;
}

.homebanner img {
    border: 0;
    max-width: 100%;
}

article.vCate ul {
    padding: 0 0 10px 0;
	display:flex;
	flex-wrap:wrap;
}

article.vCate ul li {
    width: 50%;
    margin: 0;
    float: left;
    border: 0;
    height: auto;
    text-align: center;
    padding-top: 2px;
}

article.vCate ul li a {
    display: block;
    height: 100px;
    width: 100%;
    position: relative;
    padding: 0;
    color: #fff;
    background-color: #00A88F;
    background-repeat: no-repeat;
    background-position: center 30%;
    background-size: 36px 36px;
    background-image: url(../images/star.png);
    overflow: hidden;
}

article.vCate ul li:nth-child(even) a {
    background-color: #83BDA4
}

article.vCate ul li:nth-child(3) a {
    background-color: #52A4D4
}

article.vCate ul li:nth-child(4) a {
    background-color: #76B5D6
}

article.vCate ul li a strong {
    line-height: 140px;
}

article.vCate ul li a em {
    display: block;
    font-style: normal;
    position: absolute;
    margin: 0;
    padding: 0;
    right: 10px;
    top: 5px;
    height: 30px;
    width: auto;
    line-height: 30px;
    color: #999;
}

article.vCate ul li a em b {
    color: #f00;
    font-size: 18px;
}

article.vCate ul li:nth-child(1),
article.vCate ul li:nth-child(2),
article.vCate ul li:nth-child(3),
article.vCate ul li:nth-child(4) {
    width: 25%
}

article.vCate ul li:nth-child(1),
article.vCate ul li:nth-child(2),
article.vCate ul li:nth-child(3),
article.vCate ul li:nth-child(4) {
    padding-top: 0
}

article.vCate ul li:nth-child(1) a,
article.vCate ul li:nth-child(2) a,
article.vCate ul li:nth-child(3) a,
article.vCate ul li:nth-child(4) a {
    height: 80px;
}

article.vCate ul li:nth-child(1) a strong,
article.vCate ul li:nth-child(2) a strong,
article.vCate ul li:nth-child(3) a strong,
article.vCate ul li:nth-child(4) a strong {
    line-height: 120px;
}

article.vCate ul li:nth-child(2) {
    padding-right: 1px;
}

article.vCate ul li:nth-child(3) {
    padding-left: 1px;
}

article.vCate ul li:nth-child(1) a {
    background-color: #D8414B;
    background-image: url(../images/idxbg1.png);
}

article.vCate ul li:nth-child(2) a {
    background-color: #5959B9;
    background-image: url(../images/idxbg2.png);
}

article.vCate ul li:nth-child(3) a {
    background-color: #FF6464;
    background-image: url(../images/idxbg3.png);
}

article.vCate ul li:nth-child(4) a {
    background-color: #0C60B2;
    background-image: url(../images/fdbj.png);
}

article.vCate ul li:nth-child(5) a {
    background-color: #F56600;
    background-image: url(../images/idxbg5.png);
}

article.vCate ul li:nth-child(6) a {
    background-color: #5FC11D;
    background-image: url(../images/tj.png);
}

article.vCate ul li:nth-child(7) a {
    background-color: #F3B700;
    background-image: url(../images/idxbg7.png);
}

article.vCate ul li:nth-child(8) a {
    background-color: #aae911;
    background-image: url(../images/idxbg8.png);
}

article.vCate ul li:nth-child(9) a {
    background-image: url(../images/contact1.png);
}

article.vCate ul li:nth-child(10) a {
    background-image: url(../images/navi.png);
    background-size: 42px 42px;
}

article.vCate ul li a[title*="预约"] {
    background-image: url(../images/idxbg1.png);
}

article.vCate ul li a[title*="简介"] {
    background-image: url(../images/idxbg8.png);
}

article.vCate ul li a[title*="联系"] {
    background-image: url(../images/contact1.png);
}

article.vCate ul li a[title*="选择"] {
    background-image: url(../images/star.png);
}

article.vCate ul li a[title*="产品"] {
    background-image: url(../images/idxbg7.png);
}

article.vCate ul li a[title*="外贸"] {
    background-image: url(../images/idxbg2.png);
}

article.vCate ul li a[title*="纺织"] {
    background-image: url(../images/idxbg3.png);
}

article.vCate ul li a[title*="自定义"] {
    background-image: url(../images/tools.png);
    background-size: 42px 42px;
}

article.vCate ul li a[title*="新闻"] {
    background-image: url(../images/panel.png);
    background-size: 56px 56px;
}

article.vCate ul li a[title*="案例"] {
    background-image: url(../images/anli.png);
}

article.vCate ul li:nth-child(odd) {
    -webkit-animation: LeftIn 1.2s .5s ease both;
    -moz-animation: LeftIn 1.2s .5s ease both;
    padding-right: 1px;
}

article.vCate ul li:nth-child(even) {
    -webkit-animation: RightIn 1.2s .5s ease both;
    -moz-animation: RightIn 1.2s .5s ease both;
    padding-left: 1px;
}

.channel {
    height: auto;
    padding: 5px 5px 10px;
    margin: 0 auto;
    width: 100%;
    background: url(../images/mainbg.png) center bottom no-repeat;
}

.channel ul {
    height: auto;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.channel ul li {
    width: 50%;
    height: 60px;
    float: left;
    margin: 0;
    line-height: 60px;
}

.channel ul li a {
    display: block;
    height: 60px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 1);
    border-top: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
    color: #333333
}

.channel ul li a img {
    width: auto;
    height: 60px;
    vertical-align: top;
    margin: 0 auto 10px;
    z-index: 100
}

.channel ul li a b {
    display: block;
    color: #6f0238;
    position: ;
    left: 0;
    bottom: 0;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    width: 100%;
    text-shadow: 0 1px 0 #fff;
}

.channel ul li a img+b {
    line-height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.channel ul li:nth-child(1) a,
.channel ul li:nth-child(2) a {
    border-top: none;
}

.channel ul li:nth-child(2n) a {
    border-right: none;
}

.channel ul li a strong {
    padding-left: 30px;
    display: block;
    width: 110px;
    height: 60px;
    position: relative;
    margin: 0 auto
}

.channel ul li a strong em {
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background: #333333;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.channel ul li a[title*="关于"] strong em {
    background-image: url(../images/star.png);
    background-size: 24px 24px;
}

.channel ul li a[title*="产品"] strong em {
    background-image: url(../images/anli.png);
    background-size: 24px 24px;
}

.channel ul li a[title*="动态"] strong em {
    background-image: url(../images/panel.png);
    background-size: 24px 24px;
}

.channel ul li a[title*="活动"] strong em {
    background-image: url(../images/heart.png);
    background-size: 24px 24px;
}

.channel ul li a[title*="留言"] strong em {
    background-image: url(../images/dingdan.png);
    background-size: 24px 24px;
}

.channel ul li a[title*="联系"] strong em {
    background-image: url(../images/contact.png);
    background-size: 24px 24px;
}

.channel ul li a[title*="导航"] strong em {
    background-image: url(../images/navi.png);
    background-size: 36px 36px;
}

section.buy {
    width: 100%;
    height: auto;
    background: #44361C;
    padding: 5px 0 15px;
    position: relative;
    text-shadow: none;
    text-align: center;
    overflow: hidden;
    -webkit-animation: bounceInkeep .3s .2s linear both;
    -moz-animation: bounceInkeep .3s .2s linear both;
    -o-animation: bounceInkeep .3s .2s linear both;
}

.row1,
.row2 {
    width: 96%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

.row2 {
    border-top: 1px dotted #524524;
    padding: 10px 0;
    line-height: 30px;
    height: 50px;
    overflow: hidden;
}

.row1 strong {
    display: block;
    width: 35%;
    float: left;
    font-size: 48px;
    color: #ff0;
    text-shadow: 1px 1px 0px #000;
    line-height: 60px;
}

.row1 ol {
    width: 65%;
    height: inherit;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.row1 ol li {
    width: 33%;
    float: left;
    color: #886536;
    line-height: 30px;
}

.row1 ol li p {
    color: #9A9B74;
}

.row2 strong {
    display: block;
    width: 35%;
    line-height: 30px;
    height: 30px;
    float: left;
    font-size: 20px;
    color: #9A7C48;
}

.row2 .djs {
    width: 65%;
    line-height: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    color: #dd9;
    overflow: hidden;
}

.row2 .djs input {
    color: #D0740A;
    background: none;
    font-size: 26px;
    text-align: right;
}

section.buy a.button,
section.buy button {
    display: block;
    width: 96%;
    margin: 0 auto;
    height: 46px;
    line-height: 42px;
    font-size: 26px;
    border-radius: 4px;
    border: 1px solid #EE3B1A;
    text-shadow: 0 1px 0 #000;
    color: #fff;
    background: -webkit-linear-gradient(top, #F9A58B 0%, #F9A58B 3%, #F1714A 6%, #F37751 49%, #EC3B07 51%, #EA3001 100%);
    background: -moz-linear-gradient(top, #F9A58B 0%, #F9A58B 3%, #F1714A 6%, #F37751 49%, #EC3B07 51%, #EA3001 100%);
    background: -o-linear-gradient(top, #F9A58B 0%, #F9A58B 3%, #F1714A 6%, #F37751 49%, #EC3B07 51%, #EA3001 100%);
    background: -ms-linear-gradient(top, #F9A58B 0%, #F9A58B 3%, #F1714A 6%, #F37751 49%, #EC3B07 51%, #EA3001 100%);
    background: linear-gradient(top, #F9A58B 0%, #F9A58B 3%, #F1714A 6%, #F37751 49%, #EC3B07 51%, #EA3001 100%);
}

article.showcontent {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}

article.showcontent h2 {
    background: #e2e2e2;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    clear: both;
}

article.showcontent h2:before {
    content: "▼";
    color: #999;
}

article.showcontent img {
    border: none;
    margin: 0px 0 0;
    padding: 0;
    text-align: center;
    width: auto;
    max-width: 100%;
    float: left;
}

article.showcontent p {
    padding: 10px;
}


/*timer*/

.time-count {
    text-align: center;
    margin: 0;
    font-size: 14px;
}

.time-count span {
    font-weight: bold;
    padding: 0 0 0 5px;
    color: #D0740A;
    font-size: 26px;
}

article.des {
    width: 94%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
    border-top: 1px dotted #524524;
    color: #856D35;
    text-shadow: 1px 1px 1px #33250C
}

footer {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
    position: fixed;
    left: 0;
    bottom: 0;
    border-top: 0px solid #000;
    background: rgba(197, 19, 29, 0.85);
}

footer>p {
    text-align: center;
    font-size: 0.8em;
    line-height: 20px;
    border-top: 1px solid #fff;
    padding: 10px 5px;
    color: #c7e1cc
}

footer>p img {
    max-width: 98%;
    margin: 0 auto;
}

footer ul {
    margin: 0 auto;
    padding: 0 0;
    height: auto;
    width: 100%;
    overflow: hidden;
}

footer ul li {
    width: 33.3%;
    height: 45px;
    float: left;
    text-align: center;position:relative;
}
footer ul li+li:before{
    display:block;content:'';width:1px;height:25px;background:#fff;position:absolute;left:0;top:10px;
}
footer ul li a {
    display: block;
    line-height: 45px;
    margin: 0;
    width: 100%;
    color: #eee;
    font-size: 1em;
}
footer ul li a>span{color:#fff;}
footer ul li a strong {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    font-weight: normal;
}

footer ul li:last-child a {
    border-right: none;
}

footer ul li a.hover {
    color: #fff;
    background: #AE171F
}

footer ul li a strong {
    display: inline;
    position: inherit;
    font-weight: normal;
    padding: 5px 0 5px 28px;
    line-height: 45px;
    font-size: 14px;
}

footer ul li a[href="/"] strong,
footer ul li a[title*="首页"] strong {
    background: url(../images/home.png) left center no-repeat;
    background-size: 30px 30px;
}

footer ul li a[href^="tel:"] strong,
footer ul li a[title*="联系"] strong {
    background: url(../images/call.png) left center no-repeat;
    background-size: 32px 32px;
}

footer ul li a[href^="sms:"] strong {
    background: url(../images/sms.png) left center no-repeat;
    background-size: 36px 36px;
}

footer ul li a[title="share"] strong {
    background: url(../images/tj.png) left center no-repeat;
    background-size: 24px 24px;
}

footer ul li a[title*="关于"] strong,
footer ul li a[title*="简介"] strong,
footer ul li a[title*="介绍"] strong {
    background: url(../images/star.png) left center no-repeat;
    background-size: 24px 24px;
}

footer ul li a[title*="产品"] strong {
    background: url(../images/case.png) left center no-repeat;
    background-size: 34px 34px;
}

footer ul li a[title*="资讯"] strong,
footer ul li a[title*="新闻"] strong {
    background: url(../images/panel.png) left center no-repeat;
    background-size: 24px 24px;
}

footer.vertical ul li a strong {
    display: block;
    position: inherit;
    font-weight: normal;
    padding: 10px 0 0 0;
    line-height: 45px;
    font-size: 12px;
}

footer.vertical ul li a[href*="history"] strong,
footer.vertical ul li a[title*="返回"] strong {
    background: url(../images/back.png) center 2px no-repeat;
    background-size: 24px 22px;
}

footer.vertical ul li a[href="/"] strong,
footer.vertical ul li a[title*="首页"] strong {
    background: url(../images/home.png) center -4px no-repeat;
    background-size: 32px 32px;
}

footer.vertical ul li a[href^="tel:"] strong,
footer.vertical ul li a[title*="联系"] strong {
    background: url(../images/call.png) center -3px no-repeat;
    background-size: 32px 32px;
}

footer.vertical ul li a[href^="sms:"] strong {
    background: url(../images/sms.png) center top no-repeat;
    background-size: 24px 24px;
}

footer.vertical ul li a[title="share"] strong {
    background: url(../images/tj.png) center top no-repeat;
    background-size: 24px 24px;
}

footer.vertical ul li a[title*="关于"] strong,
footer.vertical ul li a[title*="简介"] strong,
footer.vertical ul li a[title*="介绍"] strong {
    background: url(../images/star.png) center top no-repeat;
    background-size: 24px 24px;
}

footer.vertical ul li a[title*="产品"] strong {
    background: url(../images/case.png) center -3px no-repeat;
    background-size: 34px 34px;
}

footer.vertical ul li a[title*="资讯"] strong,
footer.vertical ul li a[title*="新闻"] strong {
    background: url(../images/panel.png) center top no-repeat;
    background-size: 24px 24px;
}

footer.R1 ul li {
    width: 100%;
}

footer.R1 ul li a[href^="tel:"] strong {
    background: url(../images/call.png) left center no-repeat;
    background-size: 32px 32px;
}

footer.R1 ul li a strong {
    font-size: 20px;
    font-weight: bold;
    color: #c7e1cc;
    padding-left: 34px;
}

footer.R2 ul li {
    width: 25%;
}

footer.R2 ul li a[href^="tel:"] strong {
    background: url(../images/call.png) left center no-repeat;
    background-size: 36px 36px;
}

footer.R2 ul li a[title*="留言"] strong {
    background: url(../images/dingdan.png) left center no-repeat;
    background-size: 30px 30px;
}


/*footer.R2 ul li a[title*="分享"] strong{background:url(../images/share.png) left center no-repeat; background-size: 24px 24px;}*/

footer.R2 ul li a[title*="地图"] strong {
    background: url(../images/map.png) left center no-repeat;
    background-size: 24px 24px;
}

footer.R2 ul li a[title*="中心"] strong {
    background: url(../images/user.png) left center no-repeat;
    background-size: 32px 32px;
}

footer.R2 ul li a strong {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-left: 34px;
}


/*reset bdshare*/

footer.R2 ul li .bdsharebuttonbox.bdshare-button-style0-24 a {
    padding: 0;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    text-indent: 20px;
    line-height: 26px;
    background: url(../images/share.png);
    background-size: 24px 24px;
    background-position: 20% 1px;
    background-repeat: no-repeat;
}

footer.R2 ul li .bdsharebuttonbox.bdshare-button-style0-24 a:hover {
    color: #fff
}

nav.menu {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
    left: 0;
    bottom: 0;
    background: #333333;
    border-bottom: 1px solid #000;
    /*-webkit-animation:bounceInkeep 0.2s 0.2s linear both;-moz-animation:bounceInkeep 0.2s 0.2s linear both; */
}

nav.menu ul {
    margin: 0 auto;
    padding: 0 0;
    height: auto;
    width: 100%;
    overflow: hidden;
}

nav.menu ul li {
    height: 40px;
    float: left;
    text-align: center;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
}

nav.menu ul li a {
    display: block;
    line-height: 40px;
    margin: 0;
    width: 100%;
    color: #ddd;
    font-size: 1em;
}

nav.menu ul li a strong {
    display: block;
    position: relative;
    top: 10px;
    left: 0;
    font-weight: normal;
}

nav.menu ul li.hover {
    color: #ff0;
    background: #ad1e2d;
    line-height: 40px;
}

nav.menu ul li.hover a {
    color: #fff
}

nav.menu.R3 ul li {
    width: 33.3%;
}

nav.menu.R3 ul li:nth-child(3n) {
    border-right: none;
}

nav.menu.R3 ul li:nth-child(1),
nav.menu.R4 ul li:nth-child(2),
nav.menu.R4 ul li:nth-child(3) {
    border-top: none;
}

nav.menu.R4 ul li {
    width: 25%;
}

nav.menu.R4 ul li:nth-child(4n) {
    border-right: none;
}

nav.menu.R4 ul li:nth-child(1),
nav.menu.R4 ul li:nth-child(2),
nav.menu.R4 ul li:nth-child(3),
nav.menu.R4 ul li:nth-child(4) {
    border-top: none;
}

nav ul.Transverse {
    position: relative;
}

nav ul.Transverse li a strong {
    display: inline;
    position: inherit;
    font-weight: normal;
    padding: 5px 0 5px 32px;
    line-height: 45px;
    font-size: 14px;
}

nav ul.Transverse li:nth-child(1) a strong {
    background: url(../images/home.png) left center no-repeat;
    background-size: 32px 32px;
}

nav ul.Transverse li:nth-child(2) a strong {
    background: url(../images/call.png) left center no-repeat;
    background-size: 32px 32px;
}

nav ul.Transverse li:nth-child(3) a strong {
    background: url(../images/sms.png) left center no-repeat;
    background-size: 32px 32px;
}

nav ul.Transverse li:nth-child(30) {
    position: absolute;
    left: 50%;
    top: 13px;
    width: 1px;
    background: #333;
    height: 20px;
}

@media only screen and (max-width: 480px) {
    .row1 strong {
        display: block;
        width: 35%;
        float: left;
        font-size: 36px;
        color: #ff0;
        text-shadow: 1px 1px 0px #000;
    }
    .row2 strong {
        display: block;
        width: 35%;
        float: left;
        font-size: 12px;
        color: #9A7C48;
    }
    .row2 .djs {
        width: 65%;
        height: inherit;
        margin: 0;
        padding: 0;
        color: #dd9;
        overflow: hidden;
    }
    .row2 .djs input {
        color: #D0740A;
        background: none;
        font-size: 12px;
        text-align: right;
    }
    .time-count {
        text-align: center;
        margin: 0;
        font-size: 12px;
    }
    .time-count span {
        font-weight: bold;
        padding: 0 5px;
        color: #D0740A;
        font-size: 14px;
    }
}

article {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    line-height: 24px;
    font-size: 1.0em;
    position: relative;
}

article.am {
    -webkit-animation: bounceInkeep .3s .2s linear both;
    -moz-animation: bounceInkeep .3s .2s linear both;
}

article.tjcp.am {
    -webkit-animation: bounceInkeep .3s 1.0s linear both;
    -moz-animation: bounceInkeep .3s 1.0s linear both;
}

article ul.cols {
    height: auto;
    width: 96%;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
}

article ul.cols li {
    width: 50%;
    height: 60px;
    float: left;
    border: none;
}

article ul.cols li a {
    background: none;
    width: 100%;
    height: 58px;
}

article ul.cols li a img {
    height: 50px;
    width: 50px;
}

article ul.cols li a>p {
    position: absolute;
    left: 55px;
    top: 8px;
    color: #333;
    font-size: 1.0em;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article ul.cols li a em {
    position: absolute;
    left: 56px;
    top: 30px;
    color: #999;
    font-size: 0.8em;
    font-style: normal;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article ul.wlist li {
    height: 110px;
    padding: 10px 0;
    overflow: hidden;
}

article ul.wlist li a img+p {
    position: absolute;
    left: 85px;
    top: 3px;
    color: #333
}

article ul.wlist li a p.wxx1,
.wxx2,
.wxx3,
.wxx4,
.wxx5 {
    background: url(../images/xx5.png);
    background-repeat: no-repeat;
    background-size: 73px 16px;
    display: block;
    width: 73px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 5px;
    color: #333;
    font-size: 1.1em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article ul.wlist li a span {
    position: absolute;
    left: 85px;
    top: 28px;
    color: #999;
    font-size: 0.8em;
    width: auto;
    line-height: 18px;
}

article ul.wlist li a em {
    position: absolute;
    left: 85px;
    top: 63px;
    color: #ff5600;
    font-size: 0.8em;
    font-style: normal;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article ul.wlist li a b {
    position: absolute;
    right: 0;
    top: 52px;
    display: block;
    height: 30px;
    line-height: 30px;
    text-shadow: 1px 1px 1px #060;
    width: auto;
    padding: 0 5px;
    border: 1px solid #060;
    border-radius: 6px;
    background: #090;
    color: #fff;
}


/*.min shop list*/

article ul.min {
    width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0 auto;
    padding: 0;
    border-bottom: 0px solid #ddd;
    overflow: hidden;
}

article ul.min li {
    height: 40px;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}

article ul.min li a {
    display: block;
    height: 38px;
    width: 96%;
    padding: 4px 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: url(../images/arrow-70.png) 100% 50% no-repeat;
    background-size: 8px 24px;
}

article ul.min li:first-child {
    height: 40px;
    border-top: 0px solid #fff;
    border-bottom: 1px solid #ddd;
}

article ul.min li:last-child {
    height: 40px;
    border-top: 1px solid #fff;
    border-bottom: 0px solid #ddd;
}

article ul.min li a img {
    height: 30px;
    width: 30px;
}

article ul.min li a p {
    position: absolute;
    left: 40px;
    top: 8px
}

article ul.min h3 {
    background: #eee;
    font-size: 0.8em;
    text-indent: 2%;
}

article ul.min h3:before {
    content: "▽";
    color: #999;
}

article h2 {
    background: #e2e2e2;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    clear: both;
}

article h2:before {
    content: "▼";
    color: #999;
}


/*article list*/

article ol {
    width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0 auto 10px;
    padding: 0;
    border-bottom: 0px solid #ddd;
    overflow: hidden;
}

article ol li {
    height: 60px;
    padding: 5px 0;
    width: 100%;
    border-top: 0px solid #fff;
    border-bottom: 1px dotted #ddd;
}

article ol li a {
    display: block;
    height: 50px;
    padding: 5px 0;
    position: relative;
    overflow: hidden;
    width: 96%;
    margin: 0 auto;
}

article ol li:nth-child(odd) {
    background: #f9f9f9;
}

article ol li:nth-child(even) {
    background: ;
}

article ol li:first-child {
    border-top: 0;
    border-bottom: 1px dotted #ddd;
}

article ol li:last-child {
    border-top: 0px solid #f63287;
    border-bottom: 1px dotted #ddd;
}

article ol li a img {
    height: 50px;
    width: 50px;
}

article ol li a p {
    position: absolute;
    left: 0px;
    top: 5px;
    color: #333;
    font-size: 1.0em;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article ol li a img+p {
    position: absolute;
    left: 60px;
    top: 6px;
    color: #333;
    font-size: 1.0em;
    width: auto;
}

article ol li a span {
    position: absolute;
    left: 0px;
    top: 30px;
    color: #666;
    font-size: 0.7em;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article ol li a time {
    position: absolute;
    left: 0px;
    top: 25px;
    color: #999;
    font-size: 0.8em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/*index news list*/

article.nlist ul {
    height: auto;
    min-height: 100%;
    margin: 0 auto 10px;
    padding: 0;
    border-bottom: 0px solid #ddd;
    overflow: hidden;
    border-radius: 4px
}

article.nlist ul li {
    height: 50px;
    padding: 5px 0;
    width: 100%;
    border-top: 0px solid #fff;
    border-bottom: 1px dotted #ddd;
}

article.nlist ul li a {
    display: block;
    height: 40px;
    padding: 5px 0;
    position: relative;
    overflow: hidden;
    width: 96%;
    margin: 0 auto;
    text-align: left
}

article.nlist ul li:nth-child(odd) {
    background: #fff;
}

article.nlist ul li:nth-child(even) {
    background: #fff;
}

article.nlist ul li:first-child {
    border-top: 0;
    border-bottom: 1px dotted #ddd;
}

article.nlist ul li:last-child {
    border-top: 0px solid #f63287;
    border-bottom: 0px dotted #ddd;
}

article.nlist ul li a img {
    height: 50px;
    width: 50px;
}

article.nlist ul li a p {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #333;
    font-size: 1.0em;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article.nlist ul li a img+p {
    position: absolute;
    left: 60px;
    top: 6px;
    color: #333;
    font-size: 1.0em;
    width: auto;
}

article.nlist ul li a span {
    position: absolute;
    left: 0px;
    top: 30px;
    color: #666;
    font-size: 0.7em;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article.nlist ul li a time {
    position: absolute;
    left: 0px;
    top: 20px;
    color: #999;
    font-size: 0.8em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

article ol.Category li {
    width: 90%;
    margin: 10px auto;
    padding: 0 10px;
    box-shadow: 0 1px 3px #ddd;
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
}

article ol.Category li a {
    height: 40px;
    width: 100%;
    position: relative;
    padding: 0;
    background: url(../images/arrow-70.png) right center no-repeat;
    background-size: 8px 20px;
}

article ol.Category li a strong {
    line-height: 40px;
    color: #333;
}

article ol.Category li a em {
    display: block;
    font-style: normal;
    position: absolute;
    margin: 0;
    padding: 0;
    right: 10px;
    top: 5px;
    height: 30px;
    width: auto;
    line-height: 30px;
    color: #999;
}

article ol.Category li a em b {
    color: #f00;
    font-size: 18px;
}

article>h1:first-child {
    font-size: 1.2em;
    text-indent: 2%
}

article>time {
    display: block;
    width: 100%;
    line-height: 24px;
    font-size: 0.8em;
    color: #666;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    text-indent: 2%
}

article>h5 {
    width: 40px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    right: 2%;
    top: 15px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: inset -1px -1px 4px #ddf;
    text-shadow: 0 1px 0 #ddd;
}

article>h5>a {
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: inset 1px 1px 4px #ddf;
}

article.show {
    margin: 0;
    padding: 10px;
    background: #fff;
    color: #333
}


/*article.show a{color:#333}*/

article.show h2 {
    width: 100%;
    background: #f9f9ff;
    color: #ff6900;
    text-shadow: 1px 1px 1px #f2f2f2;
    padding: 5px 2%;
    margin: 0 auto;
    font-size: 1.2em;
    border-top: 1px solid #DFDFCC;
}

article.show h2:before {
    content: "▼";
}


/*.content h2:after { content:"▼▲◀▶"}*/

article.show h2 span {
    float: right;
    font-size: 0.6em;
    font-weight: normal;
}

.list-txt span {
    float: right
}

.list-txt {
    line-height: 30px
}

.list-txt li a {
    color: #333
}

.info {
    background: #f2f2f2;
    text-align: center;
    color: #666;
    margin-bottom: 10px
}

.info a {
    color: #666
}

.title {
    padding: 10px;
    text-align: center
}

.btn-green,
.btn-blue,
.btn-orange {
    color: #FFFFFF;
    font-size: 18px;
    width: 100%;
    line-height: 36px;
    border: none;
    border-radius: 4px;
    text-align: center;
}

.btn-green {
    background: #838388;
}

.btn-blue {
    background: #F5BA31;
}

.btn-orange {
    background: #98938D;
    text-align: center;
    padding: 5px 0
}

.QrCode {
    text-align: center
}

.QrCode a {
    text-align: center;
    color: #333
}

article.show img,
article.show p img {
    max-width: 100%;
    text-align: center;
	background-color:#FFFFFF00;
}


/*article.show td{text-align:center;}*/

article.show figure {
    text-align: center;
    padding: 10px 0;
}

article.show figure img {
    border: 1px dotted #ddd;
    max-width: 80%;
}

article.show figure p {
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
}

article.show figure a+p {
    font-weight: normal;
    color: #999;
    font-size: 12px;
}

article.show input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 5px;
    font-size: 16px;
}

article.show figure a {
    background: url(../images/xx5.png);
    background-repeat: no-repeat;
    background-size: 73px 16px;
    background-position: left center;
    display: block;
    color: #333;
    font-size: 1.1em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
    height: 20px;
    clear: both;
}

a.xx1 {
    width: 14px;
}

a.xx2 {
    width: 29px;
}

a.xx3 {
    width: 44px;
}

a.xx4 {
    width: 58px;
}

a.xx5 {
    width: 73px;
}

article.show p {
    line-height: 25px;
    padding: 5px 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}

article.show p img {
    float: left;
    margin-right: 5px;
}

article.show a.yjgz {
    display: block;
    line-height: 36px;
    border-radius: 4px;
    background: #396;
    color: #fff;
    text-align: center;
    margin: 10px auto;
    text-shadow: none;
}

article.show h3 {
    background: #e2e2e2;
    color: #396;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    clear: both;
}

article.show h3:before {
    content: "▼";
    color: #396;
}

article.show header {
    margin: 0 auto 10px;
    padding: 0 0 10px;
    width: 100%;
    position: relative;
    text-align: left;
    height: auto;
    background: none;
    color: #000;
    border-top: none;
    white-space: normal;
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
}

article.show header h1 {
    width: 100%;
    margin: 0 auto 5px auto;
    padding: 0;
    font-size: 16px;
    z-index: 1;
    line-height: 25px;
    text-align: left;
    color: #f00
}

article.show header time {
    font-size: 0.8em;
    color: #999;
    line-height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

article.show header address {
    font-size: 0.8em;
    color: #666;
    line-height: 16px;
    margin: 0;
    padding-left: 2px;
    float: left;
}

article.show table {
    border-collapse: collapse;
    border: none;
}

article.show table td {
    border-top: 0px dotted #ddd;
    border-bottom: 0px dotted #ddd;
    font-size: 12px;
    padding: 0 1px;
}

article.show table tr td:first-child {
    border-left: none;
}

article.show table tr td:last-child {
    border-right: none;
}

article.show ul.lx li {
    border-bottom: 1px dotted #ddd;
    line-height: 30px;
    padding: 5px 0;
    position: relative;
    font-size: 0.8em;
    color: #333
}

article.show ul.lx li b {
    display: ;
    color: #333;
    font-size: 1.2em;
    padding-left: 10px
}

article.show ul.lx li b a {
    display: block;
    color: #333;
    font-size: 1.2em;
    padding-left: 10px;
    float: left
}

article.show ul.lx li span a {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0 8px;
    background: #0b0;
    border-radius: 20px;
    color: #333;
    font-size: 0.8em;
    text-indent: -9999px;
}

article.show ul.lx li span a[href^="tel:"] {
    background: #0b0 url(../images/call.png) center center no-repeat;
    background-size: 30px 30px;
}

article.show ul.lx li span a[href^="sms:"] {
    right: 48px;
    background: #F90 url(../images/sms.png) center center no-repeat;
    background-size: 30px 30px;
}

article.show ul.lx li span a[href^="mailto:"] {
    background: #09F url(../images/email.png) center center no-repeat;
    background-size: 30px 30px;
}

article.show ul.lx li span a[href*="uin="] {
    background: #09F url(../images/qq.png) center center no-repeat;
    background-size: 24px 24px;
}

article.table table {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}

article.table table td {
    border-top: 1px dotted #ddd;
    border-left: 1px dotted #ddd;
    padding: 5px;
    font-size: 12px;
}

article.table table tr:first-child td {
    border-top: none;
}

article.table table tr td:first-child {
    border-left: none
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

.table-striped{margin-top:20px;width:calc(100% - 6px)}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: var(--table_bgcolor);
}
.table-striped>tbody>tr>td:first-child{width:30%;vertical-align:middle;}
.table-striped>tbody>tr>td,.table-striped>tbody>tr>th,.table-striped>tfoot>tr>td,.table-striped>tfoot>tr>th,.table-striped>thead>tr>td,.table-striped>thead>tr>th{border:1px solid var(--table_border);padding:7px;}


/*.photo list*/

article ul.photo {
    width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

article ul.photo li {
    height: 90px;
    width: 33.3%;
    float: left;
}

article ul.photo li a {
    display: block;
    text-align: center;
    height: 90px;
    padding: 5px;
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #fff;
    position: relative;
    overflow: hidden;
    background: none;
}

article ul.photo li a img {
    height: 80px;
    width: 100%;
}

article hr {
    width: 100%;
    height: 0;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

article table {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}

article td {
    text-align: left;
    vertical-align: top;
    border: 0;
    padding: 5px;
    padding-left: 0;
    margin: 0;
}

article td.t {
    text-align: left;
    font-weight: bold;
    width: 75px;
    padding-right: 0;
}

.about {
    text-align: center;
}

.about img {
    border: 0;
    max-width: 50px;
    max-height: 50px;
}

.about h4 {
    margin: 0;
    padding: 0;
    color: #2F589A;
}

article.show table.contact tr:nth-child(2n) {
    background: #C4DBFF;
}

article.tjcp {
    padding: 0;
}

article.tjcp ul {
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
}

article.tjcp ul li {
    width: 50%;
    float: left;
    margin: 0;
    border-top: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
}

article.tjcp ul li:nth-child(2n) {
    border-right: none;
}

article.tjcp ul li:nth-child(1),
article.tjcp ul li:nth-child(2) {
    border-top: none;
}

article.tjcp ul li a {
    display: block;
    height: auto;
    width: 96%;
    color: #333;
    padding: 4px 0px;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

article.tjcp ul li a img {
    display: block;
    max-width: 140px;
    max-height: 105px;
    margin: 0 auto;
}

article.tjcp ul li a p {
    font-weight: normal;
    padding: 6px 0;
    font-size: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

article.tjcp ul li a b {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    background: #1C7DC1;
    width: 100px;
    margin: 0 auto;
    border-radius: 6px;
}

article.zxcp {
    padding: 0px 0px;
}

article.zxcp>figure img {
    max-width: 100%;
}

article.zxcp ul {
    margin: 0;
    background: #fff;
    border-radius: 4px;
}

article.zxcp ul li {
    width: 100%;
    height: 55px;
    padding: 5px 5px;
    border-top: 1px dotted #ddd;
    overflow: hidden;
}

article.zxcp ul li:first-child {
    border-top: 0;
}

article.zxcp ul li a {
    display: block;
    height: 45px;
    width: 100%;
    margin: 0;
    padding: 0 5px 0 0;
    background-image: url(../images/arrow-70.png);
    background-size: 8px 20px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

article.zxcp ul li figure {
    width: 60px;
    height: inherit;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
    position: relative;
}

article.zxcp ul li figure img {
    width: auto;
    max-width: 100%;
    height: 45px;
    margin: 0 auto;
    padding: 0;
    border: none;
}

article.zxcp ul li p {
    color: #666;
    font-size: 0.8em;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    padding-left: 0px;
    padding-right: 10px;
}

article.zxcp ul li p b {
    color: #333;
    font-size: 1.2em;
    font-weight: normal;
}

article.zxcp ul h2 {
    overflow: hidden;
    font-size: 1.0em;
    padding: 5px 10px;
}

article.zxcp ul h2 a {
    color: #333
}

article.zxcp ul h2 span {
    float: right;
}

article.zxcp ul h2 span a {
    color: #39F;
    font-size: 1em
}

article.zxcp ul li a>b {
    text-align: left;
    color: #258C3B;
    line-height: 45px;
}

section.about article.zxcp ul li a>b {
    text-align: left;
    color: #333;
    font-weight: normal
}

article.zxcp ul.ulmin li {
    height: 40px;
    padding: 5px 5px;
}

article.zxcp ul.ulmin li a {
    padding: 0;
    height: 30px;
    line-height: 30px;
}

article.zxcp ul.ulmin li a>b {
    line-height: 30px;
    color: #333;
    font-weight: normal
}

article.zxcp ul.ulmin li figure {
    width: 30px;
    height: inherit;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
    position: relative;
}

article.zxcp ul.ulmin li figure img {
    width: auto;
    max-width: 100%;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    border: none;
}

article.hh ul li {
    height: 80px;
    padding: 10px 10px;
}

article.hh ul li a {
    height: 60px;
}

article.hh ul li a b {
    color: #258C3B;
    font-size: 1.2em
}

table.tbr2 {
    width: 100%;
    border: 0;
}

table.tbr2 tr td {
    border-bottom: 1px dotted #ddd;
    color: #444
}

table.tbr2 tr td:first-child {
    text-align: right;
    width: 70px;
    border-right: 1px dotted #ddd;
    color: #000
}

table.tbr2 tr td:last-child {
    padding-left: 5px;
}

section.about article.abox {
    padding: 5px;
    width: 100%;
}

section.about article.abox .cshow {
    margin: 0 auto;
    border-radius: 4px;
    padding: 10px;
    font-size: 1em;
    background: #fff;
    text-indent: 2.0em
}

article.zxzx ul li {
    width: 100%;
    height: auto;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
}

article.zxzx ul li a {
    display: block;
    height: 100%;
    width: 96%;
    margin: 0 auto;
    text-align: left;
    color: #000;
    background-image: url(../images/arrow-70.png);
    background-size: 8px 20px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

article.zxzx ul li a[rel*=h]:before {
    content: "[顶]";
    color: #f00;
}

article.zxzx ul li a[rel*=c]:before {
    content: "[荐]";
    color: #0d0;
}

article.zxzx ul li a[rel*=a]:before {
    content: "[热]";
    color: #f0f;
}

article.show,
article.tjcp ul,
article.zxcp ul,
.cshow,
article.nlist ul {
    box-shadow: 0px 0px 0px #ccc, -0px -0px 0px #ccc;
    border: 0px solid #ddd;
    margin: 20px 0px
}

h3+article.tjcp ul,
h3+article.zxcp ul,
.cshow,
h3+article.nlist ul {
    margin: 5px 5px;
}

article.zxcp ul:empty {
    border: none;
}

nav a.thisclass,
#home.thisclass,
#about.thisclass,
#shop.thisclass,
#case.thisclass,
#call.thisclass,
#navi.thisclass,
#sms.thisclass,
#contact.thisclass,
#write.thisclass {
    background-color: #333;
}

.btn {
    width: 100%;
    height: auto;
    clear: both;
    padding: 5px 0;
    margin-bottom: 30px;
    overflow: hidden;
}

article~div.btn {
    padding-top: 0px;
}

.btn>li {
    width: 48%;
    margin: 4px 1%;
    float: left;
}

.btn>li>a {
    display: block;
    border: 1px solid rgba(255, 105, 5, 1);
    width: 96%;
    margin: 0 2%;
    float: left;
    text-align: center;
    line-height: 40px;
    color: #fff;
    box-shadow: inset 0px -1px 6px #fff;
    background: rgba(255, 105, 5, 1);
    text-shadow: 0 1px 0 #333;
    font-weight: bold;
    border-radius: 6px;
    font-size: 1.1em;
    text-indent: 10%;
}

.btn>li:nth-child(1)>a {
    border: 0px solid #666;
    box-shadow: inset 0px 0 0 #fff;
    background: #FF9900;
}

.btn>li:nth-child(2)>a {
    border: 0px solid #666;
    box-shadow: inset 0px 0 0 #fff;
    background: #00BB00;
}

.btn>li:nth-child(3)>a {
    border: 0px solid #666;
    box-shadow: inset 0px 0 0 #fff;
    background: #3399FF;
}

.btn>li:nth-child(4)>a {
    border: 0px solid #666;
    box-shadow: inset 0px 0 0 #fff;
    background: #FF0099;
}


/*.btn>li:nth-child(2n+1)>a {animation: btnSlide 3s infinite 0s;-moz-animation: btnSlide 3s infinite 0s;-webkit-animation: btnSlide 3s infinite 0s;-o-animation: btnSlide 3s infinite 0s;}
.btn>li:nth-child(2n+2)>a {animation: btnSlide 3s infinite 0s;-moz-animation: btnSlide 3s infinite 0s;-webkit-animation: btnSlide 3s infinite 0s;-o-animation: btnSlide 3s infinite 0s;}*/

.btn>li>a[href^="sms:"] {
    background-image: url(../images/sms.png);
}

.btn>li>a[href^="mailto:"] {
    background-image: url(../images/mail.png);
}

.btn>li>a[href^="tel:"] {
    background-image: url(../images/tel.png);
}

.btn>li>a[href^="tel:1"] {
    background-image: url(../images/mobi.png);
}

.btn>li>a[title*="nav"],
.btn>li>a[href*="map"] {
    background-image: url(../images/navi.png);
}

.btn>li>a[href^="sms:"],
.btn>li>a[href^="mailto:"],
.btn>li>a[href^="tel:"],
.btn>li>a[title*="nav"],
.btn>li>a[href*="map"],
.btn>li>a[href*="wpa.qq.com"],
,
.btn>li>a[href*="tencent:"] {
    background-position: 10% 50%;
    background-size: 32px 32px;
    background-repeat: no-repeat;
}

.btn>li.w>a[href^="sms:"],
.btn>li.w>a[href^="mailto:"],
.btn>li.w>a[href^="tel:"],
.btn>li.w>a[title*="nav"],
.btn>li.w>a[href*="map"],
.btn>li.w>a[href*="wpa.qq.com"],
.btn>li.w>a[href*="tencent:"] {
    background-position: 20% 50%;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    text-indent: 0;
}

.btn>li>a[href*="wpa.qq.com"],
.btn>li>a[href*="tencent:"],
.btn>li.w>a[href*="wpa.qq.com"],
.btn>li.w>a[href*="tencent:"] {
    background-image: url(../images/qq.png);
    background-size: 24px 24px;
}

.btn>li.w {
    width: 100%;
    margin: 4px auto;
    float: left;
}

.btn.light>li>a {
    border: 1px solid rgba(220, 220, 220, 0.8);
    color: #ff6905;
    text-shadow: 0 1px 0 #fff;
    box-shadow: inset 0px -2px 6px #fff;
    background: -moz-linear-gradient(left, rgba(240, 240, 240, 0.4) 1%, rgba(220, 220, 220, 0.8) 50%, rgba(240, 240, 240, 0.4) 100%);
    background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0.4) 1%, rgba(220, 220, 220, 0.8) 50%, rgba(240, 240, 240, 0.4) 100%);
    background: -o-linear-gradient(left, rgba(240, 240, 240, 0.4) 1%, rgba(220, 220, 220, 0.8) 50%, rgba(240, 240, 240, 0.4) 100%);
    background: -ms-linear-gradient(left, rgba(240, 240, 240, 0.4) 1%, rgba(220, 220, 220, 0.8) 50%, rgba(240, 240, 240, 0.4) 100%);
    background: -linear-gradient(left, rgba(240, 240, 240, 0.4) 1%, rgba(220, 220, 220, 0.8) 50%, rgba(240, 240, 240, 0.4) 100%);
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-indent: 0;
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
}

.btn.light>li.w>a {
    background-image: none;
}

a.btn {
    width: 200px;
    display: block;
    border: 1px solid rgba(255, 105, 5, 1);
    width: 96%;
    margin: 0 2%;
    float: left;
    text-align: center;
    line-height: 40px;
    color: #fff;
    box-shadow: inset 0px -1px 6px #fff;
    background: rgba(255, 105, 5, 1);
    text-shadow: 0 1px 0 #333;
    font-weight: bold;
    border-radius: 6px;
    font-size: 1.1em;
}

#home {
    background: url(../images/home.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#about {
    background: url(../images/qdnets.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#shop {
    background: url(../images/shop.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#case {
    background: url(../images/case.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#contact {
    background: url(../images/tel.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#call {
    background: url(../images/call.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#navi {
    background: url(../images/navi.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#sms {
    background: url(../images/sms.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#write {
    background: url(../images/write.png) 50% 0 no-repeat;
    background-size: 32px 32px;
}

#home,
#about,
#shop,
#case,
#call,
#navi,
#sms,
#contact,
#write {
    text-indent: 0px;
}

nav #buythis {
    height: 30px;
    width: 100%;
    margin: 0 auto;
    padding: 3px 0;
    background: rgba(240, 240, 240, 0.9);
    box-shadow: 0 -2px 2px rgba(220, 220, 220, 0.6);
}

nav #buythis input[type="tel"] {
    width: 73%;
    float: left;
    margin-left: 2%;
    padding: 0 1%;
    border: 0;
    height: 30px;
    line-height: 30px;
    font-size: 1.2em;
}

nav #buythis button {
    width: 20%;
    float: right;
    margin-right: 2%;
    padding: 0;
    border: 0;
    height: 30px;
    line-height: 30px;
    font-size: 1.2em;
    border-radius: 6px;
    text-shadow: 0 1px 0px #fff;
    color: #000;
    background: none;
}

nav #buythis input[type="tel"]:requried {
    border: 0;
    background: #fff;
}

nav #buythis input[type="tel"]:focus:invalid {
    background: #fff url(../images/list-54.pn) no-repeat right;
    background-size: 24px 24px;
}

nav #buythis input[type="tel"]:focus:valid {
    background: #fff url(../images/ok.png) no-repeat right;
    background-size: 24px 24px;
}

.fieldcontain {
    width: 100%;
    margin: 0 auto;
    line-height: 24px;
    padding: 0px 10px;
}

.fieldcontain button {
    width: 100%;
    font-size: 1.0em;
    margin: 0;
    padding: 5px 0;
    line-height: 26px;
}

#qd-order {
    wdith: 100%;
    padding: 10px auto;
    height: auto;
    overflow: hidden;
    color: #000;
    padding-bottom: 30px;
}

#qd-order label {
    display: block;
    clear: both;
    width: 100%;
    padding-top: 10px;
}

#qd-order label[for^="tt"] {
    padding-top: 3px;
}

#qd-order input[type="text"],
#qd-order textarea {
    width: 100%;
    border: 1px solid rgba(200, 200, 200, 1);
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px #eee, inset -1px -1px 2px #eee;
    height: 40px;
    margin: 5px auto;
    padding: 5px;
    font-size: 1.0em;
    outline: 0;
    resize: none;
    border-radius: 4px;
    -webkit-appearance: none;
}

#qd-order button {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: 46px;
    line-height: 32px;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid #ff5600;
    text-shadow: 0 0px 0 #000;
    color: #fff;
    background: #ff5600;
}

#qd-order input[name="province"],
#qd-order input[name="city"] {
    width: 40%;
    display: inline;
}

#qd-order select {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-shadow: 0 0px 0px rgba(0, 0, 0, .8);
    line-height: 40px;
    width: 98%;
    padding: 2px 1%;
    border-radius: 4px;
    height: 40px;
    border: 1px solid #999;
    /*  -webkit-appearance: none;*/
}

#page>#qd-order h3,
#page>#qd-order p {
    padding: 0 10px;
}

#page>#qd-order h3 {
    line-height: 30px;
    color: #3E4172;
    text-shadow: 1px 1px 1px #fff;
    border-top: 1px solid #ddd;
}

#page>#qd-order h3:after {
    content: "▼";
    float: right;
    color: #ddd
}

#page>#qd-order p {
    font-size: 12px;
    line-height: 20px;
    color: #999
}


/*plus:bdshare*/

.bdsharebuttonbox.bdshare-button-style0-32 a {
    display: block;
    width: 48%;
    margin: 0 1%;
    float: left;
}


/*guestbook*/

.msglist {
    padding: 20px 5px;
    width: 100%;
}

.msglist ul {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
}

.msglist ul li {
    width: 100%;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
}

.msglist ul li:last-child {
    border-bottom: none
}

.msglist ul li a,
.msglist ul li a:visited {
    color: #00f
}

.msglist ul li p {
    padding: 0;
}

.msglist ul li p span {
    float: right
}

.msglist ul li p.info {
    color: #F60
}

.msglist ul li p.time b {
    color: #0C0
}

.msglist ul li p.time span {
    color: #999
}

.msglist ul li .allmsg:before {
    color: #c00
}

.msglist ul li .allmsg>.rebox:before {
    content: "留言："
}

.msglist ul li .allmsg>.remsg {
    color: #093
}

.tabtwo {
    height: 30px;
    line-height: 30px;
}

.tabtwo a {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    background: #ddd;
    color: #333333
}

.tabtwo a[href="#"] {
    background: none
}

.tabtwo a[href="#"]:after {
    content: "▼"
}

.sellist img {
    border: 0px solid #ccc;
    margin-top: 0px;
    width: 875px;
    margin-left: 0;
    margin-bottom: 0
}

.sellist p {
    height: 12px;
}

.sellist a {
    color: #333
}

.newslist img {
    border: 1px solid #ccc;
    margin-top: 3px;
    width: 80px;
    height: 80px
}

.newslist p {
    height: 12px;
}

.newslist a {
    color: #333
}

.page_click {
    width: 100%;
    line-height: 40px;
    border-top: 0px solid #ddd;
    background: rgba(255, 255, 255, 1);
    color: #333;
    text-align: center;
    margin-bottom: 10px;
}

.page_click b {
    display: block;
    width: 120px;
    line-height: inherit;
    margin: 0 auto;
    color: #090;
    padding-left: 20px;
    background: url(../images/loading8.gif) left center no-repeat;
    background-size: 24px 24px;
}

.none {
    display: none;
}


/*pagelist*/

.pages {
    padding: 10px;
    text-align: center;
    background: #333232;
    margin-top: 1px;
    clear: both;
}

.pages a {
    padding-left: 10px;
    color: #333
}

#PAGES {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#PAGES .pageinfo {
    list-style: none;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    text-align: left;
    background: ;
    font-size: 12px;
    color: #666;
    border-top: 0px solid #f9f9f9;
    border-bottom: 0px solid #eee;
    overflow: hidden;
}

#PAGES .pageinfo li {
    display: inline;
}

#PAGES .page {
    list-style: none;
    margin: 10px auto 30px;
    padding: 0;
    overflow: hidden;
}

#PAGES .page li {
    float: left;
    width: 50%;
}

#PAGES .page li a {
    display: block;
    line-height: 20px;
    text-align: center;
    padding: 8px 0;
    width: 90%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #ddd;
    color: #333
}

#PAGES .page li a:link,
#PAGES .page li a:hover,
#PAGES .page li a:active,
#PAGES .page li a:visited {
    border: 1px solid #1C7DC1;
    background: #1C7DC1;
    color: #fff;
}

#PAGES .page li a.nopage,
#PAGES .page li a.nopage:hover,
#PAGES .page li a.nopage:active {
    border: 1px solid #dedede;
    color: #666;
    background: #f9f9ff;
}

#PAGES .page li span.pageinfo,
#PAGES .pageinfo>b>li span.pageinfo {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden;
}

#PAGES ul.pageinfo li span.pageinfo {
    padding: 0 10px;
}

.fls ul {
    float: left
}

.fls li {
    float: left;
    margin-right: 15px;
    padding-bottom: 5px
}

.fls li a {
    color: #333
}

.fls li.hover {
    font-weight: bold
}

.lbs-box {
    padding: 0px 0;
    font-size: 12px;
}


/* buttons */

button.a-btn,
a.a-btn {
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    display: inline-block!important;
    cursor: pointer;
    border-radius: 0;
    margin-right: 5px;
}

button.a-btn+a,
a.a-btn+a {
    margin-top: 5px;
}

button.a-btn.btn-large,
a.a-btn.btn-large {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}

button.a-btn.a-btn1,
a.a-btn.a-btn1 {
    background-color: #eeeeee;
    color: #666666;
}

button.a-btn.a-btn1:hover,
a.a-btn.a-btn1:hover {
    background-color: #fbfbfb;
}

button.a-btn.a-btn2,
a.a-btn.a-btn2 {
    background-color: #00a1cb;
    color: #fff;
}

button.a-btn.a-btn2:hover,
a.a-btn.a-btn2:hover {
    background-color: #00b5e5;
}

button.a-btn.a-btn3,
a.a-btn.a-btn3 {
    background-color: #7db500;
    color: #fff;
}

button.a-btn.a-btn3:hover,
a.a-btn.a-btn3:hover {
    background-color: #8fcf00;
}

button.a-btn.a-btn4,
a.a-btn.a-btn4 {
    background-color: #f18d05;
    color: #fff;
}

button.a-btn.a-btn4:hover,
a.a-btn.a-btn4:hover {
    background-color: #fa9915;
}

button.a-btn.a-btn5,
a.a-btn.a-btn5 {
    background-color: #e54028;
    color: #fff;
}

button.a-btn.a-btn5:hover,
a.a-btn.a-btn5:hover {
    background-color: #e8543f;
}

button.a-btn.a-btn6,
a.a-btn.a-btn6 {
    background-color: #87318c;
    color: #fff;
}

button.a-btn.a-btn6:hover,
a.a-btn.a-btn6:hover {
    background-color: #99389f;
}

.links {
    padding: 0 5px 0 5px
}

.links a {
    color: #F5F2F2;
    margin-right: 5px
}

.icp-wano{margin:8px -5px 0;}
.icp-wano a{display:inline-block;vertical-align:middle;margin:0 5px;}
.icp-wano a img{float:left;margin:2px 3px 0 0;}
/******新增搜索样式********/

.thumb a {
    color: #333;
}

.search {
    display: inline-block;
    background: #515151;
    border: 1px solid #222222;
    margin: 5px;
    height: 35px;
    line-height: 35px;
    float: left;
    width: 97%
}

.ins {
    background: none;
    border: none;
    float: left;
    color: #FFF;
    padding: 0px;
    height: 33px;
    line-height: 33px;
    min-width: 59%;
}

.search img {
    margin-top: 3px;
    margin-left: 5px
}

.search select {
    padding: 0;
    width: 108px;
    height: 33px;
    float: left;
    margin-right: 5px;
}

.tjs {
    background: url(../images/s.png) no-repeat 0 2px;
    float: left;
    display: block;
    line-height: 20px;
    cursor: pointer;
    height: 30px;
    width: 30px;
    border: none
}

.li_ico {
    position: relative;
    z-index: 9999;
    top: -25%;
    left: 25%;
    width: 100px;
    height: 100px;
    background: #000;
    border-radius: 100%;
    box-sizing: border-box;
    text-align: center;
    opacity: 0.3;
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    margin: 50px 0 -150px 0;
}

.li_ico i {
    font-style: normal;
    position: relative;
    top: 45%;
    color: #fff
}

.blur {
    -webkit-filter: blur(3px);
    /* Chrome, Opera */
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

.sellist li {
    overflow: hidden;
    height: 30px;
	width:150px;
}

.li_ico2 {
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    width: 24vw;
    height: 24vw;
    margin-top: -12vw;
    margin-left: -12vw;
    border-radius: 100%;
    background-color: #00000045;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    line-height: 100%;
}

.li_ico2 i {
    font-style: normal;
    position: relative;
    top: 20%;
    color: #fff;
    font-size: 16px
}


/*.title,.list-txt li a{color:#333}*/

.f_price {
    color: red
}

.px16 {
    font-size: 16px
}

body {
    font-size: 14px;
}

select {
    font-size: 14px;
    padding: 0
}

.bdsharebuttonbox a {
    color: #fff
}



.bbox{


    position: relative;
    z-index: 9999;
    top: -2vh;
    left: 25%;
    width: 100px;
    height: 100px;
    
    border-radius: 100%;
    box-sizing: border-box;
    text-align: center;
    opacity: 0.8;
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    margin: 50px 0 -150px 0;

	

}

/* xiantuguige */
.xiantuguige{width:100%;text-align:center;font-size:0;line-height:0;}
.xiantuguige img{max-width:100%;}
.xiantuguige .wrap{display:inline-block;position:relative;padding:30px;}
.xiantuguige .wrap>div{position:absolute;display:flex;align-items:center;justify-content:center;}
.xiantuguige .wrap .text{display:inline-block;font-size:16px;color:#666;font-family:Arial;font-weight:300;line-height:1;white-space:nowrap;}
.xiantuguige .wrap .text em{font-style:normal;margin-left:3px;font-size:18px;}
.xiantuguige .block-1{width:100%;height:40px;top:0;left:0;right:0;}
.xiantuguige .block-2{width:40px;top:0;left:0;bottom:0;}
.xiantuguige .block-2 .text{transform:rotate(90deg);}
.xiantuguige .block-3{width:40px;top:0;right:0;bottom:0;}
.xiantuguige .block-3 .text{transform:rotate(90deg);}
.xiantuguige .block-4{width:100%;height:40px;left:0;right:0;bottom:0;}
.xiantuguige .tit{display:block;font-size:16px;line-height:30px;margin:5px;text-align:center;font-weight:600;}