@charset "utf-8";



.brands{ background:#000; text-align:center; position:relative; padding-bottom:63px;}
.brands .bg{ height:660px; padding-top:30px; -webkit-transition:all 1s ease-in-out 0s; -moz-transition:all 1s ease-in-out 0s; transition:all 1s ease-in-out 0s;}
.brands .bg1{ background:url(../images/brand_01.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg2{ background:url(../images/brand_02.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg3{ background:url(../images/brand_03.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg4{ background:url(../images/brand_04.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg5{ background:url(../images/brand_05.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg6{ background:url(../images/brand_06.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg7{ background:url(../images/brand_07.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg8{ background:url(../images/brand_08.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg9{ background:url(../images/brand_09.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg10{ background:url(../images/brand_010.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg11{ background:url(../images/brand_011.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg12{ background:url(../images/brand_012.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg13{ background:url(../images/brand_013.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg14{ background:url(../images/brand_014.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg15{ background:url(../images/brand_015.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .bg16{ background:url(../images/brand_016.html) center bottom no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%;}
.brands .title{ width:141px; height:33px; margin:0 auto 25px; background-position:0 -94px; text-indent:-999em;}
.brands .pic{ width:1280px; height:600px; margin:0 auto 15px; position:relative;}
.brands .pic img{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 1s ease-in-out 0s; -moz-transition:all 1s ease-in-out 0s; transition:all 1s ease-in-out 0s; width:100%; height:100%;}
.brands .pic img.on{ z-index:1; opacity:1; filter:alpha(opacity=100);}
.brands .logos{ width:1280px; margin:0 auto; overflow:hidden;}
.brands .logos li{ width:113px; height:70px; float:left; margin-top:10px; margin-right:50px;}
.brands .logos li:nth-child(8){ margin-right:0px;}
.brands .logos li:nth-child(16){ margin-right:0px;}
.brands .logos li:nth-child(24){ margin-right:0px;}
.brands .logos li a{ height:70px; display:inline-block; -webkit-filter: grayscale(100%);     -moz-filter: grayscale(100%);     -ms-filter: grayscale(100%);     -o-filter: grayscale(100%);          filter: grayscale(100%); 	      filter: gray; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.brands .logos li a:hover{ opacity:1; filter:alpha(opacity=100);}
.brands .logos li a.on{ opacity:1; -webkit-filter: grayscale(0%);     -moz-filter: grayscale(0%);     -ms-filter: grayscale(0%);     -o-filter: grayscale(0%);          filter: grayscale(0%); 	      filter: gray;filter:alpha(opacity=100);}
.brands .logos li.l1 a{ width:113px; height:70px; background:url(../images/lo_03.jpg);}
.brands .logos li.l2 a{ width:113px; height:70px; background:url(../images/lo_05.jpg);}
.brands .logos li.l3 a{width:113px; height:70px; background:url(../images/lo_07.jpg);}
.brands .logos li.l4 a{width:113px; height:70px; background:url(../images/lo_10.jpg);}
.brands .logos li.l5 a{width:113px; height:70px; background:url(../images/lo_12.jpg);}
.brands .logos li.l6 a{width:113px; height:70px; background:url(../images/lo_14.jpg);}
.brands .logos li.l7 a{width:113px; height:70px; background:url(../images/lo_16.jpg);}
.brands .logos li.l8 a{width:113px; height:70px; background:url(../images/lo_19.jpg);}
.brands .logos li.l9 a{width:113px; height:70px; background:url(../images/lo_29.jpg);}
.brands .logos li.l10 a{width:113px; height:70px; background:url(../images/lo_30.jpg);}
.brands .logos li.l11 a{width:113px; height:70px; background:url(../images/lo_31.jpg);}
.brands .logos li.l12 a{width:113px; height:70px; background:url(../images/lo_32.jpg);}
.brands .logos li.l13 a{width:113px; height:70px; background:url(../images/lo_33.jpg);}
.brands .logos li.l14 a{width:113px; height:70px; background:url(../images/lo_34.jpg);}
.brands .logos li.l15 a{width:113px; height:70px; background:url(../images/lo_35.jpg);}
.brands .logos li.l16 a{width:113px; height:70px; background:url(../images/lo_36.jpg);}
.brands .logos li.l17 a{width:113px; height:70px; background:url(../images/lo_45.jpg);}
.brands .logos li.l18 a{width:113px; height:70px; background:url(../images/lo_46.jpg);}
.brands .logos li.l19 a{width:113px; height:70px; background:url(../images/lo_47.jpg);}
.brands .logos li.l20 a{width:113px; height:70px; background:url(../images/lo_48.jpg);}
.brands .logos li.l21 a{width:113px; height:70px; background:url(../images/lo_49.jpg);}
.brands .logos li.l22 a{width:113px; height:70px; background:url(../images/lo_51.jpg);}
.brands .logos li.l23 a{width:113px; height:70px; background:url(../images/lo_53.jpg);}
.brands .logos li.l24 a{width:113px; height:70px; background:url(../images/lo_54.png);}
.brands .more{ width:110px; height:17px; margin:30px auto 15px; background-position:0 -129px; text-indent:-999em;}

/* history */
.hs-summary{ margin-top:84px; padding:96px 0; background:#fff; text-align:center;}
.hs-timeline{ padding:80px 0 180px; background:#000; text-align:center;}
.hs-timeline .black{ height:139px; background:#242424;}
.hs-timeline .b1{ margin:-175px 0 0 50%;}
.hs-timeline .b2{ margin:-194px 50% 0 0;}
.hs-timeline .b3{ margin:-168px 0 0 50%;}
.hs-timeline .b4{ margin:-200px 50% 0 0;}
.hs-timeline .b5{ margin:-213px 0 0 50%;}
.hs-timeline .b6{ margin:-229px 50% 0 0;}
/* case */
.case-wrap{ margin-top:84px; padding:70px 0 20px; background:#fff;}
.case-nav{ margin-bottom:50px; overflow:hidden; zoom:1;  font-family: 微软雅黑;}
.case-nav li{ width:110px; float:left; margin-right:1px;}
.case-nav li a{ width:110px; height:40px; display:block; line-height:40px; color:#7d7d7d; background:#f4f3f3; text-align:center; text-decoration:none; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.case-nav li a:hover{ color:#000; background:#fff;}
.case-nav li a.on{ color:#000; background:#fff;}
.case-flow{ position:relative;}
.case-flow .item{ width:236px; margin:14px 7px 0; position:absolute; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
.case-flow .item img{ width:236px; border-radius:3px;display:block;}
.case-flow .title{ width:206px; height:35px; line-height:35px; margin:0; padding:0 15px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5); background:none; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); color:#fff; text-align:center;}
.case-item{ overflow:hidden; zoom:1; margin-bottom:25px; font-family: 微软雅黑;}
.case-item li{ float:left; margin-right:70px;  margin-bottom: 10px;}
.case-item li a{ height:22px; display:block; border-bottom:2px solid #fff; color:#9c9c9c; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.case-item li a:hover{ border-bottom-color:#5e5e5e; color:#444; text-decoration:none;}
.case-item li a.on{ border-bottom-color:#5e5e5e; color:#444; text-decoration:none;}
.case-item-content p{ margin-bottom:25px; color:#7f7f7f; line-height:2;}
.case-item-flow{ position:relative;}
.case-item-flow .item{ width:236px; margin:14px 7px 0; position:absolute; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
.case-item-flow .item img{ width:236px; border-radius:3px; cursor:-webkit-zoom-in; cursor:-moz-zoom-in;display: block;}
.case-item-flow .item a .zoom{ width:57px; height:57px; position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; transition:all 1s ease 0s; opacity:0; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); background:url(../images/zoom.html) center center no-repeat; background:none;}
.case-item-flow .item a:hover .zoom{ opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); background:url(../images/zoom.html) center center no-repeat;}
/* news */
.news-wrap{ margin-top:84px; padding:70px 0 0; background:#fff;}
.news-nav{ margin-bottom:50px; overflow:hidden; zoom:1;}
.news-nav li{ width:146px; float:left; margin-right:1px; font-size:14px; font-weight:bold;}
.news-nav li a{ width:116px; height:50px; display:block; padding-left:30px; line-height:50px; color:#7d7d7d; background:#f4f3f3 url(../images/ie-right.html) 105px center no-repeat; text-decoration:none; -webkit-transition:background 0.8s ease 0s; -moz-transition:background 0.8s ease 0s; transition:background 0.8s ease 0s;}
.news-nav li a:hover{ color:#4f4f4f; background:#fff url(../images/ie-up.html) 105px center no-repeat;}
.news-nav li a.on{ color:#4f4f4f; background:#fff url(../images/ie-up.html) 105px center no-repeat;}
.news-box{ overflow:hidden; zoom:1;}
.news-box li{ width:296px; float:left; margin:0 55px 70px 0;}
.news-box li .thumb{ height:166px; margin-bottom:20px;}
.news-box li h4{ margin:0 0 5px 10px; padding-left:15px; background-position:-254px -2px; font-size:13px; font-weight:bold;}
.news-box li p{ margin:0 0 10px 10px; padding-left:15px; color:#848484;height:100px;}
.news-box li .date{ padding-left:25px; font-family:Arial,sans-serif; color:#908e8e;}
/* mask */
.mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:#000; /*filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/}
.case-mask-pop{ display: table;width:757px; height:600px; border:3px solid #fff; position:absolute; z-index:11; left:50%; top:2%; margin-left:-378px; text-align:center; background:rgba(0,0,0,0.1); background:#ccc;}
.case-mask-pop a:nth-child(1) {  display: table-cell;  vertical-align: middle;font-size: 0;}
.case-mask-pop img{ max-width:100%; height:auto; max-height:600px; width:auto; cursor:auto; border:0;}
.case-mask-pop .butt{ width:48px; height:48px; position:absolute; top:50%; margin-top:-24px; text-indent:-999em; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.case-mask-pop .butt:hover{ opacity:0.5;}
.case-mask-pop .butt.prev{ left:20px; background:url(../images/prev.html) center center no-repeat;}
.case-mask-pop .butt.next{ right:20px; background:url(../images/goto.html) center center no-repeat;}
/*css3 screen<700px*/
.cover-img img:nth-child(1){ max-width:100%; height:auto; width:auto;}
@media screen and (max-height:600px){.cover-slide{position:fixed;bottom:112px;}}
/* 2013-06-11 white&black background */
.wh-bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; z-index:3;}
.bl-bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000; z-index:3;}
/* cover img auto & kv img auto */
@media screen and (max-width:1000px){.cover-img{text-align:center;position:relative;left:0;top:50%;margin:0;}}
/* 2013-06-25 臻选精品 增加左右切换功能 品牌区域 弹出浮层 */
.brands .prev,.brands .next{ position:absolute; top:50%; margin-top:-20px; color:#e7e7e7; font:36px "宋体"; text-decoration:none;}
.brands .prev{ left:-50px;}
.brands .next{ right:-50px;}
.seo .others{ width:620px; height:55px; padding:10px 0 0 17px; position:absolute; left:100px; bottom:-25px; background:url(../images/others-bg.html) no-repeat; color:#adadad; line-height:1.8; z-index:1; text-align:left; visibility:hidden; -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); transform:translateY(-200%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; opacity:0;}
.seo .others.visible{ visibility:visible; -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
.seo .others .close{ position:absolute; top:5px; right:2px;}
.seo .others a{ color:#8b8b8b; text-decoration:none;}.seo .others a:hover{ color:#8b8b8b; text-decoration:underline;}
/* 2013-07-02 new kv */
.kv-wrap{ height:500px;}
.kv-wrap .img{ position:absolute; left:0; top:0; opacity:0; transition:all 1s;}
.kv-wrap .img.last{ width:100%; height:100%; background:#000;}
.kv-wrap .img.on{ z-index:1; opacity:1;}
.kv-wrap .img-common{ width:100%; height:100%; position:absolute; left:0; top:0;}
.kv-wrap .img-mask{ background:#000; z-index:2;}
.kv-wrap .img-column{ background:url(../images/bank.html) repeat-y 0 0; z-index:3;}
.kv-wrap .img-column li{ width:183px; height:500px; float:left; background:url(../images/bank.html) repeat-y 100% 0; position:relative; text-align:center; cursor:pointer;}
.kv-wrap .img-column li.first{ width:181px; margin-left:1px;}
.kv-wrap .img-column li .text{ position:relative; left:0; top:50%; margin-top:-18px; transition:all 0.3s;}
.kv-wrap .img-column li .li-mask{ width:182px; background:#000; opacity:0; filter:alpha(opacity=0);}
.kv-wrap .img-column li.first .li-mask{ width:180px;}
/* 2013-07-04 some modification */
.seo h3 a{ color:#fff; text-decoration:none;}.seo h3 a:hover{ color:#fff; text-decoration:underline;}

/* 2014-09-04 臻选精品 */
.brands-wrap{ margin-top:84px; background-color:#fff; overflow:hidden;}
.br-nav{ background:#fff url(../images/b-nav-bg.html) repeat-x 0 100%; text-align:center;}
.br-nav li{ display:inline-block; margin-left:-1px;}
.br-nav li a{ display:block; margin:20px 0 25px; padding:0 80px; font:13px/1.3 "微软雅黑"; color:#3d3d3d; text-decoration:none; border-left:1px solid #666;}
.br-nav li:first-child a{ border-left:0;}
.br-h3{ width:168px; margin:30px auto 22px; padding-bottom:5px; font-size:18px; color:#666; text-align:center; border-bottom:1px solid #666;}
.br-ul{ padding-bottom:40px; overflow:hidden;}
.br-ul li{ float:left;}
.br-ul li a{ display:block; width:240px; height:135px; margin:0 5px 10px 5px; background-color:#ededed; position:relative;}
.br-ul li a img{ position:absolute;}
.br-ul li a .tip{ width:100%; height:26px; position:absolute; left:0; bottom:0; line-height:26px; font-size:14px; color:#fff; text-align:center; background:url(../images/brands-text-bg.html) repeat;}
.br-lf-nav{ width:238px; float:left; top:134px;position:fixed;
			/*position:fixed!important;
position:absolute;
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.br-lf-nav .tt{ margin-bottom:8px; padding-bottom:3px; font-size:14px; color:#666; border-bottom:1px solid #000; cursor:pointer;}
.br-lf-nav .tt:before{ width:6px; height:12px; display:inline-block; content:""; vertical-align:middle; margin:-2px 5px 0 0; background:url(../images/png.html) no-repeat -813px -104px;}
.br-lf-nav .tt.on:before{ width:12px; height:6px; margin-top:0; background:url(../images/png.html) no-repeat -797px -104px;}
.br-lf-nav .ul-wrap{ margin:5px 0; overflow:hidden; display:none;}
.br-lf-nav .ul-wrap li{ width:50%; float:left;}
.br-lf-nav .ul-wrap li a{ font-size:10px; line-height:1.6; color:#666;}
.br-lf-nav .ul-wrap li a.on{ color:#000;text-decoration:underline;}
.-webkit- .br-lf-nav .ul-wrap li a{ display:block; }/* fix chrome font-size <12 bug */
.br-lf-nav .func-ul li{ width:100%; float:none;}
.br-lf-nav .func-ul li a{ font-size:12px;}
.-webkit- .br-lf-nav .func-ul li a{ -webkit-transform:none; margin-left:0;}
.br-content{ width:750px; left:240px;float:left; margin:50px 0 0 12px; position:relative;min-height: 450px}
.br-breadcrumb{ margin-bottom:5px; font-size:12px; color:#231815;}
.br-breadcrumb a{ color:#231815; text-decoration:none;}
.br-mainkv{ position:relative; text-align:center;}
.br-mainkv .check{ position:absolute; right:15px; top:430px; color:#000; text-decoration:underline;}
.br-mainkv .tags{ position:absolute; right:0; top:-20px; padding:15px; background-color:#000; text-align:center;}
.br-mainkv .tags:before{ width:147px; height:18px; content:""; display:block; background:url(../images/sprites.html) no-repeat 0 -156px;}
.br-mainkv .tags .e{ margin:2px 0 10px; font-size:11px; color:#fff;}
.br-mainkv .tags .e:before{ width:13px; height:8px; content:""; display:inline-block; margin-right:3px; background:url(../images/sprites.html) no-repeat -151px -161px;}
.br-mainkv .tags .a{ color:#fff; text-decoration:underline;}
.br-mainkv .profile{ width:460px; position:relative; margin:-36px 0 0 30px; padding:10px 20px; text-align:left; background-color:#fff;}
.br-mainkv .profile .t{ margin-bottom:5px; font-size:24px; color:#000;}
.br-mainkv .profile p{ color:#666; line-height:1.8;}
.br-content .br-h3{ margin-top:50px;}
.br-style-tab{ margin-bottom:5px; overflow:hidden;}
.br-style-tab li{ height:40px; float:left; margin-left:-1px; padding:0 20px; text-align:center; border-left:1px solid #fff; background-color:#f4f3f3;}
.br-style-tab li.last{ padding:0 23px;}
.br-style-tab li.on{ background-color:#fff;}
.br-style-tab li.on a{ color:#000; border-bottom:1px solid #000;}
.br-style-tab li a{ margin-top:12px; padding-bottom:2px; display:inline-block; color:#838383; text-decoration:none;}
.br-style-wrap{ height:420px; position:relative; overflow:hidden;}
.br-style-wrap .ul-wrap{ width:100000px; position:relative;}
.br-style-wrap .ul-wrap li{ width:750px; float:left; position:relative;}
.br-style-wrap .t{ position:absolute; left:0; bottom:0; padding:15px; background:url(../images/brands-text-bg.html) repeat 0 0;}
.br-style-wrap .switch{ width:48px; height:48px; position:absolute; left:6px; top:50%; margin-top:-24px; background:url(../images/prev.html) no-repeat; text-indent:-999em;}
.br-style-wrap .switch.next{ left:auto; right:6px; background-image:url(../images/goto.html);}
.panel{ width:236px; float:left; margin:0 0px 10px 0; border:1px solid #eee; position:relative; cursor:pointer;}
.panel .img{ position:relative;}
.panel .img img{ display:block; width:236px; }
.panel .img .over{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/brands-text-bg.html) repeat; display:none; opacity:0; transition:opacity 0.5s;}
.panel .img .over:after{ width:54px; height:54px; content:""; position:absolute; left:50%; top:50%; margin:-27px 0 0 -27px; background:url(../images/png.html) no-repeat -297px -94px;}
.panel:hover .img .over{ display:block; opacity:1;}
.panel .p{ padding:5px; color:#707070; line-height:1.2; background-color:#eee; text-align:center;}
.panel .p span{ display:block;}
.br-mask{ width:100%; height:100%; padding-bottom:50px; position:absolute; left:0; top:-50px; background-color:#000;}
.br-layer{ width:1000px; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.br-layer .case-mask-pop{ display:initial;width:auto; border:0; left:250px; top:134px; right:0; bottom:0; margin:0 auto auto auto; background:none;
position:absolute;/*IE6*/
}
.br-layer .case-mask-pop .s{ display:inline-block; position:relative; vertical-align:middle;}
.br-layer .case-mask-pop img{ max-width:500px; max-height:400px; height:auto;margin-top: -60px}
.br-layer .case-mask-pop .butt.prev{ }
.br-layer .case-mask-pop .butt.next{ }
.br-layer .case-mask-pop .t{ width:90%; padding:6px 5%; position:absolute; left:0; top:100%; font-family:"微软雅黑"; font-weight:normal; color:#9c9c9c; text-align:center; background:url(../images/brands-text-bg.html) repeat;}
.br-layer .case-mask-pop:after{ height:100%; width:0; content:""; display:inline-block; vertical-align:middle;}

.picture-detail{display:block;text-align:center;}
.picture-detail img{ max-width:100%; max-height:500px; height:auto;}
.picture-detail .t{ color: #363636;display: block;padding: 10px 50px;}

/* 2014-10-11 modify */
.srch{ display:inline-block; width:124px; height:16px; background-color:#fff; border:1px solid #565656; text-align:left; vertical-align:middle;}
.srch .inp{ width:104px; height:16px; line-height:16px; margin:0 3px; color:#c1c1c1; background:none; border:0; outline:none;}
.srch .but{ width:9px; height:11px; float:right; background:url(../images/srch-icon.html) no-repeat;}
.main-nav .share .srch .but{ margin:3px 3px 0 0;}
.back-top{ width:35px; height:48px; position:absolute; right:-50px; top:0; background:url(../images/top.html) no-repeat;}
.case-mask-pop .close{ width:33px; height:33px; position:absolute; top:40px; right:25px; background:url(../images/layer-close.html) no-repeat;}

/*2015-05-14*/
.banner_D{width:1280px;margin:84px auto 0;position: relative;}
.banner_D .content{position: absolute;left:0;top:0;width:545px;height:455px;padding-left:135px;padding-top:120px;}
.banner_D .content h3{font:21px/50px "microsoft yahei" ;font-weight:400;text-align: center;color:#fff;border-top:1px solid #fff;float:left;margin-left:217px;}
.banner_D .content p{float:left;width:100%;text-align: center;color:#fff;font:21px/60px "microsoft yahei";}
.banner_D .content .p1{font:12px/24px "microsoft yahei";text-align: left;margin-bottom:20px;}
.pic{width:1280px;margin:0 auto;position: relative;}
.pic .cover_down{position:absolute;top:0;width:640px;height:575px;background: #000;opacity: 0.6;filter: alpha(opacity=60);}
.pic .cover_down.right{right:0;}
.pic .cover_down.left{left:0;}
.pic .cover{position: absolute;top:0;width:460px;height:365px;color:#fff;padding:210px 80px 0 100px;z-index: 2;background: none;}
.pic .right{right:0;}
.pic .left{left:0;}
.pic .n1{padding-left:12px;background: url(../images/left_k_03.html) no-repeat 0 5px;font:16px/24px "microsoft yahei";}
.pic .n1 b{display:inline-block;width:5px;height:17px;background: url(../images/right_k_03.html) no-repeat bottom;}
.pic .n2{font:16px/24px "microsoft yahei";float:left;width:100%;margin-top:26px;}
.pic .n2 span{float:right;}
.pic .n2 b{float:right;border-top:1px solid #fff;width:44px;margin-top:12px;margin-right:10px;}
.pic .con{padding:0;width:640px;height:455px;padding-top:120px;}
.pic .con h3{float:left;width:100%;font:21px/50px "microsoft yahei";text-align: center;}
.pic .con h3 span{display:inline-block;height:50px;border-top:1px solid #fff;}
.pic .con .c1{float:left;width:100%;font:21px/60px "microsoft yahei";text-align: center;margin-bottom:24px;}
.pic .con .detail{float:left;width:570px;margin-left:50px;height:158px;overflow:hidden;}
.pic .con .detail p{float:left;width:540px;font:12px/20px "microsoft yahei";margin-bottom:20px;}
.main-nav .share a.s0 {width:18px; height:15px;background: url('../images/hnlin-wechat-icon.html') no-repeat; }
.mb-code-layer{ display:none; width:210px; height:210px; z-index:2; background-color:#fff;position: absolute;}
.footer-main li.last a.f0{ background: url('../images/hnlin-wechat-icon-footer.html') no-repeat; }
.last .mb-code-layer {margin-bottom: 40px;bottom: 210px;}
.share .mb-code-layer {top:100%; right:0;margin-top:40px; }