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