body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
* { margin:0;padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#eb2914;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; margin:0 auto; position:relative;} 
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:20px auto;}
#VCode { cursor:pointer;}
.mt { margin-top:15px;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#000;} 
:-moz-placeholder { color:#000;} 
::-moz-placeholder { color:#000;}
:-ms-input-placeholder { color:#000;} 

@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:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:100%; margin:0 auto;}
.header .top { width:100%; height:35px; line-height:35px; font-size:14px; color:#fff; background:#afafaf; position:relative; z-index:99999999;}
.header .top p { float:left; height:35px; cursor:pointer; overflow:hidden; position:relative;}
.header .top p img { width:110px; height:110px; padding:5px; border:1px solid #ddd; border-radius:2px; background:#fff; overflow:hidden; filter:alpha(opacity=0); opacity:0;  position:absolute; right:0; top:58px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .top p:hover { overflow:inherit;}
.header .top p:hover img { filter:alpha(opacity=100); opacity:1; top:38px;}
.header .logo { width:300px; height:110px; margin:30px auto;}
.header .search { position:absolute; right:0; top:40px;}
.header .search input { width:280px; height:35px; line-height:35px; font-size:14px; color:#333; border:none; border-bottom:1px solid #ddd; background:none;}
.header .search .btn { width:35px; border-bottom:none; background:url(../images/kls_01.png) no-repeat left center;}

/*导航*/
.nav { width:100%; margin:0 auto; padding-bottom:32px; height:50px; line-height:50px; box-shadow:0 -1px 2px rgba(0,0,0,0.1); background:url(../images/kls_02.png) repeat-x left bottom; position:relative; z-index:999;}
.nav li { float:left; text-align:center; position:relative;}
.nav li a { display:block; padding:0 49.7px; font-size:18px; color:#000;}
.nav li:hover a,.nav li.on a { color:#a28b61;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; width:100%; border-radius:0 0 2px 2px; background:#fff; overflow:hidden; position:absolute; top:50px;}
.nav li li { float:none; line-height:45px; border-bottom:1px solid #f4f4f4;}
.nav li:hover li a { color:#333; font-size:14px; padding:0;}
.nav li li a:hover { color:#a28b61;}

/*banner*/
.banner { width:100%; padding-bottom:10px; margin:0 auto; overflow:hidden; position:relative; z-index:2;}
.banner .hd { width:100%; height:32px; line-height:32px; text-align:center; position:absolute; left:0; bottom:0px; z-index:2;}
.banner .hd::after { display:block; content:""; width:100%; height:13px; border-top:1px solid #fcdd87; border-bottom:1px solid #fcdd87; background-image:linear-gradient(90deg,#7e6735,#e7ba66,#937a41); position:absolute; left:0; bottom:8.5px; z-index:1;}
.banner .hd li { display:inline-block; width:22px; height:22px; margin:0 2px; 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:18px; height:18px; font-size:0; font-style:normal; 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:30px; height:30px;}
.banner .hd li.on i { width:26px; height:26px; font-size:16px; font-weight:bold; line-height:26px;}
.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:60px; height:95px; margin-top:-47.5px; position:absolute; top:50%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .prev { left:-2%;}
.banner .next { right:-2%;}
.banner .prev::after,.banner .next::after { display:block; content:""; width:60px; height:60px; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:15px; z-index:5;}
.banner .prev::after { border-bottom:1px solid #fff; border-left:1px solid #fff; left:0;}
.banner .next::after { border-top:1px solid #fff; border-right:1px solid #fff; right:0;}
.banner:hover .prev { left:5%;}
.banner:hover .next { right:5%;}
.banner_ej { width:100%; margin:0 auto; line-height:0;}
.banner_ej img { width:100%;}

/*脚部*/
.footer { width:100%; line-height:25px; font-size:16px; color:#262626; text-align:center; padding-bottom:40px;}
.footer a { color:#262626;}
.footer .return { width:100%; padding:60px 0 30px 0; background:#efefef url(../images/kls_11.png) no-repeat center 30px;}
.footer .return a { display:block; width:165px; height:40px; line-height:40px; font-size:16px; color:#000; margin:0 auto; border:1px solid #313131; border-radius:6px; cursor:pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .return a:hover { color:#fff; border-color:#a28b61; background:#a28b61;}
.footer .img { width:190px; height:70px; margin:45px auto 35px auto;}
.footer .img img { display:block; width:100%;}
.footer .sitecode { width:100px; margin:10px auto 0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}
.footer .bah { font-size:12px; color:#bbb;}
.footer .bah a { color:#bbb;}

/*在线客服*/
.hide { display:none;}
#leftsead { width:50px; height:290px; padding-top:67px; background:url(../images/online/lin01.png) no-repeat left top; position:fixed; bottom:15%; right:0px; z-index:100;}
*html #leftsead { margin-top:258px; position:absolute; top:expression(eval(document.documentElement.scrollTop));}
#leftsead li { width:50px; height:50px; margin-bottom:5px; position:relative; cursor:pointer;}
#leftsead li a { display:block; width:100%;}
#leftsead li i { display:block; float:right; width:50px; height:50px; line-height:55px; font-size:26px; color:#fff; text-align:center; border-radius:2px; overflow:hidden; background:#222; position:relative; z-index:1;}
#leftsead .onli i { font-size:30px; background:#218b73;}
#leftsead li img,#leftsead li p { display:block; filter:alpha(opacity=0); opacity:0;  position:absolute; right:-170px; top:0; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease;}
#leftsead li img { width:30px; height:30px; border:5px solid #218b73; border-radius:4px; overflow:hidden;}
#leftsead li p { height:40px; font-size:12px; color:#fff; line-height:20px; padding:5px 15px; border-radius:2px 0 0 2px; background:#222;}
#leftsead li p b { display:block; font-size:16px;}
#leftsead li:hover img,#leftsead li:hover p { filter:alpha(opacity=100); opacity:1; right:51px;}
#leftsead li:hover img { width:110px; height:110px;}
#leftsead li:hover p { right:49px;}

/************************************************ 首页代码 *****************************************************/
/**公用**/
.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 { position:absolute; top:0; left:0; z-index:0;}

/*音乐服务*/
.music { width:100%; height:650px; padding-top:150px; overflow:hidden; position:relative; margin-top:-8px;}
.music .msg { width:830px; font-size:14px; line-height:25px; color:#fff; text-align:center; letter-spacing:2px; margin:0 auto; position:relative; z-index:2;}
.music .msg h2 { font-size:36px; font-weight:500; line-height:55px; margin-bottom:25px; position:relative;}
.music .msg h2::before,.music .msg h2::after { display:block; content:""; width:80px; height:1px; background:#fff; position:absolute; top:30px;}
.music .msg h2::before { left:-100px;}
.music .msg h2::after { right:-100px;}
.music .msg p { padding:0 50px; text-transform:Uppercase;}

/*钢琴产品*/
.product { width:100%; padding-bottom:35px; background:url(../images/kls_04.png) no-repeat center bottom;}
.product .tits { padding:55px 0; text-align:center;}
.product .tits h1 { font-size:40px; font-weight:500; color:#000; line-height:60px; margin-bottom:10px;}
.product .tits p { font-size:18px; color:#666; line-height:30px; letter-spacing:1px;}
.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;}
.product .hd li { float:left; width:350px; text-align:center; margin-right:75px; cursor:pointer;}
.product .hd li .img { width:350px; height:400px; overflow:hidden;}
.product .hd li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .hd li h3 { width:180px; height:40px; line-height:40px; margin:10px auto; font-size:14px; color:#111941; border:2px solid #111941; border-radius:6px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .hd li p { font-size:16px; color:#111941; line-height:25px;}
.product .hd li:hover .img img { transform:scale(0.95, 0.95);}
.product .hd .on h3 { color:#fff; background:#111941;}
.product .bd { width:100%; margin-top:115px;}
.product .bd .lft { float:left; width:260px; margin-top:25px;}
.product .bd .lft h3 { font-size:48px; color:#343433; font-weight:100;}
.product .bd .lft h3 i { font-style:normal; color:#e1bd4d;}
.product .bd .lft p { font-size:14px; color:#343433; height:30px; line-height:30px; font-weight:300; margin-bottom:45px; text-transform:Uppercase; position:relative;}
.product .bd .lft p::after { display:block; content:""; width:45px; height:1px; background:#e1bd4d; position:absolute; left:0; bottom:0px;}
.product .bd .lft li { width:100%; line-height:70px; margin-bottom:15px; font-size:18px; color:#333;}
.product .bd .lft li b { float:left; width:70px; height:70px; line-height:70px; font-size:18px; font-weight:500; color:#a28b61; text-align:center; margin-right:15px; border-radius:50%; background:#e4e4e4;}
.product .bd .lft li .dark { color:#000; background:#beb29d;}
.product .bd .lft li span { display:inline-block; font-size:18px; line-height:28px;}
.product .bd .img { float:left; width:445px; height:500px; margin:0 85px; overflow:hidden;}
.product .bd .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .bd .img:hover img { transform:scale(0.95, 0.95);}
.product .bd .rgt { float:right; width:325px; margin-top:60px;}
.product .bd .rgt h3 { font-size:40px; color:#020202; line-height:50px; font-weight:300; letter-spacing:2px;}
.product .bd .rgt h3 i { font-style:normal; color:#a28b61; margin:0 2px;}
.product .bd .rgt h4 { font-size:28px; color:#020202; font-weight:100; line-height:40px;}
.product .bd .rgt p { font-size:16px; color:#5d5d5d; line-height:30px; margin-top:15px;}
.product .bd .rgt h1 { width:65%; font-size:40px; color:#c9c8c7; font-weight:200; line-height:45px; margin:35px 0;}
.product .bd .rgt a { display:block; width:95px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#343433; border:1px solid #010101; letter-spacing:2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .bd .rgt a:hover { border-color:#beb29d; background:#beb29d;}

/*关于我们*/
.about { width:100%;}
.about .tits { padding:60px 0 40px 0; text-align:center; color:#000;}
.about .tits h3 { font-size:40px; font-weight:500; line-height:65px;}
.about .tits p { font-size:18px; margin-top:5px;}
.about li { width:100%; background:#f5f4f4;}
.about li .img { width:50%; overflow:hidden;}
.about li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about li:hover .img img { transform:scale(1.1, 1.1);}
.about li .msg { width:50%; padding:65px 130px 0 130px; box-sizing:border-box;}
.about li .msg .nr { width:400px;}
.about li .msg .nr h3 { font-size:30px; color:#262626; font-weight:500; line-height:60px; position:relative;}
.about li .msg .nr h3 i { width:15px; height:15px; background-position:center center; background-repeat:no-repeat; position:absolute; top:25px;}
.about li .msg .nr p { font-size:16px; color:#262626; line-height:25px; letter-spacing:2px;}
.about li .msg .nr a { display:inline-block; width:40px; height:35px; margin:30px 0; 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;}
.about li .fr .nr h3 i { background-image:url(../images/kls_06.png); left:-30px;}
.about li .fl .nr { text-align:right;}
.about li .fl p { float:right;}
.about li .fl .nr h3 i { background-image:url(../images/kls_07.png); right:-30px;}

/*业务范围*/
.scope { width:100%; height:600px; color:#fff; background:url(../images/kls_08.jpg) no-repeat center bottom; background-attachment:fixed;}
.scope h1 { font-size:40px; line-height:75px; font-weight:500; text-align:center; padding:90px 0 50px 0;}
.scope h3 { padding-left:100px; font-size:24px; line-height:45px;}
.scope .msg { padding:0 100px; font-size:18px; line-height:35px; margin:15px 0; letter-spacing:2px;}

/*吉他产品*/
.guitars { width:100%;}
.guitars h1 { padding:70px 0 50px 0; font-weight:500; font-size:40px; color:#000; line-height:55px; text-align:center;}
.guitars li { float:left; width:360px; text-align:center; margin-right:58px;}
.guitars li a { display:block; width:100%;}
.guitars li .img { width:360px; height:270px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.guitars li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.guitars li h3 { width:100%; font-weight:500; font-size:20px; color:#000; line-height:40px; margin:20px auto 10px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.guitars li p { font-size:16px; color:#000; line-height:30px; text-align:left;}
.guitars li span { display:block; width:110px; height:30px; line-height:30px; font-size:16px; color:#a28b61; text-align:left; letter-spacing:1px; margin:25px auto 0 auto; background:url(../images/kls_09.png) no-repeat right center;}
.guitars li:hover .img { height:350px;}
.guitars li:hover .img img { transform:scale(1.1, 1.1);}
.guitars li:hover h3 { color:#a28b61;}

/*新闻资讯*/
.news { width:100%; height:745px; margin-top:70px; overflow:hidden; position:relative;}
.news .warp { z-index:2;}
.news h1 { padding:60px 0 50px 0; font-weight:500; font-size:40px; color:#fff; line-height:55px; text-align:center;}
.news .lft { float:left; width:500px; height:400px; overflow:hidden;}
.news .lft img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .lft:hover img { transform:scale(1.1, 1.1);}
.news .rgt { float:right; width:600px; height:345px; padding:27.5px 65px 27.5px 35px; background:rgba(255,255,255,0.85);}
.news .rgt li { margin-bottom:15px; padding:9px 20px 9px 10px; border:1px solid #ccc; border-radius:6px; overflow:hidden;}
.news .rgt li a { display:block; width:100%;}
.news .rgt li .img { float:left; width:105px; height:85px; overflow:hidden;}
.news .rgt li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt li:hover .img img { transform:scale(1.1, 1.1);}
.news .rgt li .msg { float:left; width:320px; margin:0 15px;}
.news .rgt li .msg h3 { width:100%; font-size:18px; color:#1a1a1a; font-weight:500; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .rgt li .msg p { font-size:14px; color:#1a1a1a; line-height:22px; margin-top:5px;}
.news .rgt li span { display:block; float:right; width:70px; height:25px; line-height:25px; margin-top:30px; padding:0 20px; font-size:14px; color:#1a1a1a; border:1px solid #ccc; border-radius:12.5px; background:url(../images/kls_10.png) no-repeat 65px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt li:hover .msg h3 { color:#a28b61;}
.news .rgt li:hover span { color:#fff; border-color:#111941; background-color:#111941;}

/*** 子页公用当前位置、栏目标题及二级栏目 ***/
.nrnav { width:100%; height:60px; line-height:60px; background:#f4f4f4;}
.nrnav h3 { float:left; font-size:18px; color:#fff; font-weight:500; padding:0 20px; background:#a28b61;}
.nrnav ul { display:block; float:right; overflow:hidden;}
.nrnav li { float:left; padding-left:15px; margin-left:15px; position:relative;}
.nrnav li::after { display:block; content:""; width:1px; height:15px; background:#bbb; position:absolute; top:25px; right:-15px;}
.nrnav li a { display:block; font-size:16px; color:#333; position:relative;}
.nrnav li.on a { color:#a28b61;}
.nrnav li.on a::after { display:block; content:""; width:0; height:0; width:0; height:0; margin:auto; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #fff transparent; line-height:0px; _border-color:#000 #000 #fff #000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; bottom:0; left:0; right:0;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:350px; text-align:center; margin:35px 75px 0 0; cursor:pointer;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:350px; height:400px; overflow:hidden;}
.prolist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li h3 { width:180px; height:40px; line-height:40px; margin:10px auto; font-size:14px; color:#111941; border:2px solid #111941; border-radius:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li p { font-size:16px; color:#111941; line-height:25px;}
.prolist li:hover .img img { transform:scale(0.95, 0.95);}
.prolist li:hover h3 { color:#fff; background:#111941;}

/*产品详情*/
.prodetail { width:100%; padding:35px 0;}
.prodetail .lft { float:left; width:260px; margin-top:45px;}
.prodetail .lft h3 { font-size:48px; color:#343433; font-weight:100;}
.prodetail .lft h3 i { font-style:normal; color:#e1bd4d;}
.prodetail .lft p { font-size:14px; color:#343433; height:30px; line-height:30px; font-weight:300; margin-bottom:45px; text-transform:Uppercase; position:relative;}
.prodetail .lft p::after { display:block; content:""; width:45px; height:1px; background:#e1bd4d; position:absolute; left:0; bottom:0px;}
.prodetail .lft li { width:100%; height:70px; line-height:70px; margin-bottom:15px; font-size:18px; color:#333;}
.prodetail .lft li b { float:left; width:70px; height:70px; line-height:70px; font-size:18px; font-weight:500; color:#a28b61; text-align:center; margin-right:15px; border-radius:50%; background:#e4e4e4;}
.prodetail .lft li .dark { color:#000; background:#beb29d;}
.prodetail .lft li span { display:inline-block; font-size:16px; line-height:23px;}
.prodetail .imgs { float:left; width:445px; height:500px; margin:0 85px; overflow:hidden; position:relative;}
.prodetail .imgs .hd { width:100%; height:32px; line-height:32px; text-align:center; position:absolute; left:0; bottom:0px; z-index:2;}
.prodetail .imgs .hd::after { display:block; content:""; width:100%; height:13px; position:absolute; left:0; bottom:8.5px; z-index:1;}
.prodetail .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;}
.prodetail .imgs .hd li.on { background:#a28b61;}
.prodetail .imgs .bd { width:100%; position:relative; z-index:1;}
.prodetail .imgs .bd li { width:100%; position:relative;}
.prodetail .imgs .bd li a { display:block; width:100%;}
.prodetail .imgs .bd img { display:block; width:445px; height:500px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prodetail .imgs .bd img:hover { transform:scale(1.1,1.1);}

.prodetail .rgt { float:right; width:320px; margin-top:40px;}
.prodetail .rgt h3 { line-height:70px; font-weight:500; font-size:40px; color:#020202;}
.prodetail .rgt h4 { line-height:40px; font-weight:500; font-size:24px; color:#333;}
.prodetail .rgt h4 i { font-style:normal; color:#a28b61; margin:0 2px;}
.prodetail .rgt p { line-height:30px; font-size:16px; color:#5d5d5d;}
.prodetail .rgt h1 { width:65%; line-height:40px; font-size:40px; color:#c9c8c7; font-weight:200; margin:45px 0;}
.prodetail .rgt h5 { line-height:40px; font-weight:500; font-size:26px; color:#eb003d; margin-top:15px;}
.prodetail .rgt h5 span { font-size:16px; color:#333; position:relative; top:-2px;}
.prodetail .rgt h5 i { font-size:20px; font-style:normal; margin-left:5px;}

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

.prodetail .rgt a { display:block; width:95px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#343433; border:1px solid #010101; letter-spacing:2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prodetail .rgt a:hover { border-color:#beb29d; background:#beb29d;}
.proshow { width:100%;}
/*.proshow .hd { width:100%; height:50px; line-height:50px; text-align:center; margin-bottom:30px;}
.proshow .hd li { display:inline-block; padding:0 60px; 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 .lh { text-align:center;}

/*定制中心*/
.custom { width:100%;}
.custom .tite { padding:65px 0 35px 0; text-align:center;}
.custom .tite h3 { font-size:32px; color:#000; line-height:45px; font-weight:500;}
.custom .tite p { font-size:20px; color:#333; line-height:30px; letter-spacing:2px;}
.custom .team { width:100%; margin-bottom:40px;}
.custom .team li { float:left; width:290px; margin-right:13px; overflow:hidden;}
.custom .team li a { display:block; width:100%;}
.custom .team li img { width:100%; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.custom .team li:hover img { transform:scale(1.1, 1.1);}
.custom .list,.custom .list li { width:100%; overflow:hidden; line-height:0;}
.custom .list li img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.custom .list li:hover img { transform:scale(1.05, 1.05);}
.custom .process { width:480px; margin:0 auto;}
.custom .process li { width:100%; margin-bottom:60px; position:relative;}
.custom .process li::after { display:block; content:""; width:1px; height:30px; background:#ddd; position:absolute; left:28px; bottom:-40px;}
.custom .process li i { display:block; float:left; width:55px; height:55px; line-height:55px; font-size:26px; font-style:normal; font-weight:bold; color:#000; text-align:center; border:1px solid #333;}
.custom .process li p { float:right; width:400px; font-size:24px; 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:380px; color:#fff; background:url(../images/kls_12.jpg) no-repeat center top; background-attachment:fixed;}
.custom .makes .tite h3,.custom .makes .tite p { color:#fff;}
.custom .makes form { display:block; width:600px; margin:30px auto;}
.custom .makes li { float:left; width:240px; height:40px; margin-right:15px; 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 { width:90px; margin-right:0; background:#111941; -webkit-transition:all .5s ease; transition:all .5s ease;}
.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:100%;}
.newlist li { margin-bottom:15px; padding:30px; border:1px solid #eee; border-radius:6px; box-shadow:0 2px 5px rgba(0,0,0,0.05); overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:185px; height:150px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li:hover .img img { transform:scale(1.1, 1.1);}
.newlist li .msg { float:left; width:730px; font-size:14px; margin:0 25px;}
.newlist li .msg h3 { width:100%; font-size:18px; color:#1a1a1a; font-weight:500; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li .msg span { display:block; color:#999; margin:10px 0;}
.newlist li .msg p { color:#666; line-height:28px;}
.newlist li .more { display:block; float:right; width:65px; height:40px; line-height:40px; margin-top:50px; padding:0 30px; font-size:14px; color:#1a1a1a; border:1px solid #ccc; border-radius:4px; background:#fafafa url(../images/kls_10.png) no-repeat 80px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li:hover { background:#f6f6f6;}
.newlist li:hover .msg h3 { color:#a28b61;}
.newlist li:hover .more { color:#fff; border-color:#111941; background-color:#111941;}

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

/*洛克社区*/
.commmunity { width:100%; background:#fafafa;}
.commmunity .nrnav { margin-bottom:20px;}
.commmunity .nrnav li.on a::after { border-color:transparent transparent #fafafa transparent; _border-color:#000 #000 #fafafa #000;} 
.commmunity .lft,.commmunity .rgt { margin-bottom:20px; padding:20px; border:1px solid #eee; background:#fff;}
.commmunity .lft { float:left; width:820px;}
.commmunity .lft .nr { width:100%;}
.commmunity .lft .nr li { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.commmunity .lft .nr li a { display:block; width:100%;}
.commmunity .lft .nr li .img { float:left; width:60px; height:60px; border:1px solid #ddd; border-radius:50%; overflow:hidden;}
.commmunity .lft .nr li .img img { display:block; width:100%;}
.commmunity .lft .nr li .msg { float:right; width:740px;}
.commmunity .lft .nr li .msg h3 { font-size:16px; color:#333; line-height:35px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.commmunity .lft .nr li .msg p { color:#999;}
.commmunity .lft .nr li .msg p span { display:block; float:left; margin-right:30px; line-height:25px;}
.commmunity .lft .nr li .msg p .r { float:right; margin-right:0; margin-left:30px;}
.commmunity .lft .nr li:hover .msg h3 { color:#a28b61;}
.commmunity .rgt { float:right; width:280px; padding-top:0;}
.commmunity .rgt h3 { font-size:16px; color:#333; line-height:50px; padding-left:15px; margin-bottom:10px; border-bottom:1px solid #ddd; position:relative;}
.commmunity .rgt h3::after { display:block; content:""; width:4px; height:20px; background:#a28b61; position:absolute; left:0; top:15px;}
.commmunity .rgt li { padding-left:15px; line-height:45px; border-bottom:1px dashed #eee; position:relative;}
.commmunity .rgt li::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#333; position:absolute; left:0; top:19px;}
.commmunity .rgt li a { display:block; width:100%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.commmunity .rgt li:hover a { color:#f00;}

/*洛克社区详情*/
.commmunity .title { width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee;}
.commmunity .title h3 { font-size:30px; color:#333; line-height:45px; font-weight:500; margin-bottom:10px;}
.commmunity .title .p { color:#999;}
.commmunity .title .p span { display:block; float:left; margin-right:30px; line-height:25px;}
.commmunity .title .p span b { font-weight:500; color:#a28b61;}
.commmunity .title .p .r { float:right; margin-right:0; margin-left:30px;}
.commmunity .title .layui-form-item { margin-bottom:0;}

.commmunity .comments { width:100%; margin-top:50px; padding-top:25px; border-top:1px solid #eee;}
.commmunity .comments .img { float:left; width:60px; height:60px; border-radius:50%; overflow:hidden;}
.commmunity .comments .img img { display:block; width:100%;}
.commmunity .comments .msg { float:right; width:740px;}
.commmunity .comments .comts { width:100%;}
.commmunity .comments .comts .msg { padding-top:5px;}
.commmunity .comments .comts .msg input { float:left; width:73%; height:50px; line-height:50px; font-size:14px; color:#333; padding:0 15px; border:1px solid #ddd; background:#fff;}
.commmunity .comments .comts .msg .btn { width:20%; height:52px; line-height:52px; font-size:16px; font-weight:bold; color:#fff; margin-top:15px; 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:14px; color:#999; font-weight:500; line-height:30px; margin-bottom:5px;}
.commmunity .comments .list li h3 b { font-size:16px; margin-right:20px; color:#333;}
.commmunity .comments .list li .nr { font-size:14px; color:#333; line-height:25px;}
.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; margin:10px 0; letter-spacing:2px;}
.commmunity .comments .list li .relys { width:700px; padding:10px 20px; margin:0 0 10px 80px; border:1px solid #f4f4f4; border-radius:2px; background:#fafafa;}
.commmunity .comments .list li .btn { width:20%; height:52px; line-height:52px; font-size:16px; font-weight:bold; color:#fff; margin:15px 0; border:1px solid #a28b61; background:#a28b61;}

/*联系我们*/
.n_contact { padding-top:40px; width:100%;}
.n_contact .info { padding-top:15px; padding-bottom:30px; color:#666; text-align:center; font-size:14px;}
.n_contact .info b { margin-top:15px; display:block; font-size:24px; color:#333;}
.n_contact .info img { margin-top:15px;}
.n_contact .upbox { margin-bottom:40px; border:1px solid #dbdbdb;}
.n_contact .upbox .text_box { float:left; width:570px; padding:45px 40px; border-right:1px solid #dbdbdb;}
.n_contact .upbox .text_box .box { background:url(../images/icon_contact.png) left 8px no-repeat; font-size:14px; line-height:30px; color:#333; padding-left:25px;}
.n_contact .map { border:1px solid #dcdcdc;}
.n_contact .ewm_box { float:right; display:block; max-width:45%; margin-top:20px;}
.n_contact .ewm_box .box { float:left; width:115px; margin-right:50px;}
.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%;}
.n_job th { background:#a28b61; text-align:center; height:50px; line-height:50px; color:#eee; font-size:16px; }
.n_job .titl td { font-size:12px; color:#666; text-align:center; padding:10px; border-bottom:1px solid #eee; background:#fafafa;}
.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 35px; background:#fafafa; line-height:25px; color:#666;}
.n_job .show_box { display:none;}
.n_job .article { padding:30px 0;}
.n_job .un { line-height:30px; margin:30px auto; font-size:16px; color:#666;}
.n_job .un b { display:block; margin-top:15px;}
.n_job .un a { color:#f30; font-size:16px;}

/*详情页公用*/
.lh { font-size:16px; line-height:35px;}
.lh img { max-width:100%;}
.show_h3 { font-size:30px; color:#333; line-height:45px; text-align:center; padding:20px 0 10px 0; margin:0 auto 20px auto; border-bottom:1px solid #eee;}
.time_click { font-size:12px; text-align:center; color:#999; line-height:50px;}
.show_sxp { margin:60px auto 30px auto; font-size:16px; line-height:25px; color:#a28b61;}
.show_sxp p { width:44%; padding:15px 30px; border:1px solid #e3e0d9; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.show_sxp p span { display:block; font-size:12px; color:#999;}
.show_sxp p span i { float:left; font-style:normal; font-size:16px; margin:5px 5px 0 0;}
.show_sxp a { display:block; width:100%; color:#a28b61;}
.show_sxp .fr { text-align:right;}
.show_sxp .fr span i { float:right; margin:5px 0 0 5px;}
.show_sxp p:hover { color:#fff; border-color:#a28b61; background:#a28b61;}
.show_sxp p:hover span { color:#fff;}
.show_sxp p:hover a { color:#fff;}

/*分页*/
.scott { text-align:center; letter-spacing:2px; margin:50px auto 40px auto; overflow:hidden;}
.scott li { display:inline-block; line-height:35px; border:1px solid #a28b61; margin:0 5px;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#a28b61; cursor:pointer;}
.scott li:hover,.scott .active { background:#a28b61;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*图片模型列表*/
.picli { width:100%;}
.picli li { float:left; width:350px; text-align:center; margin:35px 75px 0 0; cursor:pointer;}
.picli li a { display:block; width:100%;}
.picli li .img { width:350px; height:400px; overflow:hidden;}
.picli li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.picli li h3 { width:100%; height:40px; line-height:40px; margin:10px auto; font-size:14px; color:#111941; border:2px solid #111941; border-radius:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.picli li:hover h3 { color:#fff; background:#111941;}