*{
	box-sizing: border-box;
}
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,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 "PingFang SC",Microsoft YaHei,arial,Source Sans,宋体,sans-serif;
    vertical-align:baseline;
    width:100%;
    overflow-x:hidden;
    font-weight: 100;
}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#0d9dff;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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
img{
	max-width: 100%;
}

@font-face {
    font-family: webfont;
    src: url(../font/webfont.woff);
}
/*url("../fonts/Source Han Sans CN Regular.woff2") format("woff2"),*/
/*@font-face {
    font-family: "Source Sans";
    src: 
       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);
}

.img{
  overflow:hidden;
  display: block;
}
.img img{
  transition:all 0.3s ease-out;
}
.zkpc_img{
    
}
.zkm_img{
    display: none;
}
@media(max-width:820px){
    body{
        font-weight: 500;
        font: 15px/2 "思源黑体", microsoft yahei,arial,sans-serif;
        -webkit-text-size-adjust: 100%;
        color:#333;
    }
}
@media(max-width:460px){
    .zkpc_img{
        display: none;
    }
    .zkm_img{
        display: block;
    }    
}


@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}

@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}