/*-----------------[初始化]--------------*/
body { color: #666; font-size: 12px; line-height: 1.5; font-family: 微软雅黑, "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self; }
a { color: #666; }
a:hover { color: #006ee2; }
img { max-width: 100%; }
* { outline: none; }
input, textarea, select { font-size: 12px; color: #444; font-family: 微软雅黑, "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
input[type='submit'], input[type='reset'], input[type='button'], select { -webkit-appearance: none; appearance: none; }
input[type='submit'], input[type='reset'], input[type='button'] { cursor: pointer; }
::-webkit-input-placeholder {
color: #999;
}
::-moz-placeholder {
color: #999;
}
:-ms-input-placeholder {
color: #999;
}
/*布局*/
.wp { max-width: 1200px; margin: 0 auto; }
.bot-space { height: 60px; }
.bg-gray { background: #f5f5f5; }
/*******************************
    -------[=导航]-------
********************************/
.menuBtn { display: none; position: relative; z-index: 9; float: right; width: 30px; height: 30px; margin: 15px 10px 0 0; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn b { display: block; height: 4px; background-color: #fff; margin: 4px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn.open { }
.menuBtn.open b { display: none; margin: 0; position: absolute; left: 0px; top: 50%; margin-top: -5px; width: 30px; }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.header.float { position: fixed; z-index: 999; width: 100%; top: 0; left: 0; }
.header.float .top { display: none; }
.con-product-float.db { overflow: hidden; display: block; background: none; position: static; margin: 0 auto; transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); -o-transform: translate(0); -moz-transform: translate(0); max-width: 1200px; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
.wp { width: 98%; }
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
.bot-space { height: 40px; }
}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
.wp { width: 96%; }
.bot-space { height: 15px; }
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
.con-product-float.db .img { display: block; }
}