@charset "gb2312";
body { font: 13px microsoft yahei,Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#2d2d2d; background:#f5f5f5;}
a { text-decoration:none; color:inherit;}
img { display:block;}
ul,li{ padding:0; margin:0; list-style:none;}
div ,ul {zoom:1;}
div:after,ul:after{ content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6 ,p{ margin:0; padding:0; font-weight:normal; font-size:inherit;}
i  { font-style:normal;}
@font-face {font-family: 'msiconfont';
    src: url('http://m.al27.com/font/msiconfont.eot'); /* IE9*/
    src: url('http://m.al27.com/font/msiconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('http://m.al27.com/font/msiconfont.woff') format('woff'), /* chrome、firefox */
    url('http://m.al27.com/font/msiconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('http://m.al27.com/font/miconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"msiconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	
/************正文**************/
#location{padding: 10px 10px 0px 10px;color:#666;}
#location a {padding: 2px;margin: 3px;font: 13px "Microsoft YaHei";color: #666;}
#location a:hover{color:#0000CC;}

.map img {max-width:inherit;}
	
.main-header , .main-footer{ color:#fff; background:#0000CC;}
.main-header { position:fixed; width:100%; top:0; z-index:999;}
.main-header .mune ,.main-header .back{ position:absolute; line-height:40px; top:0; font-size:23px; }
.main-header a.mune { right:5%;}
.main-header a.back { left:5%;}
.main-title {text-align: center;display: block;padding:0 3%; line-height:40px;font-size:17px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mobile-box { padding-top:40px;}
.main-footer { position:fixed; bottom:0px; width:100%;}
.main-footer a{ width:50%; display:block; float:left; font-size:15px; padding:10px 0; text-align:center; }
.call { box-shadow: inset -1px 0 0 #ffa44b,1px 0 0 #e37000;}
.call i{ font-size:24px; margin-right:5px;}
.online i{ font-size:24px;margin-right:5px;}
.nav-box { background:#d1dde6 url(http://m.al27.com/images/nav-bg.jpg) no-repeat top center; padding:20px 3% 0 3%;}
.nav-tit {}
.nav-tit-font {font-size:17px;text-align:center;position:relative;}
.nav-tit-font h2 { color:#000; position:relative; padding:10px 0;}
.nav-tit-font h2 span { padding:0.2em 0.7em; background:#d90000; border-radius:20px; color:#fff; margin:0.5em}
.nav-tit-font h2 i { color:#d90000;}
.nav-tit-bg { background:#fff; opacity:0.4; position:absolute; width:100%; height:100%;}
.nav-con { padding:3% 0;}
.nav-con li { float:left; margin:1% 2.5%; width:20%; text-align:center; overflow:hidden;}
.nav-con li a {}
.nav-con li i{ font-size:30px; color:#fff; padding:14px; display:block;border-radius:50%;}
.nav-con li .jj i { background:#8ad7f4;}
.nav-con li .cp i { background:#c2bef9;}
.nav-con li .jp i { background:#f3bee2;}
.nav-con li .fl i { background:#fdb5b5;}
.nav-con li .cx i { background:#ffc586;}
.nav-con li .lx i { background:#b7eba9;}
.nav-con li .ly i { background:#a6caff;}
.nav-con li .pc i { background:#b2c2cf;}
.nav-con li span { display:block; clear:both; text-align:center; font-size:14px; line-height:30px;}
.content { background:#f5f5f5; padding:3% 3% 55px 3%;}
.jp-box { padding:3% 2%; border:1px solid #dfdfdf; background:#fff; margin-bottom:15px;}
.title1 { font-size:20px; margin-bottom:15px;}
.jp-box .cp-ul li { padding:3% 0; border-bottom:1px solid #ddd;}
.jp-box .cp-ul .img { float:left; margin-right:3%; border:3px solid #eeeeee;}
.jp-box .cp-ul .img img{ width:100px; height:100px;}
.jp-box .cp-ul .inf {}
.jp-box .cp-ul .inf p { font-size:14px; margin-bottom:8px; color:#666; }
.jp-box .cp-ul .inf span { padding:5px 10px; background:#0000CC; font-size:14px; color:#fff; border-radius: 5px;}

.gn { margin:3% 0; padding:2% 3%; background:#fff; border:1px solid #dfdfdf; font-size:16px;}
.gn .a1 { float:left;}
.gn .a2 { float:right;}
.zhichi { }
.zhichi p {text-align:center; margin-top:2%; font-size:14px;}
.market{width:100%;margin:0 auto 10px;background:#fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: hidden;}
.m-tit{width:100%; overflow: hidden; }
.m-tit strong{display: block;width:60%; float: left;font-weight: normal; height:28px; color:#333; text-indent:16px; line-height:28px; font-size:20px;}

.m-tit .m-more { display: block; width:38%; float: right; text-align: right;}
.m-tit .m-more i{ color: #0000CC; font-size:1.2em; padding:0 10px;}
/*产品列表*/
.mg{ margin-top: 3%;}
.mg1{ margin-right:2% ;}
.ilist{width:100%;margin:0 auto 10px;background:#fff;border: 1px solid #ddd;overflow: hidden;}
.ilist li {width:100%;text-align:center;height:120px;float:left;display:block;line-height:10px;margin-top: 8px;font-size: 1.2rem; overflow: hidden; padding: 10px 10px 10px 20px; border-bottom: 1px solid #ddd;}
.ilist li { display: block; overflow: hidden;}
.ilist li .u-img{width:100px;height:90px; float: left;position:relative;border:1px solid #dedede; margin-right: 10px;}
.ilist li .list-img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-height:100%; max-width:100%; padding: 2px;}
.ilist .zizhi img{ display: block; margin: 0 auto; max-width: 100%; height: auto;} 

.title3 {  height:28px; background:url(http://m.al27.com/images/title.gif) no-repeat; color:#fff; text-indent:16px; line-height:28px; font-size:15px; position:relative; }
.title3 .iconfont { position:absolute; right:5px; top:0; font-size:23px; color:#999;}
.title3 .more { position:absolute; right:5px; top:0; font-size:15px; color:#999;}
.ilist li .u-imga{ display:table-cell; float:left; margin-right:10px;width:100px;height:100px;vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:87.3px;*line-height:1;}
.ilist li .list-imga {vertical-align:middle;max-width:100px;max-height:100px;_width:100%;_height:100%;}	

.ilist li .infoList{width:65%; float: left;}
.ilist li .infoList p{ height: 22px; line-height:22px; text-align: left;font-size: 0.9rem; overflow: hidden; }
.ilist li .infoList p.tit{font-weight: bold; font-size:16px;}
.ilist li .infoList p.areaTime{width:100%; color: #666;overflow: hidden; }
.ilist li .infoList p.areaTime span{display: block;width:43%;float:left;}
.ilist li .infoList p.areaTime em{display: block;width:50%;float:left;font-style: normal; text-align: center;font-size: 1.2rem;}
.ilist li .infoList p.price{color: #fff; text-align: center;}
.ilist li .infoList span{ display: block; float: left; background: #0000CC; width:37% ;}
.ilist li .infoList em{ display: block; float: left; width:42% ; text-align: left; padding-left: 1%; color: #000000; font-style: normal;}
.ilist li .infoList em i{font-size: 2.2rem; color: #0000CC; padding: 0 5px;}
.ilist li .price i{ width:17%; float: left;}
.ilist li .price i img{ width:17px ; height: 22px; display: block; float: right;} 


.market{width:100%;margin:0 auto 10px;background:#fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: hidden;}
.market.mt10{margin-top: 10px;}
.li_list { overflow:hidden; padding:10px 10px 10px 20px;font-size: 14px; background:#fff ;}
.li_list li {overflow:hidden;height:3rem;line-height:3rem;border-bottom: 1px solid #eee; color: #0000CC;width:100%;}
.li_list a{width:45%; text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;  display:inline-block; overflow:hidden; vertical-align: top; color: #666; padding-left: 5px;}
.li_list span{ float:right;display:block;width:28%; text-align:right;color: #999;}
.ilist{width:100%;margin:0 auto 10px;background:#fff;overflow: hidden;}


.area4 .jcImgScroll li.select a{ display:table-cell; width:360px;height:420px;vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:367px;*line-height:1;}
.area4 .jcImgScroll li.select img{display:block; text-align:center;width:360px; height:420px;padding:7px 0px; background:#fff ;}

.cemune { background:#363636; width:110px; position:absolute; right:3%; top:41px; display:none;}
.cemune li { border-bottom:1px solid #666; text-align:center;}
.cemune a { color:#fff; line-height:34px; display:block; font-size:13px;}
.cemune a:hover { color:#0000CC;}
.cemune a i { margin-right:5px; font-size:18px;}
.title2 {   position:relative; }
.title2 .iconfont { position:absolute; right:5px; top:0; font-size:23px; color:#999;}
.title2 .more { position:absolute; right:5px; top:0; font-size:15px; color:#999;}
.jianjie p{ text-indent:2em; margin-bottom:10px; line-height:20px; font-size: 14px;}

.fl-ul li{ border-bottom:1px solid #ddd; background:url(http://m.al27.com/images/icon1.gif) no-repeat 3% 49%; padding-left:6.5%;}
.fl-ul li a { display:block; line-height:44px; font-size:15px;}

.jc-box { padding-bottom:30px;}
.jc { width: 206px; height: 206px;  margin:auto; position:relative;}

.jc .after,.jc .before { position:absolute; display:block; width:39px; height:59px; top:67px;z-index:100; opacity:0.3; transition:0.3s all; }
.jc .after:hover,.jc .before:hover { opacity:0.8;}
.jc .after { background:url(http://m.al27.com/images/next.png); right:-50px;}
.jc .before { background:url(http://m.al27.com/images/prev.png);left:-50px;}
.jc li { position:absolute;}
.jc img{ width:200px; height:200px;border:3px solid #ccc; }

.infor-top { padding-bottom:15px; border-bottom:1px solid #dfdfdf;}
.infor-top td{ line-height:24px;}
.infor-top td a {padding:2px 12px; border-radius:5px; color:#fff; text-align:center;  float:left;word-break:break-all}
.infor-top td .lx { background:#0000CC; }

.infor-top td .span{ display: block; float:left}
.infor-top td .dq{ display: block; float:left;padding:2px 12px; background: #fff;}
.infor-con { padding-top:15px;}
.infor-con p{ text-indent:2em; margin-bottom:10px; line-height:24px;}
.infor-con p img{ width:100%;}
.lxfs p{ line-height:24px; padding-left:10px;}

.cxda { background:#fff;  border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.cxda td{ padding:5px 0 ; line-height:22px; position:relative; border-bottom:1px solid #ddd;}
.cxda .td2 { padding-right:30px; padding-left:5px;}
.cxda .td1 { background:#eeeeee; text-align:right; padding-right:5px;}
.cxda td i { position:absolute; right:5px; color:#01ae14; font-size:20px; top:5px;}
.cxda td a { position:absolute; right:10px; color:#0000CC; font-size:25px; top:5px;}
.cxda td span {  color:#0000CC;}

.search-layout {position:fixed;top:0; left:0; width:100%; height:100%; z-index:1000; display:none;}
.search-layout-bg { width:100%; height:100%; opacity:0.5;background:#000; position:fixed;top:0; left:0; z-index:-1;}
.search-main { margin:40% 10% 0 10%; background:#1d1c1c; display:block; height:155px; position:relative;}
.search-main .close { position:absolute; right:5%; top:10%; color:#666666;}
.search-box { position:relative; top:35%; margin:0 5%; background:#fff; height:40px; border-radius:5px; padding:0 5px;}
.search-box input { line-height:40px; height:40px; padding:0; border:0; outline:0; width:70%;}
.search-box i { position:absolute; right:5px; top:0; line-height:40px; font-size:30px; color:#0000CC;}

.zxly td { padding:5px 0; line-height:36px; vertical-align:top; font-size:15px;}
.zxly .td1{ text-align:right; padding-right:5px;}
.zxly .ly-tit,.zxly .ly-con{ padding:0; margin:0; background:#f6f6f6; border:1px solid #f1f1f1; border-radius:5px; width:95%; max-width:95%;}
.zxly .ly-tit { height:36px;}
.zxly .ly-con { height:120px; max-height:120px; display:block;}
.zxly .fs { background:#999; color:#fff; border:0;  border-radius:5px; text-align:center; line-height:30px; width:90px; height:30px;}

.auto-more { text-align:center; display:block; font-size:15px;}

/* qqshop focus */
#focus {width:206px; height:206px; position:relative; margin:auto;}
#focus .f-ul {width:206px; height:206px; overflow:hidden; position:relative;}
#focus ul {height:206px; position:absolute;}
#focus ul li {float:left; width:206px; height:206px; overflow:hidden; position:relative; background:#000;}
#focus ul li img { width:200px; height:200px; border:3px solid #ccc;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btn {position:absolute; height:17px; left:2px; bottom:4px;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:13px; height:13px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {position:absolute; display:block; width:39px; height:59px; top:67px;z-index:100; opacity:0.3; transition:0.3s all; }
#focus .preNext:hover { opacity:0.8;}
#focus .pre { background:url(http://m.al27.com/images/prev.png);left:-50px;}
#focus .next {background: url(http://m.al27.com/images/next.png); right:-50px;}

.newslist {}
.newslist li {line-height:20px; border-bottom:1px solid #ddd; padding:5px 0;}
.newslist li h3 { overflow:hidden; height:24px; }
.newslist li h3 a { display:block; float:left; width:195px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; font-weight:bold; font-size:16px;}
.newslist li h3 span { float:right; color:#aaa}
.newslist li p { max-height:40px; overflow:hidden; text-indent:2em;}
.news { line-height:20px;}
.news  .newstitle{ text-align:center; line-height:24px;font-size:15px; font-weight:bold;}
.news  p{ text-indent:2em;}


.device {  width: 206px;height: 206px;margin: 0 auto 30px auto;position: relative;}
.device .arrow-left {
  background: url(http://m.al27.com/images/prev.png) no-repeat left top;
  position: absolute;
  left: -50px;
  top: 87px;
  margin-top: -15px;
  width: 39px;
  height: 59px;
}
.device .arrow-right {
  background: url(http://m.al27.com/images/next.png) no-repeat ;
  position: absolute;
  right: -50px;
  top: 87px;
  margin-top: -15px;
  width: 39px;
  height: 59px;
}
.swiper-container {
  height: 206px;
  width: 206px; overflow:hidden;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {  text-align: center;  width: 100%;}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.swiper-slide {
	float: left;
}
.swiper-slide img { width:200px; height:200px; border:3px solid #ccc;}
.page {
    font-size: 16px;
    margin: 30px 0;
    text-align: center;
}
.page A {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #aaa;
    padding: 6px 15px;
}
.page A:hover {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #0089e1;
}
.page span {
    margin-right: 5px;
}
.page .currentPage {
    background: #0000CC none repeat scroll 0 0;
    color: #fff;
    padding: 10px 15px;
}
.paginationInfo {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width:480px){

 .ilist li .infoList{ width:63% ;}
}
@media only screen and (min-width: 480px) and (max-width:640px){

   
}
@media only screen and (min-width: 640px) and (max-width:1440px){

   
   
}

#cd,#cd div{background:url(http://m.al27.com/images/num.png)}
#cd {position:relative;width:65px;height:25px;overflow:hidden;top:-0px;left:0;margin-left:-0px;*top:1px;}
#cd div{position:absolute;width:14px;height:24px;overflow:hidden;background-position:-14 -22px;top:0px;}
#n5{left:2px}#n4{left:17px}#n3{left:32px}#n2{left:47px}