* {
box-sizing: border-box;
}
html {
margin: 0;
padding: 0;
border: 0;
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #fff;
color: #666;
position: relative;
font-family: Arial, Helvetica, sans-serif;
vertical-align: baseline;
width: 100%;
overflow-x: hidden;
line-height: 25px;
font-size: 14px;
}
a {
text-decoration: none;
outline: none;
}
a:link {
color: #666;
}
a:visited {
color: #666;
}
a:hover,
a:active,
a:focus {
color: #e60021;
text-decoration: none;
outline: none;
}
input {
padding: 0;
margin: 0;
}
img {
border: none;
background: none;
vertical-align: middle;
}
ul,
ol,
li {
list-style-type: none;
}
select,
input,
img,
select {
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0
}
table,
th,
td {
vertical-align: middle
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.clearfix {
zoom: 1
}
.clearboth {
height: 0px;
line-height: 0px;
overflow: hidden;
clear: both;
font-size: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6,
{
font-size: 12px;
font-weight: bold;
}
hr {
border: 0;
border-top: 1px solid #ccc;
height: 0;
}
img,
video {
max-width: 100%;
}
@font-face {
font-family: "Source Sans";
src: url("../fonts/Source Han Sans CN Regular.woff2") format("woff2"),
url("../fonts/Source Han Sans CN Regular.woff") format("woff"),
url("../fonts/Source Han Sans CN Regular.ttf") format("truetype"),
url("../fonts/Source Han Sans CN Regular.eot") format("embedded-opentype"),
url("../fonts/Source Han Sans CN Regular.svg") format("svg"),
url("../fonts/Source Han Sans CN Regular.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
.animate {
transform: translate(0px);
opacity: 1;
filter: alpha(opacity=100);
}
.swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-container .swiper-slide {
z-index: 22;
}
.swiper-container-scrollbar .swiper-slide {
height: auto;
}
.pcshow {
display: block;
}
.mbshow {
display: none !important;
}
.table {
display: table;
width: 100%;
height: 100%;
}
.table-cell {
display: table-cell;
vertical-align: middle;
border: 1px solid #eee;
}
@media(max-width: 860px) {
.pcshow {
display: none !important;
}
.mbshow {
display: block !important;
}
}
@media(max-width: 768px) {}
@media(max-width: 767px) {}
/*video click*/
.video_click {
position: relative;
display: block;
line-height: 0;
overflow: hidden;
}
/*.video_click:after {*/
/* content: " ";*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 100%;*/
/* left: 0;*/
/* top: 0;*/
/* background: url("../images/videoclick.png") no-repeat center;*/
/*}*/
.cboxOverlay {
position: fixed;
z-index: 10000;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
display: none;
}
.colorbox {
position: fixed;
width: 90%;
height: 80%;
top: 10%;
left: 5%;
background: #ffffff;
z-index: 10001;
display: none;
}
.colse_click {
position: absolute;
top: -30px;
right: 0;
width: 25px;
height: 25px;
background: url("../images/closeVideo.png") no-repeat center;
cursor: pointer;
}
.colorbox iframe {
width: 100%;
height: 100%;
}