*{ 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:14px/2 Microsoft YaHei,arial,Source Sans,瀹嬩綋,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;} 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; } @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%; }