@charset "utf-8";
/* CSS Document */
html{overflow-y:scroll;}
div,ul,li,h1,h2,h3,h4,p,dl,dd,dt{margin:0; padding:0;}
ul,li{list-style:none;}
img{border:0;}
body { margin:0; background:#f8f8f8;}
body{font-family:"Times New Roman";font-size: 12px;color: #818181;}
a:link {color: #333;text-decoration: none;}
a:visited {text-decoration: none;color: #818181;}
a:hover {text-decoration: none;color:#ff0000;}
a:active {text-decoration: none;color: #818181;}
.clear{clear:both}


/**/
#greybackground {background:#fff;display:block;z-index:10000;width:100%;position:absolute;top:0;left:0; }
.loginreg{z-index:10001;position:absolute; width:399px; height:620px; left:900px; top:-620px; display:none}

#tophead{margin:0 auto; width:960px; height:114px; position:relative;z-index:1000}
#tophead .login{ position:absolute; width:166px; height:43px; top:0; right:0; background:url(../images/login.jpg) no-repeat}
#tophead .login a{float:left; width:80px; height:40px; display:block;}
#tophead .login2{ position:absolute; width:166px; height:43px; top:0; right:0; line-height:30px; text-align:right}
#tophead .login2 a{ color:#818181}

#tophead .logo{ float:left; width:130px; height:114px; overflow:hidden}
#tophead .nav{float:left; width:700px; height:35px; margin-left:50px;margin-top:70px;z-index:1000 }
#tophead .nav ul{ background:url(../images/navline.gif) 20px bottom no-repeat; height:32px;z-index:1000}
#tophead .nav ul li{float:left;text-align:center; margin:0 20px;height:30px; line-height:30px; position:relative; z-index:1000}
#tophead .nav ul li a{font-size:18px;}
#tophead .nav ul li a:visited{color: #333;}
#tophead .nav ul li a:hover{border-bottom:2px solid #a6a6a6; display:block}
#tophead .nav ul li a.hover{border-bottom:2px solid #a6a6a6; display:block}

#tophead .nav ul li ul{display:none; width:128px; height:auto; position:absolute; top:30px; left:0px; margin:0; padding:0; z-index:1000}
#tophead .nav ul li ul li{z-index:1000; margin:0; padding:0; height:23px; line-height:23px; text-align:left; text-indent:5px; background:url(../images/navshowbg2.png) left center no-repeat;_ background:url(../images/navshowbg2.gif) left center no-repeat; width:128px;}
#tophead .nav ul li ul li a{font-size:14px; color:#fff;z-index:1000}
#tophead .nav ul li ul li a:visited{font-size:14px; color:#fff}
#tophead .nav ul li ul li a:hover{font-size:14px; color:#fff;background:url(../images/navshowbg.png) left center no-repeat;_background:url(../images/navshowbg.gif) left center no-repeat; border:none;color: #000;}
/**/
#copyright{margin:0 auto; width:960px; height:60px; margin-top:23px; line-height:16px; font-size:12px; text-align:center}
#copyright a{ color:#818181}
/**/
#indexbanner{margin:10px auto; width:960px; height:510px; margin-bottom:0; overflow:hidden;z-index:10;}

.leftbanner{float:left; width:765px; height:510px; overflow:hidden; position:relative;z-index:10}
.leftbanner .prevbanner{position:absolute; width:36px; height:47px; display:block; background:url(../images/left.png) no-repeat; _background:url(../images/left.gif) no-repeat; left:0; top:250px; cursor:pointer}
.leftbanner .nextbanner{position:absolute; width:36px; height:47px; display:block; background:url(../images/right.png) no-repeat;_background:url(../images/right.gif) no-repeat; right:0; top:250px; cursor:pointer}

.righttxt{float:left; width:195px; height:auto; overflow:hidden;}
.hotpro{width:195px; height:157px; position:relative; text-align:center; overflow:hidden}
.hotpro img{width:195px; height:113px; margin:0 auto; margin-top:18px;}
.hotpro span{ width:85px; height:55px; display:block; position:absolute; right:0; top:10px; background:url(../images/hot.png) no-repeat;_background:url(../images/hot.gif) no-repeat;}
.hotpro p{text-align:right;}

.newsletter{border-right:1px solid #eeeeef;border-top:1px solid #eeeeef; background:#fff; height:138px;_height:138px;overflow:hidden}
.newsletter .txt{ width:145px; margin:18px auto; line-height:16px; font-size:12px;}
.newsletter .txt h3{font-size:16px; color:#454851; margin:10px auto; *margin:0px 0 10px 0;_margin:0px 0 10px 0;}
.letterinput{background:url(../images/newsletter.jpg) 0px center no-repeat; width:138px; height:25px; margin-top:10px; }
.letterinput .letterinput1{width:103px; margin-top:4px;*margin-top:0px; border:0px; margin-right:7px;*margin-right:3px; color:#818181; text-align:left; text-indent:1px; margin-left:2px;}

.aboutus{ width:195px; height:214px; background:url(../images/about.jpg) no-repeat; color:#b6b6b6; overflow:hidden}
.aboutus .txt{ width:153px; margin:0 auto; line-height:18px; margin-top:50px; font-size:14px; text-align:left }
.aboutus p a.more{ width:50px; height:30px; display:block;margin-top:15px; margin-left:15px}


/**/
#indexblock{margin:0 auto; width:960px; height:auto; min-height:260px; padding-top:35px; background:#fff; border-left:1px solid #e6e7e8;border-right:1px solid #e6e7e8; border-bottom:2px solid #2e3290}

.blockleft{float:left; width:356px;}
.blockleft h3{ font-size:18px; margin-left:25px; height:30px; line-height:30px; color:#454851; margin-bottom:10px;}
.blockleft .txt{margin-left:20px; width:306px; height:150px; background:url(../images/block1.jpg) no-repeat; overflow:hidden}
.blockleft .txt h4{ width:160px; font-size:18px; color:#babdc2; margin-left:140px; margin-top:13px;}
.blockleft .txt h4 a{color:#babdc2;}
.blockleft .txt h4 a:visited{color:#babdc2;}
.blockleft .txt h4 a:hover{color:#ff0000;}
.blockleft .txt p{ width:160px; font-size:14px; margin-left:140px; margin-top:40px; line-height:18px;}
.blockleft .txt p a{color:#818181}
.blockleft .txt p a:hover{color:#ff0000}
.blockservice{float:left; width:584px;}
.blockservice h3{ font-size:18px;height:30px; line-height:30px; color:#454851; margin-bottom:10px; border-bottom:1px solid #eaeaea}
.blockservice h3 span{float:right;}
.blockservice h3 span a{float:left;width:25px; height:15px; display:block;cursor:pointer; float:left; text-align:left; text-indent:-9999999px}
.blockservice h3 span a.previous{background:url(../images/lr.jpg) left center no-repeat;}
.blockservice h3 span a.next{background:url(../images/lr.jpg) right center no-repeat;}
.blockfaqs{ width:305px; float:left}
.blockfaqs img{float:left;}
.blockfaqs h3{ color:#454851; font-size:14px; border-bottom:none;font-weight:normal}
.blockfaqs .txt{ width:210px; float:right; margin-right:20px;_width:190px;}
.blockfaqs .txt h4{color:#971175; font-size:14px; line-height:18px; font-weight:normal; margin-bottom:10px;}
.blockfaqs .txt{ font-size:12px; line-height:16px;}
.blockfaqs .txt p.more{ margin-top:15px;}

.blockcare{ width:275px; float:left}
.blockcare img{float:left;}
.blockcare h3{ color:#454851; font-size:14px; border-bottom:none;font-weight:normal}
.blockcare .txt{ width:195px; float:right;}
.blockcare .txt h4{color:#4183c5; font-size:14px; line-height:18px; font-weight:normal; margin-bottom:10px;}
.blockcare .txt{ font-size:12px; line-height:16px;}
.blockcare .txt p.more{ margin-top:15px;}


/**/
#otherbanner{margin:0 auto; width:960px; height:auto; margin-top:10px; overflow:hidden}
#otherbanner .banner{float:left; width:765px; height:295px;}
#otherbanner .bannerabout{width:960px; height:295px;}
/*servic*/
#servicebody{ background:#fff;margin:0 auto; width:960px; height:auto; padding:45px 0;border-left:1px solid #e6e7e8;border-right:1px solid #e6e7e8; border-bottom:2px solid #2e3290}
#servicebody .servicetxt{ width:920px; margin:0 auto}
#servicebody .servicetxt .h3title{ border-bottom:1px solid #ececec; height:30px; line-height:30px; color:#2e3290; font-size:12px;}
#servicebody .servicetxt .h3title ul li{float:left; margin-right:15px;}
#servicebody .servicetxt .h3title ul li.hover{ height:28px; line-height:28px; background:#971175; color:#fff;padding:0 10px; display:block}
#servicebody .servicetxt .h3title ul li.hover a{ color:#fff}

.servicetitle{ text-align:left; text-indent:70px; font-size:14px; height:30px; line-height:30px; color:#454851;cursor:pointer; position:relative}
.servicetitle img{position:absolute; left:20px; top:8px;}
.serviceco .txt{display:none; width:780px; margin:10px auto; font-size:14px; line-height:18px;}

/*showroom*/
#showroombody{background:#fff;margin:0 auto; width:960px; height:auto; padding:45px 0;border-left:1px solid #e6e7e8;border-right:1px solid #e6e7e8; border-bottom:2px solid #2e3290}
.roompostion{ width:920px; margin:0 auto; height:30px; line-height:30px; border-bottom:1px solid #ececec}
.roomleft{float:left; width:450px; height:28px; line-height:28px;}
.roomleft ul li{float:left; margin-right:10px;}
.roomleft ul li a{color:#2e3290; font-size:12px;}
.roomleft ul li a:visited{color:#2e3290; font-size:12px;}
.roomleft ul li a:hover{color:#ff0000; font-size:12px;}
.roomleft ul li.hover{ background:#971175; color:#fff; padding:0 10px; height:28px; line-height:28px; display:block}
.roomleft ul li:first-child{ background:#971175; color:#fff; padding:0 10px; height:28px; line-height:28px; display:block}
.roomleft ul li:first-child a{color:#fff;}
.roomleft ul li.hover6 a{color:#fff;}
.roomsearch{float:right; position:relative;}
.roomsearch span{position:absolute; right:0px; top:1px;*top:5px;_top:2px;}
.roomsearch .prosearch{width:165px; height:18px; border:1px solid #d6d6d6; color:#818181; text-align:left; text-indent:10px;}

.roompro{ clear:both; width:920px; margin:0 auto; height:auto; margin-top:15px;}
.roompro dl{float:left; width:306px; height:220px; overflow:hidden;}
.roompro dl dd{width:282px; height:163px; margin:0 auto; position:relative; overflow:hidden}
.roompro dl dd span{ position:absolute; right:0; top:0;}
.roompro dl dd span.new{ display:none; width:81px; height:68px; background:url(../images/new.png) no-repeat;_background:url(../images/new.gif) no-repeat;}
.roompro dl dd span.hot{ display:none; width:81px; height:68px; background:url(../images/hot1.png) no-repeat;_background:url(../images/hot1.gif) no-repeat;}
.roompro dl dd img{width:282px; height:163px; overflow:hidden;}
.roompro dl dt{width:282px; margin:0 auto; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal;}
.roompro dl dt span{display:block;font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#393939;font-weight:normal;}

.roompro #fenye{ clear:both; text-align:right}

.probody{width:920px; margin:0 auto; height:auto;}
.probody h3{ color:#2e3290; font-size:12px; border-bottom:1px solid #ececec; height:30px; line-height:30px; text-align:left; text-indent:5px; margin-bottom:25px;}
.probody h3 a{color:#2e3290;}
.proleft{float:left; width:640px; height:500px; height:auto;}
.proleft .bigpic{position:relative; width:610px; height:400px;}
.proleft .bigpic .previmg{position:absolute; width:36px; height:47px; display:block; background:url(../images/left.png) no-repeat;_background:url(../images/left.gif) no-repeat; left:0; top:180px; cursor:pointer}
.proleft .bigpic .nextimg{position:absolute; width:36px; height:47px; display:block; background:url(../images/right.png) no-repeat;_background:url(../images/right.gif) no-repeat; right:0; top:180px; cursor:pointer}

.proleft .bigpic img{width:610px; height:400px; overflow:hidden;}
.piclist{}
.piclist h3{ font-size:18px; color:#454851; height:30px; line-height:30px; border:none; margin:0; padding:}
.piclist ul li{float:left; width:100px; height:60px; text-align:center}
.piclist ul li img{float:left; width:80px; height:52px; border:1px solid #ececec; cursor:pointer}
.piclisthover{border:1px solid #2e3290}

.proright{float:left; width:280px; height:auto; overflow:hidden; font-size:14px; color:#454851; line-height:18px;}
.proright p.title{ margin-bottom:12px;}
.proright .protxt{ width:100%; height:250px; max-height:320px; overflow:hidden;}

/*order*/
#orderbody{background:#fff;margin:0 auto; width:960px; height:auto; padding:45px 0;border-left:1px solid #e6e7e8;border-right:1px solid #e6e7e8; border-bottom:2px solid #2e3290}
.orderbody{width:745px; margin:0 auto; height:auto; margin-top:15px; margin-left:20px; float:left}
.orderbody h3{color:#2e3290; font-size:12px; border-bottom:1px solid #ececec; height:30px; line-height:30px; text-align:left; text-indent:5px; margin-bottom:25px;}
.orderbody h3 a{color:#2e3290;}
.ordersearch{font-size:14px; color:#454851; position:relative}
.ordersearch span{position:absolute; right:0; top:2px;}
.ordersearch .orderinput{ width:600px;}
.ordersearchlist{margin-top:25px;}
.ordersearchlist td{ line-height:23px; padding:0 10px; }
.backgroundcolor{ background:#eeeeef}

.Offerdownload{ float:right; margin-right:18px; margin-top:65px;}

/*about*/
#aboutbody{background:#fff;margin:0 auto; width:960px; height:auto; padding:45px 0;border-left:1px solid #e6e7e8;border-right:1px solid #e6e7e8; border-bottom:2px solid #2e3290}
.aboutbody{width:920px; margin:0 auto; height:auto; font-size:14px; color:#232122; text-align:left; line-height:18px;}
.aboutbody .about1{ clear:both;background:url(../images/aboutus.jpg) left top no-repeat; height:223px; width:920px; overflow:hidden}
.aboutbody .about1 .txt{ float:left; width:223px; height:auto;margin-left:220px;_margin-left:110px; margin-top:0px; font-size:18px; line-height:24px;}
.aboutbody .about1 .about1pic{ float:right}
.about2{ margin-top:43px; width:920px; height:auto; overflow:hidden}
.about2 .about2left{ float:left; width:334px;}
.about2 .about2right{width:550px; float:left; margin-left:30px; font-size:14px; line-height:21px;}
.about3{ margin-top:43px; width:920px; height:auto; overflow:hidden}
.about3 .about3left{width:334px; float:left; height:267px; background:url(../images/aboutus5.jpg) no-repeat}
.about3 .about3left .txt{ width:290px; margin:0 auto; margin-top:60px; }
.about3 .about3right{width:540px; float:right}

.about5{width:920px; height:auto; overflow:hidden; color:#000; font-size:16px; line-height:20px;}

.about4{ margin-top:43px; width:920px; height:auto; overflow:hidden;}
.about4 h3{ font-size:24px; color:#232122; margin-bottom:30px;}
.about4 .about4title{ clear:both; position:relative; text-align:left; text-indent:50px; height:30px; line-height:30px;}
.about4 .about4title span{position:absolute; left:0px;left:40px\9\0;*left:40px;_left:40px; top:0px; cursor:pointer;}
.about4 .about4title img{position:absolute; right:10px; top:8px;}
.about4 .about4txt{ clear:both; display:none; width:900px; margin:0 auto; height:auto;}
.about4 .about4txt ul{ margin:10px auto}
.about4 .about4txt ul li{ float:left; width:160px; height:110px; margin:8px;}
.about4 .about4txt ul li img{ width:160px; height:110px; overflow:hidden;}

/*login*/
#login{margin:0 auto; width:399px; height:297px; overflow:hidden; background:url(../images/login.png) no-repeat; position:relative}
#login .colse{display:block; position:absolute; width:30px; height:30px; left:355px; top:10px; cursor:pointer;}
#login .username{width:350px; position:absolute; left:20px; top:103px; height:18px;}
#login .username .usernameinput{color:#818181; width:350px; border:0px;}
#login .password{width:350px; position:absolute; left:20px; top:167px; height:18px;}
#login .password .passwordinput{color:#818181; width:350px; border:0px;}
#login .button{ position:absolute; width:153px; height:42px; display:block; right:19px; bottom:30px}
#login .checkbox{ position:absolute; left:25px; bottom:40px;}

#reg{ width:399px; height:611px; margin:0 auto; overflow:hidden; background:url(../images/reg.png) no-repeat; position:relative}
#reg span{width:350px; margin-left:20px; position:absolute}
#reg .colse{ display:block; position:absolute; width:30px; height:30px; left:335px; top:10px; cursor:pointer;}
#reg .rinput{ border:0px; color:#818181; width:350px;}
#reg .rperson{ left:0; top:101px;}
#reg .rpassword{left:0; top:164px;}
#reg .rname{left:0; top:225px;}
#reg .raddress{left:0; top:286px;}
#reg .remail{left:0; top:349px;}
#reg .rtel{left:0; top:410px;}
#reg .rfax{left:0; top:472px;}
#reg .rbutton{left:207px; bottom:28px;*bottom:26px;}

.error{color:#ff3300;}
input.error{border:1px solid #ff3300;}


/*usercenter*/
.usercenter{margin:20px auto; width:700px; height:auto; }
.usercenter p{position:relative; margin:20px 0;}
.usercenter input{ position:absolute; left:100px; top:0; color:#818181}



.downlist{}
.downlist ul li{ line-height:23px; height:23px; border-bottom:1px dashed #dedede; padding:0 10px; background:url(../images/dian.gif) left 7px no-repeat; text-align:left; text-indent:5px;}
.downlist ul li a{ color:#818181;}
.downlist ul li a:visited{ color:#818181;}
.downlist ul li a:hover{ color:#f00;}
.downlist ul li span{float:right;}
.downlist #fenye{clear:both; text-align:right; margin-top:20px;}