/* --------------------------------------------- RESET -------------------------------------------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: "Microsoft YaHei",Arial; font-size: 14px; }
/* --------------------------------------------- LINKS -------------------------------------------- */
a { text-decoration: none; }
ul { list-style: none; }
img { border: 0px; }
body { background: #fff; }
/* --------------------------------------------- PUBLIC ------------------------------------------- */
.pl { float: left; }
.pr { float: right; }
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.content { width: 100%; height: auto; margin: auto; }
.f16 { font-size: 16px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }
.show { display: block; }
.hide { display: none; }
.shadow { -moz-box-shadow: 3px 3px 8px #999999; -webkit-box-shadow: 3px 3px 8px #999999; box-shadow: 3px 3px 8px #999999; }

/* public */
.code { width: 115px; height: 137px; position: fixed; top: 350px; right: 0px; color: #ffffff; font-size: 16px; border: 1px solid #999894; border-right: 0px; box-sizing: border-box; z-index: 100; cursor: pointer; }
.code .code_img { width: 114px; height: 97px; float: right; background: #ffffff; }
.code .code_img img { width: 114px; height: 97px; float: left; }
.code .code_tel { width: 114px; height: 38px; line-height: 38px; float: right; background: #1B1B1B; color: #ffffff; font-size: 16px; text-align: center; }

.showdesc { width: 1200px; height: 579px; display: block; display: none; }
.showdesc .showinfo { width: 318px; height: 541px; float: left; padding: 38px 0px 0px 40px; }
.showdesc .showinfo p { font-size: 16px; color: #ffffff; line-height: 26px; }
.showdesc .showinfo p strong { font-size: 16px; color: #ffffff; line-height: 26px; }

/* --------------------------------------------- PAGE HEADER --------------------------------------- */
.fixedborder { box-sizing: border-box; }
.pageheader { width: 100%; height: 204px; margin: auto; position: fixed; top: 0px; z-index: 999; background:#ffffff; }
.pageheader .headertoper { width: 100%; height: 30px; margin: auto; background:#eeeeee; }
.pageheader .headertoper .topnav { width: 1200px; height: 30px; margin: auto; text-align:right; color:#8d8d8d; }
.pageheader .headertoper .topnav a { color:#8d8d8d; line-height:30px; }

.pageheader .headerbody { width: 100%; height: 174px; }
.pageheader .headerbody .logo { width:1200px; height:139px; margin:auto; text-align:center; }
.pageheader .headerbody .logo img { width: 230px; height: 139px; border:0px; }

.pageheader .headerbody .navs { width: 100%; height: 35px; background:#000000; }
.pageheader .headerbody .navs .menus { width: 1200px; height: 35px; margin:auto; display:block; list-style: none; }
.pageheader .headerbody .navs .menus li.item { width:140px; height: 35px; float: left; margin: auto; margin-left:25px; text-align: center; position: relative; }
.pageheader .headerbody .navs .menus li.item a.amenu { width:140px; height: 32px; display: block; padding-top: 3px; color: #ffffff; font-size: 14px; line-height: 14px; text-decoration: none; text-align: center; }
.pageheader .headerbody .navs .menus li.item a .en_span { font-size: 9px; line-height: 9px; }
.pageheader .headerbody .navs .menus li.item a.cur { font-weight: bold; color: #ffd833; }
.pageheader .headerbody .navs .menus li.item a.movecur { font-weight: bold; color: #ffd833; }
.pageheader .headerbody .navs .menus li.item input { width:118px; height:22px; line-height:22px; float:left; margin:6px 0px 0px 20px; background:none; border:0px; }
.pageheader .headerbody .navs .menus li.item a.search { width:20px; height:25px; float:left; margin:5px 0px 0px 0px; background:none; } 

.pageheader .headerbody .menus li.item .submenus { width: 1200px; height: 410px; position: absolute; z-index: 99; left:-196px; top: 35px; overflow: hidden; background: url(/suna/lvUpload/images/bg_submenus.png) repeat; display:none; }
.pageheader .headerbody .menus li.item .submenus .line { width:1px; height:300px; background:#000000; float:left; margin:40px 12px 0px 12px; }
.pageheader .headerbody .menus li.item .submenus .block { width:307px; height:228px; float:left; margin:40px 0px 0px 50px; }
.pageheader .headerbody .menus li.item .submenus .block .title { width:300px; height:22px; line-height:22px; float:left; font-size:16px; color:#000000; font-weight:bold; text-align:left; margin-bottom:11px; }
.pageheader .headerbody .menus li.item .submenus .block .brand { width:300px; height:61px; float:left; margin-top:4px; }
.pageheader .headerbody .menus li.item .submenus .block .brand .img { width:160px; height:61px; float:left; }
.pageheader .headerbody .menus li.item .submenus .block .brand .img img { width:160px; height:61px; }
.pageheader .headerbody .menus li.item .submenus .block .brand .txt { width:124px; height:61px; line-height:61px; float:left; margin-left:16px; font-size:15px; color:#000000; text-align:left; }
.pageheader .headerbody .menus li.item .submenus .block .brand .txt a { font-size:15px; color:#000000; text-decoration:none; }

.pageheader .headerbody .menus li.item .submenus .block .menupros { width:390px; height:220px; float:left; margin-top:4px; }
.pageheader .headerbody .menus li.item .submenus .block .menupros ul.menupro { width:130px; height:200px; float:left; list-style:none; }
.pageheader .headerbody .menus li.item .submenus .block .menupros ul.menupro li { width:130px; height:30px; line-height:30px; text-align:left; }
.pageheader .headerbody .menus li.item .submenus .block .menupros ul.menupro li.subtitle {  margin-bottom:10px; background:url(/suna/lvUpload/images/bg_nav3.jpg) 40px 10px no-repeat; }
.pageheader .headerbody .menus li.item .submenus .block .menupros ul.menupro li a { font-size:15px; color:#7d7d7d; }
.pageheader .headerbody .menus li.item .submenus .block .menupros ul.menupro li.subtitle a { font-size:15px; color:#000000; }
.pageheader .headerbody .menus li.item .submenus .block .menupros ul.menupro li.subtitle a:hover { color:#000000; }
.pageheader .headerbody .menus li.item .submenus .block .menupros ul.menupro li a:hover { color:#ff0000; }

.pageheader .headerbody .menus li.item .submenus .block .ad { width:321px; height:193px; float:left; }
.pageheader .headerbody .menus li.item .submenus .block .ad img { width:321px; height:193px; }
.pageheader .headerbody .menus li.item .submenus .block .ad2 { width:415px; height:248px; float:left; }
.pageheader .headerbody .menus li.item .submenus .block .ad2 .img { width:200px; height:248px; float:left; }
.pageheader .headerbody .menus li.item .submenus .block .ad2 .img img { width:200px; height:248px; }

/* --------------------------------------------- PAGE BANNER --------------------------------------- */
.index-banner{width: 100%; height: 600px; overflow: hidden; background: #000; position: relative;}
.index-banner .swiper-container{width: 100%; height: 600px;}
.index-banner .swiper-container .swiper-silde{position: relative;}
.index-banner .swiper-container .swiper-slide a{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.index-banner .swiper-slide{background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}	
.index-banner .swiper-pagination-bullet{width: 16px; height: 16px; background: transparent; opacity: 1; border: 1px solid #fff;}
.index-banner .swiper-pagination-bullet-active{background: #fff;}


.bn_news { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_news.jpg) center no-repeat; margin-top: 204px; }
.bn_downloadsw { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_downloadsw.jpg) center no-repeat; margin-top: 204px; }
.bn_downloadmt { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_downloadmt.jpg) center no-repeat; margin-top: 204px; }
.bn_downloadbq { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_downloadbq.jpg) center no-repeat; margin-top: 204px; }
.bn_contact { width: 100%; height: 514px; margin: auto; background: url(/suna/lvUpload/images/bg_contact.jpg) center no-repeat; margin-top: 204px; }
.bn_swfarbe { width: 100%; height: 514px; margin: auto; background: url(/suna/lvUpload/images/bg_swfarbe.jpg) center no-repeat; margin-top: 204px; }
.bn_mutt { width: 100%; height: 514px; margin: auto; background: url(/suna/lvUpload/images/bg_mutt.jpg) center no-repeat; margin-top: 204px; }
.bn_moderna { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_moderna.jpg) center no-repeat; margin-top: 204px; }
.bn_nafore { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_nafore.jpg) center no-repeat; margin-top: 204px; }
.bn_naforefloor { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_naforefloor.jpg) center no-repeat; margin-top: 204px; }
.bn_modernasolidfloor { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_modernasolidfloor.jpg) center no-repeat; margin-top: 204px; }
.bn_modernafloor { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_modernafloor.jpg) center no-repeat; margin-top: 204px; }
.bn_bq { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_bq.jpg) center no-repeat; margin-top: 204px; }
.bn_bqppr { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_bqppr.jpg) center no-repeat; margin-top: 204px; }
.bn_interior { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_interior.jpg) center no-repeat; margin-top: 204px; }
.bn_trendfarben { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_trendfarben.jpg) center no-repeat; margin-top: 204px; }
.bn_glomart { width: 100%; height: 869px; margin: auto; background: url(/suna/lvUpload/images/bg_glomart.jpg) center no-repeat; margin-top: 204px; }
.bn_duty { width: 100%; height: 517px; margin: auto; background: url(/suna/lvUpload/images/bg_duty.jpg) center no-repeat; margin-top: 204px; }

.bn_reg1 { width: 100%; height: 232px; margin: auto; background: url(/suna/lvUpload/images/bg_reg1.jpg) center no-repeat; margin-top: 204px; }
.bn_inspiration { width: 100%; height: 599px; margin: auto; background: url(/suna/lvUpload/images/bg_inspiration.jpg) center no-repeat; margin-top: 204px; }


/* --------------------------------------------- PAGE FOOTER --------------------------------------- */
.foot { width: 100%; height: 320px; background-color: #212121; }
.foot .top { width: 1200px; height: 198px; margin: auto; padding-top: 49px; border-bottom: 1px solid #373737; }
.foot .top .dl { width: 215px; height: 198px; float: left; }
.foot .top .dl a.logobottom { width: 215px; height: 99px; float: left; }
.foot .top .dl a.logobottom img { width: 215px; height: 99px; }
.foot .top .dl span.tel { width: 215px; height: 70px; line-height: 70px; float: left; color: #ffffff; font-size: 30px; text-align: center; }
.foot .top .dr { width: 885px; height: 198px; float: right; }
.foot .top .dr .item { width: 120px; height: 149px; float: right; border-left: 1px solid #373737; }
.foot .top .dr .item span { width: 120px; height: 49px; float: left; text-align: center; font-size: 18px; color: #fff; font-weight: bold; }
.foot .top .dr .item a { width: 96px; height: 25px; line-height: 25px; float: left; margin-left: 24px; text-align: left; font-size: 14px; color: #aaa; }
.foot .top .dr .item a:hover { text-decoration: underline; }
.foot .bottom { width: 1200px; height: 70px; margin: auto; }
.foot .bottom .links { width: 1000px; height: 30px; margin-top: 15px; float: left; }
.foot .bottom .links a { float: left; height: 30px; margin-right: 20px; padding-left: 8px; line-height: 30px; color: #959595; font-size: 14px; background: url(/suna/lvUpload/images/pt_link.jpg) left center no-repeat; }
.foot .bottom .links a:hover { text-decoration: underline; }
/* bei an qian
.foot .bottom .linksicon { width: 150px; height: 70px; float: right; }
 .foot .bottom .linksicon a { width: 37px; height: 37px; float: right; margin: 15px 0px 0px 13px; }
 */
.foot .bottom .linksicon { width: 200px; height: 30px; margin-top: 15px; float: right; }
.foot .bottom .linksicon a { float: right; height: 30px; margin-right: 20px; padding-left: 8px; line-height: 30px; color: #959595; font-size: 14px; }
.foot .bottom .linksicon a:hover { text-decoration: underline; }

/* --------------------------------------------- PAGE PUBLIC --------------------------------------- */
.main1200 { width: 1200px; height: 54px; margin: auto; margin-top: 39px; border-bottom: 1px solid #E7E7E7; }
.main1200 .navlist { width: 1200px; height: 54px; float: left; }
.main1200 .navlist li { height: 54px; line-height: 54px; float: left; }
.main1200 .navlist li.split { width: 26px; text-align: center; }
.main1200 .navlist li a { font-size: 18px; color: #333333; }
.main1200 .navlist li a.cur, .main1200 .navlist li a:hover { font-weight: bold; }

/* --------------------------------------------- Pages --------------------------------------- */
/* --------------------------------------------- Index --------------------------------------- */
.search { width: 100%; height: 260px; background: url(/suna/lvUpload/images/bg_search.jpg) center no-repeat; margin: auto; }
.searchblock { width: 780px; height: 150px; margin: auto; }
.searchblock input { width: 580px; height: 40px; font-size: 30px; line-height: 30px; color: #c4c4c4; float: left; margin: 101px 0px 0px 36px; border: 0px; background: #F8F6FB; }
.searchblock a { width: 112px; height: 48px; float: left; margin: 97px 0px 0px 35px; }

.center { width: 100%; height: 500px; margin: auto; }
.center .pro { width: 1200px; height: 280px; margin: auto; }
.center .pro .title { width: 1200px; height: 80px; margin: auto; text-align: center; font-size: 40px; color: #333333; padding-top: 75px; background: url(/suna/lvUpload/images/bg_colorline.jpg) center bottom no-repeat; }
.center .pro .desc { width: 1200px; height: 60px; line-height: 30px; margin: auto; margin-top: 24px; text-align: center; font-size: 40px; color: #333333; font-size: 14px; }
.grayline { width: 100%; height: 40px; margin: auto; background: #EEEEEE; }
.center ul.bk6 { width: 1161px; height: 540px; margin: auto; list-style: none; }
.center ul.bk6 li { width: 367px; height: 250px; float: left; margin: 10px; position: relative; overflow: hidden; }
.center ul.bk6 li .bk { width: 367px; height: 250px; float: left; position: absolute; top: 0px; left: 0px; z-index: 1; }
.center ul.bk6 li .bk .img { width: 367px; height: 250px; display: block; position: absolute; top: 0px; left: 0px; }
/*.center ul.bk6 li .bk .txten { width: 367px; height: 250px; line-height: 250px; text-align: center; display: block; position: absolute; top: 0px; left: 0px; font-size: 24px; color: #fff; }*/
.center ul.bk6 li .sk { width: 367px; height: 250px; float: left; position: absolute; top: 0; left: 0px; z-index: 6; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
.center ul.bk6 li .sk:hover{opacity: 1;}
.center ul.bk6 li .sk .img { width: 367px; height: 250px; display: block; position: absolute; top: 0px; left: 0px; }
.center ul.bk6 li .sk .txtcn { width: 367px; height: 165px; line-height: 40px; text-align: center; display: block; position: absolute; top: 0px; left: 0px; font-size: 24px; color: #fff; padding-top: 85px; }

.center ul.bk6 li.shengqi .bk .txten { display: none; }
.center ul.bk6 li.shengqi .sk .txtcn { display: none; }

.center ul.bk3 { width: 1161px; height: 540px; margin: auto; }
.center ul.bk3 li { width: 367px; height: 250px; float: left; list-style: none; margin: 10px; position: relative; }
.center ul.bk3 li img { width: 367px; height: 250px; float: left; }
.center ul.bk3 li .cont { width: 360px; height: 250px; float: left; margin-top: 10px; }
.center ul.bk3 li .cont .txt { width: 360px; height: 30px; line-height: 30px; float: left; margin: 10px 0px 0px 4px; }
.center ul.bk3 li .cont .txt .title { width: 270px; height: 30px; line-height: 30px; float: left; color: #333333; font-size: 14px; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.center ul.bk3 li .cont .txt .date { width: 80px; height: 30px; line-height: 30px; float: right; color: #8c8c8c; font-size: 14px; text-align: right; }
.center ul.bk3 li .cont .info { width: 360px; height: 72px; line-height: 24px; float: left; margin: 3px 0px 0px 4px; color: #b5b5b5; }

/* ---------------------------------------------  News  --------------------------------------- */
.qs_news { width: 1200px; margin: auto; padding-bottom: 100px; background: #fff; }
.qs_news .container { max-width: 1200px; height: auto!important; height: 312px; min-height: 312px; margin: auto; }
.qs_news .container .item { width: 1200px; height: 285px; float: left; margin: 27px 0px 0px 0px; background: #fff; border-bottom: 1px solid #E7E7E7; box-sizing: border-box; }
.qs_news .container .item .img { width: 462px; height: 250px; float: left; }
.qs_news .container .item .img img { width: 462px; height: 250px; }
.qs_news .container .item .info { width: 600px; height: 250px; float: left; margin: 0px 0px 0px 138px; }
.qs_news .container .item .info .txt { width: 600px; height: 50px; float: left; }
.qs_news .container .item .info .txt .title { width: 520px; height: 50px; float: left; line-height: 25px; }
.qs_news .container .item .info .txt .title a { font-size: 20px; color: #333333; }
.qs_news .container .item .info .txt .title .searchkey { font-size: 20px; background: yellow; }
.qs_news .container .item .info .txt .date { width: 80px; height: 50px; line-height: 50px; float: right; color: #432020; font-size: 14px; }
.qs_news .container .item .info .desc { width: 600px; height: 160px; float: left; font-size: 14px; color: #333333; line-height: 30px; }
.qs_news .container .item .info .desc .searchkey { font-size: 14px; background: yellow; }
.qs_news .container .item .info .view { width: 160px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #000; float: left; background: url(/suna/lvUpload/images/new01.jpg) no-repeat; }

/* --------------------------------------------- New Detail ------------------------------------------- */
.detail { width: 1200px; height: auto!important; height: 300px; min-height: 300px; margin: 45px auto 50px auto; }
/*.detail .detail_left { width: 300px; height: 968px; float: left; border-right: 1px solid #E1E1E1; }
.detail .detail_left a { width: 280px; height: 49px; line-height: 16px; font-size: 14px; color: #575757; float: left; overflow: hidden; border-bottom: 1px solid #E9E9E9; }
.detail .detail_left a:hover { background: #F5F5F5; font-weight: bold; }
.detail .detail_left a.cur { background: #F5F5F5; font-weight: bold; }*/

.detail .detail_left { width:294px; height: 968px; float:left; border-right:1px solid #E1E1E1; }
.detail .detail_left a { width:270px; height:16px; line-height:16px; font-size:14px; color:#32353d; float:left; margin:19px 0px; padding-left:10px; overflow:hidden; border-left:2px solid #ffffff; }
.detail .detail_left a:hover { color:#C1A362; border-left:2px solid #C1A362; }
.detail .detail_left a.cur { border-left:2px solid #C1A362; color:#C1A362; }

.detail .detail_rigth { width:700px; height: auto!important; height: 300px; min-height: 300px; float:left; margin-left:100px; }
.detail .detail_rigth .date { width:700px; height:18px; line-height:18px; float:left; margin-top:24px; font-size:14px; color:#555555; text-align:left; }
.detail .detail_rigth .line { width:128px; height:1px; float:left; border-bottom:1px solid #C1A362; margin-top:2px; }

.detail .detail_rigth .title { width:700px; height:22px; line-height:22px; float:left; margin-top:20px; color:#562f22; font-size:16px; text-align:center;}
.detail .detail_rigth .info { width:700px; height: auto!important; height: 300px; min-height: 300px; line-height:28px; float:left; margin-top:45px; color:#161616; font-size:12px; text-align: justify; text-justify: inter-ideograph; }
.detail .detail_rigth .share { width:700px; height:40px; float:left; margin-top:50px; }
.detail .detail_rigth .share .shareto { width:80px; height:40px; line-height:40px; font-size:18px; float:right;  }

/*.detail .detail_rigth { width: 700px; height: auto!important; height: 300px; min-height: 300px; float: left; margin-left: 100px; }
.detail .detail_rigth .title { width: 700px; height: 25px; line-height: 25px; float: left; margin-top: 20px; color: #333; font-size: 18px; text-align: center; }
.detail .detail_rigth .date { width: 700px; height: 14px; line-height: 14px; float: left; margin-top: 10px; font-size: 14px; color: #432020; text-align: center; }
.detail .detail_rigth .info { width: 700px; height: auto!important; height: 300px; min-height: 300px; line-height: 28px; float: left; margin-top: 25px; color: #333333; font-size: 16px; text-align: justify; text-justify: inter-ideograph; }
.detail .detail_rigth .info div, .detail .detail_rigth .info p { color: #333333; font-size: 16px; }
.detail .detail_rigth .share { width: 700px; height: 40px; float: left; margin-top: 35px; }
.detail .detail_rigth .share .shareto { width: 80px; height: 40px; line-height: 40px; font-size: 18px; float: right; }*/

/* ---------------------------------------------  Download  --------------------------------------- */
.downs { width: 100%; height: 1711px; display: block; margin: auto; background: #fff; }
.downs .item { width: 100%; height: 517px; display: block; margin: 20px auto auto auto; }
.downs .down01 { background: url(/suna/lvUpload/images/down01.jpg) center no-repeat; }
.downs .down02 { background: url(/suna/lvUpload/images/down02.jpg) center no-repeat; }
.downs .down03 { background: url(/suna/lvUpload/images/down03.jpg) center no-repeat; }
.downs .item .down1200 { width: 1200px; height: 517px; display: block; margin: auto; }
.downs .item .down1200 a { width: 160px; height: 40px; line-height: 40px; float: left; background: url(/suna/lvUpload/images/down04.png) no-repeat; font-size: 16px; color: #fff; font-family: 'Microsoft YaHei'; text-align: center; }

.downloads { width: 100%; height: auto; display: block; margin: auto; background: #fff; }
.downloads .services { width: 1200px; height: auto!important; height: 600px; min-height: 600px; margin: auto; padding-top: 48px; }
.downloads .services .left { width: 300px; height: 561px; float: left; }
.downloads .services .left ul { width: 300px; height: 561px; float: left; list-style: none; border-right: 1px solid #EAEAEA; box-sizing: border-box; }
.downloads .services .left ul li { width: 280px; height: 50px; float: left; margin: 0px; border-bottom: 1px solid #E9E9E9; box-sizing: border-box; }
.downloads .services .left ul li a { width: 238px; height: 50px; float: left; padding-left: 42px; line-height: 50px; font-size: 18px; color: #575757; }
.downloads .services .left ul li a.cur, .services .left ul li a:hover { font-weight: bold; background: #F5F5F5; }
.downloads .services .right { width: 900px; height: auto!important; height: 600px; min-height: 600px; float: left; margin: 0px; }
.downloads .services .right ul.download { width: 900px; height: auto!important; height: 600px; min-height: 600px; float: left; margin: auto; }
.downloads .services .right ul.download li { width: 260px; height: 280px; float: left; margin: 0px 0px 20px 40px; }
.downloads .services .right ul.download li .img { width: 260px; height: 224px; float: left; border: 0px; margin: 0px; }
.downloads .services .right ul.download li .txt { width: 260px; height: 56px; line-height: 56px; float: left; margin: 0px; color: #333333; font-size: 18px; text-align: center; }
.downloads .services .right ul.download li .txt img { vertical-align: middle; }

/* ------------------------------------------------  Contact ---------------------------------------------- */
.about { width: 100%; height: 558px; background: url(/suna/lvUpload/images/bg_contact_mid.jpg) center no-repeat; margin: auto; }
.about .info { width: 1200px; height: 558px; margin: auto; }
.about .info .cl { width: 710px; height: 558px; float: left; }
.about .info .cl .pnav { width: 710px; height: 53px; line-height: 53px; float: left; margin-top: 42px; border-bottom: 1px solid #A9A5A2; box-sizing: border-box; }
.about .info .cl .pnav a { font-size: 18px; color: #1b1b1b; text-decoration: none; }
.about .info .cl p { width: 710px; float: left; line-height: 35px; margin: 20px 0px; color: #1b1b1b; font-size: 16px; text-align: justify; }
.about .info .cr { width: 400px; height: 430px; float: left; margin: 59px 0px 0px 90px; background: #fff; }
.about .info .cr .title { width: 398px; height: 48px; line-height: 48px; float: left; margin: 1px 0px 0px 1px; background: #2A2A2A; text-align: center; color: #ffffff; font-size: 16px; }
.about .info .cr .sform { width: 398px; height: 380px; float: left; background: #F2F2F2; margin-left: 1px; }
.about .info .cr .sform input { width: 172px; height: 50px; line-height: 50px; float: left; padding-left: 15px; margin-top: 36px; background: #EEEEEE; border: 1px solid #DFDFDF; box-sizing: border-box; font-size: 16px; color: #999999; }
.about .info .cr .sform select { width: 172px; height: 50px; line-height: 30px; float: left; margin-top: 12px; background: #EEEEEE; border: 1px solid #DFDFDF; box-sizing: border-box; font-size: 16px; color: #999999; padding-left: 15px; }
.about .info .cr .sform textarea { width: 356px; height: 94px; line-height: 25px; float: left; padding: 15px; margin-top: 12px; background: #EEEEEE; border: 1px solid #DFDFDF; box-sizing: border-box; font-size: 16px; color: #999999; font-family: 'Microsoft YaHei'; }
.about .info .cr .sform select::-ms-expand { display: none; }
.about .info .cr .sform a { width: 100px; height: 40px; line-height: 36px; float: left; margin: 12px 0px 0px 148px; background: #2D2D2D; text-align: center; color: #fff; font-size: 18px; -moz-border-radius: 5px; border-radius: 5px; }
.cont { width: 1200px; height: 536px; margin: auto; display: block; background: #fff; }
.cont .contleft { width: 602px; height: 333px; float: left; margin-top: 84px; }
.cont .contright { width: 394px; height: 152px; float: right; margin-top: 178px; }
.cont .contright .title { width: 394px; height: 38px; float: left; line-height: 38px; text-align: left; font-size: 24px; color: #1b1b1b; font-weight: bold; }
.cont .contright .desc { width: 394px; height: 114px; float: left; line-height: 38px; text-align: left; font-size: 16px; color: #1b1b1b; }

.about .info .cr .sform input::-webkit-input-placeholder, .about .info .cr .sform textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
.about .info .cr .sform input:-moz-placeholder, .about .info .cr .sform textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; }
.about .info .cr .sform input::-moz-placeholder, .about .info .cr .sform textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; }
.about .info .cr .sform input:-ms-input-placeholder, .about .info .cr .sform textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }


/* ------------------------------------------------  DeMart ---------------------------------------------- */
.demart1 { width: 100%; height: 869px; margin: auto; background: url(/suna/lvUpload/images/bg_demart1.jpg) center no-repeat; margin-top: 204px; }
.demart1 .info { width: 726px; height: 90px; margin: auto; display: block; padding-top: 270px; }
.demart1 .info .title { width: 726px; height: 73px; line-height: 73px; float: left; font-size: 52px; color: #fff; text-align: center; }
.demart1 .info .title label { font-size: 52px; font-weight: bold; }
.demart1 .info .subtitle { width: 726px; height: 17px; line-height: 17px; float: left; font-size: 13px; color: #fff; text-align: center; background: url(/suna/lvUpload/images/de01.png) center no-repeat; }
.demart2 { width: 100%; height: 869px; margin: auto; background: url(/suna/lvUpload/images/bg_demart2.jpg) center no-repeat; }
.demart2 .info { width: 680px; height: 150px; margin: auto; display: block; padding-top: 495px; }
.demart2 .info .title { width: 680px; height: 75px; line-height: 75px; float: left; font-size: 47px; color: #333; text-align: left; }
.demart2 .info .title label { font-size: 47px; font-weight: bold; }
.demart2 .info .subtitle { width: 680px; height: 75px; line-height: 75px; float: left; font-size: 60px; color: #333; text-align: left; font-weight: bold; }
.demart2 .info .subtitle label { font-size: 60px; }
.demart3 { width: 100%; height: 869px; margin: auto; background: url(/suna/lvUpload/images/bg_demart3.jpg) center no-repeat; }
.demart3 .info { width: 1056px; height: 148px; margin: auto; display: block; padding-top: 176px; }
.demart3 .info .title { width: 400px; height: 68px; line-height: 68px; float: right; padding-left: 656px; font-size: 43px; color: #333; text-align: left; }
.demart3 .info .subtitle { width: 400px; height: 80px; line-height: 80px; float: right; padding-left: 656px; font-size: 62px; color: #333; text-align: left; font-weight: bold; }

/* ------------------------------------------------  Paint Swfarbe ---------------------------------------------- */
.swba { width: 1140px; height: 784px; display: block; margin: 115px auto auto auto; }
.swba .left { width: 520px; height: 670px; float: left; }
.swba .right { width: 520px; height: 780px; float: right; }
.swba .right .title { width: 520px; height: 40px; line-height: 40px; float: left; text-align: center; font-size: 40px; color: #333333; }
.swba .right .title label { font-size: 40px; font-weight: bold; }
.swba .right p { width: 520px; line-height: 27px; text-align: justify; float: left; font-size: 16px; color: #707070; margin-top: 50px; }

.sw05 { width: 100%; height: 866px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/sw05.jpg) center no-repeat; }
.sw05 .swinfo { width: 1160px; height: 320px; display: block; margin: auto; padding-top: 280px; }
.sw05 .swinfo .title { width: 1160px; height: 70px; line-height: 70px; display: block; float: left; color: #ffffff; font-size: 47px; font-weight: bold; }
.sw05 .swinfo .desc { width: 1160px; height: 250px; line-height: 39px; display: block; float: left; color: #ffffff; font-size: 18px; margin-top: 40px; }
.sw06 { width: 100%; height: 869px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/sw06.jpg) center no-repeat; }
.sw06 .swinfo { width: 1160px; height: 320px; display: block; margin: auto; padding-top: 560px; }
.sw06 .swinfo .title { width: 1160px; height: 70px; line-height: 70px; display: block; float: left; color: #000000; font-size: 47px; text-align: center; }
.sw06 .swinfo .title strong { font-size: 47px; }
.sw06 .swinfo .desc { width: 1160px; height: 250px; line-height: 39px; display: block; float: left; color: #000000; font-size: 18px; text-align: center; margin-top: 20px; }
.sw07 { width: 100%; height: 868px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/sw07.jpg) center no-repeat; }
.sw07 .swinfo { width: 1160px; height: 320px; display: block; margin: auto; padding-top: 350px; }
.sw07 .swinfo .title { width: 520px; height: 70px; line-height: 70px; display: block; float: left; color: #ffffff; font-size: 47px; text-align: left; padding-left: 640px; font-weight: bold; }
.sw07 .swinfo .title strong { font-size: 47px; }
.sw07 .swinfo .desc { width: 520px; height: 250px; line-height: 30px; display: block; float: left; color: #ffffff; font-size: 18px; text-align: left; padding-left: 640px; margin-top: 28px; text-align: justify; }
.sw08 { width: 100%; height: 859px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/sw08.jpg) center no-repeat; }
.sw08 .swinfo { width: 1160px; height: 320px; display: block; margin: auto; padding-top: 348px; }
.sw08 .swinfo .title { width: 1160px; height: 70px; line-height: 70px; display: block; float: left; color: #ffffff; font-size: 47px; font-weight: bold; }
.sw08 .swinfo .desc { width: 1160px; height: 250px; line-height: 39px; display: block; float: left; color: #ffffff; font-size: 18px; margin-top: 16px; }
.sw09 { width: 100%; height: 976px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/sw09.jpg) center no-repeat; }
.sw09 .swinfo { width: 1160px; height: 320px; display: block; margin: auto; padding-top: 52px; }
.sw09 .swinfo .title { width: 1160px; height: 70px; line-height: 70px; display: block; float: left; color: #ffffff; font-size: 47px; font-weight: bold; }
.sw09 .swinfo .desc { width: 1160px; height: 250px; line-height: 39px; display: block; float: left; color: #ffffff; font-size: 18px; margin-top: 16px; }

.swbb { width: 1200px; height: 249px; display: block; margin: 87px auto auto auto; }
.swbb .left { width: 377px; height: 249px; float: left; }
.swbb .left img { width: 377px; height: 249px; }
.swbb .right { width: 764px; height: 249px; float: right; }
.swbb .right .title { width: 764px; height: 40px; line-height: 40px; float: left; text-align: left; margin-top: 52px; font-size: 20px; font-weight: bold; color: #c1a362; }
.swbb .right .desc { width: 764px; height: 60px; line-height: 30px; float: left; text-align: left; margin-top: 5px; font-size: 15px; color: #c1a362; }
.swbc { width: 1200px; height: 295px; display: block; margin: 85px auto auto auto; background: #C1A462; }
.swbc .left { width: 338px; height: 222px; float: left; margin: 30px 0px 0px 39px; }
.swbc .left img { width: 338px; height: 222px; }
.swbc .right { width: 727px; height: 249px; float: left; margin-left: 39px; }
.swbc .right .line { width: 727px; height: 6px; float: left; margin-top: 39px; background: url(/suna/lvUpload/images/pt_line.jpg) left no-repeat; }
.swbc .right .title { width: 727px; height: 40px; line-height: 40px; float: left; text-align: left; margin-top: 5px; font-size: 20px; font-weight: bold; color: #000000; }
.swbc .right .desc { width: 727px; height: 150px; line-height: 30px; float: left; text-align: left; margin-top: 14px; font-size: 15px; color: #ffffff; text-align: justify; }

.swbk { width: 1200px; height: 295px; display: block; margin: 25px auto 113px auto; }

.swbd { width: 586px; height: 295px; float: left; background: #C1A462; }
.swbd .left { width: 200px; height: 240px; float: left; margin: 24px 0px 0px 40px; }
.swbd .left img { width: 200px; height: 240px; }
.swbd .right { width: 268px; height: 249px; float: left; margin-left: 39px; }
.swbd .right .line { width: 268px; height: 6px; float: left; margin-top: 42px; background: url(/suna/lvUpload/images/pt_line.jpg) left no-repeat; }
.swbd .right .title { width: 268px; height: 40px; line-height: 40px; float: left; text-align: left; margin-top: 22px; font-size: 20px; font-weight: bold; color: #000000; }
.swbd .right .desc { width: 268px; height: 90px; line-height: 30px; float: left; text-align: left; margin-top: 27px; font-size: 15px; color: #ffffff; text-align: justify; }
.swbe { width: 586px; height: 295px; float: right; background: #C1A462; }
.swbe .left { width: 200px; height: 240px; float: left; margin: 24px 0px 0px 40px; }
.swbe .left img { width: 200px; height: 240px; }
.swbe .right { width: 268px; height: 249px; float: left; margin-left: 39px; }
.swbe .right .line { width: 268px; height: 6px; float: left; margin-top: 42px; background: url(/suna/lvUpload/images/pt_line.jpg) left no-repeat; }
.swbe .right .title { width: 268px; height: 40px; line-height: 40px; float: left; text-align: left; margin-top: 22px; font-size: 20px; font-weight: bold; color: #000000; }
.swbe .right .desc { width: 268px; height: 90px; line-height: 30px; float: left; text-align: left; margin-top: 27px; font-size: 15px; color: #ffffff; text-align: justify; }

/* ------------------------------------------------  Wood Moutt ---------------------------------------------- */
.mt03 { width: 100%; height: 866px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/mt03.jpg) center no-repeat; }
.mt03 .info { width: 1152px; height: 300px; display: block; margin: auto; padding-top: 225px; }
.mt03 .info p { color: #ffffff; font-size: 18px; line-height: 40px; margin-bottom: 30px; }
.mt04 { width: 100%; height: 869px; display: block; margin: auto; background: url(/suna/lvUpload/images/mt04.jpg) center no-repeat; }
.mt04 .info { width: 644px; height: 129px; line-height: 43px; display: block; margin: auto; padding-top: 495px; color: #ffffff; font-size: 21px; font-weight: bold; }
.mt04 .btnbk { width: 640px; height: 83px; display: block; margin: 55px auto auto auto; }
.mt04 .btnbk a.btnmt06 { width: 308px; height: 83px; float: left; background: url(/suna/lvUpload/images/mt06.jpg) no-repeat; }
.mt04 .btnbk a.btnmt07 { width: 308px; height: 83px; float: right; background: url(/suna/lvUpload/images/mt07.jpg) no-repeat; }
.mt05 { width: 100%; height: 869px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/mt05.jpg) center no-repeat; }
.mt05 .info { width: 567px; height: 140px; display: block; margin: auto; padding-top: 195px; padding-left: 585px; font-size: 42px; color: #000000; }
.mt05 .info label { font-size: 42px; font-weight: bold; }
.mt05 .more { width: 567px; height: 140px; display: block; margin: auto; padding-top: 36px; padding-left: 585px; }

/* ------------------------------------------------  Wood Moderna ---------------------------------------------- */
.md03 { width: 100%; height: 868px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/md03.jpg) center no-repeat; }
.md03 .info { width: 1142px; height: 80px; display: block; margin: auto; padding-top: 578px; text-align: center; line-height: 40px; font-size: 20px; color: #ffffff; }
.md03 .info label { font-size: 20px; font-weight: bold; }
.md04 { width: 100%; height: 866px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/md04.jpg) center no-repeat; }
.md04 .info { width: 1052px; height: 120px; display: block; margin: auto; padding-top: 558px; font-size: 35px; color: #ffffff; }
.md04 .info label { font-size: 35px; font-weight: bold; }
.md04 .more { width: 1052px; height: 120px; display: block; margin: auto; padding-top: 66px; }
.md04 .more a { font-size: 18px; color: #ffff00; }
.md04 .more a:hover { text-decoration: underline; }

/* ------------------------------------------------  Wood Nafore ---------------------------------------------- */
.na01 { width: 100%; height: 869px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/na01.jpg) center no-repeat; }
.na01 .info { width: 1200px; height: 552px; display: block; margin: auto; text-align: center; }
.na01 .info .block { width: 342px; height: 552px; float: left; }
.na01 .info .block .title { width: 342px; height: 75px; float: left; margin-top: 97px; }
.na01 .info .block .title .tcn { width: 293px; height: 50px; float: left; font-size: 38px; color: #ffffff; font-weight: bold; text-align: left; padding-left: 49px; }
.na01 .info .block .title .ten { width: 293px; height: 25px; float: left; font-size: 13px; color: #ffffff; text-align: left; padding-left: 49px; }
.na01 .info .block .desc { width: 236px; height: 320px; float: left; margin-top: 22px; text-align: left; padding-left: 49px; font-size: 18px; color: #ffffff; line-height: 35px; text-align: justify; }

.na02 { width: 100%; height: 869px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/na02.jpg) center no-repeat; }
.na02 .info { width: 1200px; height: 552px; display: block; margin: auto; text-align: center; }
.na02 .info .block { width: 342px; height: 552px; float: right; }
.na02 .info .block .title { width: 342px; height: 75px; float: left; margin-top: 97px; }
.na02 .info .block .title .tcn { width: 293px; height: 50px; float: left; font-size: 38px; color: #000000; font-weight: bold; text-align: left; padding-left: 49px; }
.na02 .info .block .title .ten { width: 293px; height: 25px; float: left; font-size: 11px; color: #000000; text-align: left; padding-left: 52px; }
.na02 .info .block .desc { width: 236px; height: 320px; float: left; margin-top: 22px; text-align: left; padding-left: 49px; font-size: 18px; color: #000000; line-height: 35px; text-align: justify; }

.na03 { width: 100%; height: 869px; display: block; margin: auto; display: block; background: url(/suna/lvUpload/images/na03.jpg) center no-repeat; }
.na03 .info { width: 1200px; height: 135px; display: block; margin: auto; text-align: center; padding-top: 576px; }
.na03 .info p.desc { width: 1200px; height: 80px; text-align: center; margin: auto; font-size: 24px; color: #000000; line-height: 30px; }
.na03 .info p.desc label { font-size: 24px; font-weight: bold; }
.na03 .info p.link { width: 692px; height: 52px; padding-left: 508px; display: block; margin: auto; }
.na03 .info p.link a { width: 184px; height: 52px; display: block; }


/* ------------------------------------------------  Wood NaforeFloor ---------------------------------------------- */
.lib { width: 1200px; height: auto!important; height: 100px; min-height: 100px; margin: auto; margin-top: 40px; }
.lib ul.linav { width: 1200px; height: 42px; float: left; border-bottom: 1px solid #E7E7E9; box-sizing: border-box; list-style: none; }
.lib ul.linav li { width: 175px; height: 42px; line-height: 42px; float: left; background: #EEEEEE; float: left; margin-right: 8px; text-align: center; color: #0d8d30; font-size: 22px; cursor: pointer; }
.lib ul.linav li.cur { background: #267853; color: #ffffff; font-weight: bold; }

.lib .items { width: 1162px; height: auto!important; height: 200px; min-height: 200px; float: left; margin-left: 19px; }
.lib .items .item { width: 1162px; height: auto!important; height: 200px; min-height: 200px; float: left; }
.lib .items .item .title { width: 1162px; height: 35px; line-height: 35px; float: left; margin: 30px 0px 30px 10px; text-align: left; color: #000; font-size: 26px; font-weight: bold; }
.lib .items .item ul.desc { width: 1162px; height: auto!important; height: 200px; min-height: 200px; list-style: none; }
.lib .items .item ul.desc li { width: 367px; height: 250px; margin: 10px; float: left; overflow: hidden; }
.lib .items .item ul.desc li .img { width: 367px; height: 250px; float: left; cursor: pointer; }
.lib .items .item ul.desc li .img img { width: 367px; height: auto; transition: width 0.5s; -moz-transition: width 0.5s; /* Firefox 4 */ -webkit-transition: width 0.5s; /* Safari and Chrome */ -o-transition: width 0.5s; /* Opera */ }
.lib .items .item ul.desc li .img:hover img { width: 397px; height: auto; }

/*.lib .items .item ul.desc li .img { width:367px; height:250px; float:left; margin-top:8px; overflow: hidden; position: relative;}
.lib .items .item ul.desc li .img:hover img { width:397px; }
.lib .items .item ul.desc li .img { width:367px; height:auto; -webkit-transition: width 0.5s; /* scale(x) wirkt schwammig und im Safari 7 flickert die Bildunterschrift  transition: width 0.5s; }*/

.lib .items .item ul.desc li .txt { width: 367px; height: 41px; float: left; margin-top: -41px; background: url(/suna/lvUpload/images/lib01.png) center no-repeat; cursor: pointer; }
.lib .items .item ul.desc li .txt .lb { width: 67px; height: 41px; line-height: 41px; float: left; margin-left: 10px; font-size: 16px; color: #000; font-weight: bold; text-align: left; cursor: pointer; }
.lib .items .item ul.desc li .txt .rb { width: 280px; height: 41px; line-height: 41px; float: right; margin-right: 10px; font-size: 16px; color: #000; text-align: right; cursor: pointer; }

.lib02 { width: 100%; height: 550px; display: block; margin: 85px auto auto auto; background: url(/suna/lvUpload/images/lib02.jpg) center no-repeat; }
.lib02 .info { width: 1200px; height: 164px; display: block; margin: auto; padding-top: 244px; text-align: center; }
.lib02 .info .title { width: 1200px; height: 65px; line-height: 65px; float: left; font-size: 46px; color: #fff; font-weight: bold; }
.lib02 .info .desc { width: 1200px; height: 74px; line-height: 37px; float: left; margin-top: 25px; font-size: 20px; color: #fff; }

.lib03 { width: 100%; height: 2200px; display: block; margin: auto; background: #267852; }
.lib03 .lib03a { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/lib03.jpg) center no-repeat; }
.lib03 .lib03a .info { width: 517px; height: 416px; display: block; margin: auto; padding-top: 124px; padding-left: 683px; text-align: left; }
.lib03 .lib03a .info .title { width: 517px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.lib03 .lib03a .info .title label { font-size: 37px; font-weight: bold; }
.lib03 .lib03a .info .desc { width: 517px; height: 320px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

.lib03 .lib03b { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/lib04.jpg) center no-repeat; }
.lib03 .lib03b .info { width: 1200px; height: 416px; display: block; margin: auto; padding-top: 124px; text-align: left; }
.lib03 .lib03b .info .title { width: 1200px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.lib03 .lib03b .info .title label { font-size: 37px; font-weight: bold; }
.lib03 .lib03b .info .desc { width: 1200px; height: 320px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

.lib03 .lib03c { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/lib05.jpg) center no-repeat; }
.lib03 .lib03c .info { width: 517px; height: 416px; display: block; margin: auto; padding-top: 124px; padding-left: 683px; text-align: left; }
.lib03 .lib03c .info .title { width: 517px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.lib03 .lib03c .info .title label { font-size: 37px; font-weight: bold; }
.lib03 .lib03c .info .desc { width: 517px; height: 320px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

.lib03 .lib03d { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/lib06.jpg) center no-repeat; }
.lib03 .lib03d .info { width: 1200px; height: 416px; display: block; margin: auto; padding-top: 124px; text-align: left; }
.lib03 .lib03d .info .title { width: 1200px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.lib03 .lib03d .info .title label { font-size: 37px; font-weight: bold; }
.lib03 .lib03d .info .desc { width: 1200px; height: 320px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

/* ------------------------------------------------  Wood ModernaSolidFloor ---------------------------------------------- */
.msf { width: 1200px; height: auto!important; height: 100px; min-height: 100px; margin: auto; margin-top: 40px; }
.msf ul.linav { width: 1200px; height: 42px; float: left; border-bottom: 1px solid #E7E7E9; box-sizing: border-box; list-style: none; }
.msf ul.linav li { width: 225px; height: 42px; line-height: 42px; float: left; background: #EEEEEE; float: left; margin-right: 17px; text-align: center; color: #132e59; font-size: 22px; cursor: pointer; }
.msf ul.linav li.cur { background: #132E59; color: #ffffff; font-weight: bold; }
.msf .items { width: 1206px; height: auto!important; height: 200px; min-height: 200px; float: left; margin: 80px auto auto auto; }
.msf .items .item { width: 1206px; height: auto!important; height: 200px; min-height: 200px; float: left; }
.msf .items .item .title { width: 1206px; height: 35px; line-height: 35px; float: left; margin: 30px 0px 30px 10px; text-align: left; color: #000; font-size: 26px; font-weight: bold; }
.msf .items .item ul.desc { width: 1206px; height: auto!important; height: 200px; min-height: 200px; list-style: none; }
.msf .items .item ul.desc li { width: 395px; height: 265px; margin: 0px 3px; margin-bottom: 34px; float: left; }
.msf .items .item ul.desc li .img { width: 395px; height: 234px; float: left; cursor: pointer; overflow: hidden; }
.msf .items .item ul.desc li .img img { width: 395px; height: auto; transition: width 0.5s; -moz-transition: width 0.5s; /* Firefox 4 */ -webkit-transition: width 0.5s; /* Safari and Chrome */ -o-transition: width 0.5s; /* Opera */ }
.msf .items .item ul.desc li .img:hover img { width: 425px; height: auto; }

.msf .items .item ul.desc li .txt { width: 395px; height: 30px; float: left; background: #F4F4F4; cursor: pointer; }
.msf .items .item ul.desc li .txt .lb { width: 75px; height: 30px; line-height: 30px; float: left; margin-left: 25px; font-size: 16px; color: #000; font-weight: bold; text-align: left; cursor: pointer; }
.msf .items .item ul.desc li .txt .rb { width: 270px; height: 30px; line-height: 30px; float: right; margin-right: 25px; font-size: 16px; color: #000; text-align: right; cursor: pointer; }

.msf01 { width: 100%; height: 550px; display: block; margin: 50px auto auto auto; background: url(/suna/lvUpload/images/msf01.jpg) center no-repeat; }
.msf01 .info { width: 517px; height: 416px; display: block; margin: auto; padding-top: 200px; padding-left: 663px; text-align: left; }
.msf01 .info .title { width: 517px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.msf01 .info .title label { font-size: 37px; font-weight: bold; }
.msf01 .info .desc { width: 517px; height: 250px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

.msf02 { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/msf02.jpg) center no-repeat; }
.msf02 .info { width: 1200px; height: 416px; display: block; margin: auto; padding-top: 200px; text-align: left; }
.msf02 .info .title { width: 1200px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.msf02 .info .title label { font-size: 37px; font-weight: bold; }
.msf02 .info .desc { width: 1200px; height: 250px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

.msf03 { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/msf03.jpg) center no-repeat; }
.msf03 .info { width: 517px; height: 416px; display: block; margin: auto; padding-top: 200px; padding-left: 663px; text-align: left; }
.msf03 .info .title { width: 517px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.msf03 .info .title label { font-size: 37px; font-weight: bold; }
.msf03 .info .desc { width: 517px; height: 250px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

.msf04 { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/msf04.jpg) center no-repeat; }
.msf04 .info { width: 1200px; height: 416px; display: block; margin: auto; padding-top: 200px; text-align: left; }
.msf04 .info .title { width: 1200px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.msf04 .info .title label { font-size: 37px; font-weight: bold; }
.msf04 .info .desc { width: 1200px; height: 250px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

.msflinks { width: 1140px; height: 710px; display: block; margin: auto; }
.msflinks .ml { width: 560px; height: 450px; float: left; margin: 80px 0px 0px 0px; }
.msflinks .mr { width: 560px; height: 450px; float: left; margin: 80px 0px 0px 20px; }

/* ------------------------------------------------  Wood ModernaFloor ---------------------------------------------- */
.mf { width: 1200px; height: auto!important; height: 100px; min-height: 100px; margin: auto; margin-top: 40px; }
.mf ul.linav { width: 1200px; height: 42px; float: left; border-bottom: 1px solid #E7E7E9; box-sizing: border-box; list-style: none; }
.mf ul.linav li { width: 175px; height: 42px; line-height: 42px; float: left; background: #EEEEEE; float: left; margin-right: 17px; text-align: center; color: #132e59; font-size: 22px; cursor: pointer; }
.mf ul.linav li.cur { background: #132E59; color: #ffffff; font-weight: bold; }

.mf .items { width: 1200px; height: auto!important; height: 200px; min-height: 200px; float: left; margin: 40px auto auto auto; }
.mf .items .item { width: 1200px; height: auto!important; height: 200px; min-height: 200px; float: left; }
.mf .items .item ul.desc { width: 1200px; height: auto!important; height: 200px; min-height: 200px; list-style: none; }
.mf .items .item ul.desc li { width: 513px; height: 112px; margin-bottom: 20px; float: left; }
.mf .items .item ul.desc li.rt { margin-left: 172px; }
.mf .items .item ul.desc li .img { width: 513px; height: 82px; float: left; cursor: pointer; overflow: hidden; }
.mf .items .item ul.desc li .img img { width: 513px; height: auto; transition: width 0.5s; -moz-transition: width 0.5s; /* Firefox 4 */ -webkit-transition: width 0.5s; /* Safari and Chrome */ -o-transition: width 0.5s; /* Opera */ }
.mf .items .item ul.desc li .img:hover img { width: 543px; height: auto; }

.mf .items .item ul.desc li .txt { width: 513px; height: 30px; float: left; background: #F4F4F4; cursor: pointer; }
.mf .items .item ul.desc li .txt .lb { width: 81px; height: 30px; line-height: 30px; float: left; margin-left: 16px; font-size: 16px; color: #000; font-weight: bold; text-align: left; cursor: pointer; }
.mf .items .item ul.desc li .txt .rb { width: 400px; height: 30px; line-height: 30px; float: right; margin-right: 16px; font-size: 16px; color: #000; text-align: right; cursor: pointer; }

.mf01 { width: 100%; height: 1100px; display: block; margin: 160px auto auto auto; background: url(/suna/lvUpload/images/mf01.jpg) center no-repeat; }
.mf01 .info { width: 1200px; height: 164px; display: block; margin: auto; padding-top: 239px; text-align: center; }
.mf01 .info .title { width: 1200px; height: 50px; line-height: 50px; float: left; font-size: 30px; color: #000; font-weight: bold; }
.mf01 .info .desc { width: 1200px; height: 45px; line-height: 45px; float: left; margin-top: 10px; font-size: 20px; color: #000; }

.mf02 { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/mf02.jpg) center no-repeat; }
.mf02 .info { width: 537px; height: 416px; display: block; margin: auto; padding-top: 169px; padding-left: 669px; text-align: left; }
.mf02 .info .title { width: 537px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.mf02 .info .title label { font-size: 37px; font-weight: bold; }
.mf02 .info .desc { width: 537px; height: 320px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

.mf03 { width: 100%; height: 550px; display: block; margin: auto; background: url(/suna/lvUpload/images/mf03.jpg) center no-repeat; }
.mf03 .info { width: 1200px; height: 416px; display: block; margin: auto; padding-top: 169px; text-align: left; }
.mf03 .info .title { width: 1200px; height: 51px; line-height: 51px; float: left; font-size: 37px; color: #fff; }
.mf03 .info .title label { font-size: 37px; font-weight: bold; }
.mf03 .info .desc { width: 1200px; height: 320px; line-height: 30px; float: left; margin-top: 29px; font-size: 16px; color: #fff; text-align: justify; }

/* ------------------------------------------------  WE BQ ---------------------------------------------- */
.bq03 { width: 100%; height: 867px; display: block; margin: 30px auto auto auto; background: url(/suna/lvUpload/images/bq03.jpg) center no-repeat; }
.bq03 .info { width: 1200px; height: 141px; line-height: 47px; display: block; margin: auto; padding-top: 258px; text-align: center; font-size: 25px; color: #fff; }
.bq03 .info label { font-size: 25px; font-weight: bold; }

.bq04 { width: 100%; height: 869px; display: block; margin: auto; background: url(/suna/lvUpload/images/bq04.jpg) center no-repeat; }
.bq04 .info { width: 1200px; height: 144px; display: block; margin: auto; padding-top: 348px; }
.bq04 .info p { width: 540px; height: 144px; float: left; line-height: 48px; font-size: 22px; padding-left: 710px; text-align: left; font-size: 22px; color: #000; }

.bq05 { width: 100%; height: 869px; display: block; margin: auto; background: url(/suna/lvUpload/images/bq05.jpg) center no-repeat; }
.bq05 .info { width: 1200px; height: 140px; line-height: 60px; display: block; margin: auto; padding-top: 446px; text-align: center; font-size: 24px; color: #000; }
.bq05 .info label { font-size: 25px; font-weight: bold; }

/* ------------------------------------------------  WE BQ BQPPR ---------------------------------------------- */
.ppr { width: 1200px; height: auto!important; height: 100px; min-height: 100px; margin: auto; margin-top: 40px; }
.ppr ul.linav { width: 1200px; height: 42px; float: left; border-bottom: 1px solid #E7E7E9; box-sizing: border-box; list-style: none; }
.ppr ul.linav li { width: 175px; height: 42px; line-height: 42px; float: left; background: #EEEEEE; float: left; margin-right: 17px; text-align: center; color: #0d8d30; font-size: 22px; cursor: pointer; }
.ppr ul.linav li.cur { background: #0D8D30; color: #ffffff; font-weight: bold; }

.ppr .items .ppr_title { width: 1200px; height: 30px; line-height: 30px; float: left; margin: 30px auto auto auto; text-align: center; color: #0d8d30; font-size: 24px; }
.ppr .items .ppr_img1 { width: 674px; height: 77px; float: left; margin: 50px auto auto 255px; }
.ppr .items .ppr_img1 img { width: 674px; height: 77px; }
.ppr .items .ppr_img2 { width: 637px; height: 236px; float: left; margin: 80px auto auto 270px; }
.ppr .items .ppr_img2 img { width: 637px; height: 236px; }

.ppr .items .pleft { float: left; }
.ppr .items .pright { float: right; }
.ppr .items .point { width: 38px; height: 219px; margin-top: 181px; }
.ppr .items .point img { width: 38px; height: 38px; cursor: pointer; }

.ppr .items .item { width: 1098px; height: 400px; float: left; margin: 55px auto auto 10px; position: relative; overflow: hidden; }
.ppr .items .item .desc { width: 3380px; height: 400px; float: left; list-style: none; position: absolute; left: 0px; }
.ppr .items .item .desc li { width: 260px; height: 400px; float: left; margin: 0px 7px; background: #F8F8F8; }
.ppr .items .item .desc li .title { width: 260px; height: 36px; line-height: 36px; float: left; margin-top: 25px; text-align: center; font-size: 18px; color: #0d8d30; font-weight: bold; }
.ppr .items .item .desc li .brief { width: 260px; height: 70px; line-height: 22px; float: left; text-align: center; font-size: 16px; color: #515151; }
.ppr .items .item .desc li .img { width: 260px; height: 165px; float: left; text-align: center; overflow: hidden; position: relative; }
.ppr .items .item .desc li .img:hover img { width: 280px; }
.ppr .items .item .desc li .img img { width: 260px; height: auto; -webkit-transition: width 0.5s; /* scale(x) wirkt schwammig und im Safari 7 flickert die Bildunterschrift */ transition: width 0.5s; }
.ppr .items .item .desc li .attr { width: 240px; height: 92px; float: left; background: #0D8D30; color: #ffffff; line-height: 25px; font-size: 16px; padding: 12px 0px 0px 20px; }
.ppr .items .item .desc li .attr3 { width: 255px; padding-left: 5px; }

.ppr01 { width: 100%; height: 720px; display: block; margin: 100px auto auto auto; background: url(/suna/lvUpload/images/ppr01.jpg) center no-repeat; }
.ppr01 .info { width: 1200px; height: 255px; display: block; margin: auto; padding-top: 326px; }
.ppr01 .info .title { width: 505px; height: 120px; float: left; padding-left: 695px; font-size: 37px; color: #fff; line-height: 50px; }
.ppr01 .info .title label.green { font-size: 37px; color: #0d8d30; }
.ppr01 .info .title label.yellow { font-size: 37px; color: #ffd833; }
.ppr01 .info .desc { width: 495px; height: 135px; float: left; padding-left: 705px; font-size: 18px; color: #fff; line-height: 40px; }

.ppr02 { width: 100%; height: 720px; display: block; margin: auto auto auto auto; background: url(/suna/lvUpload/images/ppr02.jpg) center no-repeat; }
.ppr02 .info { width: 1200px; height: 130px; display: block; margin: auto; padding-top: 148px; }
.ppr02 .info .title { width: 400px; height: 130px; line-height: 55px; float: left; margin: auto; padding-left: 180px; font-size: 35px; font-weight: bold; }
.ppr02 .info .title label { font-size: 35px; color: #0d8d30; }
.ppr02 .info .desc { width: 600px; height: 130px; padding-top: 15px; display: block; float: left; margin: auto; font-size: 16px; padding-left: 0px; color: #000; line-height: 30px; }

.ppr03 { width: 100%; height: 723px; display: block; margin: auto auto auto auto; background: url(/suna/lvUpload/images/ppr03.jpg) center no-repeat; }
.ppr03 .info { width: 1200px; height: 185px; display: block; margin: auto; padding-top: 150px; }
.ppr03 .info .title { width: 814px; height: 80px; float: left; margin-left: 386px; font-size: 42px; line-height: 80px; }
.ppr03 .info .title label { font-weight: bold; font-size: 42px; }
.ppr03 .info .desc { width: 814px; height: 90px; float: left; margin-left: 386px; font-size: 18px; line-height: 30px; }

.ppr04 { width: 100%; height: 724px; display: block; margin: auto auto auto auto; background: url(/suna/lvUpload/images/ppr04.jpg) center no-repeat; }
.ppr04 .info { width: 1200px; height: 90px; display: block; margin: auto; padding-top: 317px; }
.ppr04 .info .one { width: 186px; height: 90px; float: left; }
.ppr04 .info .one .title { width: 186px; height: 45px; float: left; font-size: 35px; color: #000; line-height: 35px; }
.ppr04 .info .one .desc { width: 186px; height: 12px; float: left; font-size: 12px; color: #000; line-height: 20px; }
.ppr04 .info .one .brief { width: 186px; height: 25px; float: left; font-size: 16px; color: #000; line-height: 40px; color: #0d8d30; }


/* ------------------------------------------------  Paint Interior ---------------------------------------------- */
.pi01 { width: 1200px; height: auto!important; height: 500px; min-height: 500px; margin: auto; }
.pi01 .cl_select { width: 1200px; height: auto!important; height: 748px; min-height: 748px; float: left; }
.pi01 .cl_select .imglist { width: 1196px; height: 780px; float: left; margin: 45px 0px 0px 0px; }
.pi01 .cl_select .imglist li { width: 191px; height: 129px; float: left; margin: 0px 10px 66px 0px; }
.pi01 .cl_select .imglist li.last { margin-right: 0px; }
.pi01 .cl_select .imglist li .img { width: 191px; height: 129px; float: left; }
.pi01 .cl_select .imglist li .img img { width: 191px; height: 129px; cursor: pointer; }
.pi01 .cl_select .imglist li .txt { width: 191px; height: 129px; line-height: 129px; float: left; margin-top: -129px; cursor: pointer; color: #393939; font-size: 16px; font-weight: bold; text-align: center; display: none; }

.showdesc { width: 1200px; height: 579px; display: block; display: none; }
.showdesc .showinfo { width: 318px; height: 541px; float: left; padding: 38px 0px 0px 40px; }
.showdesc .showinfo p { font-size: 16px; color: #ffffff; line-height: 26px; }
.showdesc .showinfo p strong { font-size: 16px; color: #ffffff; line-height: 26px; }

.cl_select .colors { width: 1200px; height: 624px; float: left; margin-top: 44px; }
.cl_select .colors .colorimg { width: 392px; height: 624px; float: left; }
.cl_select .colors .colorimg a { width: 392px; height: 129px; margin-bottom: 36px; float: left; }
.cl_select .colors .colorimg a.last { margin-bottom: 0px; }

.cl_select .colors .colorlist { width: 801px; height: 624px; float: left; }
.cl_select .colors .colorlist .swfcolorfield { width: 81px; height: 24px; float: left; position: relative; margin: 1px 0px 1px 8px; background: #c4c4c4; cursor: pointer; }
.cl_select .colors .colorlist span { width: 121px; height: 60px; line-height: 50px; display: none; color: #000; font-family: "微软雅黑"; text-align: center; position: relative; top: -18px; left: 20px; z-index: 1; float: right; overflow: hidden; cursor: pointer; background: #fff; border: 2px solid #CCCCCC; box-sizing: border-box; }
.cl_select .colors .colorlist span a { width: 111px; height: 50px; float: left; margin: 3px; text-decoration: none; }

.pi02 { width: 100%; height: 869px; display: block; margin: auto; background: url(/suna/lvUpload/images/pi02.jpg) center no-repeat; }
.pi02 .piinfo { width: 281px; height: 52px; display: block; margin: auto; padding-top: 418px; padding-left: 919px; }
.pi02 .piinfo a { width: 184px; height: 52px; display: block; }

/*.pi03 .fr { width:256px; height:300px; float:left; margin-right:58px; }
.pi03 .fr .img { width:256px; height:230px; float:left; }
.pi03 .fr .img img { width:256px; height:230px; }
.pi03 .fr .hr01 { width:256px; height:35px; line-height:40px; float:left; text-align:center; font-size:16px; color:#1b1b1b; font-weight:bold; }
.pi03 .fr .hr02 { width:256px; height:35px; line-height:25px; float:left; text-align:center;  font-size:16px; color:#c1a362; }
.pi03 .last { margin-right:0px; }

.pi03 .se { width:270px; height:300px; float:left; margin:40px 0px 0px 0px; }
.pi03 .se .img { width:270px; height:230px; float:left; }
.pi03 .se .img img { width:270px; height:230px; }
.pi03 .se .hr01 { width:270px; height:35px; line-height:40px; float:left; text-align:center; font-size:16px; color:#1b1b1b; font-weight:bold; }
.pi03 .se .hr02 { width:270px; height:35px; line-height:25px; float:left; text-align:center;  font-size:16px; color:#c1a362; }*/

.pi03 { width: 1200px; height: 330px; margin: auto; }
.pi03 .pro { width: 270px; height: 300px; float: left; margin: 0px 40px 0px 0px; cursor: pointer; }
.pi03 .last { margin-right: 0px; }
.pi03 .pro .img { width: 270px; height: 230px; float: left; }
.pi03 .pro .img img { width: 270px; height: 230px; }
.pi03 .pro .hr01 { width: 270px; height: 35px; line-height: 40px; float: left; text-align: center; font-size: 16px; color: #1b1b1b; font-weight: bold; }
.pi03 .pro .hr02 { width: 270px; height: 35px; line-height: 25px; float: left; text-align: center; font-size: 16px; color: #c1a362; }



/* ------------------------------------------------  Paint Trendfarben ---------------------------------------------- */
.tf00 { width: 1200px; height: 380px; margin: auto; display: block; }
.tf00 .img { width: 290px; height: 276px; float: left; margin: 47px 0px 0px 125px; }
.tf00 .txt { width: 440px; height: 276px; float: left; margin: 47px 0px 0px 150px; }
.tf00 .txt .title { width: 440px; height: 54px; float: left; }
.tf00 .txt .tim { width: 288px; height: 28px; float: left; background: #C0A361; margin-top: 3px; font-size: 18px; color: #000; padding-left: 12px; }
.tf00 .txt .tim label { font-size: 18px; color: #fff; font-weight: bold; }
.tf01 { width: 100%; height: 586px; display: block; margin: auto; background: url(/suna/lvUpload/images/tf01.jpg) center no-repeat; }
.tf02 { width: 100%; height: 505px; display: block; margin: auto; background: url(/suna/lvUpload/images/tf02.jpg) center no-repeat; margin-top: 80px; }
.tf03 { width: 100%; height: 869px; display: block; margin: auto; background: url(/suna/lvUpload/images/tf03.jpg) center no-repeat; }
.tf03 .piinfo { width: 1162px; height: 52px; display: block; margin: auto; padding-top: 474px; padding-left: 38px; }
.tf03 .piinfo a { width: 184px; height: 52px; display: block; }




/* ------------------------------------------------  Wood Duty ---------------------------------------------- */
.dt01 { width: 100%; height: 722px; display: block; margin: auto; background: #FCFCFA; }
.dt01 .dtbk { width: 1200px; height: 722px; display: block; margin: auto; background: url(/suna/lvUpload/images/dt01.jpg) left no-repeat; }
.dt01 .dtbk .title { width: 610px; height: 65px; float: right; font-size: 35px; line-height: 65px; color: #000; text-align: left; margin-top: 200px; }
.dt01 .dtbk .title label { font-size: 35px; line-height: 65px; color: #000; font-weight: bold; }
.dt01 .dtbk .desc { width: 610px; height: 192px; float: right; font-size: 16px; color: #000; line-height: 25px; margin-top: 24px; text-align: justify; }

.dt02 { width: 100%; height: 723px; display: block; margin: auto; background: url(/suna/lvUpload/images/dt02.jpg) center no-repeat; }
.dt02 .dtbk { width: 1200px; height: 146px; display: block; margin: auto; padding-top: 412px; }
.dt02 .dtbk .title { width: 362px; height: 146px; float: left; font-size: 45px; line-height: 45px; color: #010101; text-align: right; }
.dt02 .dtbk .desc { width: 766px; height: 146px; line-height: 28px; float: left; padding-left: 72px; font-size: 17px; color: #000; }

.dt03 { width: 100%; height: 723px; display: block; margin: auto; background: url(/suna/lvUpload/images/dt03.jpg) center no-repeat; }
.dt03 .title { width: 100%; height: 60px; line-height: 60px; display: block; margin: auto; text-align: center; padding-top: 198px; color: #fff; font-size: 38px; }
.dt03 .desc { width: 100%; height: 90px; line-height: 40px; display: block; margin: auto; text-align: center; padding-top: 230px; color: #fff; font-size: 18px; }

.dt04 { width: 1200px; height: 1078px; display: block; margin: auto; }
.dt04 .title { width: 1200px; height: 50px; line-height: 50px; display: block; margin: auto; text-align: center; font-size: 30px; font-weight: bold; padding-top: 115px; }
.dt04 .list { width: 1200px; height: 700px; display: block; margin: auto; padding-top: 65px; list-style: none; }
.dt04 .list li { width: 234px; height: 312px; float: left; margin-right: 7px; margin-bottom: 38px; }
.dt04 .list li.last { margin-right: 0px; }
.dt04 .list li .frt { width: 234px; height: 312px; float: left; cursor: pointer; border: 1px solid #E6E6E6; box-sizing: border-box; }
.dt04 .list li .frt .img { width: 230px; height: 230px; float: left; margin: 1px 0px 0px 1px; }
.dt04 .list li .frt .img img { width: 230px; height: 230px; }
.dt04 .list li .frt .txt { width: 230px; height: 45px; line-height: 45px; float: left; margin: 0px; text-align: center; font-size: 18px; color: #000; }

.dt04 .list li .bak { width: 234px; height: 312px; float: left; cursor: pointer; background: #132e59; display: none; }
.dt04 .list li .bak .title { width: 234px; height: 30px; line-height: 30px; float: left; margin-top: 25px; padding-top: 0px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; }
.dt04 .list li .bak .desc { width: 195px; height: 280px; line-height: 22px; float: left; margin-left: 22px; margin-top: 15px; font-size: 14px; color: #fff; text-align: justify; }


/* ------------------------------------------------  Product List ---------------------------------------------- */
.pros { width: 1200px; height: auto!important; height: 500px; min-height: 500px; margin: 204px auto auto auto; }
.pros .pnav { width: 270px; height: auto!important; height: 500px; min-height: 500px; float: left; margin-top: 52px; }
.pros .pnav .title { width: 270px; height: 34px; line-height: 34px; float: left; background: #303030; text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; }
.pros .pnav .pnavlist { width: 270px; height: auto!important; height: 500px; min-height: 500px; float: left; margin-top: 22px; }
.pros .pnav .pnavlist .items { width: 270px; height: auto!important; height: 50px; min-height: 50px; float: left; margin-bottom: 60px; }
.pros .pnav .pnavlist .items .menu { width: 250px; height: 50px; line-height: 50px; float: left; padding-left: 20px; border-top: 2px solid #CDCDCD; }
.pros .pnav .pnavlist .items .menu a { width: 250px; height: 50px; float: left; font-size: 14px; color: #434343; font-weight: bold; }
.pros .pnav .pnavlist .items .submenu { width: 270px; height: auto!important; height: 50px; min-height: 50px; line-height: 50px; float: left; border-top: 1px solid #E9E9E9; }
.pros .pnav .pnavlist .items .submenu .subtitle { width: 250px; height: 50px;line-height: 50px; float: left; padding-left: 20px; font-size: 14px; color: #434343; font-weight: bold; background: url(/suna/lvUpload/images/bg_pro.jpg) 245px 25px no-repeat; }
.pros .pnav .pnavlist .items .submenu .subitem { width: 270px; line-height: 50px; float: left; float:left; display:none; }
.pros .pnav .pnavlist .items .submenu .subitem .pitem { width: 250px; height: 50px; line-height: 50px; float: left; padding-left:20px; border-top: 1px solid #E9E9E9; }
.pros .pnav .pnavlist .items .submenu .subitem .pitem.cur a { color:red; }
.pros .pnav .pnavlist .items .submenu .subitem .pitem a { width: 250px; height: 50px; float: left; font-size: 14px; color: #434343; }
.pros .pnav .pnavlist .items .submenu .subitem .pitem a:hover { color: red; }

/*.pros .pnav .pnavlist .items .item { width: 250px; height: 50px; line-height: 50px; float: left; padding-left: 20px; border-top: 1px solid #E9E9E9; }
.pros .pnav .pnavlist .items .item a { width: 250px; height: 50px; float: left; font-size: 14px; color: #434343; }*/

.pros .brand { width: 886px; height: 127px; border: 1px solid #CDCDCD; float: left; margin-top: 52px; margin-left: 42px; }
.pros .brand .btitle { width: 60px; height: 55px; float: left; color: #303030; font-size: 16px; margin: 22px 0px 0px 22px; background: url(/suna/lvUpload/images/bg_probrand.jpg) 38px 11px no-repeat; }

/*120 80  94px; height: 55px;     67px  750px  12 */ 
.pros .brand .bitems { width: 750px; height: 85px; float: left; margin: 22px 0px 10px 0px; overflow: hidden; }
.pros .brand .bitems li { width: 120px; height: 80px; float: left; margin: 0px 3px 5px 0px; border:1px solid #E4E3E3; }
.pros .brand .bitems li.all { width: 120px; height: 80px; text-align:center; float: left; }
.pros .brand .bitems li.cur, .pros .brand .bitems li:hover { border:1px solid #212224; }
.pros .brand .bitems li a { width: 120px; height: 80px; line-height:80px; float: left; color:#292B2C; }
.pros .brand .bitems li a img { width: 120px; height: 80px; border: 0px; }

.pros .brand .bbtn { width: 31px; height: 31px; float: left; margin: 22px 0px 0px 12px; background: url(/suna/lvUpload/images/pro01.jpg) no-repeat; }

.pros .list { width: 908px; height: auto!important; height: 304px; min-height: 304px; float: left; margin-top: 21px; margin-left: 22px; }
.pros .list .item { width: 205px; height: 304px; margin-left: 22px; margin-bottom: 45px; float: left; }
.pros .list .item .img { width: 205px; height: 202px; float: left; border:1px solid #EEEEEE; box-sizing:border-box; }
.pros .list .item .img img { width: 200px; height: 172px; float:left; margin-left:1px; margin-top:14px; }
.pros .list .item .thumimg { width: 123px; height: 40px; float: left; margin-top: 6px; }
.pros .list .item .thumimg .smimg { width: 40px; height: 40px; float: left; margin-right: 1px; cursor: pointer;border:1px solid #EEEEEE; box-sizing:border-box; }
.pros .list .item .thumimg .smimg.cur { border-color:red; }
.pros .list .item .thumimg .smimg img { width: 38px; height: 38px; }
.pros .list .item .price { width: 79px; height: 40px; line-height: 40px; text-align: right; float: left; margin-top: 6px; font-size: 14px; color: #7e883a; }
.pros .list .item .name { width: 204px; height: 18px; line-height: 18px; text-align: left; font-size: 14px; float: left; margin-top: 18px; font-weight:bold; }
.pros .list .item .name a { font-size: 14px; color: #303030; }
.pros .list .item .name a:hover { text-decoration: underline; }
.pros .list .item .desc { width: 204px; height: 18px; line-height: 18px; text-align: left; font-size: 12px; float: left; margin-top:8px; }
.pros .list .item .desc a { font-size: 12px; color: #999999; }
.pros .list .item .desc a:hover { text-decoration: underline; }


.pros .pages { width: 888px; height: 30px; float: right; margin: 50px 0px 100px 22px; }
.pros .pages li { width: 30px; height: 30px; float: left; border: 1px solid #CDCDCD; box-sizing: border-box; margin-right: 10px; }
.pros .pages li a { width: 30px; height: 30px; line-height: 30px; float: left; text-align: center; color: #303030; }
.pros .pages li.chge { width: 60px; float: left; }
.pros .pages li.chge a { width: 60px; float: left; }
.pros .pages li a:hover { border: 0px; background: #7e883a; color: #fff; }
.pros .pages li.cur { border: 0px; background: #7e883a; color: #fff; }
.pros .pages li.cur a { color: #fff; }

/* ------------------------------------------------  Product Item ---------------------------------------------- */
.proitem { width: 1200px; height: auto!important; height: 500px; min-height: 500px; margin: 55px auto auto auto; }
.proitem .attr { width: 1110px; height: 630px; margin: auto auto auto 42px; }
.proitem .attr .impimg { width: 535px; height: 569px; float: left; }
.proitem .attr .impimg .bigimg { width: 535px; height: 459px; float: left; border: 1px solid #F0F0F0; }
.proitem .attr .impimg .bigimg img { width: 535px; height: 459px; }
.proitem .attr .impimg .atimgs { width: 535px; height: 98px; float: left; margin-top: 10px; }
.proitem .attr .impimg .atimgs .atimg { width: 98px; height: 98px; float: left; margin-right: 11px; cursor: pointer; }
.proitem .attr .impimg .atimgs .atimg img { width: 98px; height: 98px; }
.proitem .attr .impimg .atimgs .last { margin-right: 0px; }

.proitem .imptxt { width: 450px; height: 630px; float: left; margin: auto auto auto 110px; }
.proitem .imptxt .at01 { width: 450px; height: 30px; line-height: 30px; font-size: 15px; float: left; color: #777777; }
.proitem .imptxt .at02 { width: 450px; height: 40px; line-height: 40px; font-size: 32px; float: left; color: #222222; }
.proitem .imptxt .at03 { width: 450px; height: 56px; line-height: 56px; font-size: 20px; float: left; color: #d7a95b; }
.proitem .imptxt .at04 { width: 450px; line-height: 30px; font-size: 14px; float: left; color: #777777; }
/*.proitem .imptxt .at04 label { color:#222222; }
.proitem .imptxt .at05 { width: 450px; height: 94px; float:left; margin-top:50px; }
.proitem .imptxt .at05 .title { width: 450px; height: 30px; line-height:30px; font-size:16px; float:left; color:#222222; }
.proitem .imptxt .at05 .imgs { width: 450px; height: 64px; float:left; }
.proitem .imptxt .at05 .imgs .imgitem { width:54px; height:54px; float:left; list-style:none; margin-right:14px; padding-top:5px; }
.proitem .imptxt .at05 .imgs .imgitem img { width:54px; height:54px; cursor:pointer; }*/
.proitem .imptxt .at06 { width: 450px; height: 40px; float: left; margin-top: 22px; }
.proitem .imptxt .at06 .title { width: 68px; height: 40px; line-height: 38px; float: left; font-size: 16px; color: #222222; }
.proitem .imptxt .at06 .nums { width: 68px; height: 40px; float: left; border: 1px solid #CACACA; }
.proitem .imptxt .at06 .nums input { width: 38px; height: 38px; line-height: 38px; text-align: center; float: left; font-size: 14px; color: #222222; border: 0px; }
.proitem .imptxt .at06 .nums span.adm { width: 28px; height: 40px; border: 0px; float: right; }
.proitem .imptxt .at06 .nums span.adm a { width: 28px; height: 18px; float: left; text-align: center; margin: 1px 0px; background: #F1F1F1; }
.proitem .imptxt .at07 { width: 450px; height: 43px; float: left; margin-top: 50px; }
.proitem .imptxt .at07 a { width: 157px; height: 43px; line-height:40px; text-align:center; font-size:16px; float: left; margin-right: 30px; }
.proitem .imptxt .at07 a.lt { color:#c27f06; background:url(/suna/lvUpload/images/btn_addshop.jpg) no-repeat; }
.proitem .imptxt .at07 a.rt { color:#ffffff; background:url(/suna/lvUpload/images/btn_addbuy.jpg) no-repeat; }
.proitem .imptxt .at08 { width: 450px; height: 32px; float: left; margin-top: 34px; }

.proitem .cont { width: 1200px; height: auto!important; height: 500px; min-height: 500px; margin: 50px auto auto auto; }
.proitem .cont .navtitle { width: 1200px; height: 33px; float: left; border-top: 1px solid #E9E9E9; padding-top: 22px; }
.proitem .cont .navtitle a { width: 94px; height: 33px; line-height: 33px; float: left; color: #222222; font-size: 14px; text-align: center; }
.proitem .cont .navtitle a:hover, .proitem .cont .navtitle a.cur { font-weight: bold; border-bottom: 1px solid #000; }
.proitem .cont .continfo { width: 1200px; height: auto!important; height: 450px; min-height: 450px; float: left; display: none; padding: 20px 0px; }
.proitem .cont .continfo p { font-size: 16px; line-height: 30px; }
.proitem .cont .cur { display: block; }


.proitem .cont .continfo .contitems { width: 1020px; height: auto!important; height: 304px; min-height: 304px; float: left; margin-top: 21px; margin-left: 90px; }
.proitem .cont .continfo .contitems .item { width: 205px; height: 304px; margin-left: 42px; margin-bottom: 45px; float: left; }
.proitem .cont .continfo .contitems .item .img { width: 205px; height: 202px; float: left; border:1px solid #EEEEEE; box-sizing:border-box; }
.proitem .cont .continfo .contitems .item .img img { width: 200px; height: 172px; float:left; margin:15px 0px 0px 1px; }
.proitem .cont .continfo .contitems .item .thumimg { width: 123px; height: 40px; float: left; margin-top: 6px; }
.proitem .cont .continfo .contitems .item .thumimg .smimg { width: 40px; height: 40px; float: left; margin-right: 1px; cursor: pointer;border:1px solid #EEEEEE; box-sizing:border-box; }
.proitem .cont .continfo .contitems .item .thumimg .smimg.cur { border-color:red; }
.proitem .cont .continfo .contitems .item .thumimg .smimg img { width: 38px; height: 38px; }
.proitem .cont .continfo .contitems .item .price { width: 79px; height: 40px; line-height: 40px; text-align: right; float: left; margin-top: 6px; font-size: 14px; color: #7e883a; }
.proitem .cont .continfo .contitems .item .name { width: 204px; height: 18px; line-height: 18px; text-align: left; font-size: 14px; float: left; margin-top: 18px; font-weight:bold; }
.proitem .cont .continfo .contitems .item .name a { font-size: 14px; color: #303030; }
.proitem .cont .continfo .contitems .item .name a:hover { text-decoration: underline; }
.proitem .cont .continfo .contitems .item .desc { width: 204px; height: 18px; line-height: 18px; text-align: left; font-size: 12px; float: left; margin-top:8px; }
.proitem .cont .continfo .contitems .item .desc a { font-size: 12px; color: #999999; }
.proitem .cont .continfo .contitems .item .desc a:hover { text-decoration: underline; }



/* ------------------------------------------------  Brand ---------------------------------------------- */
.brandinfo { width: 1200px; height: auto!important; height: 500px; min-height: 500px; margin: 122px auto 30px auto; }
.brandinfo p { font-size: 16px; line-height: 30px; }


/* ------------------------------------------------  Plus ---------------------------------------------- */
#magnifier { position: relative; width: 535px; height: 570px;  float:left; }
.small-box { position: relative; width: 535px; height: 460px; border: 1px solid #eee; }
.small-box img { width: 535px; height: 460px; display: block; }
.small-box .hoverbox { display: none; position: absolute; left: 0; top: 0; width: 100px; height: 100px; border: 1px solid #aaa; background: #ffffff; opacity: .5; filter: alpha(opacity: 50); cursor: move; }
.cang { position:absolute; top:10px; right:10px; width:40px; height:40px; display:block; z-index:10; }
.cang img { width:40px; height:40px; cursor:pointer; }
.thumbnail-box { width: 535px; height: 102px; float: left; margin-top: 10px; position: relative; overflow:hidden; }
.thumbnail-box .btn { position: absolute; top: 50%; width: 22px; height: 32px; margin-top: -16px; }
.thumbnail-box .list { overflow: hidden; width: 535px; margin: 0 auto; }
.thumbnail-box .wrapper { width: 100000px; }
.thumbnail-box .list .item { width: 98px; height: 84px; float: left; margin-right: 6px; border: 2px solid #fff; }
.thumbnail-box .list .item-cur { width: 98px; height: 84px; border: 2px solid #e53e41; }
.thumbnail-box .list .item img { width: 98px; height: 84px; }
.thumbnail-box .list .item-cur img { width: 98px; height: 84px; }
.big-box { display: none; overflow: hidden; position: absolute; left: 550px; top: 0; width: 540px; height: 540px; border: 1px solid #e4e4e4; }
.big-box img { display: block; }



/* ------------------------------------------------  Account ---------------------------------------------- */
/* ------------------------------------------------  Account Register ---------------------------------------------- */
.reg1 { width: 1200px; height: 340px; margin: 84px auto 84px auto; }
.reg1 a.left { width: 590px; height: 340px; float:left; }
.reg1 a.right { width: 590px; height: 340px; float:left; margin-left:20px; }
.reg1 a img { width: 590px; height: 340px; }

/* ------------------------------------------------  Inspiration ---------------------------------------------- */
.ins { width: 1155px; height: 546px; margin: 140px auto 120px auto; }
.ins .insnavs { width: 1155px; height: 546px; float:left; }
.ins .insnavs li { width: 367px; height: 250px; float:left; margin:0px 9px 23px 9px; }
.ins .insnavs li a {  }
.ins .insnavs li a img { width: 367px; height: 250px; }

/* ------------------------------------------------  Order ---------------------------------------------- */
.odn { width:100%; height:49px; margin:35px auto auto auto; padding-top:204px; background:url(/suna/lvUpload/images/bg_order.jpg) bottom repeat-x; }
.odn .ordernav { width:1200px; height:41px; margin:auto; }
.odn .ordernav a { width:232px; height:41px; line-height:41px; float:left; text-align:center; color:#555555; font-weight:bold; font-size:16px; }
.odn .ordernav a:hover, .odn .ordernav a.cur { background:#e43333; color:#ffffff; }

.orders { width:1200px; height: auto!important; height: 500px; min-height: 500px; margin:auto; background:red; }

/* ------------------------------------------------  Record ---------------------------------------------- */
.rds { width:1180px; height: auto!important; height: 100px; min-height: 100px; margin:auto; }
.rds .rdstb { width:1180px; margin-top:20px; }
.rds .rdstb tr.titles { width:1180px; height:30px; float:left; }
.rds .rdstb tr.titles th { height:30px; line-height:30px; float:left; margin:0px; text-align:center; font-weight:bold; font-size:18px; color:#555555; }
.rds .rdstb tr.titles th label { font-weight:bold; font-size:18px; color:#555555;  }
.rds .rdstb tr.line { width:1180px; height:20px; float:left; margin-top:15px; border-top:1px solid #E5E5E5; box-sizing:border-box; }
.rds .rdstb tr.odno { width:1180px; height:22px; float:left; background:#f7f7f7; margin-bottom:5px; }
.rds .rdstb tr.odno td span { width:228px; height:22px; line-height:20px; float:left; margin-left:13px; font-size:13px; color:#555555; font-weight:bold; }
.rds .rdstb tr.odno td span.no { margin-left:0px; font-weight:normal; }
.rds .rdstb tr.odno td span.total { font-size:14px; width:680px; text-align:right;  }
.rds .rdstb tr.order { width:1180px; height:100px; float:left; margin-bottom:15px; }
.rds .rdstb tr.orderlist { margin-top:25px; margin-bottom:30px; }
.rds .rdstb tr.order td { height:100px; line-height:100px; float:left; text-align:center; font-size:14px; color:#555555; }
.rds .rdstb tr.order td.img { width:100px; }
.rds .rdstb tr.order td.img img { width:100px; height:86px; }
.rds .rdstb tr.order td.brand { width:280px; }
.rds .rdstb tr.order td.name { width:280px; }
.rds .rdstb tr.order td.price { width:130px; font-size:18px; font-weight:bold; color:#E6382F; }
.rds .rdstb tr.order td.price .oneprice { font-size:18px; font-weight:bold;  }
.rds .rdstb tr.order td.price .delprice { font-size:13px; color:#B7BCB8; }

.rds .rdstb tr.order td.num { width:210px; font-size:15px; }
.rds .rdstb tr.order td.state { width:180px; font-size:16px; color:#ff0000; }
.rds .rdstb tr.order td.state a { width:81px; height:30px; line-height:30px; margin:35px 0px 0px 50px; float:left; background:#E53333; color:#ffffff; }

.rds .rdstb tr.order td.num .addmut { width:95px; height:18px; float:left; margin:41px 0px 0px 57px; background:url(/suna/lvUpload/images/addmut.jpg); }
.rds .rdstb tr.order td.num .addmut a.mut { width:10px; height:18px; float:left; }
.rds .rdstb tr.order td.num .addmut input.count { width:43px; height:14px; float:left; margin-left:16px; margin-top:1px; border:0px; text-align:center; }
.rds .rdstb tr.order td.num .addmut a.add { width:14px; height:18px; float:left; margin-left:10px; }

.rds .sum { width:265px; height:210px; float:right; background:#EEEEEE;padding:0px 90px 0px 65px; }
.rds .sum .sumbk { width:265px; height:30px; float:left; font-size:16px; }
.rds .sum .sumbk .title { width:100px; height:30px; line-height:30px; float:left; }
.rds .sum .sumbk .num { width:165px; height:30px; line-height:30px; float:left; text-align:right; }
.rds .sum .sumbk .fbd { font-weight:bold; }
.rds .sum .sumline { width:265px; height:1px; float:left; margin:10px 0px; background:#d6d6d6; }
.rds .rdsfoot { width:1180px; height:160px; float:left; margin-top:50px; }
.rds .rdsfoot .sub { width:195px; height:40px; line-height:40px; float:right; background:#E53333; font-size:20px; font-weight:bold; color:#ffffff; text-align:center; }

.rds .paytitle { width:1180px; height:45px; line-height:45px; float:left; color:#010101; font-size:24px; font-weight:bold; margin-top:60px; }
.rds .payinfo { width:1180px; height:360px; line-height:49px; float:left; color:#010101; font-size:20px; position:relative; }
.rds .payinfo .upimg { width:43px; height:43px; display:block;position:absolute; left:160px; top:300px;background:url(/suna/lvUpload/images/jia.jpg) no-repeat;cursor:pointer; }
.rds .paysub { width:1180px; height:500px; float:left; }
.rds .paysub .img { width:1180px; float:left; display:none; }
.rds .paysub .img img { height:300px; }
.rds .paysub .sub { width:232px; height:41px; line-height:41px; float:left; background:#E53333; text-align:center; color:#ffffff; font-size:16px; margin-top:20px; }

/* ------------------------------------------------  Collection ---------------------------------------------- */
.colcts { width:1180px; height: auto!important; height: 100px; min-height: 100px; margin:30px auto 60px auto; padding-top:20px; }
.colcts .colbk { width:218px; height:278px; float:left; margin: 0px 8px 35px 8px; position:relative; border:1px solid #ffffff; }
.colcts .colbk:hover { border:1px solid #999999; }
.colcts .colbk a { width:218px; height:278px; float:left; }
.colcts .colbk .img { width:218px; height:189px; float:left; margin-bottom:10px; }
.colcts .colbk .img img { width:218px; height:189px; }
.colcts .colbk .name { width:220px; height:20px; line-height:20px; float:left; text-align:center; color:#555555; font-size:14px; }
.colcts .colbk .price { width:220px; height:20px; line-height:20px; float:left; text-align:center; color:#555555; font-size:14px; }
.colcts .colbk .del { width:30px; height:30px; line-height:30px; text-align:center; background:#cccccc; position:absolute; cursor:pointer; top:0px; right:0px; display:block; display:none; }

/* ------------------------------------------------ Account Form ---------------------------------------------- */
.signup { width: 100%; height: 740px; margin: auto; background: url(/suna/lvUpload/images/bg_signup.jpg) center no-repeat; margin-top: 204px; }
.signup .info { width: 600px; height: 600px; margin: auto; padding-top:80px; }
.signup .info .title { width: 600px; height: 40px; line-height:40px; margin: auto; float:left; text-align:center; color:#ffffff; font-size:32px; }
.signup .info .bk1 { width:363px; height:44px; float:left; margin:0px 0px 20px 100px; background:url(/suna/lvUpload/images/bg_input.png) repeat; }
.signup .info .bk1 input { width:277px; height:40px; line-height:40px; border:0px; margin:0px 0px 0px 10px; float:left; font-size:18px; background:none; color:#ffffff; }
.signup .info .bk1 label, .signup .info .bk2 label { width:74px; height:44px; line-height:44px; float:left; text-align:right; font-size:18px; color:#ffffff; }
.signup .info .bk2 { width:176px; height:44px; float:left; margin:0px 0px 20px 100px; background:url(/suna/lvUpload/images/bg_input.png) repeat; }
.signup .info .bk2 input { width:90px; height:40px; line-height:40px; border:0px; margin:1px 0px 0px 10px; float:left; font-size:18px; background:none; color:#ffffff; }
.signup .info .bk2 select { width:90px; height:44px; line-height:44px; border:0px; margin:1px 0px 0px 10px; float:left; font-size:18px; background:none; color:#ffffff; }
.signup .info .bk2 select option { color:#333333; }
.signup .info .submit { width:192px; height:47px; float:left; margin:35px 0px 0px 190px; background:url(/suna/lvUpload/images/bg_submit.png) no-repeat; }
.signup .info .submit a { width:192px; height:47px; line-height:40px; float:left; text-align:center; font-size:22px; color:#ffffff; }
.signup .info .hi { width:600px; height:60px; float:left; margin:38px 0px 0px 0px; background:url(/suna/lvUpload/images/hi.png) no-repeat; }
.signup .info .links { width:570px; height:20px; line-height:20px; float:left; margin:20px 0px 0px 0px; text-align:center; color:#ffffff; }
.signup .info .links a { color:#ffffff; font-size:14px; }

.login { background: url(/suna/lvUpload/images/bg_login.jpg) center no-repeat; }