@charset "utf-8";
*{padding:0;margin: 0;}
body, dl, dd, ul, ol ,h1, h2, h3, h4,h5,h6 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333333; font-size:12px;overflow-x: hidden !important;}
img{vertical-align: middle; border:none;max-width: 100%;margin:0 auto;display: inline-block;}
ul,ol,li{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clear::after,.clearfix:after,.clear::before,.clearfix:before{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clear,.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
em,i{ font-style:normal;}
.show{display:block}
.hide{display:none}
input::-webkit-input-placeholder{color:#b5b5b5;}
input::-moz-placeholder{color:#b5b5b5;}
input:-moz-placeholder{color:#b5b5b5;}
input:-ms-input-placeholder{color:#b5b5b5;}

/*hide scroll*/
/* ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}
::-webkit-scrollbar {width:0px;height:0px;}
::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background-color:#bbb;} */

/* 动画 */
.lg_sfdh{-webkit-animation:play_btn 0.5s infinite alternate;}
@-webkit-keyframes play_btn{
	0%{-webkit-transform:scale(1.0)}
	100%{-webkit-transform:scale(1.1)}
}
.lg_fddh{-webkit-animation: dong 1s infinite linear;}
@-webkit-keyframes dong {
    0% {transform: translateY(3px);}
    25% {transform: translateY(0px);}
    50% {transform: translateY(-3px);}
    75% { transform: translateY(0px);}
    100% {transform: translateY(3px);}
}
.lg_xzdh{-webkit-animation: spin 6s linear infinite;}
@-webkit-keyframes spin {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
.lg_zyhd:hover{/*衣顶部中间为中心底部左右摆动*/
    -webkit-transform-origin:top center;
    -moz-transform-origin:top center;
    -o-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    -moz-animation-name:swing;
    -o-animation-name:swing;
    animation-name:swing
}
.animated{
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    }
@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}
@-o-keyframes swing{
    20%{-o-transform:rotate(15deg)}
    40%{-o-transform:rotate(-10deg)}
    60%{-o-transform:rotate(5deg)}
    80%{-o-transform:rotate(-5deg)}
    100%{-o-transform:rotate(0deg)}
}
@keyframes swing{
    20%{transform:rotate(15deg)}
    40%{transform:rotate(-10deg)}
    60%{transform:rotate(5deg)}
    80%{transform:rotate(-5deg)}
    100%{transform:rotate(0deg)}
}
/*width*/
.lg_max_1920{max-width:1920px;width:100%;margin: 0 auto;}
.lg_max_1600{max-width:1600px;width:100%;margin: 0 auto;}
.lg_max_1440{max-width:1440px;width:100%;margin: 0 auto;}
.lg_max_1340{max-width:1340px;width:100%;margin: 0 auto;}
.lg_max_1200{max-width:1200px;width:100%;margin: 0 auto;}
.lg_max_1175{max-width:1175px;width:100%;margin: 0 auto;}
.lg_max_750{max-width:750px;width:100%;margin:0 auto;}

@media screen and (max-width:1200px){
	.lg_max_1920{width:96%;}
	.lg_max_1600{width:96%;}
    .lg_max_1440{width:96%;}
    .lg_max_1340{width:96%;}
    .lg_max_1200{width:96%;}
    .lg_max_1175{width:96%;}
    .lg_max_750{width:96%;}
}