html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0px; padding: 0px; border: none; }
img{ vertical-align: middle; border-style: none;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{ width: 100%; line-height: 186%; font-size: 13px; background: #FFF fixed; color:#848484; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; letter-spacing: 1px;}
*{ moz-user-select: -moz-none;  -moz-user-select: none;  -o-user-select:none;  -khtml-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  user-select:none; }

/* links */
a{color:#848484; text-decoration:none; outline:none !important;}
a:hover{color:#7bc447; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { text-decoration: none; }

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
.filletBlack { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); behavior: url(ie-css3.htc);}

#page-logo.page-logo { position: fixed; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box;}
    .home-logo { overflow: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); cursor: pointer; visibility: visible;}


#page-picture { position: fixed; bottom: 0; right: 0; width: 100%; height: 100%; box-sizing: border-box; }


.swiper-container { width:100%; height:100%;}
.swiper-slide { cursor: pointer; text-align:center; font-size:18px; background: #fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.swiper-pagination-bullet-active { background: #7bc447;}


/***** Loader *****/
.loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; overflow: hidden !important; z-index: 99999; }
.loader-img { position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px;  background: url('../img/loading.gif') center center no-repeat; }

@media screen and (max-width: 1920px){

}

@media screen and (max-width: 1500px){

}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px){

}

@media screen and (max-width: 450px){

}