@charset "utf-8";
/*--------------- 
总体 
---------------*/
body { text-align:center; font-family:"微软雅黑"; font-size:12px; background:#f4f4f4; }
body a { text-decoration:none; }
header { width:100%; height:90px; text-align:left; background:#eb595c; }
header hgroup { float:left; width:160px; height:90px; text-indent:-9999px; background:url(../images/logo_news.png) no-repeat; }
header hgroup.title-index { background:url(../images/logo_case.png) no-repeat; }
#nav li { float:left; margin-left:40px; height:90px; line-height:90px; text-align:left; }
#nav a { font-size:16px; color:#fff; }
#nav li.current a, #nav a:hover { color:#770000; }
.navShare a { float:left; margin-top:20px; width:75px; height:50px; overflow:hidden; text-indent:-999px; background:url(../images/share_nav.png) no-repeat; }
.navShare li.newsShare a { background-position:-75px top; }
.navShare li.webShare a { background-position:-150px top; }
.navShare li.picShare a:hover { background-position:left -50px; }
.navShare li.newsShare a:hover { background-position:-75px -50px; }
.navShare li.webShare a:hover { background-position:-150px -50px; }
#top { float:right; }
#top li { float:left; margin:10px 0 0 10px; }
#top a { display:block; padding:3px 5px; color:#fff; background:#ef7a7d; }
#top a:hover { background:#990000; }
/*#top li.current a { background:#990000; }*/
#search, .searchForm { position:absolute; right:0; top:45px; }
#search .bdsharebuttonbox { float:left; width:270px; }
#search .bdsharebuttonbox a { margin-left:5px; }
#search .bdshare-button-style1-24 a, #copyright .bdshare-button-style1-24 a { background-image:url(../images/icons_1_24.png); }
#search .zoom, .searchForm input.btn { float:left; margin-left:20px; width:34px; height:34px; background:url(../images/zoom.png) no-repeat; cursor:pointer; }
.searchForm { display:none; position:absolute; right:0; z-index:2; }
.searchForm input { float:left; position:absolute; right:32px; width:300px; height:32px; border:0 none; }
.searchForm input.btn { right:0; margin:0; background-position:left bottom; }
#nav2 { position:relative; z-index:2; height:70px; background:#fff; }
#nav2 li { float:left; margin-right:10px; height:70px; }
#nav2 li:hover { background:url(../images/down2.png) no-repeat right 33px; }
#nav2 li:hover li { background:none; }
#nav2 li span { float:left; margin-top:25px; margin-right:20px; padding-left:25px; height:25px; line-height:25px; font-size:14px; color:#990000; background:url(../images/nav-search.png) no-repeat; cursor:pointer; }
#nav2 li.year span { background-position:left -25px; }
#nav2 li.language span { background-position:left -50px; }
#nav2 li.screen span { background-position:left -75px; }
#nav2 li.color span { background-position:left -100px; }
#nav2 li.style span { background-position:left -125px; }
#nav2 li.web span { background-position:left -150px; }
#nav2 li.program span { background-position:left -175px; }
#nav2 li.state span { background-position:left -200px; }
#nav2 li.made span { background-position:left -225px; }
#nav2 ul ul { display:none; position:absolute; z-index:3; top:60px; left:0; padding:0 30px; width:1200px; height:70px; background:#f8f8f8; box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); }
#nav2 ul ul li, #nav2 li:hover li { float:left; padding-right:10px; margin-right:10px; line-height:70px; background:url(../images/line-pink.png) no-repeat right center; }
#nav2 ul ul li.last, #nav2 li:hover li.last { background:none; }
#nav2 ul a { margin-left:0px; font-size:14px; color:#ef7a7d;  cursor:pointer;}
#nav2 ul a:hover { color:#990000; }
#nav2 li.color li { padding-right:0; margin-right:0; background:none; }
#nav2 li.color li a { float:left; margin:30px 0 0 0; width:30px; height:10px; text-indent:-9999px; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.2s; -o-transition-duration:0.3s; -ms-transition-duration:0.2s; }
#nav2 li.color li a:hover { transform:scale(1, 1.5); -webkit-transform:scale(1, 1.5); -moz-transform:scale(1, 1.5); -o-transform:scale(1, 1.5); -ms-transform:scale(1, 1.5); }
#nav3 { display:none; height:50px; background:#eaeaea; }
#nav3 li { float:left; margin-top:15px; margin-right:10px; height:20px; }
#nav3 li a { padding-left:5px; padding-right:25px; height:20px; color:#fff; background:#eb595c url(../images/close.png) no-repeat right top; }
#nav4 { margin-bottom:50px; height:50px; }
#nav4 span { float:left; margin-right:15px; width:50px; height:50px; background:url(../images/share_btn.png) no-repeat; cursor:pointer; }
#nav4 span.active { background-position:left bottom; }
#nav4 ul { display:none; }
#nav4 li { float:left; margin-top:15px; margin-right:5px; }
#nav4 li a { display:inline; padding:2px 5px; font-size:14px; background:#eb595c; color:#fff; }
#nav4 li a:hover { background:#990000; }

.main{ position:relative; margin:0 auto; width:1260px; min-width:1260px; text-align:left; }
.main3 { position:relative; margin:0 auto; width:1240px; min-width:1240px; text-align:left; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
/**---------- 比较元素 ---------**/
/**** 转变 ****/
.transitions-enabled.masonry,.transitions-enabled.masonry .masonry-brick{-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s;}
.transitions-enabled.masonry{-webkit-transition-property:height, width;-moz-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width;}
.transitions-enabled.masonry .masonry-brick{-webkit-transition-property:left, right, top;-moz-transition-property:left, right, top;-o-transition-property:left, right, top;transition-property:left, right, top;}
/* 禁用容器上的转变 */
.transitions-enabled.infinite-scroll.masonry{-webkit-transition-property:none;-moz-transition-property:none;-o-transition-property:none;transition-property:none;}
/* 无限滚动装载机 */
#infscr-loading{text-align:center;padding:10px;background:#000;opacity:0.8;filter:alpha(opacity=80);color:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#infscr-loading{position:fixed;bottom:0px;left:45%;z-index:9999;width:200px;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html #infscr-loading{position:absolute;bottom:expression(eval(document.documentElement.scrollTop));}
/* showpic */
.showpic{position:relative;float:left; margin-bottom:20px;width:290px;font-size:12px;background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-ms-box-shadow:0 1px 3px rgba(0,0,0,.1);-o-box-shadow:0 1px 3px rgba(0,0,0,.1);}
.showpic img{width:290px;  }
.showpic a { color:#666; }
.showpic h4 { position:relative; z-index:2; padding:20px 0; text-align:left; text-indent:10px; font-size:14px; border-bottom:1px #eee solid; color:#990000; background:#fff; }
.showpic h4 p { color:#8a8a8a; }
.showpic h5 { position:relative; z-index:2; padding:20px 0; text-align:left; text-indent:10px; font-size:14px; border-bottom:1px #eee solid; color:#990000; background:#fff; }
.showpic h5 p { color:#8a8a8a; }
.showpic:hover h4, .showpic:hover h4 p { background:#eb595c; color:#fff; }
.img:hover h4, .img:hover h4 p { background:#fff; color:#eb595c; }
.showpic ul { clear:both; padding-top:10px; *margin-bottom:10px; }
.showpic li { float:left; margin-left:10px; margin-bottom:5px; padding:2px 5px; _height:18px; border:1px #eb595c solid; border-radius:5px; color:#eb595c; white-space:nowrap; }
.picbox { position:relative; min-height:180px; max-height:800px; overflow:hidden; }
.picbox p { display:none; position:absolute; top:0; left:0; padding:20px; width:250px; height:100%; line-height:20px; color:#666; background:url(../images/white.png); }
.picbox p span { display:inline-block; margin-top:20px; width:248px; height:34px; line-height:34px; text-indent:80px; border:1px #eb595c solid; background:#fdefef url(../images/more.png) no-repeat 130px top; }
.picbox p span:hover { background:#eb595c url(../images/more.png) no-repeat 130px bottom; color:#fff; }

.caseList { margin-top:50px; }
.caseList li { position:relative; float:left; margin:0 20px 20px 0; width:290px; height:230px; background:#fff; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-ms-box-shadow:0 1px 3px rgba(0,0,0,.1);-o-box-shadow:0 1px 3px rgba(0,0,0,.1);}
.caseList img{ width:290px; height:170px; }
.caseList h4 { position:relative; z-index:2; height:60px; line-height:60px; text-align:center; font-size:14px; color:#eb595c; background:#fff; }
.caseList li:hover h4 { color:#990000; }
.caseList p { position:absolute; top:175px; padding:20px; width:250px; height:130px; line-height:20px; color:#666; background:url(../images/white.png); }
.caseList span { position:absolute; bottom:20px; left:20px; width:248px; height:34px; line-height:34px; text-indent:80px; border:1px #eb595c solid; background:#fdefef url(../images/more.png) no-repeat 130px top; }
.caseList li span:hover { background:#eb595c url(../images/more.png) no-repeat 130px bottom; color:#fff; }
.page { clear:both; float:left; padding:30px 0 50px 0; width:100%; }
.page a { float:left; margin:10px; width:30px; height:30px; line-height:30px; color:#eb595c; text-align:center; font-size:14px; text-decoration:none; background:#fff; cursor:pointer; }
.page a.thisclass, .page a:hover { color:#fff; background:#eb595c; }
.page span{ float:left; margin:10px; padding:0 15px;height:30px; line-height:30px; color:#eb595c; text-align:center; font-size:14px; text-decoration:none; background:#fff; cursor:pointer; }

.mainInfo { display:inline-block; margin:50px auto; width:1260px; text-align:left; }
.infoMain { float:left; width:940px; background:#fff; }
.infoMain section { position:relative; padding:0 50px; width:840px; border-bottom:1px #eee solid; }
h3.title { height:100px; line-height:100px; font-size:30px; color:#eb595c; }
p.date { margin:-20px 0 30px 0; height:20px; line-height:20px; color:#e60012; }
p.date span { margin-right:20px; }
ul.caseSum { position:absolute; right:0; top:0; padding:15px 40px; width:155px; height:70px; background:#eb595c; }
ul.caseSum li { line-height:22px; font-size:14px; color:#fff; }
.caseWarn { padding:20px 0; text-align:center; color:#e60012; }
.caseHeader { display:inline-block; *display:inline; *zoom:1; background:#f9f9f9; }
.caseHeader img.thumb { float:left; margin:10px 30px 0 0; padding-bottom:10px; width:290px; height:170px; }
.caseHeader h4 { margin-top:15px; margin-bottom:5px; font-size:20px; color:#eb595c; }
.caseHeader p { line-height:20px; font-size:14px; color:#666; }
.caseLink { position:relative; float:right; }
.caseLink img { display:none; position:absolute; bottom:45px; left:5px; width:138px; height:138px; border:1px #eb595c solid; }
.caseLink figcaption { width:150px; height:45px; line-height:40px; text-indent:25px; font-size:16px; color:#fff; background:url(../images/case-link.png) no-repeat; cursor:pointer; }
.caseLink figcaption a { display:block; width:100%; height:100%; }
.caseParam li { float:left; margin-top:30px; width:50%; min-height:20px; _height:20px; color:#666; font-size:14px; }
.caseParam li span { float:left; margin-right:10px; padding:2px 5px; border:1px #eb595c solid; border-radius:5px; color:#eb595c; }
.caseParam li.color span { display:inline-block; margin:5px 0 0 0; _margin:0; width:30px; height:10px; text-indent:-9999px; border:0 none; border-radius:0; }
.caseParam li.total { width:100%; }
.caseParam li.total span { margin-bottom:5px; }
.caseParam li label { float:left; width:90px; }
.caseParam li p { float:right; width:750px; }
.fck { position:relative; clear:both; padding:50px 0; text-align:left; line-height:36px; color:#666; }
.previewPage, .nextPage { position:absolute; z-index:3; top:50%; _top:500px; margin-top:-50px; width:50px; height:100px; background:url(../images/case_btn.png) no-repeat; }
.previewPage { left:-50px; background-position:-50px 0; }
.nextPage { right:-50px; _right:0; }
.caseShare { padding:30px 0; text-align:center; }
.caseLast { margin-top:-1px; border:0 none; border-top:1px #eb595c solid; }
.caseBack { float:left; margin-left:-50px; width:200px; height:100px; line-height:100px; text-indent:80px; font-size:14px; background:#eb595c url(../images/click_back.png) no-repeat 30px center; color:#fff; }
.caseLast .caseLink { margin-top:30px; }
.phone { width:100%; height:880px; background:url(../images/case_phone.png) no-repeat top center; }
.phone .phoneMask { position:relative; float:left; display:inline; margin:115px 0 0 260px; width:319px; height:568px; overflow:hidden; }
.phone ul { position:relative; }
.phone ul li { float:left; }
.phone img { width:319px; height:568px; }
.phone .preview, .phone .next { position:absolute; top:400px; width:50px; height:50px; background:url(../images/case_phone_btn.png) no-repeat; cursor:pointer; }
.phone .preview { left:130px; }
.phone .next { left:660px; background-position:-50px 0; }
.phone .preview:hover { background-position:0 -50px; }
.phone .next:hover { background-position:-50px -50px; }
.phone ol { float:left; margin-top:140px; width:100%; text-align:center; }
.phone ol li { display:inline-block; *display:inline; *zoom:1; margin:0 5px; width:16px; height:16px; overflow:hidden; background:url(../images/case_phone_btn2.png) no-repeat; cursor:pointer; }
.phone ol li.active { background-position:left -16px; }
.infoSub { float:right; width:300px; background:#fff; }
.infoSub h3 { padding:10px; border-bottom:1px #eb595c solid; text-align:10px; font-size:24px; color:#eb595c; }
.subPicList li a { display:block; padding:15px 5px; color:#666; }
.subPicList li a:hover { background:#eb595c; color:#fff; }
.subPicList li img { width:290px; height:170px; }
.subPicList li p { text-indent:10px; }
.subTextList { margin:10px 0; }
.subTextList li { padding:0 5px; }
.subTextList li a { display:block; padding:20px 10px; line-height:20px; border-bottom:1px #efefef solid; font-size:14px; background:#f8f8f8; color:#8a8a8a; }
.subTextList li h4 { color:#eb595c; }
.subTextList li a:hover, .subTextList li a:hover h4 { background:#eb595c; color:#fff;}
.subPicList2 { float:left; margin:20px 0; }
.subPicList2 li { float:left; display:inline; margin-left:5px; margin-top:5px; width:145px; height:115px; }
.subPicList2 a { display:block; color:#666; }
.subPicList2 img { margin:5px; width:135px; height:80px; }
.subPicList2 p { text-indent:10px; }
.subPicList2 a:hover { background:#eb595c; color:#fff; }

footer { clear:both; width:100%; height:200px; line-height:30px; font-size:14px; color:#990000; background:#eb595c; }
#copyright { float:left; width:480px; }
#copyright figure { float:left; margin-right:30px; width:120px; text-align:center; }
#copyright figcaption { padding-top:5px; font-weight:700; }
#copyright figure img { width:120px; height:120px; }
#copyright ul { margin-top:20px; }
#copyright ul li { float:left; margin:0 10px 10px 0; width:120px; height:50px; line-height:50px; text-align:center; background:#ef7a7d; }
#copyright ul li a { display:block; color:#990000; }
#copyright ul li a:hover { background:#990000; color:#fff; }
#copyright .bdsharebuttonbox { float:left; width:270px; }
footer .navs { float:left; width:355px; height:200px; background:url(../images/footer.png) no-repeat; }
footer .navs a { position:absolute; width:110px; height:40px; }
footer .navs a.link_home { left:5px; top:34px; }
footer .navs a.link_case { left:138px; top:38px; }
footer .navs a.link_news { left:197px; top:143px; }
footer .navs a.link_weixin {
left: 249px;
top: 26px;
}

#copyright address { clear:both; }
#copyright address a{ color:#990000; text-decoration:none}
.navs { position:absolute; top:0; left:40%; }
#links { float:right; }
#links figure { float:left; margin-left:10px; width:160px; height:200px; overflow:hidden; text-align:center; background:#ef7a7d; }
#links h4 { width:100%; height:50px; text-indent:-999px; background:url(../images/wei.png) no-repeat center center; }
#links a h4 { background:url(../images/sina.png) no-repeat center center; }
#links img { display:block; margin:0 auto; width:120px; height:120px; }
#links figcaption { height:30px; line-height:30px; }

@media screen and (min-width:1280px) {
	.main{ width:1240px; }
}
@media screen and (min-width:1600px) {
	.main{ width:1550px; }
}
@media screen and (min-width:1920px) {
	.main{ width:1860px; }
}
@media screen and (min-width:2560px) {
	.main{ width:2170px; }
}
@media screen and (min-width:1900px) {
	.main3{ width:1860px; }
}
.main2 { width:1260px; }