﻿/*!
 * 西联电子 v0.1
 * Author Jeffrey.
 * Copyright 2011-2015 592591.com.
 */

/* home news up */
.gs-top,.yj-top{ width:390px;  overflow:hidden; position:relative; float:left;}
.gs-top .infoList li,.yj-top .infoList li{ height:24px; line-height:24px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#fx{width:195px;}

#homecate{
	display:block;
	
}
#homecate a{background:#fff; border-right:3px solid #f5f5f5; border-bottom:3px solid #f5f5f5; text-align:center; height:285px;}
#homecate a.hc2,#homecate a:hover.hc5{background:#009cc9;}
#homecate a.hc4,#homecate a:hover.hc1{background:#ff9c00;}
#homecate a.hc6,#homecate a:hover.hc3{background:#4dcca3;}
#homecate a.hc2 p.more span,#homecate a.hc4 p.more span,#homecate a.hc6 p.more span,
  #homecate a:hover.hc1 p.more span,#homecate a:hover.hc3 p.more span,#homecate a:hover.hc5 p.more span{color:#fff; border:1px solid #fff;}
#homecate p.thumb{height:190px; padding-top:20px;}
#homecate p.title{font-size:18px; color:#000;}
#homecate p.more span,#homecate a:hover.hc2 p.more span,#homecate a:hover.hc4 p.more span,#homecate a:hover.hc6 p.more span{color:#008ac7; border:1px solid #008ac7; padding:2px 5px;}
#homecate a:hover.hc2,#homecate a:hover.hc4,#homecate a:hover.hc6{background:#fff;}

/*首页定制服务*/
.ys-title{background:url(../images/home-s-title.jpg) center center no-repeat; margin-top:40px; margin-bottom:30px; height:46px; display:block;}
#ys{margin-bottom:60px;}
#ys .media{background:#f5f5f5; padding:20px 15px; margin-bottom:10px;}
#ys .media-left{padding-right:30px;}
#ys .media-body h2{margin-top:10px;}
#ys .media-body h2 a{font-size:18px;}
#ys .media-body p.info{min-height:40px;}
#ys .media-body a.more{display:block; }
#ys .media-body a.more span{background:#fff; border:1px solid #000; padding:2px 5px;}
/*定制详情页*/
#dingzhi{padding:30px 0; line-height:180%;}
#dingzhi h4{line-height:170%;}
#dingzhi .page-tel{border:2px solid #e2e2e2; padding:15px; font-size:18px; line-height:180%;}
#dingzhi .page-tel span.tel{color:#ff9c00;}
#dingzhi .page-tel span.tel b{font-size:24px;}


