* { 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%; }