@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
/*字体*/
body { font: 12px/1.5 "Microsoft Yahei", Tahoma, "SimSun", sans-serif; color:#5c5c5c; text-align:center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul { list-style: none; }
/*链接*/
a { text-decoration: none; color:#5c5c5c; outline:none; hide-focus: expression(this.hideFocus=true)
}
a:hover { text-decoration: none; color:#e60012 }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #5c5c5c; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
button, input, select { cursor:pointer }
table { border-collapse: collapse; border-spacing: 0; }
:current {
outline:none
}
.clear { font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1%; }
/*html5*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block }
/*通用*/
.wrap { width:100%; margin:0 auto; max-width:1920px; }
.container { width:1100px; margin:0 auto; position:relative; text-align:left }
.content { padding:50px 0 0 }
.whatBox { background-image:url(../images/whatBox.jpg); background-position:center top; background-repeat:no-repeat; background-size:100% 100%; -moz-background-size:100% 100%; position:relative; overflow:hidden }
.siteBox { background-image: url(../images/siteBox.jpg); background-position:center top; background-repeat:no-repeat; position:relative; overflow:hidden }
.clientBox { background-image: url(../images/clientBox.jpg); background-position:center top; background-repeat:no-repeat; background-size:100% 100%; -moz-background-size:100% 100%; position:relative; overflow:hidden }
.mT38 { margin-top:38px; }
/*头部*/
header { height:80px; position:relative; z-index: 9999; }
header .header_insdie{height:85px;background:url(../images/header.png) repeat-x;}
header #logo { position:absolute; left:36px; top:14px; width:207px; height:49px; }
header #logo:hover{ animation-name: pulse; animation-duration:1s;}
header #logo a { height:49px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/logo.jpg) no-repeat }
header .hotline { position:absolute; right:36px; top:0; height:28px; line-height:28px; background: url(../images/hotline.png) no-repeat; padding-left:60px }
header .hotline span { height:28px; display:block; float:left; text-indent:32px; background:#f0efef url(../images/tel.png) no-repeat left center; padding-right:15px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; color:#5c5c5c }
header .nav { position:absolute; right:16px; top:45px }
header .nav ul li.nLi { float:left; line-height:15px; font-size:13px; border-right:solid 1px #5c5c5c;position:relative; }
header .nav ul li.nLi a.nLia { display:block; padding:0 24px; font-weight:bold }
header .nav ul li.nLi .sub{ display: none; }
.nav .sub{ display:none; width:470px; left:-50%; top:15px; height:16px; padding-top: 5px;  position:absolute;   line-height:16px;}
.nav .sub li{ zoom:1; height:16px;width:auto;background: none; text-align:center;}
.nav .sub a{ padding:0 10px;font-size:12px; display:block; float:left; height:16px; line-height:16px;}
.nav .sub a:hover{ color:#f00;border-bottom: 1px #f00 solid; }
header .nav ul li.nLi.none { border-right:none }
/*首页banner*/
#banner { width:100%; text-align:center; width:100%; height:428px; margin:0 auto; overflow:hidden; position:relative; }
#banner .DB_bgSet { position:relative; }
#banner .DB_bgSet li { position:absolute; width:100%; height:428px; display:none;}
#banner .DB_bgSet li span{ display:block; height:4px; background:#000;zoom:1;filter:alpha(opacity=13); -moz-opacity:0.13; opacity:0.13;}
#banner .DB_imgSet { position:absolute; width:1100px; left:50%; margin-left:-550px; }
#banner .DB_imgSet .DB_1_1 { position:absolute; left:498px; top:136px; z-index:12; }
#banner .DB_imgSet .DB_1_2 { position:absolute; left:55px; top:50px; z-index:11; }
#banner .DB_imgSet .DB_2_1 { position:absolute; left:578px; top:50px; z-index:10; }
#banner .DB_imgSet .DB_2_2 { position:absolute; left:130px; top:112px; z-index:8; }
#banner .DB_imgSet .DB_3_1 { position:absolute; left:88px; top:70px; }
#banner .DB_imgSet .DB_3_2 { position:absolute; left:524px; top:107px }
#banner .DB_imgSet .DB_4_1 { position:absolute; left:0px; top:-10px; }
#banner .DB_imgSet .DB_4_2 { position:absolute; left:90px; top:180px }
#banner .DB_imgSet .DB_5_1 { position:absolute; left:70px; top:120px }
#banner .DB_imgSet .DB_5_2 { position:absolute; left:106px; top:83px }
#banner .DB_menuWrap{position:absolute;width:1100px;left:50%;margin-left:-550px;}
#banner .DB_prev { position:absolute; background:url("../images/prev.png") no-repeat; width:44px; height:76px; top:192px; left:-50px; cursor:pointer; }
#banner .DB_next { position:absolute; background:url("../images/next.png") no-repeat; width:44px; height:76px; top:192px; right:-50px; cursor:pointer; }

/*首页通用导航*/
.navTitle { width:100%; height:65px; display:block; overflow:hidden }
.navTitle dt { width:140px; height:65px; display:block; background:url(../images/navTitle.png) no-repeat; color:#e60012; border-right:solid 1px #5c5c5c; float:left }
.navTitle dt h3, .navTitle dt em { display:block; font-weight:bold }
.navTitle dt h3 { height:20px; line-height:20px; font-size:18.5px; text-indent:28px; padding-top:24px }
.navTitle dt em { height:14px; line-height:14px; font-size:12px; text-indent:42px; margin-top:5px; text-transform:uppercase; }
.navTitle dd { float:left; display:block; }
.navTitle dd p { line-height:20px; font-size:13px; padding:24px 0 0 18px }
.navTitle .sub { float:right; position:relative; overflow:hidden }
.navTitle ul { padding:32px 0 0 0; height:33px; overflow:hidden; float:right; }
.navTitle li { width:97px; height:33px; float:left; display:block; position:relative; margin-left:12px; _margin-left:6px; }
.navTitle li a { width:95px; height:31px; line-height:31px; display:block; text-align:center; border:solid 1px #5c5c5c; background:#FFF }
.navTitle li a:hover,.navTitle li.on a { border:solid 1px #e60012; background:#e60012; color:#FFF; font-weight:bold }
/*首页服务*/
.service { width:105%; overflow:hidden; height:255px; position:relative; padding:44px 0 48px 22px }
.service li { width:184px; height:255px; float:left; display:block; position:relative; margin-right:33px; overflow:hidden }
.service li a, .service li h3, .service li span { width:184px; height:255px; display:block; text-align:center }
.service li h3 { font-size:15px; height:18px; line-height:18px; position:absolute; top:213px;}
.service li span { font-size:10px; height:12px; line-height:12px; position:absolute; top:232px; text-transform:uppercase; }
.service .item1 a { background: url(../images/service-1.png) no-repeat }
.service .item1 a:hover { background: url(../images/service-1-1.png) no-repeat }
.service .item2 a { background: url(../images/service-2.png) no-repeat }
.service .item2 a:hover { background: url(../images/service-2-1.png) no-repeat }
.service .item3 a { background: url(../images/service-3.png) no-repeat }
.service .item3 a:hover { background: url(../images/service-3-1.png) no-repeat }
.service .item4 a { background: url(../images/service-4.png) no-repeat }
.service .item4 a:hover { background: url(../images/service-4-1.png) no-repeat }
.service .item5 a { background: url(../images/service-5.png) no-repeat }
.service .item5 a:hover { background: url(../images/service-5-1.png) no-repeat }
/*首页手机案例*/
.caseNav { width:100%; overflow:hidden; height:33px; position:relative; background:url(../images/caseNav.gif) repeat-x; overflow:hidden; margin-top:30px }
.caseNav ul { background:#FFF; padding:0 26px 0 46px; overflow:hidden; float:left; margin-left:346px; _margin-left:173px }
.caseNav li { width:146px; height:33px; float:left; display:block; position:relative; padding-right:20px; background:#FFF }
.caseNav li a { width:144px; height:31px; line-height:31px; display:block; text-align:center; border:solid 1px #5c5c5c; background:#FFF }
.caseNav li a:hover, .caseNav li.on a, .siteNav li.on a { color: #fff; border:solid 1px #e60012; background:#e60012; font-weight:bold }
.siteNav ul, .siteNav li, .siteNav li a { background: #0e1118 }

.caseNav,.caseNav2 { width:100%; overflow:hidden; height:33px; position:relative; background:url(../images/caseNav.gif) repeat-x; overflow:hidden; margin-top:30px }
.caseNav ul,.caseNav2 ul { background:#FFF; padding:0 26px 0 46px; overflow:hidden; float:left; margin-left:346px; _margin-left:173px }
.caseNav li,.caseNav2 li { width:146px; height:33px; float:left; display:block; position:relative; padding-right:20px; background:#FFF }
.caseNav li a,.caseNav2 li a { width:144px; height:31px; line-height:31px; display:block; text-align:center; border:solid 1px #5c5c5c; background:#FFF }
.caseNav li a:hover, .caseNav li.on a, .siteNav li.on a,.caseNav2 li a:hover { color: #fff; border:solid 1px #e60012; background:#e60012; font-weight:bold }
.siteNav ul, .siteNav li, .siteNav li a { background: #0e1118 }

.mobileList { width:100%; height:404px; overflow:hidden; position:relative; }
.mobileList section { width:100%; height:404px; overflow:hidden; float:left; }
.mobileList ul { width:100%; overflow:hidden; height:252px; margin-top:46px; display:block }
.mobileList li { width:135px; height:252px; padding-right:58px;position:relative; margin-bottom:30px; overflow: hidden; text-align: center; float:left; display:inline }
.mobileList dt { position:relative; cursor:pointer; width:135px; height:252px; }
.mobileList dd { position: absolute; width: 129px; height: 192px; top: 0; padding-top: 40px; text-align: center; background: url(../images/mobileBg.png) no-repeat; z-index: 99; display: none; border-radius: 0 27px 0 0; cursor:pointer }
.mobileList #preview { background: url(../images/preview.png) no-repeat; height:35px; width:0px; margin-left:8px; }
/*更多案例*/
.moreCase { height:106px; }
.moreCase a { display:block; margin:20px auto; width:66px; height:66px; background: url(../images/more-1.png) no-repeat; text-indent:-9999px }
.moreCase a:hover, .caseList .moreCase a:hover { background: url(../images/more-2.png) no-repeat; }
.caseList .moreCase a { background: url(../images/more-3.png) no-repeat; }
/*弹出窗口*/
#tinybox { position:absolute; display:none; padding:10px; background:#ffffff url(image/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000; }
#tinymask { position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500; }
#tinycontent { background:#ffffff; font-size:1.1em; }
/*企业案例*/
.caseList { width:100%; position:relative; overflow:hidden }
.caseList section { padding-top:38px; display:inline-block }
.caseList .item { width:269px; margin-right:8px; margin-bottom:4px; text-align:center; float:left; background:url(../images/loading.gif) no-repeat center center; -webkit-transition:top 1s ease, left 1s ease; -moz-transition:top 1s ease, left 1s ease; -o-transition:top 1s ease, left 1s ease; -ms-transition:top 1s ease, left 1s ease; cursor:pointer }
.caseList .item img.lazy { width:259px; border:4px #dcdbdb solid; }
.caseList .item p { width:90%; text-align:left; margin:0 auto; line-height:22px; }
.caseList .item .bottom { height:30px; text-align: center; padding-top:12px; position:relative; }
.caseList .item .bottom a { color:#ffffff; }
.caseList .item .bottom a:hover { }
.caseList .item .imgitem { height:159px; width:100%; overflow:hidden; }
.view { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff; }
.view .mask { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background:url(../images/mask.png); }
.view div.info { display: inline-block; text-decoration: none; position:absolute; width:258px; height:80px; top:30%; left:50%; margin-top:-40px; margin-left:-129px; text-align:center; }
.view a.tit { font-size:16px; line-height:24px; display:block; margin-bottom:10px; border-bottom:1px solid #fff; width:80%; margin:0 auto; }
.view a { color:#fff; }
.mask p { width:100%; text-align:center; cursor:pointer }
.mask p { font-size:12px; color:#acacac; color:#FFF }
.mask p a { color:#e60012; display:block; width: 79px; height: 18px; line-height:18px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ebfbfe; margin:0 auto }
.mask p a:hover { }
.view a.info:hover { }
.view-tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.view-tenth .mask { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-tenth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-tenth:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; }
.view-tenth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-tenth:hover a.info { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.caseList .item:hover { }
/*首页新闻*/
.news { background:#FFF; overflow:hidden; position:relative; padding-bottom:38px }
.news .newsBox { width:600px; overflow:hidden; float:left; }
.newsList { width:600px; height:312px; overflow:hidden}
.newsList ul { padding:30px 0 0 }
.newsList li { width:600px; height:46px; line-height:46px; overflow:hidden; border-bottom:dashed 1px #444; float:left; font-size:14px }
.newsList li a { height:24px; line-height:24px; text-indent:16px; display:block; width:480px; padding:11px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; word-break:keep-all; -moz-binding: url('/css/ellipsis.xml#ellipsis'); float:left; padding-left:12px; background: url(../images/ico-1.png) no-repeat 6px 50%; }
.newsList li a:hover { background: url(../images/ico-2.png) no-repeat 6px 50%; }
.newsList li time { float:right; color:#8B8B8B }
/*首页客服*/
.online { float:right; overflow:hidden; position:relative; width:420px;}
.online dl { width:420px; height:65px; display:block; overflow:hidden; border-bottom:solid 1px #444  }
.online dt { width:68px; height:65px; display:block; color:#e60012; float:left }
.online dt h3 { display:block; font-weight:bold; height:33px; line-height:33px; font-size:33px; padding-top:15px }
.online dd { float:left; display:block; }
.online dd p { line-height:20px; font-size:13px; padding:14px 0 0 5px }
.online ul{ margin:40px 0 0 15px}
.online li{width:218px; height:30px;webkit-border-radius: 3px 3px 2px 2px;-moz-border-radius: 3px 3px 2px 2px;border-radius: 3px 3px 2px 2px;	background-color: #8c8480;	border: solid 1px #afc6e7;background-image: -webkit-linear-gradient(bottom, #d5e3f8 36%, #fafbfe);background-image: -moz-linear-gradient(bottom, #d5e3f8 36%, #fafbfe);	background-image: -o-linear-gradient(bottom, #d5e3f8 36%, #fafbfe);background-image: -ms-linear-gradient(bottom, #d5e3f8 36%, #fafbfe);background-image: linear-gradient(to top, #d5e3f8 36%, #fafbfe); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e3f8', endColorstr='#fafbfe',GradientType=0 );margin-bottom:24px}
.online li a{width: 216px; height: 30px; line-height:30px; background:url(../images/qq.png) no-repeat 12px 50%; display:block; color:#2384a9; text-indent:42px; font-size:16.5px}

/*首页客户*/
.clientNav{ width:456px; margin:0 auto; height:auto; margin-top:40px}
.clientNav dt{ width:110px; border-right:none; margin:0 auto 16px; float:none;}
.clientNav dd{ width:456px; border-top:solid 1px #FFF;}
.clientNav dd p{ line-height:22px; padding:16px 0 0 0; font-size:13px}
.client { width:1210px;position: relative; margin:0 auto; padding-bottom:16px; height:700px}
.clientWrap{position:absolute; width:1040px; height:680px; top:36px; left:86px}
.clientList {position: relative; width:1040px; height:680px; overflow:hidden;}
.clientList ul{ position:relative;height:612px; display:block;}
.clientList li { position:absolute}
.clientList li a { display:block}
.clientList .white a{ position:relative; display:block}
.clientList .white a img,.clientList .white a span{ position:absolute}
.clientList .white a span{display:block; text-align:center; padding:3px 0; height:18px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; word-break:keep-all; -moz-binding: url('/css/ellipsis.xml#ellipsis'); cursor:pointer; background:url(../images/title.png); left:6px}
#left, #right { width:44px; height:76px; display:block; position:absolute; top:292px; text-indent:-9999px; cursor:pointer }
.clientList .white a:hover span{}
.clientList .no1{ left:70px; top:40px;}
.clientList .no1 a span,.clientList .no4 a span,.clientList .no10 a span,.clientList .no9 a span,.no12 a span,.clientList .no11 a span,.clientList .no12 a span{width:182px; top:103px}
.clientList .no2{ left:304px; top:0px}
.clientList .no3{ left:544px; top:0px}
.clientList .no4{ left:776px; top:40px;}
.clientList .no5{ left:0px; top:210px;}
.clientList .no5 a span,.clientList .no8 a span{width:250px; top:146px}
.clientList .no6{ left:304px; top:184px;}
.clientList .no6 a span,.clientList .no7 a span{width:182px; top:202px}
.clientList .no7{ left:544px; top:184px;}
.clientList .no8{ left:776px; top:210px;}
.clientList .no9{ left:70px; top:432px}
.clientList .no10{ left:304px; top:470px;}
.clientList .no11{ left:544px; top:470px}
.clientList .no12{ left:776px; top:432px}
.clientList .white{}
.clientList li a img { vertical-align:middle; border:solid 6px #0f748a; }
.clientList .no2 a img,.clientList .no3 a img{ border:none}

.clientList .no6 a span{    width: 185px;}

/*图片翻转*/
.photo-container { border:solid 6px #0f748a; background:#FFF; -webkit-perspective: 1200px;-moz-perspective: 1200px;-ms-perspective: 1200px;-o-perspective: 1200px; /* 透视视图 */ perspective: 1200px; /* 透视视图 */ width:182px;height:132px; cursor:pointer; overflow:hidden}
.rotate-box { margin:0 auto; position: relative; width:182px; height:132px; line-height:132px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;/* 3D 转换 */ transform-style: preserve-3d; /* 3D 转换 */ -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease;-o-transition: 0.5s ease;/* 转换效果持续 1秒 */}
.rotate-box img { vertical-align:middle}
.text { position: absolute; top: 0; width: 100%; -webkit-transform: rotateY(180deg) translateZ(1px); -moz-transform: rotateY(180deg) translateZ(1px);-ms-transform: rotateY(180deg) translateZ(1px);-o-transform: rotateY(180deg) translateZ(1px);/* 反转180度 并设置z轴让其置于图片背面 */ transform: rotateY(180deg) translateZ(1px); /* 反转180度 并设置z轴让其置于图片背面 */ color: #666; text-align: center; opacity: .06; background: rgba(255,255,255,.9); }
.photo-container:hover .rotate-box { -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); transform: rotateY(180deg); }
.photo-container:hover .text { opacity: 1 }

.p15 {
    padding: 15px;
}

.homeTit{ padding:  40px 0 10px; text-align: center; position: relative; }
.homeTit h2{ font-size:36px; position: relative; line-height: 110%;    font-weight: 100;padding-bottom: 15px;}
.homeTit p{ opacity: 0.7;}

.caselist{ width: 110%;}

.caselist li{ width: 16%; background: #fff; margin-right: 2%; margin-top:2%; float: left; position: relative;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); overflow: hidden;}
.caselist li .grey{ opacity: 0.6;}
.caselist li h2,.case-use{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    font-weight: 100; font-size: 14px;}
.case-use span{ background: #eee; cursor:default; border-radius: 100px; font-size: 12px; padding:3px 8px;}
.case-use span:hover{ background: #09BB07; color: #fff;}
.small-font{ font-size: 12px;}
.casema{ position: absolute; left: 0; top:0; right: 0; bottom: 0; background: #fff; z-index: 1; opacity: 0; transition: all ease 0.3s;}
.casema img{ position: absolute; left: 50%; top: 100%; margin: -90px 0 0 -90px; transition: all ease 0.3s;}
.caselist li:hover .casema{ opacity: 1;}
.caselist li:hover .casema img{ top: 50%;}
.case{ background: #f5f5f5;}

#left { background: url(../images/left.png) no-repeat; left:0px; }
#right { background:url(../images/right.png) no-repeat; right:0px; }

/*通用底部*/
footer { width:100%; background:#0f748a;color:#fff; text-align:left}
.copyright {width:1100px; margin:0 auto;overflow:hidden;color:#fff; padding:38px 0}
.copyright a{color:#fff;}
.copyright a:hover { text-decoration:none }
.infor {float:left; color:#fff; display:block; margin-left:50px; _margin-left:25px; width:428px }
.infor dt { height:48px; line-height:48px; font-size:18px}
.infor dd { height:30px; line-height:30px; padding:6px 0 6px 32px;}
.infor .phone{ background:url(../images/phone.png) no-repeat left center;}
.infor .mob{ background:url(../images/mob.png) no-repeat left center;}
.infor .email{ background:url(../images/email.png) no-repeat left center;}
.infor .add{ background:url(../images/add.png) no-repeat left center;}
.infor dd a{color:#fff;}
.infor dd a:hover { text-decoration:none }
.infor .footlink{ display:block; float:left}
.quick{ margin-left:30px}
.quick a{ width:30px; height:30px; display: inline-block; overflow:hidden; text-indent:-9999px; margin-right:8px}
.quick .wx{ background:url(../images/weixin-ico.png) no-repeat left center;}
.quick .qq{ background:url(../images/qq-ico.png) no-repeat left center;}
.quick .sina{ background:url(../images/sina-ico.png) no-repeat left center;}
.weixin {height:223px; float:right; margin-right:70px; margin-right:35px;}
.weixin p{ float:left; text-align:center; font-size:16px;}
.other {color: #747474;line-height: 23px;padding: 10px 0;text-align:left; background:#efefef; overflow:hidden;}
.other .link{ float:left; margin-left:38px; _margin-left:19px;}
.other .foot-logo { height:38px; width:45px; float:left; margin-right:12px}
.other .foot-logo a{background:url(../images/foot-logo.png) no-repeat left bottom; display:block; height:38px; text-indent:-9999px}
.other .foot-logo a:hover{background:url(../images/foot-logo-1.png) no-repeat left bottom;}
.other .link p{ float:left}
.other .link a{ color:#747474}
.other small{ float:right; margin-right:60px; _margin-right:30px;}
.other small img{ width:44px}