/*产品中心*/
#pro,#jiejue,#case,#service,#contact{background:#f5f5f5; padding-top:30px; padding-bottom:30px;}
.catelist{background:#fff; margin-bottom:30px; padding:40px 55px;}
.catelist h2{color:#009cc9; font-size:24px; margin:0 0 48px 0;}
.catelist h2 small{font-size:14px; color:#595757; padding-left:30px;}
.cbg2{background:#009cc9;}
.cbg4{background:#ff9c00;}
.cbg6{background:#4dcca3;}
.cbg2 h2,.cbg2 h2 small,.cbg4 h2,.cbg4 h2 small,.cbg6 h2,.cbg6 h2 small{color:#fff;}
.prolist{}
.prolist li{text-align:center; margin-bottom:10px;}
.prolist li span{display:block; color:#585858;}
.prolist li span.thumb{border:1px solid #ccc; margin-bottom:10px;}
.prolist li a:hover span{color:#009cc9;}
.prolist li a:hover span.thumb{border:1px solid #009cc9;}

/*产品详情*/
#product{padding-top:25px; padding-bottom:30px;}
#probg{background:#f5f5f5; padding:40px 0;}

.game163{position: relative; overflow: hidden; background:#fff; padding:40px 0;}
.game163 .smallScroll{height:82px; margin-bottom: 6px; width:460px; margin:0 auto;}
.game163 .sPrev, .game163 .sNext{float: left;display: block;width:22px;height:82px;text-indent: -9999px;}
.game163 .sPrev{background: url(../images/pro-prev.jpg) no-repeat 0 0;}
.game163 .sNext{background: url(../images/pro-next.jpg) no-repeat 0 0;}
.game163 .bigImg{min-height:460px;}
.game163 .smallImg{float:left;margin: 0;display:inline;width:416px;overflow: hidden; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.game163 .smallImg ul{height:82px;width: 9999px;overflow: hidden;}
.game163 .smallImg li{float: left;padding: 0 4px 0 0;width:90px;cursor:pointer;display: inline; border-right:1px solid #ededed; border-top:2px solid #fff;}
.game163 .smallImg img{width:82px;height:82px;}
.game163 .smallImg .on{border-top:2px solid #008ac7;}
.game163 .pageState{position: absolute;top: 235px;right: 5px;font-family: "Times New Roman", serif;letter-spacing: 1px;}
.game163 .pageState span{color: #f00;font-size: 16px;}

.proinfo{padding-left:50px;}
.proinfo h1{color:#008ac7; font-size:30px;}
.proinfo h3{color:#000; font-size:18px; margin:0;}
.proinfo .shortcontent{color:#595757; line-height:200%; margin-top:20px; margin-bottom:50px;}
.proinfo .service a{border:1px solid #008ac7; color:#008ac7; height:36px; line-height:36px; text-align:center; display:inline-block; width:123px; margin-right:12px;}
.proinfo .service a.last{margin-right:0; background:#ff9c00; color:#fff; border:1px solid #ff9c00;}
.tabtitle .nav2-tabs > li > a{border-radius:0; line-height:37px; padding:5px 20px;}
.tabtitle .nav2-tabs > li.active a,.tabtitle .nav2-tabs > li > a:hover{color:#008ac7; border-top:2px solid #008ac7; background:#fff;}
#prodetail h5.subtitle{background:#f3f3f3; border-left:4px solid #008ac7; color:#008ac7; padding:15px; margin:30px auto;}
.modal-dialog{background:#008ac8; padding:10px; margin:0 auto; top:30%;}
.modal-dialog .md-title,.modal-dialog .md-title a{color:#fff; font-size:18px; font-weight:bold; padding-bottom:10px;}
.modal-dialog .md-content{background:#fff; padding:50px; text-align:center; font-size:16px;}
.modal-dialog .md-content a{padding:30px; display:inline-block;}
.procontent{line-height:190%; color:#585858;}
.procontent img{max-width:100%; height:auto;}
.prodownload dt{font-size:18px; font-weight:normal; padding-bottom:20px;}
.prodownload dd a{color:#666; padding:5px 0; display:block;}
.prodownload dd a:hover{color:#008ac7;}

/*解决方案*/
#jjlist{margin-bottom:15px;}
#jjlist a p.title{background:url(../images/jj-title-bg.png) no-repeat; height:68px; font-size:18px; color:#595757; margin-top:-80px; position:relative; padding:15px;}
#jjlist a p.title span.en{display:block; color:#595757; font-size:12px;}
#jjlist a:hover p.title{background:url(../images/jj-title-hover-bg.png) no-repeat; color:#fff;}
#jjlist a:hover p.title span.en{color:#fff;}
#jj-body{background:url(../images/left-bg.jpg) 15px top repeat-y;}
#leftcate a{display:block; font-size:16px;  max-width:260px;}
#leftcate a:hover,#leftcate a.curr{background-color:#009cc9; color:#fff;}
#leftcate a span{display:block;padding:10px 0 10px 75px; margin-top:30px; background-position:25px center; background-repeat:no-repeat;}
#leftcate a span.lc1{background-image:url(../images/leftcate/1.png);}
#leftcate a:hover span.lc1,#leftcate a.curr span.lc1{background-image:url(../images/leftcate/1-h.png);}
#leftcate a span.lc2{background-image:url(../images/leftcate/2.png);}
#leftcate a:hover span.lc2,#leftcate a.curr span.lc2{background-image:url(../images/leftcate/2-h.png);}
#leftcate a span.lc3{background-image:url(../images/leftcate/3.png);}
#leftcate a:hover span.lc3,#leftcate a.curr span.lc3{background-image:url(../images/leftcate/3-h.png);}
#leftcate a span.lc4{background-image:url(../images/leftcate/4.png);}
#leftcate a:hover span.lc4,#leftcate a.curr span.lc4{background-image:url(../images/leftcate/4-h.png);}
#leftcate a span.lc5{background-image:url(../images/leftcate/5.png);}
#leftcate a:hover span.lc5,#leftcate a.curr span.lc5{background-image:url(../images/leftcate/5-h.png);}
#leftcate a span.lc6{background-image:url(../images/leftcate/6.png);}
#leftcate a:hover span.lc6,#leftcate a.curr span.lc6{background-image:url(../images/leftcate/6-h.png);}
#leftcate a span.lc7{background-image:url(../images/leftcate/7.png);}
#leftcate a:hover span.lc7,#leftcate a.curr span.lc7{background-image:url(../images/leftcate/7-h.png);}
#leftcate a span.lc8{background-image:url(../images/leftcate/8.png);}
#leftcate a:hover span.lc8,#leftcate a.curr span.lc8{background-image:url(../images/leftcate/8-h.png);}
#leftcate a span.lc9{background-image:url(../images/leftcate/9.png);}
#leftcate a:hover span.lc9,#leftcate a.curr span.lc9{background-image:url(../images/leftcate/9-h.png);}
#page-jj h1{background:#009cc9; color:#fff; margin:30px 0 10px 0; padding:15px; font-size:30px;}
#page-jj h1 small{display:block; font-size:14px; color:#fff; padding-top:10px;}
#page-jj .content{color:#686868; line-height:180%; padding-bottom:30px;}
#page-jj .content img,.newscontent .content img,#dingzhi img{display:inline-block; max-width:100%; height:auto;}

/*case*/
.pagetopcate a{background:#009cc9 url(../images/case-ico.jpg) 36px top no-repeat; height:43px; line-height:43px; display:inline-block; padding-right:17px; color:#fff; margin-left:3px; margin-bottom:5px;}
.pagetopcate a:hover,.pagetopcate a.curr{background:#ff9c00 url(../images/case-ico-hover.jpg) 36px top no-repeat;}
.pagetopcate a span{background-position:6px center; background-repeat:no-repeat; padding-left:70px; display:block;}
.pagetopcate a.c1{margin-left:0;}
#caselist{padding-top:23px; padding-bottom:23px;}
#caselist div.col-sm-3{margin-bottom:20px;}
#caselist a{margin-bottom:36px;}
#caselist a span.title{background:#595757; color:#fff; display:block; padding:5px;}
#caselist a:hover span.title{background:#009cc9;}
#caselist a img{height:240px;}

/*服务支持*/
#service a span{display:block;}
#service a span.title{background:#595757; color:#fff; padding:5px; margin-top:45px;}
#service a:hover span.title,#service a.list1 span.title{background:#009cc9;}
/*service detail*/
#servicelist{background:url(../images/left-bg.jpg) 15px top repeat-y; margin-top:30px;}
.s-cate{margin-top:39px;}
.s-cate dl{border-bottom:1px solid #e6e6e6; max-width:260px; padding-bottom:10px; margin-bottom:20px;}
.s-cate dt{font-size:16px; color:#595757; font-weight:normal; padding-left:80px; background-position:36px center; background-repeat:no-repeat; margin-bottom:15px;}
.s-cate dt a{color:#595757;}
.s-cate dt.dt1{background-image:url(../images/s-cate/1.jpg);}
.s-cate dt.dt2{background-image:url(../images/s-cate/2.jpg);}
.s-cate dt.dt3{background-image:url(../images/s-cate/3.jpg);}
.s-cate dt.dt4{background-image:url(../images/s-cate/4.jpg);}
.s-cate dd{margin:3px auto;}
.s-cate dd a{padding:10px 0 10px 36px; display:block; color:#595757;}
.s-cate dd a:hover,.s-cate dd a.curr{background:#009cc9; color:#fff;}

/*download*/
#dllist{color:#595757;}
#dllist .table tbody{background:url(../images/dl-bg.jpg);}
#dllist .table th{background:#009cc9; color:#ddedf5;}
#dllist .table td{padding:8px 10px; border:none;}
#dllist .table td.title a{color:#595757;}
#dllist .table td:hover.title,#dllist .table td.title a:hover{color:#008ac7;}
#dllist .table td.links a{width:25px; height:20px; display:block; background:url(../images/dl-ico.png) no-repeat;}

/*news*/
#newssubcate{text-align:center;}
#newssubcate a{margin:2px 20px;}
#newslist{margin:20px auto; border-bottom:1px solid #e0e0e0; padding-bottom:20px;}
#newslist .media-left{ padding-left:10px;}
#newslist .time{background:#009cc9;}
#newslist .media-left span{display:block; text-align:right; color:#fff; font-size:24px; min-width:60px;}
#newslist .media-left span.y{font-size:16px;}
#newslist .media-left .thumb{border:1px solid #e6e5e5; display:inline-block; margin:0 20px;}
#newslist .media-left .thumb img{max-width:150px;}
#newslist .media-body h3.title{font-size:18px; margin:5px 0 10px 0; font-weight:500;}
#newslist .media-body h3.title a:hover{color:#009cc9;}
.newscontent{padding:30px 0;}
.newscontent h1{font-size:24px;}
.newscontent h5{font-size:14px; color:#737373; border-bottom:1px solid #eee; padding:10px 0 25px 0;}
.newscontent h5 i{ font-style:normal; padding:0 10px;}
.newscontent .content{padding-top:30px; padding-bottom:30px;}

/*大事记*/
.dsjcontent{padding:30px 0;}
.dsjlist{background:url(../images/dsj-line.jpg) center top repeat-y; width:976px; padding:60px 0; margin:0 auto;}
.dsjlist li{width:51.2%; margin-top:-20px;}
.dsjlist li p.thumb{max-width:183px;}
.dsjlist li.left p.time{background:url(../images/dsj-ico.jpg) right center no-repeat;}
.dsjlist li.left p.info{color:#5d5f5b; padding-left:193px;}
.dsjlist li.left p.time span{background:url(../images/dsj-dian.jpg) left center repeat-x; display:block; margin-right:23px;}
.dsjlist li.left p.time span span{display:inline-block; background:#fff url(../images/dsj-ico1.jpg) right center no-repeat; padding:0 20px 0 10px; margin-left:0; color:#0081c3; font-size:16px; font-weight:bold;}
.dsjlist li.right p.time{background:url(../images/dsj-ico.jpg) left center no-repeat;}
.dsjlist li.right p.info{padding-left:50px; color:#5d5f5b;}
.dsjlist li.right p.time span{background:url(../images/dsj-dian.jpg) left center repeat-x;padding-left:155px; margin-left:23px;}
.dsjlist li.right p.time span span{display:inline-block; background:#fff url(../images/dsj-ico1.jpg) left center no-repeat; padding:0 0 0 20px; margin-left:0; color:#0081c3; font-size:16px; font-weight:bold;}
.dsj-top{background:#fff url(../images/dsj-top.jpg) center top no-repeat; height:18px; display:block;}

/*荣誉*/
#rylist,#job{padding-top:30px; padding-bottom:30px;}
#rylist a{background:#595757; display:block; padding:5px; color:#fff; margin-bottom:25px;}
#rylist a:hover{background:#009cc9;}
#rylist a span{display:block;}
#rylist a span.title{padding:10px 5px 5px 5px;}

/*job*/
#job h3{color:#585858; font-size:24px; margin:0 auto 30px 0;}
.alljob{border-top:1px solid #e1e1df; padding-top:20px;}
.alljob a{color:#585858; padding:5px 0;}
.joblist{color:#585858;}
.joblist dl{border-top:1px solid #e1e1df; padding-top:20px; margin-top:20px;}
.joblist dt{font-size:18px; font-weight:normal; padding-bottom:10px;}
.joblist dd{line-height:200%;}

/*contact*/
#addlist{background:#fff; padding-top:30px; padding-bottom:30px;}
#addlist .add{display:block; border-bottom:1px dashed #ececec; padding-bottom:15px; margin-bottom:15px;}
#addlist .last{border-bottom:none;}
#addlist .add h4{font-size:18px; font-weight:bold;}
#addlist .add p{color:#595757; line-height:180%;}
.contact-form{background:#fff url(../images/contact-title.jpg) left top no-repeat; padding:80px 10px 30px 10px; color:#585858;}
.contact-form h4{padding:20px 0;}
.contact-form .red{color:#f00;}
.contact-form label{width:20%; float:left; font-weight:normal; text-align:right; padding-right:10px;}
.contact-form input{width:60%; float:left;}
.contact-form p.code,.contact-form p.bt{padding-left:20%;}
.contact-form input.input-code{width:25%; margin-right:10px;}
.contact-form p.bt input.cbtn{width:30%; margin:0 auto; background:#ff9c00; border:none; padding:10px 30px; color:#fff;}
.map{margin:20px 0 20px -15px; padding-right:0;}


.help dl{margin:0 30px; display:inline-block; min-height:180px; vertical-align:text-top;}
.help dt{margin-bottom:10px;}
.help dt a{font-size:14px;}
.help dd{line-height:25px;}
.help a{color:#fff;}
.help dl.footer-logo{width:238px;}

#toTop{display: none; position: fixed; bottom: 20px; right: 20px; width: 50px; height:50px;background-image:url(../images/gotop.png); background-repeat: no-repeat; opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
#toTop:hover{opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}

/*分页*/

@media (max-width: 768px) {
	.gs-top,.yj-top{width:100%;}
	.proinfo{padding-left:15px;}
	.help dl{margin:0 0 10px 0; width:49%;}
	#jj-body{background:none;}
	#leftcate a{max-width:100%;}
	#leftcate a span{margin-top:5px;}
	.pagetopcate a.c1{margin-left:3px;}
	#newslist .media-left{display:block; float:none; padding:0;}
	#newslist .media-left .thumb{margin:0;}
	#servicelist{background:none; margin-top:0;}
	.s-cate{margin-top:0; background:#f5f5f5; padding-top:20px;}
	.s-cate dl{max-width:100%;}
	#caselist a img{max-height:240px; height:auto;}
}