@charset "gb2312";

#products{
  background-color: #1ea0fa;
  color:#fff;
  position: relative;
  z-index:9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

body {margin: 0px auto; padding: 0px; background-color:#ffffff;}

#container{
  margin: 20px auto 0; 
  width: 100%;
  position:relative;
}
#sp-header {margin:0 auto; background: url(../img/banner_bg.jpg) repeat-x; background-color:#ffffff;}
#sp-header .banner {margin:0 auto; background: url(../img/banner.jpg) center no-repeat;}
#sp-header .banner960 {margin:0 auto; height: 12em; width:100%; background: url(../img/banner.jpg) center no-repeat; background-size: cover;}

#sp-body {margin:0 auto; width: 90%; padding: 0 5%; background-color:#ffffff;}
#comlist {margin:10px auto; clear:both; width:100%; }
#comlist .conleft {float: left; clear:both; width: 100%;}
#comlist .conleft .pleft {float: left; clear:both; width: 10%; }
#comlist .conleft .pleft img {border: none; width: 100%; height: auto;}
#comlist .conleft .pright {float:none !important; float: right;}
#comlist .conleft .pright img {border: none; width: 85%; height: auto; clear: both; padding-left: 5%;}
#comlist .conleft .pright p {padding-top:6px; *margin-top:9px; line-height:2.4em; font-size:1.4em; color:#333333; clear: both;}
#comlist .conright {float: left; width: 100%;}
#comlist .conright img {border: none; width: 100%; height: auto; margin: 0 auto; margin-bottom: 40px;}

#comlist1 {margin:0 auto; clear:both; background: url(../img/line_dashed.jpg) bottom no-repeat;}
#comlist1 .cont {float: left; clear:both;}
#comlist1 .cont .cleft {float: left; clear:both; width: 10%; }
#comlist1 .cont .cleft img {border: none; width: 100%; height: auto;}
#comlist1 .cont .cright {float:none !important; float: right;}
#comlist1 .cont .cright img {border: none; width: 85%; height: auto; clear: both; padding-left: 5%;}
#comlist1 .cont .cright p {padding-top:6px; *margin-top:9px; line-height:2.4em; font-size:1.4em; color:#333333; clear: both;}

#comlist2 {margin:0 auto; clear:both;}
#comlist2 .cont {float: left; clear:both;}
#comlist2 .cont .cleft {display: none;}
#comlist2 .cont .cleft img {border: none; width: 100%; height: auto;}
#comlist2 .cont .cright {float:none !important; float: right;}
#comlist2 .cont .cright p {padding-top:6px; *margin-top:9px; line-height:2.4em; font-size:1.4em; color:#333333; clear: both;}

.ft-banner {
    width: 100%;
    height: 8em;
    background: url(../img/ft_banner.jpg) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
    clear: both;
}


/*非根目录下时使用  导航ie7*/
/*
.nav a {margin-top:21px\9;+margin-top:22px;_margin-top:20px;}
.nav > .li1:hover > a, .nav > .li2:hover > a, .li1 a#visited, .li2 a#visited {padding: 11px 14px 10px 14px\9;margin-top:20px\9;+padding: 12px 14px 9px 14px;+margin-top:20px;_padding: 10px 14px 11px 14px;_margin-top:22px;}
*/