@charset "utf-8";
/* defult */
*{margin:0px; padding:0px; list-style:none; font-size:16px; text-decoration:none; color:#555; border:none; font-family:"Microsoft YaHei";outline: none;}
body{background-color: #f4f4f4;;}
.clear {clear: both }
input{vertical-align: top;}
a {cursor: pointer; }
a,span,i{display: inline-block;}
.m{display: none;}
.ztb{width: 100%; min-width: 1200px;}
.zts{width: 1200px; margin: 0 auto; }
.fll{float: left;}
.flr{float: right;}
img{display: inline-block;vertical-align: middle;}
.dis{display: inline-block;vertical-align: top;}
.flex{display: flex;display: -webkit-flex;}
/* 遮罩层 */
.zzc{background-color: rgba(0, 0, 0, 0.7);position: fixed;top: 0px;left: 0;width: 100%;height: 100%;z-index: 4;opacity: 0;}
.zzc.on{z-index: 9;opacity: 1;}
/*阴影*/
.boxyy{-moz-box-shadow:0px 0px 10px #e3e3e3; -webkit-box-shadow:0px 0px 10px #e3e3e3; box-shadow:0px 0px 10px #e3e3e3;}
/*旋转*/
.boxxz:hover{-webkit-transform:rotate(360deg);-webkit-transition-duration:0.5s;}
/*放大*/
.imgfd{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);transition: 1s;}
.imgfd:hover{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);transition: 1s;}
.boxfd img{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);transition: 1s;}
.boxfd:hover img{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);transition: 1s;}
.fred{color:red}
.fbai{color:#fff}
.flv{color: #23e3c8;}
.flan{color: #4c83ff;}
.alan:hover{color: #89adfe;}
.bcheng{background-color: #ff7676;}
.blan{background-color: #4c83ff;}
.blv{background-color: #23e3c8;}
.bhuang{background-color: #ffc72f;}

@media screen and (max-width: 768px) {
    .m{display: initial;}
    .pc{display: none;}
    .ztb{min-width: auto;}
    .zts{width: 96%;}
}