html { -webkit-text-size-adjust: none; word-wrap: break-word; word-break: break-all; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
body { margin: 0; padding: 0; color: #454545; font-size: 14px; font-family: "Microsoft YaHei", Verdana, sans-serif; line-height: 1.42857143;     background-color: #eeeff1 }
a { text-decoration: none; color: #454545; transition: all .35s ease 0s;
outline: 0 }
a:hover { color: #f50; text-decoration: none; outline: 0 }
img { max-width: 100%; height: auto; width: auto; border: 0; vertical-align: middle }
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol,
form,
label,
input,
textarea,
button,
img,
span,
dl,
dt,
dd,
th,
pre { margin: 0; padding: 0; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400 }
input,
textarea,
button,
form { font-size: 14px; font-family: "Microsoft YaHei", Verdana, sans-serif; -webkit-appearance: none }
li { list-style-type: none }
.titlebar { background-image: linear-gradient(0deg, #E1EDFF, #ffffff); }
.titlebarm { background-image: linear-gradient(0deg, #E1EDFF, #ffffff); padding:0px 10px; line-height:45px; }
.img-d img,
.dp-b { display: block; width: 100% }
.tx-input { border-radius: 3px; line-height: 38px; height: 38px; width: 90%; padding: 0 10px; background: #fff; border: 1px solid #c8c8c8; box-shadow: 1px 1px 1px 0 #eaeaea inset; }
.box-shadow { box-shadow: 3px 3px 10px rgba(119, 133, 202, .34); }
.input-ma { position: relative }
.input-ma img { position: absolute; right: 5px; top: 5px; height: 30px!important; width: auto!important }
.input_01 { padding:5px; border:#ddd 1px solid; border-color: #c0c0c0 #e1e1e1 #e1e1e1 #c0c0c0; background: #fbfbfb; }
.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; }
.tx-form { position: relative; line-height: 38px }
.tx-textarea { border: 1px solid #ddd; border-radius: 3px; padding: 10px; width: 100%; margin: 0; }
.tx-btn0 { vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none }
.tx-btn0 { display: inline-block; min-height: 38px; line-height: 20px; padding:5px; width:30px; text-align:center; background: #FF653B; border-radius: 4px; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: 0; cursor: pointer; }
.tx-btn0:hover { color: #fff; background-color:#AC3C0B; }
.tx-btn0:active { opacity: 1; filter: alpha(opacity=100) }
.tx-btn { vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none }
.tx-btn { display: inline-block; height: 38px; line-height: 38px; padding:0 15px; background: -webkit-linear-gradient(left, #fe3737, #fe5f28); background: -o-linear-gradient(right, #fe3737, #fe5f28); background: -moz-linear-gradient(right, #fe3737, #fe5f28); background: linear-gradient(to right, #fe3737, #fe5f28);  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #fe3737, endColorstr = #fe5f28);
border-radius: 4px; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: 0; cursor: pointer; }
.tx-btn:hover { color: #fff; background-color:#f47314; }
.tx-btn:active { opacity: 1; filter: alpha(opacity=100) }
.tx-btn2 { vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
.tx-btn2 { display: inline-block; border-radius: 4px; height: 38px; line-height: 38px; padding:0 15px; background: -webkit-linear-gradient( 0deg, rgb(254,145,14) 0%, rgb(255,186,0) 100%); background: -ms-linear-gradient( 0deg, rgb(254,145,14) 0%, rgb(255,186,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #fe910e, endColorstr = #ffba00);
color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: 0; cursor: pointer; }
.tx-btn2:hover { color: #fff; background-color:#ff8800; }
.tx-btn-big { height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px }
.tx-btn-small { height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px }
.tx-btn-mini { height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px }
.tx-btn-mini5 { display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; font-size: 14px; background-color: #AAECBC; color: #0066cc; border-radius:4px; }
.tx-btn-mini5:hover { display: inline-block; background:#f1370b; color:#fff; }
.tx-btn-primary { border: 1px solid #C9C9C9; background-color: #fff; color: #555; }
.tx-btn-primary:hover { border-color: #009688; color: #333 }
.tx-btn-radius { border-radius: 100px; }
.tx-text hr,
.tx-hr { margin-top: 0; margin-bottom: 0; padding: 0; border: 0; border-bottom: 1px solid #eee }
.nav-m i { position: absolute; left: 80%; top: -3px; display: inline-block; width: 39px; height: 23px; z-index:99999999; }
.picon-hot1 { background: url(../images/icon_hot1.png) no-repeat center center; background-size: cover; }
.picon-hot2 { background: url(../images/icon_hot2.png) no-repeat center center; background-size: cover; }

.mb5 { margin-bottom: 5px }
.mb7 { margin-bottom: 7px }
.mb10 { margin-bottom: 15px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.mt10 { margin-top: 10px }
.mt20 { margin-top: 20px }
.f-30 { font-size: 30px }
.f-26 { font-size: 26px }
.f-22 { font-size: 22px }
.f-20 { font-size: 20px }
.f-18 { font-size: 18px }
.f-17 { font-size: 17px }
.f-16 { font-size: 16px }
.f-15 { font-size: 15px }
.f-14 { font-size: 14px }
.f-13 { font-size: 13px }
.f-12 { font-size: 12px }
.f-10 { font-size: 10px }
.ftc01 { color:#454545; }
.bghui { background:#f0f0f0; }
.pd05 { padding:0 5px; }
a.blue0 { color:#0055cc; text-decoration:none; font-size:16px; padding-right:12px; }
a.blue10 { color:#008800; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-right:12px; }
a.yellow10 { color:#ff7300; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-left:12px; }
a.red0 { color:#ee0000; text-decoration:none; font-size:16px; padding-right:12px; font-weight:700; }
a.green0 { color:#009900; text-decoration:none; }
a.gray0 { color:#707070; text-decoration:none; padding-right:12px; font-family:Arial, Helvetica, sans-serif; }
.f-bold { font-weight: bold }
.t_nav { width:100%; height:20px; font-size:14px; line-height:19px; }
.t_nav p { display: inline-block; width:auto; overflow:hidden; padding:0px 5px; background-color:#FFFFFF; text-align:center; height:20px; border:1px solid #35a6ee; color:#35a6ee; border-radius:2px; margin: 0px; margin-right:5px; }
.t_nav p:nth-of-type(4n+2) {
border:1px solid #f0962a;
color:#f0962a;
}
.t_nav p:nth-of-type(4n+3) {
border:1px solid #1fbf8c;
color:#1fbf8c;
}
.t_nav p:nth-of-type(4n+4) {
border:1px solid #dedede;
color:#888888;
}
.hline1 { width:6px; height:22px; background:#E25F10; margin:10px 0; float:left; }
.w500 { font-weight:500px; }
.color51 { #E25F10
}
;
.pd5 { padding: 5px }
.pd10 { padding:0 10px }
.pd10-1 { padding: 10px 0 }
.pd10-2 { padding: 0 10px }
.pd10-3 { padding: 10px 10px 0 10px }
.pd10-4 { padding: 6px 10px }
.pd15 { padding: 15px }
.pd15-1 { padding: 15px 0 }
.pd15-2 { padding: 0 15px }
.pd15-3 { padding: 15px 15px 0 15px }
.pd15-4 { padding: 7px 15px }
.pd20 { padding: 20px }
.pd20-1 { padding: 20px 0 }
.pd20-2 { padding: 0 20px }
.pd20-3 { padding: 20px 20px 0 20px }
.pd20-4 { padding: 10px 20px }
.pd40 { padding: 40px }
.pd60 { padding: 60px }
.ta-c { text-align: center }
.ta-r { text-align: right }
.f-main { color:#0066cc }
.f-red { color: #f00 }
.f-red1 { color: #f20 }
.f-red2 { color: #f70 }
.f-white { color: #fff }
.f-green { color: #5fb878 }
.f-yellow { color: #ffb800 }
.f-blue { color: #1e9fff }
.f-gray { color: #676767 }
.f-gray0 { color: #888 }
.f-gray1,
.f-gray1 a { color: #bbb }
.f-white1,
.f-white1 a { color: #fff }
.f-black { color: #222 }
.bg-gray { background-color: #eee }
.bg-white { background-color: #fff }
.bg-red { background-color: #f00 }
.bg-yellow { background-color: #ffb800 }
.bg-green { background-color: #5fb878 }
.bg-blue { background-color: #1e9fff }
.bg-black { background-color: #222 }
.mr-5 { margin-right:5px }
.tx-table,
.tx-text .tx-table { border-collapse: collapse; border-spacing: 0 }
.tx-table th,
.tx-table td,
.tx-text .tx-table th,
.tx-text .tx-table td { border: 1px solid #eee; padding: 10px; overflow: hidden }
.tx-table th,
.tx-text .tx-table th { background: #f1f1f1 }
.border { border: 1px solid #ddd }
.border-b { border-bottom: 1px solid #ddd }
.border-t { border-top: 1px solid #ddd }
.i60 { line-height: 20px; height: 60px; overflow: hidden }
.i40 { line-height: 20px; height: 40px; overflow: hidden; }
.i22 { line-height: 22px; height: 22px; overflow: hidden }
.i18 { line-height: 18px; height: 18px; overflow: hidden }
.txt-ov { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.lh-50 { line-height: 50px }
.lh-40 { line-height: 40px }
.lh-30 { line-height: 30px }
.lh-26 { line-height: 26px }
.ul-45 li { line-height: 45px; height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.ul-42 li { line-height: 42px; height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.ul-36 li a{ padding:5px;}
.ul-36 li { line-height: 40px; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ul-30 li { line-height: 30px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.ul-26 li { line-height: 26px; height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.wide { width: 100%; margin: 0 auto; max-width: 1180px }
.hide,
.pchide { display: none }
.wide::after, .clearfix::after, .row:before, .row:after, .row1:after, .row2:after, .row3:after {
display: table;
content: " ";
clear: both
}
.row { margin-left: -15px; margin-right: -15px }
[class*='col-'] {
float:left;
min-height:1px;
padding-left:15px;
padding-right:15px;
width:10%;
position:relative
}
.row1 { margin-left: -7px; margin-right: -7px }
[class*='col1-'] {
float:left;
min-height:1px;
padding-left:7px;
padding-right:7px;
position:relative
}
.row2 { margin-left: -7px; margin-right: -7px }
[class*='col2-'] {
float:left;
min-height:1px;
padding-left:7px;
padding-right:7px;
position:relative
}
.row3 { margin-left: 0; margin-right: 0 }
[class*='col3-'] {
float:left;
min-height:1px;
padding-left:0;
padding-right:0;
position:relative
}
.col-1 { width: 4.1666% }
.col-2 { width: 8.3333% }
.col-3 { width: 12.5% }
.col-4 { width: 16.6666% }
.col-5 { width: 20.8333% }
.col-6 { width: 25% }
.col-7 { width: 30% }
.col-8 { width: 33.3333% }
.col-9 { width: 37.5% }
.col-10 { width: 41.6666% }
.col-11 { width: 45.8333% }
.col-12 { width: 50% }
.col-13 { width: 54.1666% }
.col-14 { width: 58.3333% }
.col-15 { width: 62.5% }
.col-16 { width: 66.6666% }
.col-17 { width: 70%; }
.col-18 { width: 75% }
.col-19 { width: 79.1666% }
.col-20 { width: 83.3333%; }
.col-21 { width: 87.5% }
.col-22 { width: 91.6666% }
.col-23 { width: 95.8333% }
.col-24 { width: 100% }
.col-25 { width: 20% }
.fl { float: left }
.fr { float: right }
.tx-text { line-height: 1.7; }
.tx-text p,
.tx-text h4,
.tx-text h5,
.tx-text h6 { margin-bottom: 10px }
.tx-text ol li { list-style: decimal }
.tx-text h1,
.tx-text h2,
.tx-text h3 { border-left: 4px solid #ddd; background-color: #f2f2f2; padding: 10px 15px; margin-bottom: 15px }
.tx-text h1 { font-size: 22px }
.tx-text h2 { font-size: 20px }
.tx-text h3 { font-size: 18px }
.tx-text a { border-bottom: 2px solid #84cf6d; text-decoration: none; }
.tx-text a:hover {
-webkit-transition: box-shadow .2s linear;
transition: box-shadow .2s linear; box-shadow: inset 0 -10px #84cf6d; color: #000; }
.tx-text img,
.tx-text iframe { max-width: 100%!important }
.tx-text img { height: auto!important }
.tx-text blockquote { border-left: 10px solid rgba(102, 128, 153, 0.075); background-color: rgba(102, 128, 153, 0.05); border-radius: 0 5px 5px 0; padding: 15px 20px; margin: 0 0 6px 0; color: #666 }
.tx-text pre { margin: 15px 0 }
.tx-text .tx-table { margin-bottom: 20px }
.gg-box img { width: 100%; display: block }
.img-box { overflow: hidden; display: block; position: relative; width: 100%; height: 0 }
.img-box[data-ratio="16:8"] { padding-top: 50% }
.img-box[data-ratio="16:9"] { padding-top: 70% }
.img-box[data-ratio="16:16"] { padding-top: 100% }
.img-box[data-ratio="16:20"] { padding-top: 150% }
.img-box img { -o-object-fit: cover; object-fit: cover; transition: all .6s;
position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.img-box:hover img { opacity: 0.9 }
.breadcrumb { height: 35px; line-height: 35px; background: #f4f4f4; padding: 0 10px; color: #999 }
.breadcrumb a { color: #999 }
section { }
section dl {  border-bottom: 1px solid #eee; background:#f7f7f7 }
section dl:nth-child(2n) {
background:#fff
}
section dl:first-child { margin-top: 0; }
section dl dt { height: 50px; line-height: 30px; padding: 10px; font-size: 16px; font-weight: bold; position: relative; overflow:hidden }
section dl dt .desc { position: absolute; left: 80px; font-weight: normal; top: 10px; height: 30px; line-height: 30px; font-size: 14px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
section dl dt .icon-angle-down,
section dl dt .icon-angle-up { position: absolute; top: 15px; right: 10px; color: #999; font-size: 18px; }
section dl dt .icon-pencil { color: #999; font-weight: normal }
section dl dd a { height: 25px; line-height: 25px; text-align: center; padding:3px 7px; border-radius:4px; font-size:15px; }
section dl dd a:hover { background:#0066cc; color:#fff; }
section dl dd { width: 20%; float: left; margin-bottom:5px; }
section dl:nth-child(2n) dd a {
background:#f1f1f1;
}
section dl:nth-child(2n) dd a:hover {
background:#0066cc;
color:#fff;
}
section dl .wrap-box { overflow: hidden; zoom: 1; display: none; padding:2px 5px; }
section dl .wrap-box dd:last-child { border-right: none }
 @media screen and (max-width:992px) {
 section dl dd {
width: 50%;
float: left;
margin-bottom:5px;
}
.wide {
width: 100%;
padding-left: 10px;
padding-right: 10px
}
.row {
margin-left: -10px;
margin-right: -10px
}
[class*='col-'] {
padding-left:10px;
padding-right:10px
}
.row1 {
margin-left: -5px;
margin-right: -5px
}
[class*='col1-'] {
padding-left:5px;
padding-right:5px
}
.row2 {
margin-left: 5px;
margin-right: 5px
}
[class*='col2-'] {
padding-left:3px;
padding-right:3px
}
[class*='col3-'] {
float:left;
min-height:1px;
padding-left:0;
padding-right:0;
position:relative
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24, .col-25 {
width: auto
}
.col-m-1 {
width: 4.1666%
}
.col-m-2 {
width: 8.3333%
}
.col-m-3 {
width: 12.5%
}
.col-m-4 {
width: 16.6666%
}
.col-m-5 {
width: 20.8333%
}
.col-m-6 {
width: 25%
}
.col-m-7 {
width: 29.1666%
}
.col-m-8 {
width: 33.3333%
}
.col-m-9 {
width: 37.5%
}
.col-m-10 {
width: 41.6666%
}
.col-m-11 {
width: 45.8333%
}
.col-m-12 {
width: 50%
}
.col-m-13 {
width: 54.1666%
}
.col-m-14 {
width: 58.3333%
}
.col-m-15 {
width: 62.5%
}
.col-m-16 {
width: 66.6666%
}
.col-m-17 {
width: 70.8333%
}
.col-m-18 {
width: 75%
}
.col-m-19 {
width: 79.1666%
}
.col-m-20 {
width: 83.3333%
}
.col-m-21 {
width: 87.5%
}
.col-m-22 {
width: 91.6666%
}
.col-m-23 {
width: 95.8333%
}
.col-m-24 {
width: 100%
}
.col-m-25 {
width: 20%
}
.pchide {
display: block
}
.waphide {
display: none
}
.mb10 {
margin-bottom: 12px;
}
.mb15 {
margin-bottom: 9px;
}
.mb20 {
margin-bottom: 12px;
}
.pd10 {
padding: 6px
}
.pd10-1 {
padding: 6px 0
}
.pd10-2 {
padding: 0 6px
}
.pd10-3 {
padding: 6px 6px 0 6px
}
.pd10-4 {
padding: 3px 6px
}
.pd15 {
padding: 9px
}
.pd15-1 {
padding: 9px 0
}
.pd15-2 {
padding: 0 9px
}
.pd15-3 {
padding: 9px 9px 0 9px
}
.pd15-4 {
padding: 4px 9px
}
.pd20 {
padding: 12px
}
.pd20-1 {
padding: 12px 0
}
.pd20-2 {
padding: 0 12px
}
.pd20-3 {
padding: 12px 12px 0 12px
}
.pd20-4 {
padding: 6px 12px
}
.pd40 {
padding: 24px
}
.pd60 {
padding: 36px
}
}
.red_skin { color:#f00!important; }
a.czbut { float:right; background-color: #fa2; border-color: #f80; color: #FFF; padding: 2px 7px; text-decoration: none; margin-right:12px; border-radius:4px; }
.paystyle { width:150px; height:50px; background:url(../images/alipay.jpg) no-repeat; z-index:4; border:none }
.paystyle2 { width:150px; height:50px; background:url(../images/gou.png) no-repeat; }