@charset "utf-8";
.wrap,.top,.BigPic,.foot,.ftTop,.ftBot,.banner {width:100%;}
img {border:0;}
body {margin:0;overflow-x:hidden;}
a { text-decoration:none;}
.wrap {margin:0 auto; border:1px solid #000; text-align:center; padding:0 auto;background-color:#000; height:880px;}
.top {height:84px; margin:0 auto; color:#fff;font-size:1.5em;font-family:"Microsoft YaHei",微软雅黑; padding-top:30px;}
.banner {height:256px;}
.banner img {width:100%;overflow:hidden; height:240px;_width:99%;}
.main {height:520px;margin:0 auto;width:98%}
.leftMain {width:50%;float:left;_width:49.5%;}
.rightMain {width:50%;float:left;_width:49.5%;}
.gwj,.zs,.zp {width:99%;float:left;}
.proLeft,.gq,.ly {width:99%;float:right;}
.gwjBg {background-image:url(../images/gwj006.png);width:222px;height:233px;margin-left:140px;_margin-left:60px;}
.gwj {background-color:#FFF;}
.zs{background-color:#7D6058;}
.gq {background-color:#E76EB1; }
.zp {background-color:#F36097;}
.ly {background-color:#E51400;}
.product{background-color:#FD5C04;float:left;  display:block;}
.news {background-color:#7AC93C;float:right;display:block;}
.product,.news {width:49%;height:110px;margin-top:14px;}
.gwj {height:233px;}
.zs, .zp,.gq, .ly {margin-top:16px;width:99%;}
.zs, .gq  {height:95px;}
.zp,.ly {height:125px;}
.comIntro img {margin-top:10px;}
.comIntro  span {margin-top:-10px;}
.news span { margin-left:-20px; margin-top:-5px;}
.product span { margin-left:-50px;margin-top:-5px;}
.zs span,.zp span {margin-left:-93px; margin-top:-5px;}
.gq span,.ly span {margin-left:-110px; margin-top:-5px;}
.news span ,.product span,.zs span,.zp span, .gq span,.ly span,.comIntro span {color:#fff;font-size:1em;font-family:"Microsoft YaHei",微软雅黑;display:block;}
.product img {margin-left:-60px; margin-top:10px;}
.news img {margin-top:10px;}
.zs img,.zp img  {margin-left:-80px;}
.gq span,.ly span {margin-left:30px;}
.zp img ,.ly img {padding-top:20px;}
.comIntro {height:109px;width:100%;background-color:#574CFE;display:block;}
.zs img, .gq img {margin-top:10px;}
@media all and (min-width:310px) and (max-width:410px) {
.gwjBg {background:url(../images/gwj005.png) 0 0 no-repeat #fff;width:143px;height:233px; margin-left:0;}
.product img {margin-left:-10px;}
.product span,.news span {margin-left:-6px;}
.zs img, .zp img,.zs span, .zp span {margin-left:-30px;}
}
@media all and (min-width:411px) and (max-width:510px) {
.product img,.product span {margin-left:-30px;}	
}
@media all and (min-width:310px) and (max-width:810px) {
.banner {height:246px;}
.zs, .zp,.gq, .ly,.product,.news  {margin-top:6px;}
.gwjBg {margin-left:0;height:225px;}
.gwj {height:225px;}
}