html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, transition hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td, th {
padding: 0;
}
@media print {
*, *:before, *:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret, .dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td, .table th {
background-color: #fff !important;
}
.table-bordered th, .table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"], table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
display: table;
content: " ";
}
.container:after, .container-fluid:after, .row:after {
clear: both;
}
/*banner*/
.visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none !important;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs, td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm, td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1319px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md, td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1319px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1319px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1319px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1320px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg, td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1320px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1320px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1320px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1319px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1320px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print, td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*通用样式*/
html {
overflow-x: hidden;
overflow-y: auto;
}
* {
padding: 0;
margin: 0;
outline: none;
}
ul, ol, li, dl, dd, dt {
list-style-type: none;
line-height: normal;
}
body, button, input, select, textarea {
/*font-family: 'Microsoft yahei', Arial;*/
color: #666666;
}
code, kbd, pre, samp {
/*font-family: 'Microsoft yahei', Arial;*/
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}
a {
text-decoration: none;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover {
cursor: pointer;
}
img {
border: 0;
max-width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: normal;
}
input, table, tr, td {
margin: 0;
padding: 0;
border: none;
}
button, table {
border: none;
background: none;
margin: 0;
padding: 0;
}
select {
margin: 0;
padding: 0;
}
textarea {
resize: none;
outline: 0;
}
input {
outline: 0;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
display: block
}
i {
font-style: normal;
}
.elli {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.clearfix:after {
content: '';
display: block;
height: 0;
overflow: hidden;
clear: both;
zoom: 1;
}
* {
font-family:Arial, Helvetica, sans-serif;
}
a {
color: #666666;
}
/*字母大写*/
.D1 {
text-transform: uppercase;
}
/*字母小写*/
.D2 {
text-transform: lowercase;
}
/*字母首字母大写*/
.D3 {
text-transform: capitalize;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 768px;
}
}
@media (min-width: 992px) {
.container {
width: 992px;
}
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;/* margin-left: -14px;
margin-right: -14px;*/
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;/*background:#f4f4f5;*/
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: 0;/* padding-left: 14px;
padding-right: 14px;*/
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
/*display: block;*/
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;/*border: 1px solid transparent;*/
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #fff center center no-repeat;
}
/* Icons */
/* Arrows */
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
left: 40px;
top: 50%;
display: block;
width: 52px;
height: 100px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 100;
}
.slick-next {
left: auto;
right: 40px;
}
/* Dots */
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
/*width: 100%;*/
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: ' ';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}
.margin_pc {
float: left;
width: 100%;
}
.margin_mobile {
float: left;
width: 100%;
display: none;
}
.maxwidth {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
width:1200px;
}
/*头部导航*/
/*#obtn .pz_t{width:100%;position:fixed; left:0; top:0;background:url(../image/top3.png) no-repeat top #fff;width:100%;height:152px; z-index:101;}
#obtn .pz_t1{ position:relative;}
#obtn .pz_t .ptop{float:left;}
#obtn .pz_t .logo{float:left;position: relative;top:36px;width:25.30769230769231%}
#obtn .pz_t .tpr{float:right; position: relative;top:0; padding:3px 0; width:74%;}
#obtn .pz_t .tpr .tpt{ float:right;}
#obtn .pz_t .tpr .tp1h5{float:left;font-size:14px;line-height:22px;color:rgba(255,255,255,0.9);padding:10px 32px 10px 0;letter-spacing:1.5px;}
#obtn .pz_t .tpr .tpd{float:left;}
#obtn .pz_t .tpr .tpd li{float:left;padding:10px 28px;border-left: 1px solid rgba(255,255,255,0.3);}
#obtn .pz_t .tpr .tpd li .tpd_1{float:left;width:15px;opacity: 0.8;margin-right:10px;}
#obtn .pz_t .tpr .tpd .tpd_s{float:left;color:#fff;font-size:14px;line-height:22px;letter-spacing:1px;display: inline-block;}
#obtn .pz_t .tpr .tpd .tpd_s .tpd_w{padding:0 10px 0 2px;}
#obtn .pz_t .tpr .tpd .tpd_s p{float:right;}
#obtn .pz_t .tpr .tpd .tpd_2{float:left;width:18px;height:15px;opacity: 0.8;margin-left:18px;}
#obtn .pz_t .tpr .tpd li .tpd_4{margin-left:10px;}
#obtn .pz_t .tpr .tpd li a {display:block;float:left; position: relative; z-index:200;}
#obtn .pz_t .tpr .tpd li a .thide{width:60px; height:60px; border:1px solid #ccc; padding:2px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); position: absolute;top: 40px; -webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
opacity: 0;
filter: alpha(opacity=00);
transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-webkit-transform-origin:50% 5%;
-moz-transform-origin:50% 5%;
-ms-transform-origin:50% 5%;
-o-transform-origin:50% 5%;
transform-origin:50% 5%;
-webkit-transform: translateY(0) scale(0);
-moz-transform: translateY(0) scale(0);
-ms-transform: translateY(0) scale(0);
-o-transform: translateY(0) scale(0);
transform: translateY(0) scale(0);}
#obtn .pz_t .tpr .tpd li a:hover .thide{opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
display: block \9;
pointer-events: auto;
-webkit-transform: translateY(0) scale(1);
-moz-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
-o-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);}
#obtn .pz_t .tpr .tpd li:nth-child(2) .tpd_s{color:rgba(255,255,255,0.8);}
#obtn .pz_t .tpr .tpd .tpd_3{width:12px;height:14px;}
#obtn .pz_t .tpr .tpd a .tpd_2:hover{opacity: 1;}
#obtn .pz_t .tpr .tpd .tpd_1:hover{opacity: 1;}
#obtn .pz_t .tpr .tpd li .tpd_4 :hover #obtn .pz_t .tpr .tpd li a .thide
{
filter: alpha(opacity=100);
}
#obtn .nl{float:right;position: relative; margin-right:20px;}
#obtn .nl .nli{float:left;position: relative;margin: 0 6px;padding:40px 20px 40px 20px;}
#obtn .nl .nli a{display: block;font-size:16px;color:#333;}
#obtn .nl .nli ul{display:none;position: absolute;top:100%;z-index:8; width:150px;left:50%;margin-left:-75px;text-align:center; padding-top:3px;}
#obtn .nl .nli ul li{ display:block; width:100%; background:#14A6E5;}
#obtn .nl .nli ul li a{padding:5px 0px;color:#fff;}
#obtn .nl .nli ul li:hover a{opacity: 0.6;}
#obtn .nl .nli:hover ul{display:block;}
#obtn .nl .on{border-bottom:3px solid #14A6E5;font-weight:bold;}
#obtn .nl .on>a{color:#14A6E5!important;}
#obtn .nl .on::after{content: "";border-top:2px;border-bottom:6px;border-left:6px;border-right:6px;border-style: dashed dashed solid dashed;border-color: transparent transparent #14A6E5 transparent;position: absolute;bottom:0px;left: 50%; margin-left: -6px; }
#obtn .so_box{ float: right; position: relative; top:0; z-index: 99; margin:35px 0;}
#obtn .Search_but{ display:none; float: left; width: 22px; height: 22px;border: none; background: url(../image/ss.png) no-repeat center; background-size: 22px 22px;}
#obtn .so_but{ float: right; width: 170px; position:relative; z-index: 99;}
#obtn .so{ float: left; width: 100%; background: #fff; position: relative; border: 1px solid #ccc; border-radius:5px; overflow:hidden;}
#obtn .so .Search{ float: left; width: 100%; height:30px; background: none; border: none; line-height: 30px; padding: 0 42px 0 10px; color: #414141; font-size: 14px;}
#obtn .so .sear_sub{ float: right; width: 40px; height: 100%; border: none; background: url(../image/ss2.png) no-repeat center; position: absolute; right: 0; top: 0;}
#obtn .menuph{ display: none;}
#obtn .xialaph{ display: none;}
@media screen and (max-width:1330px) {
#obtn .pz_t .tpr .tpd li{padding:10px 20px;}
#obtn .nl .nli{margin: 0 6px;padding:40px 14px ;}
#obtn .so_but { width:150px;}
}
@media screen and (max-width:1300px) {
#obtn .pz_t .tpr .tp1h5{padding:10px 25px 10px 0;}
#obtn .pz_t .tpr .tpd .tpd_2{margin-left:15px;}
#obtn .pz_t .tpr .tpd li{padding:10px 23px;}
#obtn .nl .nli{margin: 0 4px;padding:40px 14px ;}
}
@media screen and (max-width:1199px) {
#obtn .pz_t{height:141px;}
#obtn .pz_t .logo{width:22%}
#obtn .pz_t .tpr{width:78%;}
#obtn .pz_t .tpr .tp1h5{padding:10px 10px 10px 0;font-size:12px;letter-spacing: 1px;}
#obtn .pz_t .tpr .tpd li{padding:10px 11px;font-size:12px;}
#obtn .pz_t .tpr .tpd li a{padding-top:5px;}
#obtn .pz_t .tpr .tpd .tpd_2{margin-left:10px;}
#obtn .pz_t .tpr .tpd li .tpd_1{padding-top:5px;}
#obtn .nl{margin-left:10px;}
#obtn .nl .nli{margin: 0 4px;padding:35px 10px ;}
#obtn .nl .nli a{ font-size:15px;}
#obtn .so_but{ width:125px;}
#obtn .so_box{ float: right; position: relative; z-index: 99; margin: 31px 0;}
}
@media screen and (max-width:991px){
#obtn .pz_t{height:auto;background:none;position: relative;z-index:10000;}
#obtn .pz_t .ptop {float: left; width:100%;}
#obtn .ptop .tpr{display:none;}
#obtn .nl{display: none;}
#obtn .so_box{display:none;}
#obtn .so{ margin:20px 0;}
#obtn .pz_t .logo{top:0px;padding:8px 0;width:120px;}
#obtn .menuph{ display: block;}
#obtn .xialaph{ display: block;}
#obtn .pz_t .logo{position: static;float:left;}*/
#obtn .pz_t {
width: 100%;
position: fixed;
left: 0;
top: 0;
background: url(../image/top3.png) no-repeat top #fff;
width: 100%;
height: 152px;
z-index: 101;
}
#obtn .pz_t1 {
position: relative;
}
#obtn .pz_t .ptop {
float: left;
}
#obtn .pz_t .logo {
float: left;
position: relative;
top: 20px;
width: 25.30769230769231%
}
#obtn .pz_t .tpr {
float: right;
position: relative;
top: 0;
padding: 3px 0;
width: 74%;
z-index: 999; height:51px;
}
#obtn .pz_t .tpr .tpt {
float: right;
}
#obtn .pz_t .tpr .tp1h5 {
float: left;
font-size: 14px;
line-height: 22px;
color: rgba(255,255,255,0.9);
padding: 10px 32px 10px 0;
/*letter-spacing: 1.5px;*/
}
#obtn .pz_t .tpr .tpd {
float: left;
}
#obtn .pz_t .tpr .tpd li {
float: left;
padding: 10px 28px;
border-left: 1px solid rgba(255,255,255,0.3);
}
#obtn .pz_t .tpr .tpd li .tpd_1 {
float: left;
width: 15px;
opacity: 0.8;
margin-right: 10px;
}
#obtn .pz_t .tpr .tpd .tpd_s {
float: left;
color: #fff;
font-size: 14px;
line-height: 22px;
letter-spacing: 1px;
display: inline-block;
}
#obtn .pz_t .tpr .tpd .tpd_s .tpd_w {
float: left;
padding: 0 10px 0 10px;
}
#obtn .pz_t .tpr .tpd .tpd_s a {
float: left;
color: rgba(255,255,255,0.8);
}
#obtn .pz_t .tpr .tpd .tpd_s p {
float: right;
}
#obtn .pz_t .tpr .tpd .tpd_2 {
float: left;
width: 18px;
height: 15px;
opacity: 0.8;
margin-left: 18px;
}
#obtn .pz_t .tpr .tpd li .tpd_4 {
margin-left: 10px;
}
#obtn .pz_t .tpr .tpd li a {
display: block;
float: left;
position: relative;
z-index: 200;
}
#obtn .pz_t .tpr .tpd li a .thide {
width: 100px;
height: 100px;
border: 1px solid #ccc;
padding: 2px;
background: #fff;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
position: absolute;
top: 40px;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
opacity: 0;
filter: alpha(opacity=00);
transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-webkit-transform-origin: 50% 5%;
-moz-transform-origin: 50% 5%;
-ms-transform-origin: 50% 5%;
-o-transform-origin: 50% 5%;
transform-origin: 50% 5%;
-webkit-transform: translateY(0) scale(0);
-moz-transform: translateY(0) scale(0);
-ms-transform: translateY(0) scale(0);
-o-transform: translateY(0) scale(0);
transform: translateY(0) scale(0);
}
#obtn .pz_t .tpr .tpd li a:hover .thide {
opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
display: block \9;
pointer-events: auto;
-webkit-transform: translateY(0) scale(1);
-moz-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
-o-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
}
#obtn .pz_t .tpr .tpd li:nth-child(2) .tpd_s {
color: rgba(255,255,255,0.8);
}
#obtn .pz_t .tpr .tpd .tpd_3 {
width: 12px;
height: 14px;
}
#obtn .pz_t .tpr .tpd a .tpd_2:hover {
opacity: 1;
}
#obtn .pz_t .tpr .tpd .tpd_1:hover {
opacity: 1;
}
#obtn .pz_t .tpr .tpd li .tpd_4 :hover #obtn .pz_t .tpr .tpd li a .thide {
filter: alpha(opacity=10000);
}
#obtn .nl {
float: right;
position: relative;
margin-right: 20px;
}
#obtn .nl .nli {
float: left;
position: relative;
margin: 0 6px;
padding: 40px 20px 40px 20px;
}
#obtn .nl .nli a {
display: block;
font-size: 16px;
color: #333;
}
#obtn .nl .nli ul {
display: none;
position: absolute;
top: 100%;
z-index: 8;
width: 150px;
left: 50%;
margin-left: -75px;
text-align: center;
padding-top: 3px;
}
#obtn .nl .nli ul li {
display: block;
width: 100%;
background: #14A6E5;
}
#obtn .nl .nli ul li a {
padding: 5px 0px;
color: #fff;
}
#obtn .nl .nli ul li:hover a {
opacity: 0.6;
}
#obtn .nl .nli:hover ul {
display: block;
}
#obtn .nl .on {
border-bottom: 3px solid #14A6E5;
font-weight: bold;
}
#obtn .nl .on>a {
color: #14A6E5!important;
}
#obtn .nl .on::after {
content: "";
border-top: 2px;
border-bottom: 6px;
border-left: 6px;
border-right: 6px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #14A6E5 transparent;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -6px;
}
#obtn .so_box {
float: right;
position: relative;
top: 0;
z-index: 99;
margin: 35px 0;
}
#obtn .Search_but {
display: none;
float: left;
width: 22px;
height: 22px;
border: none;
background: url(../image/ss.png) no-repeat center;
background-size: 22px 22px;
}
#obtn .so_but {
float: right;
width: 170px;
position: relative;
z-index: 99;
}
#obtn .so {
float: left;
width: 100%;
background: #fff;
position: relative;
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
}
#obtn .so .Search {
float: left;
width: 100%;
height: 30px;
background: none;
border: none;
line-height: 30px;
padding: 0 42px 0 10px;
color: #414141;
font-size: 14px;
}
#obtn .so .sear_sub {
float: right;
width: 40px;
height: 100%;
border: none;
background: url(../image/ss2.png) no-repeat center;
position: absolute;
right: 0;
top: 0;
}
#obtn .menuph {
display: none;
}
#obtn .xialaph {
display: none;
}
/*底部导航*/
#obtn .pz_f {
float: left;
position: static;
width: 100%;
background: #222;
padding: 80px 0 50px 0;
}
#obtn .pz_f1 {
float: left;
width: 100%;
}
#obtn .pz_f1 .pz_1 {
float: left;
width: 20.5%;
}
#obtn .pz_f1 .pz_1 .pzd1 {
float: left;
width: 100%;
}
#obtn .pz_f1 .pzd1 .pz_1i {
float: left;
width: 6.81818181818182%;
}
#obtn .pz_f1 .pzd1 .pz_d1p {
float: left;
color: #fff;
font-size: 15px;
line-height: 15px;
padding: 0 0 10px 10px;
}
#obtn .pz_f1 .pz_1 .pz_1h4 {
float: left;
font-size: 36px;
line-height: 36px;
font-family: Arial;
color: #fff;
padding-bottom: 15px;
font-weight: bold;
}
#obtn .pz_f1 .pz_1 .pz_1p {
float: left;
font-size: 15px;
line-height: 32px;
color: #fff;
word-break: break-all;
}
#obtn .pz_f1 .pz_1 .pzd2 {
float: left;
width: 100%;
margin-top: 25px;
position: relative;
}
#obtn .pz_f1 .pz_1 .pzd2 a {
float: left;
position: relative;
display: block;
width: 35px;
height: 35px;
padding: 8px;
border: 1px solid #fff;
border-radius: 50%;
margin-right: 10px;
}
#obtn .pz_f1 .pz_1 .pzd2 .pzd2_1 {
float: left;
}
#obtn .pz_f1 .pz_1 .pzd2 .pzd2_1 img {
width: 100%;
opacity: 0.8;
}
#obtn .pz_f1 .pz_1 .pzd2 .pzd2_2 {
opacity: 0;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -25px;
width: 100px;
height: 100px;
z-index: 8;
border: 2px solid #fff;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
#obtn .pz_f1 .pz_1 .pzd2 a:hover {
border: 1px solid #14a6e5;
background: #14a6e5;
}
#obtn .pz_f1 .pz_1 .pzd2 a:hover .pzd2_1 img {
opacity: 1;
}
#obtn .pz_f1 .pz_1 .pzd2 a:hover .pzd2_2 {
opacity: 1;
}
#obtn .pz_f1 .pz_2 {
float: left;
width: 66%;
}
#obtn .pz_2 dl {
float: left;
width: 100%;
padding: 0 20px;
}
#obtn .pz_2 dl dd {
float: left;
padding: 0 30px;
}
#obtn .pz_2 dl dd .pz_dd1 {
font-size: 18px;
line-height: 18px;
color: #fff;
padding-bottom: 18px;
}
#obtn .pz_2 dl dd .pz_ddli {
font-size: 15px;
line-height: 32px;
}
#obtn .pz_2 dl dd .pz_ddli a {
color: #fff;
opacity: 0.5;
}
#obtn .pz_2 dl dd .pz_ddli:hover a {
opacity: 1;
}
#obtn .pz_f1 .pz_3 {
float: left;
width: 13%;
}
#obtn .pz_f1 .pz_3 .pz_3i {
float: left;
width: 71%;
border: 5px solid #fff;
font-size: 0;
}
#obtn .pz_f1 .pz_3 .pz_3c {
float: left;
text-align: center;
width: 29%;
padding-left: 22px;
}
#obtn .pz_f1 .pz_3 .pz_3c .pz_3t {
width: 1px;
height: 70px;
background-color: #fff;
opacity: 0.3;
position: relative;
left: 50%;
margin-left: -0.5px;
margin-bottom: 12px;
}
#obtn .pz_f1 .pz_3 .pz_3c .pz_3ci {
width: 65%;
position: relative;
left: 50%;
margin-left: -9px;
}
#obtn .pz_f1 .pz_3 .pz_3c .pz_3ch5 {
font-size: 15px;
color: #fff;
line-height: 30px;
width: 115%;
}
#obtn .pz_f1 .pz_3 .pz_3f {
float: left;
position: relative;
width: 100%;
background: rgba(255,255,255,0.1);
margin-top: 15px;
padding: 2px 30px;
-khtml-border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#obtn .pz_f1 .pz_3 .pz_3f .pz_3fi {
float: left;
width: 8%;
opacity: 1;
}
#obtn .pz_f1 .pz_3 .pz_3f .pz_3fh5 {
float: right;
font-size: 14px;
line-height: 14px;
color: #fff;
padding: 6px 0; text-align:left; text-indent:8px; font-size:12px;
}
.zhongying {
width: 100%;
float: left;
text-align: center;
}
#obtn .pz_ff{float:left;position: relative;width:100%;border-top: 1px solid rgba(125,125,125,0.3);background: #222;}
#obtn .pz_ff .pz_f2{float:left;position: relative;width:100%;padding:11px 0 15px 0;padding-right:158px;}
#obtn .pz_ff .pz_f2 .pz_f2h5{float:left;font-size:15px;line-height:24px;width:100%;padding:10px 0;letter-spacing: 0;}
#obtn .pz_ff .pz_f2 .pz_f2d{float:right; position: absolute; right: 0;width:158px;height:32px;border:1px solid rgba(125,125,125,0.3);padding:9px 10px 9px 10px;margin-top: 8px;}
#obtn .pz_ff .pz_f2 .pz_f2d .pz_h5{float:left;font-size:15px;position: relative;line-height:15px;letter-spacing: 1px;color:#a9a9a9;}
#obtn .pz_ff .pz_f2 .pz_f2d ul{display:none; float:left; width:100%; position:absolute; left:0; bottom:31px; background:#f4f4f4; border-bottom:2px solid #fff; padding:10px 0;}
#obtn .pz_ff .pz_f2 .pz_f2d ul li{ float:left; width:100%;}
#obtn .pz_ff .pz_f2 .pz_f2d ul li a{ float:left; width:100%; padding:0 10px; color:#666666; font-size:14px; line-height:24px;}
#obtn .pz_ff .pz_f2 .pz_f2d ul li a:hover{ color:#14a6e5;}
#obtn .pz_ff .pz_f2 .pz_f2d:hover ul{display: block;}
#obtn .pz_ff .pz_f2 .pz_f2d .pz_f2di{float:right;width:9px;height:32px;position: relative;top: -8px;padding:0;
background-size:100% 100%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#obtn .pz_ff .pz_f2 .pz_f2d:hover .pz_f2di{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}