@charset "utf-8";
/* CSS Document */
body {margin: 0px; font-family:"微软雅黑";}
a{text-decoration: none;}
img{border:0;}
li{list-style-type:none;}
.gdkd{width:1200px; margin:auto;}
.kdyb{width:100%; margin:auto;}
.headbg{width:100%; height:38px; background:#222; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; z-index:999; border-bottom:1px solid #717171; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px"); color:#fff; font-size:14px; line-height:38px;}
.topa{height:140px; background:#333;}
.logo{width:372px; height:81px; margin:29px auto auto 15px; float:left;}
.sear{width:510px; height:140px; float:left; margin-left:30px;}
.searchk{width:399px; height:39px; text-indent:5px; background:#666; color:#fff; line-height:38px; font-size:16px; border:0; margin:45px auto auto auto; float:left; font-family:"微软雅黑";}
.searchb{width:94px; height:41px; background:#222; color:#fff; text-align:center; margin:45px auto auto auto;font-size:16px; float:left; border:0; font-family:"微软雅黑";}
.trtel{width:273px; height:41px; margin:45px auto auto auto; float:left; font-size:24px; color:#A9A9A9; line-height:41px;}
.menu {
height:58px;
background:#222;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:115px; 
height:58px; 
color:#fff;
line-height:58px; 
font-size:16px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
z-index:9999;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#333; 
background:#fc0;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:58px; 
left:0; 
width:115px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:#333; 
color:#fff;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#fc0; 
color:#333;
}
.yy{width:1198px; height:292px; background:#F3F3F3; border:1px solid #BCBCBC; margin:10px auto auto auto;}
.img1{width:269px; height:271px; float:left; margin:9px;}
.yyi{width:694px; height:271px; float:left;}
.yyr{width:169px; height:260px; float:left; margin-top:18px; background:#fff;}
.yyri{width:126px; height:143px; margin:32px auto; text-align:center; font-size:14px; color:#575757; line-height:28px;}
.yyin{width:640px; height:67px; line-height:67px; color:#777; font-size:14px; margin-left:30px;}
.yyinh{width:169px; height:53px; background:#D7261C; line-height:53px; text-align:center; font-size:16px; margin:auto; color:#fff; font-family:"微软雅黑"; border:0;}
.k1{width:126px;}
.k2{width:410px;}
.k3{width:350px;}
.xk1{height:34px; border:1px solid #CECECE; background:#fff; color:#999; text-indent:3px;}
.xbbj{width:1198px; height:101px; border:solid #BCBCBC; border-width:0 1px 1px 1px; margin:auto;}
.bjin{width:191px; height:52px; float:left; text-align:center; margin:24px auto;}
.bjbtn{width:394px; height:52px; float:left; text-align:center; background:#fec400; font-size:16px; margin:24px auto; line-height:52px;}
.bjbtn a,.viewm a{color:#c00;}
.bjbtn:hover,.viewm:hover{background:#c00;}
.bjbtn:hover a,.viewm:hover a{color:#fb0;}
.title{background:url(images/xx.jpg) left center repeat-x; text-align:center;}
.titlein{margin:35px auto;}
.titlea{background:url(images/xxa.jpg) left center repeat-x #cdcdcd; text-align:center;}
.titleb{background:url(images/xx.jpg) left center repeat-x #ededed; text-align:center;}
.titlein img{border:solid #fff; border-width:0 25px;}
.case1{height:377px;}
.case1in{width:802px; float:left;}
.case1ina{width:398px; float:left; background:#3A3A3A;}
.yb1{height:48px; margin-top:43px; font-size:36px; color:#fff; text-align:center;}
.yb2{height:55px; line-height:55px; font-size:20px; color:#FFCF4D; text-align:center;}
.yb3{height:96px; margin-top:26px; font-size:18px; line-height:38px; width:80%; text-align:center;}
.yb3 a{color:#fff;}
.viewm{width:246px; height:51px; border-radius:150px; background:#fb0; line-height:51px; text-align:center; margin:20px auto;}
.case2{height:575px; overflow:hidden;}
.case3{height:auto; overflow:hidden;}
.case2 li,.case3 li{width:290px; height:auto; overflow:auto; float:left; margin:35px auto auto 8px;}
.case2 li img{width:250px; height:200px;}
.case3 li img{width:250px;}
.case2lit{height:40px; text-align:center; width:100%; line-height:40px; font-size:14px;}
.case2lit a{color:#333;}
.designer{height:388px; margin-bottom:18px;}
.ldpzcn{height:465px; background:#333;}
.ldpzcn span{text-align:center; font-size:16px; font-weight:bold; color:#F90; line-height:40px;}
.ldb{height:auto; overflow:auto; line-height:38px; text-align:center; color:#fff; font-size:22px;}
.ldb span{font-size:14px; color:#999; line-height:32px; text-align:center;}
.ldbk{height:317px;}
.ldbin{width:200px; float:left; height:317px; text-align:center; font-size:14px; line-height:28px; color:#fff;}
.ldbin img{width:130px; height:130px; border-radius:150px; margin-top:35px;}
.zcpp{background:#ECECEC; height:512px; overflow:hidden;}
.zcpp li{width:208px; float:left; height:100px; border:1px solid #666; background:#fff; text-align:center; margin:20px auto auto 25px; overflow:hidden;}
.zcpp li img{width:208px; height:98px;}
.zxdbk{height:404px; background:#cdcdcd;}
.zxbkl{height:404px; width:190px; float:left;}
.zxbkl1{width:190px; height:156px; margin-top:30px; text-align:center; font-size:18px; line-height:32px;}
.col1{background:#9C5245; color:#fff;}
.col2{background:#FEC400; color:#9C5245;}
.zxbkr{width:1010px; height:404px; float:left;}
.zxbkri{width:473px; height:156px; float:left; margin:30px auto auto 30px;}
.zxbkri img{width:156px; height:156px; float:left;}
.zxbkrin{width:317px; height:156px; float:left; background:#666;}
.zxbkt{width:90%; margin:auto; border-bottom:1px solid #fff; line-height:35px; font-size:16px;}
.zxbkrin li{width:90%; margin:auto; line-height:40px; font-size:14px;}
.zxbkt a,.zxbkrin li a{color:#fff;}
.zxbkt a:hover,.zxbkrin li a:hover{color:#FEC400;}
.foott{height:50px; border-top:10px solid #ECECEC; border-bottom:3px solid #FEC400; text-align:center; font-size:16px; background:#3A3A3A; line-height:25px;}
.foott a{color:#fff;}
.footb{background:#212121; height:129px;}
.logo2{width:274px; height:89px; background:url(images/logo2.png) center center no-repeat; float:left;}
.footbm{color:#fff; line-height:29px; font-weight:bold; font-size:14px; width:620px; float:left;}
.footbm a{color:#fff;}
.footbr{width:306px; height:89px; float:left; color:#FEC400; font-size:35px;}
.footbr span{line-height:42px; color:#fff; font-size:14px; font-weight:bold;}
.nr{height:auto; overflow:auto; margin:20px auto;}
.titlenr{height:35px; line-height:35px; font-size:16px; color:#333; text-align:center; margin:10px auto;}
.fywj{text-align:center; font-size:16px; line-height:32px; width:1200px; margin:auto; height:55px; padding-left:8px;}

.disabled,.current,.fywj a{border:1px solid #ccc; border-radius:4px; padding:6px; margin-right:5px; float:left;}
.newslist{width:90%; margin:auto; height:35px; line-height:35px; border-bottom:1px dotted #999; font-size:14px; margin-top:10px; text-indent:15px; text-align:left;}
.newslist a{color:#333;}
.newslist a:hover{color:#F00;}
.newstit{font-size:30px; color:#666; text-align:center; margin:auto; height:45px; line-height:45px; width:550px; background:#fff;}
.sjstj_ny{width:180px; margin:5px; height:340px; border:1px solid #D1D1D1; float:left;}
.sjstj_nya{width:180px; margin:5px; height:280px; border:1px solid #D1D1D1; float:left;}
.sjstj_ny_txt{height:70px; width:98%; margin:auto; text-align:center; font-size:14px; line-height:24px; color:#999;}
.sjstj_ny_txta{height:35px; width:98%; margin:auto; text-align:center; font-size:14px; line-height:24px; color:#999;}
.sjstj_ny_txt span,.sjstj_ny_txta span{font-size:16px; line-height:30px;}
.sjstj_ny_txt span a,.sjstj_ny_txta span a{color:#333;}
.sjstj_ny img,.sjstj_nya img{width:170px; margin:5px;}


.pikachoose {width: 720px; margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; height: 75px; }
.pika-thumbs li{ width: 144px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
    float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 700px;}
.pika-stage {position: relative; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 10px 40px 10px; text-align:center; height:449px;}
.pika-stage img{height:100%;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
    color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
    text-align:right; position:absolute; top:15px; right:15px; }

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 90px; height:55px;}
.pikachoose{width:880px; position:relative;}
#pikame{width: 150px;}
.pika-thumbs {margin: 10px 0 0 17px; width:250px; position: absolute; top: 0px;right: 30px;}
.pika-thumbs li { margin: 5px 5px;}

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:0px;right:20px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 125px;height: 500px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  125px; height: 449px;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-top: 10px;}