@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
ul,li,dl,dt,dd,ol{ list-style:none; margin:0; padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#00478a;}
body { font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size:12px; color:#333; min-width:320px; max-width:640px;}
.fl{ float:left;}
.fr{ float:right;}
.mob_mt { margin-top:5px;}
.warmp { position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.content { padding:15px}
.clear { clear:both;}
input::-webkit-input-placeholder { color:#999;} 
input:-moz-placeholder { color:#999;} 
input::-moz-placeholder { color:#999;}
input:-ms-input-placeholder { color:#999;} 
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}

/*字体及字体图标*/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
	   url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
	   url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
	   url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon { display:block; font-family:"FontAwesome"; overflow:hidden;}
.icon-tel:before { content:"\f095";}
.icon-pro:before { content:"\f0e8";}
.icon-cust:before { content:"\f0f0";}
.icon-commu:before { content:"\f1d8";}

.navHome { display:none; width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; top:0; right:0; z-index:9999;}

/*top*/
.header { width:100%; height:63px;}
.navbar { width:100%; height:60px; line-height:60px; border-top:3px solid #afafaf; background:#fff; position:fixed; top:0; right:0; z-index:999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navbar .lftsrch { float:left; width:45px; height:60px; background:url(../images/kls_00.png) no-repeat center center;}
.navbar .ico-nav { display:block; float:right; width:45px; height:60px; background:url(../images/kls_01.png) no-repeat 5px 20px; position:relative;}
.navbar .ico-logo { display:block; max-width:60%; height:50px; margin:auto; overflow:hidden; position:absolute; left:0; right:0; top:5px;}
.navbar .ico-logo img { display:block; height:100%; margin:0 auto;}

/*右侧隐藏导航*/
.scroller { height:100%; overflow-y:auto;}
.nav { width:200px; position:fixed; top:0px; right:-200px; z-index:99999; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; overflow-y:auto;}
.nav .clicbl{display: none;}
.nav ul { padding:10px 0;}
.nav ul li { line-height:25px; padding:0 20px; font-size:16px; margin-bottom:13px;}
.nav ul li a { display:block; width:100%; color:#000;}
.nav ul li h1 { font-size:16px; line-height:40px; margin-bottom:10px; padding-left:10px; border-bottom:1px solid #ddd; position:relative;}
.nav ul li h1::after { display:block; content:""; width:3px; height:20px; background:#a28b61; position:absolute; left:0; top:10px;}
.nav ul li p { width:100%; line-height:30px;}
.nav ul li p a { float:left; width:50%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*foot*/
.footer { height:62px;}
.footer .fot { width:100%; height:60px; line-height:25px; border-top:2px solid #afafaf; background:#efefef; position:fixed; bottom:0; z-index:9999;}
.footer .fot li { float:left; width:25%; font-size:14px; box-sizing:border-box;}
.footer .fot li a { display:block; width:100%; text-align:center; padding-top:8px; color:#5a5848;}
.footer .fot li i { margin:0 auto; font-size:24px; color:#5a5848; font-style:normal;}
.bottom { width:100%; padding-bottom:10px; line-height:25px; color:#262626; text-align:center;}
.bottom a { color:#262626;}
.bottom .return { width:100%; padding:40px 0 10px 0; background:#efefef url(../images/kls_11.png) no-repeat center 18px;}
.bottom .return a { display:block; width:130px; height:35px; line-height:35px; font-size:16px; color:#000; margin:0 auto; border:1px solid #313131; border-radius:6px; cursor:pointer;}
.bottom .img { width:190px; height:70px; margin:15px auto;}
.bottom .img img { display:block; width:100%;}
.bottom p { padding:0 15px;}
.bottom .bah { font-size:12px; color:#ccc;}
.bottom .bah a { color:#ccc;}

.openMenu { right:200px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.openMenu .navbar { right:200px; -webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav { right:0; -webkit-transition:all .5s ease; transition:all .5s ease; border-left: 1px #e8e8e8 solid;}
.openMenu .navHome { display:block;}

/*banner*/
.banner { width:100%; padding-bottom:5px; margin:0 auto; position:relative; overflow:hidden;}
.banner .pinobg { width:100%; height:16px; background:url(../images/kls_02.png) repeat-x left top;}
.banner .hd { width:100%; height:20px; line-height:20px; text-align:center; position:absolute; left:0; bottom:0; z-index:2;}
.banner .hd::after { display:block; content:""; width:100%; height:9px; border-top:1px solid #fcdd87; border-bottom:1px solid #fcdd87; background-image:linear-gradient(90deg,#7e6735,#e7ba66,#937a41); position:absolute; left:0; bottom:0; z-index:1;}
.banner .hd li { display:inline-block; width:12px; height:12px; margin:0 1px; border:1px solid #f6dfa1; border-radius:50%; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .hd li i { display:block; width:8px; height:8px; text-align:center; margin:1px; border:1px solid #f6dfa1; border-radius:50%; background:#e7ba66; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .hd li.on { width:16px; height:16px;}
.banner .hd li.on i { width:12px; height:12px;}
.banner .bd { width:100%; position:relative; z-index:1;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next { display:block; width:30px; height:45px; margin-top:-25px; position:absolute; top:50%; z-index:3;}
.banner .prev { left:5%;}
.banner .next { right:5%;}
.banner .prev::after,.banner .next::after { display:block; content:""; width:26px; height:26px; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:8px; z-index:5;}
.banner .prev::after { border-bottom:1px solid #fff; border-left:1px solid #fff; left:8px;}
.banner .next::after { border-top:1px solid #fff; border-right:1px solid #fff; right:8px;}
.banner_ej { width:100%; margin:0 auto; line-height:0;}
.banner_ej img { width:100%;}

/**公用**/
.black { width:100%; height:100%; background:url(../images/kls_03.png) repeat 0 0; position:absolute; left:0; top:0; z-index:1;}
.slider-video { margin:auto; position:absolute; top:0; bottom:0; right:0; left:0; z-index:0;}

/*音乐服务*/
.music { width:100%; margin-top:-5px; padding:45px 0; background:#111 url(../images/csvideo.jpg) no-repeat center center / 100%; overflow:hidden; position:relative;}
.music .msg { width:80%; font-size:14px; line-height:22px; color:#fff; text-align:center; margin:0 auto; position:relative; z-index:2;}
.music .msg h2 { font-size:20px; font-weight:500; line-height:35px; margin-bottom:45px; position:relative;}
.music .msg h2::after { display:block; content:""; width:20%; height:1px; margin:auto; background:#fff; position:absolute; left:0; right:0; bottom:-25px;}
.music .msg p { padding:0; text-transform:Uppercase;}

/*钢琴产品*/
.product { width:100%; overflow:hidden;}
.product .tits { padding:30px 0; text-align:center;}
.product .tits h1 { font-size:28px; font-weight:500; color:#000; line-height:60px;}
.product .tits p { font-size:14px; color:#666; line-height:25px;}
.product .tits a { display:inline-block; width:170px; height:40px; line-height:40px; font-size:18px; color:#a28b61; margin-top:30px; background:url(../images/kls_05.png) no-repeat center bottom;}
.product .hd { width:100%; margin:20px auto 0 auto;}
.product .hd li { float:left; width:33.3333%; text-align:center; cursor:pointer;}
.product .hd li .img { width:90%; overflow:hidden;}
.product .hd li .img img { display:block; width:100%;}
.product .hd li h3 { width:80%; height:30px; line-height:30px; margin:10px auto; font-size:12px; color:#111941; border:1px solid #111941; border-radius:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product .hd li p { font-size:14px; color:#111941; line-height:25px;}
.product .hd .on h3 { color:#fff; background:#111941;}
.product .bd { width:100%; padding-bottom:20px; background-image:linear-gradient(#efefef,#f8f8f8); position:relative;}
.product .bd::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:50px 210px 0 210px; border-color:#fff transparent transparent transparent; position:absolute; left:0; right:0; top:0;}
.product .bd .lft { width:55%; height:calc(100% - 40px); padding-left:5%; background-image:linear-gradient(90deg,rgba(239,239,239,0.8),rgba(248,248,248,0)); position:absolute; left:0; top:40px; z-index:2;}
.product .bd .lft h1 { width:100%; font-size:28px; color:#343433; font-weight:500; line-height:45px; margin-bottom:35px; position:relative;}
.product .bd .lft h1::after { display:block; content:""; width:40px; height:4px; background:#e1bd4d; position:absolute; left:0; bottom:-5px;}
.product .bd .lft li { width:100%; line-height:35px; margin-bottom:10px; color:#333;}
.product .bd .lft li b { float:left; width:35px; height:35px; line-height:35px; font-weight:500; color:#a28b61; text-align:center; margin-right:10px; border-radius:50%; background:#e4e4e4;}
.product .bd .lft li .dark { color:#000; background:#beb29d;}
.product .bd .lft li span { display:inline-block; line-height:20px;}
.product .bd .img { float:right; width:65%; min-height:255px; margin-bottom:15px; padding-top:65px; overflow:hidden;}
.product .bd .img img { display:block; width:100%;}
.product .bd .more { display:block; width:100px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#343433; margin:0 auto; border-radius:4px; background:#e1bd4d; letter-spacing:2px; position:relative; z-index:3;}

/*关于我们*/
.about { width:100%; overflow:hidden;}
.about .tits { padding:30px 0; text-align:center; color:#000;}
.about .tits h3 { font-size:30px; font-weight:500; line-height:45px;}
.about .tits p { font-size:14px; margin-top:5px;}
.about li { width:100%; background:#f5f4f4;}
.about li .img { width:100%; overflow:hidden;}
.about li .img img { display:block; width:100%;}
.about li .msg { padding:15px 5% 25px 15%;}
.about li .msg .nr { width:100%;}
.about li .msg .nr h3 { font-size:28px; color:#262626; font-weight:500; line-height:60px; position:relative;}
.about li .msg .nr h3 i { width:15px; height:15px; background:url(../images/kls_06.png) no-repeat center center; position:absolute; top:20px; left:-25px;}
.about li .msg .nr p { font-size:14px; color:#262626; line-height:25px;}
.about li .msg .nr a { display:inline-block; width:40px; height:35px; margin-top:15px; background:#a28b61; position:relative;}
.about li .msg .nr a::before,.about li .msg .nr a::after { display:block; content:""; margin:auto; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0;}
.about li .msg .nr a::before { width:1px; height:15px;}
.about li .msg .nr a::after { width:15px; height:1px;}

/*业务范围*/
.scope { width:100%; height:520px; color:#fff; background:url(../images/kls_08.jpg) no-repeat center bottom / auto 100%; background-attachment:fixed; overflow:hidden;}
.scope h1 { font-size:30px; line-height:45px; font-weight:500; text-align:center; padding:40px 0 20px 0;}
.scope h3 { padding-left:20px; font-size:20px; line-height:45px;}
.scope .msg { padding:0 20px; font-size:16px; line-height:30px; text-align:justify;}

/*吉他产品*/
.guitars { width:90%; margin:0 auto; overflow:hidden;}
.guitars h1 { padding:40px 0; font-weight:500; font-size:30px; color:#000; line-height:45px; text-align:center;}
.guitars li { width:100%; text-align:center; margin-bottom:30px;}
.guitars li a { display:block; width:100%;}
.guitars li .img { width:100%;}
.guitars li .img img { display:block; width:100%;}
.guitars li h3 { width:100%; font-weight:500; font-size:20px; color:#000; line-height:30px; margin:15px auto 10px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.guitars li p { font-size:14px; color:#666; line-height:25px;}
.guitars li span { display:block; width:100px; height:25px; line-height:25px; font-size:14px; color:#a28b61; text-align:left; letter-spacing:1px; margin:15px auto 0 auto; background:url(../images/kls_09.png) no-repeat right center;}

/*新闻资讯*/
.news { width:100%; padding-bottom:15px; overflow:hidden; background:#111 url(../images/csvideo.jpg) no-repeat center center / 100%; position:relative;}
.news .nr { width:100%; position:relative; z-index:2;}
.news h1 { padding:30px 0; font-weight:500; font-size:30px; color:#fff; line-height:45px; text-align:center;}
.news li { width:85%; margin:0 auto 15px auto; padding:10px; border-radius:4px; background:rgba(255,255,255,0.95); overflow:hidden;}
.news li a { display:block; width:100%;}
.news li .img { float:left; width:105px; height:85px; overflow:hidden;}
.news li .img img { display:block; width:100%;}
.news li .msg { padding-left:115px;}
.news li .msg h3 { width:100%; font-size:16px; color:#1a1a1a; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li .msg p { font-size:14px; color:#1a1a1a; line-height:22px; margin-top:5px;}

/*******************二级页面*********************/
/*单页、文章内容*/
.position { width:95%; height:45px; line-height:45px; padding:0 2.5%; color:#666; background:#f4f4f4;}
.position a { color:#666;}
.pager-next-pre { width:95%; margin:25px auto 20px auto; padding-top:15px; line-height:30px; color:#999; border-top:1px solid #eee;}
.pager-next-pre p { margin:0;}
.pager-next-pre p a { font-size:14px;}

.nrnav { width:100%; margin:0 auto; padding-top:15px; border-bottom:5px solid #f4f4f4;}
.nrnav li { float:left; padding-left:15px; margin:0 10px 10px 10px; position:relative;}
.nrnav li::after { display:block; content:""; width:7px; height:7px; border:1px solid #a28b61; position:absolute; top:5.5px; left:0;}
.nrnav li a { display:block; width:100%; font-size:14px; color:#333; font-weight:bold; position:relative;}
.nrnav li.on a { color:#a28b61;}
.nrnav li.on::after { background:#a28b61;}
.nrnav .sanav { margin-top:5px; padding:15px 0 5px 0; border-top:1px solid #f4f4f4; background:#fdfdfd;}
.nrnav .sanav li a { font-size:12px; font-weight:500;}
.nrnav .sanav li::after { top:4.5px;}


.theme { font-size:16px; text-align:left; line-height:25px; margin:0 auto; line-height:25px;}
.ms_time { color:#bbb; font-size:12px; padding:3px 0 5px 0; line-height:25px; border-bottom:1px solid #ddd; margin-bottom:10px;}

/*单页*/
.intro { line-height:25px; padding:5px 0px; max-width:100%; font-size:12px; margin:0 auto;}
.intro p {line-height:25px; font-size:13px; margin-bottom:0;}
.intro img { display:block; max-width:100%; margin:5px auto;}
.intro a { color:#f00; text-decoration:underline;}

/*分页*/
.chang_pages { font-size:14px; text-align:center; line-height:30px; padding:30px 15px 20px 15px;}
.chang_pages li { display:inline-block; color:#a28b61; margin:0 2px; border:1px solid #a28b61; background:#fff;}
.chang_pages li a,.chang_pages li span { display:block; color:#a28b61; padding:0 10px;}
.chang_pages .active { background:#a28b61;}
.chang_pages .active span { color:#fff;}

/*产品*/
.prolist { width:95%; margin:0 auto;}
.prolist li { float:left; width:50%; margin-top:10px; text-align:center; cursor:pointer;}
.prolist li .img { width:90%; overflow:hidden;}
.prolist li .img img { display:block; width:100%;}
.prolist li h3 { width:80%; height:30px; line-height:30px; margin:10px auto; font-size:12px; color:#111941; border:1px solid #111941; border-radius:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist li p { font-size:14px; color:#111941; line-height:25px;}

/*产品详情*/
.showpro { width:100%;}
.showpro .top { width:90%; margin:15px auto 25px auto;}
.showpro .top h3 { font-size:28px; color:#020202; line-height:40px; font-weight:500; margin-bottom:40px; position:relative;}
.showpro .top h3::after { display:block; content:""; width:50px; height:3px; background:#e1bd4d; position:absolute; left:0; bottom:-15px;}
.showpro .top h4 { font-size:18px; color:#020202; font-weight:500; line-height:35px;}
.showpro .top h4 i { font-style:normal; color:#a28b61; margin:0 2px;}
.showpro .top p { color:#5d5d5d; line-height:22px;}
.showpro .top h5 { line-height:40px; font-weight:500; font-size:24px; color:#eb003d;}
.showpro .top h5 span { font-size:14px; color:#333;}
.showpro .top h5 i { font-size:16px; font-style:normal; margin-left:5px;}

.showpro .top .wxts { margin:15px 0 30px 0;}
.showpro .top .wxts b { display:block; font-weight:500; line-height:25px; font-size:12px; color:#666;}
.showpro .top .wxts p { line-height:22px; font-size:12px; color:#5d5d5d; margin-top:5px;}


.showpro .imgs { width:95%; margin:0 auto; overflow:hidden; position:relative;}
.showpro .imgs .hd { width:100%; height:32px; line-height:32px; text-align:center; position:absolute; left:0; bottom:0px; z-index:2;}
.showpro .imgs .hd::after { display:block; content:""; width:100%; height:13px; position:absolute; left:0; bottom:8.5px; z-index:1;}
.showpro .imgs .hd li { display:inline-block; width:10px; height:10px; margin:0 5px; border:1px solid #a28b61; border-radius:50%; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpro .imgs .hd li.on { background:#a28b61;}
.showpro .imgs .bd { width:100%; position:relative; z-index:1;}
.showpro .imgs .bd li { width:100%; position:relative;}
.showpro .imgs .bd li a { display:block; width:100%;}
.showpro .imgs .bd img { display:block; width:100%;}
.showpro .nr { width:100%; padding-bottom:15px; background-image:linear-gradient(#efefef,#fff); overflow:hidden; position:relative;}
.showpro .nr::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:100px 210px 0 210px; border-color:#fff transparent transparent transparent; position:absolute; left:0; right:0; top:0;}
.showpro .lft { padding:0 15px; position:relative; z-index:2;}
.showpro .lft h1 { float:left; width:43%; font-size:24px; color:#343433; font-weight:500; line-height:45px; position:relative;}
.showpro .lft h1::after { display:block; content:""; width:50px; height:1px; background:#e1bd4d; position:absolute; left:0; bottom:-5px;}
.showpro .lft ul { display:block; float:right; max-width:50%; margin-top:12px;}
.showpro .lft li { width:100%; font-size:14px; line-height:30px; margin-bottom:10px; color:#333;}
.showpro .lft li b { float:left; width:30px; height:30px; line-height:30px; font-weight:500; font-size:12px; color:#a28b61; text-align:center; margin-right:10px; border-radius:50%; background:#e4e4e4;}
.showpro .lft li .dark { color:#000; background:#beb29d;}
.showpro .lft li span { display:inline-block; line-height:22px;}
.proshow { width:100%;}
/*.proshow .hd { width:100%; height:40px; line-height:40px; text-align:center; margin:20px auto;}
.proshow .hd li { display:inline-block; padding:0 30px; margin:0 10px; font-size:16px; color:#fff; border-radius:4px; background:#beb29d; cursor:pointer;}
.proshow .hd li.on { background:#a28b61;}*/
.proshow .bd { width:100%; overflow:hidden;}
.proshow .bd { width:95%; margin:0 auto;}
.proshow .bd .intro { text-align:center;}

/*定制中心*/
.custom { width:100%;}
.custom .tite { padding:25px 0; text-align:center;}
.custom .tite h3 { font-size:28px; color:#000; line-height:45px; font-weight:500;}
.custom .tite p { font-size:18px; color:#333; line-height:30px;}
.custom .team { width:95%; margin:0 auto 15px auto;}
.custom .team li { float:left; width:50%; margin-bottom:10px; overflow:hidden;}
.custom .team li a { display:block; width:90%; margin:0 auto;}
.custom .team li img { width:100%; overflow:hidden;}
.custom .list,.custom .list li { width:100%; overflow:hidden; line-height:0;}
.custom .list li img { display:block; width:100%;}
.custom .process { width:90%; margin:0 auto;}
.custom .process li { width:100%; margin-bottom:40px; position:relative;}
.custom .process li::after { display:block; content:""; width:1px; height:30px; background:#ddd; position:absolute; left:22.5px; bottom:-15px;}
.custom .process li i { display:block; float:left; width:45px; height:45px; line-height:45px; font-size:24px; font-style:normal; font-weight:bold; color:#000; text-align:center; border:1px solid #333;}
.custom .process li p { padding-left:60px; font-size:22px; color:#678;}
.custom .process li p span { display:block; font-size:16px; color:#50555c; line-height:25px; margin-top:5px;}
.custom .process li:last-child::after { display:none;}
.custom .makes { width:100%; height:340px; color:#fff; background:url(../images/kls_12.jpg) no-repeat center top / 300%; background-attachment:fixed;}
.custom .makes .tite h3,.custom .makes .tite p { color:#fff;}
.custom .makes form { display:block; width:100%; margin:30px auto;}
.custom .makes li { width:85%; height:40px; margin:10px auto; border-radius:4px; background:#fff; overflow:hidden;}
.custom .makes li input { display:block; width:90%; height:40px; margin:0 auto; line-height:40px; font-size:16px; color:#333; border:none; background:none;}
.custom .makes li.btn { background:#111941;}
.custom .makes li.btn input { color:#fff;}
.custom .makes li.btn:hover { background:#a28b61;}
/*zoom*/
#zoom { z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content { z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-20px 20px 20px rgba(0,0,0,.3); border-radius:4px;}
#zoom .content.loading { background-image:url(../images/loading.gif);}
#zoom img { display:block; max-width:none; box-shadow:0 1px 3px rgba(0,0,0,.25); border-radius:4px; max-height:640px !important; width:auto !important;}
#zoom .close { z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url(../images/close.png) no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .next,
#zoom .previous { z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous { left:0; background:url(../images/arrows.png) no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next { right:0; background:url(../images/arrows.png) no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover { background-color:#da4f49;}
#zoom .next:hover,
#zoom .previous:hover { background-color:#08c;}

/**新闻列表**/
.newlist { width:95%; margin:0 auto;}
.newlist li { width:100%; margin-top:15px; padding-bottom:15px; border-bottom:1px solid #eee;}
.newlist li a { display:block; width:100%;}
.newlist li img { display:block; float:left; width:105px; height:85px; overflow:hidden;}
.newlist li .mesg { padding-left:120px;}
.newlist li .mesg h3 { width:100%; font-size:16px; color:#1a1a1a; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li .mesg span { display:block; width:100%; font-size:12px; color:#999;}
.newlist li .mesg p { font-size:14px; color:#1a1a1a; line-height:22px; margin-top:5px;}

/*专题页面*/
.special { width:100%;}
.special img { max-width:100%;}

/*洛克社区*/
.commmunity { width:100%;}
.commmunity .nr { padding-top:15px;}
.commmunity .nr li { width:95%; padding-bottom:15px; margin:0 auto 15px auto; border-bottom:1px solid #f4f4f4;}
.commmunity .nr li a { display:block; width:100%;}
.commmunity .nr li .img { float:left; width:50px; height:50px; border:1px solid #ddd; border-radius:50%; overflow:hidden;}
.commmunity .nr li .img img { display:block; width:100%;}
.commmunity .nr li .msg { padding-left:65px;}
.commmunity .nr li .msg h3 { width:100%; font-size:16px; color:#333; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.commmunity .nr li .msg p { color:#999;}
.commmunity .nr li .msg p span { display:inline-block; margin-right:10px; line-height:30px;}

/*洛克社区详情*/
.commmunity .title { width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
.commmunity .title h3 { font-size:26px; color:#333; line-height:40px; font-weight:500; margin-bottom:5px;}
.commmunity .title p { color:#999;}
.commmunity .title p span { display:inline-block; margin-right:15px; line-height:25px;}
.commmunity .title p span b { font-weight:500; color:#a28b61;}
.commmunity .comments { width:100%; margin-top:20px; padding-top:15px; border-top:1px solid #eee;}
.commmunity .comments .img { float:left; width:40px; height:40px; border-radius:50%; overflow:hidden;}
.commmunity .comments .img img { display:block; width:100%;}
.commmunity .comments .msg { padding-left:50px;}
.commmunity .comments .msg .nr { padding-top:0;}
.commmunity .comments .comts { width:100%;}
.commmunity .comments .comts .msg { padding-top:5px;}
.commmunity .comments .comts .msg input { width:100%; height:40px; line-height:40px; font-size:14px; color:#333; padding:0 15px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.commmunity .comments .comts .msg .btn { width:100px; font-size:16px; font-weight:bold; color:#fff; margin-top:10px; border-color:#a28b61; background:#a28b61;}
.commmunity .comments .list { width:100%; margin:30px auto;}
.commmunity .comments .list h1 { font-size:18px; color:#a28b61; font-weight:500; line-height:40px; border-bottom:2px solid #eee;}
.commmunity .comments .list li { width:100%; margin-top:20px; border-bottom:1px solid #eee;}
.commmunity .comments .list li h3 { font-size:12px; color:#999; font-weight:500; line-height:40px;}
.commmunity .comments .list li h3 b { font-size:14px; margin-right:10px; color:#333;}
.commmunity .comments .list li .nr { font-size:12px; color:#333; line-height:22px;}
.commmunity .comments .list li .nr img { max-width:100%;}
.commmunity .comments .list li .msg .vides { width:135px; height:85px; margin-top:10px; background:url(../images/kls_13.jpg) no-repeat 0 0;}
.commmunity .comments .list li .vides a { display:block; width:100%; height:100%;}
.commmunity .comments .list li .vides:hover { background:url(../images/kls_13h.jpg) no-repeat 0 0;}
.commmunity .comments .list li .reply { display:block; font-size:14px; color:#f60; line-height:30px; letter-spacing:2px;}
.commmunity .comments .list li .relys { padding:10px 20px; margin-bottom:15px; border:1px solid #f4f4f4; border-radius:2px; background:#fafafa;}
.commmunity .comments .list li .btn { width:80px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#fff; margin:10px 0; border:1px solid #a28b61; background:#a28b61;}


/*联系我们*/
.n_contact { width:100%;}
.n_contact .info { width:90%; margin:0 auto; padding-bottom:30px; color:#666; text-align:center; font-size:14px; line-height:25px;}
.n_contact .info b { margin-top:15px; display:block; font-size:18px; color:#333;}
.n_contact .info img { margin-top:15px;}
.n_contact .upbox { width:100%; margin:0 auto 20px auto; border:1px solid #dbdbdb;}
.n_contact .upbox .text_box { padding:15px; background:#f9f9f9; border-bottom:1px solid #dbdbdb;}
.n_contact .upbox .text_box .box { background:url(../images/icon_contact.png) left 8px no-repeat; font-size:13px; line-height:30px; color:#333; padding-left:22px;}
.n_contact .map { width:100%; margin:0 auto;}
.n_contact .ewm_box { width:100%; margin:20px 0; box-sizing:border-box;}
.n_contact .ewm_box .box { float:left; width:50%;}
.n_contact .ewm_box .box span { display:block; margin-top:8px; color:#666; text-align:center; font-size:12px;}
.n_contact .ewm_box img { display:block; margin:0 auto; width:115px; height:115px;}
	
/*招聘*/
.n_job { width:100%; margin:0 auto;}
.n_job th { background:#444; text-align:center; height:60px; line-height:60px; color:#fff; font-size:16px;}
.n_job .titl td { border-bottom:3px solid #f2f2f2; padding:10px; background:#f8f8f8; text-align:center; color:#666; font-size:12px;}
.n_job .titl .afold { display:block; height:23px;  background:url(../images/icon_bnt__slide_close.png) center no-repeat;}
.n_job .titl.on .afold { background:url(../images/icon_bnt_slide_open.png) center no-repeat;}
.n_job .cont { padding:0 15px; background:#fafafa; line-height:25px; color:#666;}
.n_job .show_box { display:none;}
.n_job .article { padding:15px 0;}
.n_job .un { line-height:26px; margin:10px auto; font-size:14px; color:#777; padding:0 15px 15px 15px;}
.n_job .un a { color:#f30; font-size:16px;}
	
/*搜索*/
.serch { width:90%; margin:15px auto; border-radius:4px; border:3px solid #eee; overflow:hidden;}
.serch input { display:block; float:left; width:68%; height:40px; line-height:40px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.serch .btn { width:25%; background:#a28b61 url(../images/kls_0.png) no-repeat center center;}
.lins { width:100%; height:5px; background:#f4f4f4;}

@media screen and (min-height: 800px) {
    .footer,.footer .fot { padding-bottom:34px;}
}