@charset "utf-8";
/* CSS Document */
/*banner*/
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}


.banner { overflow:hidden; width:100%; height:500px; position:relative; margin-top:-1px;}
.banner ul{ overflow:hidden; position:absolute}
.banner li{ overflow:hidden; float:left; height:500px;}
.banner i{ display:block; cursor:pointer; z-index:2; position:absolute; width:50px; height:101px; top:200px; left:50%;}
.banner .btn01{ background:url(Img/Index/banner_btn.png) no-repeat center top; margin-left:-700px;}
.banner .btn02{ background:url(Img/Index/banner_btn.png) no-repeat center bottom; margin-left:650px;}
.banner .btnbox{ width:100%; overflow:hidden; position:absolute; left:0; top:450px; z-index:3; text-align:center}
.banner .btnbox span{ display: inline-block; cursor:pointer; width:12px; height:12px; margin:0 5px; background:url(Img/Index/banner_btm.png) no-repeat right center;}
.banner .btnbox span{ *display: inline}
.banner .btnbox .cur{ background-position:left;}

.title{ overflow:hidden; width:100%; padding-bottom:17px; border-bottom:4px solid #e8e8e8; margin-bottom:20px;}
.title h2{ font-weight:normal; font-size:26px; color:#333; float:left; padding-left:6px; border-left:3px solid #fc6b00;}
.title h2 a{ color:#333}
.title p{ float:left; font-size:14px; color:#999; margin-left:15px; margin-top:10px;}
.title .more{ float:right; margin-top:10px; font-size:14px; color:#999;}

/*荣誉*/
.rongyu { overflow:hidden; width:1200px; margin:50px auto;}
.rongyu .rybox{ overflow:hidden; width:100%; height:225px; position:relative}
.rongyu .rybox ul{ overflow:hidden; position:absolute}
.rongyu .rybox li{ overflow:hidden; float:left; width:224px; text-align:center; font-size:13px; margin-right:20px;}
.rongyu .rybox li a{ display:block; color:#333; white-space: nowrap; text-decoration:none}
.rongyu .rybox li img{ display:block;  padding:25px; margin-bottom:15px; background-color:#f2f2f2}

/*留言*/
.liuyan { overflow:hidden; width:1200px; height:357px; margin:0 auto; margin-bottom:55px; background:url(Img/Index/liuyan_bg.jpg) no-repeat center;}
.liuyan .phone{ overflow:hidden; padding-left:45px; background:url(Img/Index/liuyan_phone.png) no-repeat left center; float:left; margin-left:57px; margin-top:260px;}
.liuyan .phone p{ float:left; font-size:13px; color:#828282;}
.liuyan .phone span{ display:block; font-size:26px; color:#fc6b00; font-family:Arial; margin-top:5px;}
.liuyan .phone a{ display:block; width:160px; height:44px; text-align:center; line-height:44px; font-size:18px; color:#666; background-color:#fff; border:1px solid #d0d0d0; float:left; margin-left:25px;}
.liuyan .lybox{ overflow:hidden; float:right; width:450px; margin-right:30px; margin-top:30px;}
.liuyan .lybox p{ font-size:18px; color:#333; margin-bottom:12px;}
.liuyan .lybox p span{ color:#fc6b00}
.liuyan .lybox input{ outline:none; display:block; padding-left:60px; padding-right:10px; border:1px solid #d0d0d0; margin-bottom:20px; height:49px; line-height:49px; font-size:14px; color:#999; width:378px;}
.liuyan .lybox em{ display:block; width:100%; height:50px; background-color:#fc6b00; text-align:center; line-height:50px; cursor:pointer; font-size:18px; color:#fff;}
.liuyan .lybox .name{ background:url(Img/Index/liuyan_01.png) no-repeat left center; background-color:#fff;}
.liuyan .lybox .dianhua{ background:url(Img/Index/liuyan_02.png) no-repeat left center; background-color:#fff;}
.liuyan .lybox .mianji{ background:url(Img/Index/liuyan_03.png) no-repeat left center; background-color:#fff;}

/*pro*/
.pro { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}

.proleft { overflow:hidden; width:340px; float:left;}
.proleft .ptl{ overflow:hidden; width:100%; padding-bottom:10px; border-bottom:2px solid #fc6b00; margin-bottom:20px;}
.proleft .ptl h3{ float:left; font-weight:normal; font-size:18px; color:#333}
.proleft .ptl h3 a{ color:#333}
.proleft .ptl .more{ float:right; font-size:13px; color:#999;}
.proleft .list{ overflow:hidden; width:110%; margin-bottom:24px;}
.proleft .list a{ display:block; float:left; width:108px; height:35px; text-align:center; line-height:35px; text-decoration:none; font-size:13px; color:#666; margin:0 8px 8px 0; background-color:#f8f8f8}
.proleft .list a:hover { background-color:#fc6b00; color:#fff;}
.proleft ul{ overflow:hidden; width:110%; height:294px; padding-top:20px; margin-top:-20px; background-color:#f8f8f8; padding-left:9px;}
.proleft li{ float:left; width:93px; height:150px; margin:0 7px;}
.proleft li a{ display:block; text-align:center; font-size:14px; color:#666; text-align:center; text-decoration:none;}
.proleft li i{ display:block; overflow:hidden; position:relative; width:93px; height:93px; margin-bottom:10px;}
.proleft li:hover img{ margin-top:-93px;}
.proleft li:hover a{ color:#fc6b00;}

.proright { overflow:hidden; width:860px; float:right; height:676px;}
.proright .list{ overflow:hidden; position:relative; margin-left:19px; margin-bottom:20px; float:left; background-color:#fc6b00;}
.proright .list img{ display:block;}
.proright .xinxi{ overflow:hidden; position:absolute; left:0; top:0; width:91px; height:65px; background:url(Img/Index/pro_yy.png) repeat center;}
.proright .xinxi h3{ text-align:center; font-size:18px; color:#fff; margin-top:20px; margin-bottom:15px;}
.proright .xinxi p{ width:90%; margin:0 auto; text-align:justify; font-size:13px; line-height:24px; height:48px; overflow:hidden; color:#fff; display:none}
.proright .list a{ display:block; position:absolute; z-index:1; width:100%; height:100%; left:0; top:0}
.proright .listwen{ overflow:hidden; width:267px; height:212px;}
.proright .listwen h4{ text-align:center; font-size:32px; color:#fff; font-weight:normal; margin-top:50px;}
.proright .listwen em{ display:block; text-align:center; font-size:18px; color:#fff; margin-bottom:10px;}
.proright .listwen a{ display:block; position:relative; width:155px;  text-decoration: none; height:40px; text-align:center; line-height:40px; border:2px solid #fff; margin:0 auto; border-radius:5px; font-size:16px; color:#fff;}

/*ad01*/
.ad01 { overflow:hidden; width:1200px; height:190px; background:url(Img/Index/ad01.jpg) no-repeat center top; margin:0 auto; margin-bottom:50px;}
.ad01 .box{ overflow:hidden; width:358px; float: right; margin-top:18px; margin-right:42px;}
.ad01 .box input { overflow:hidden; padding-left:60px; height:44px; line-height:44px; font-size:14px; color:#999; border:none; outline:none; margin-bottom:10px; width:298px;}
.ad01 .name{ background:url(Img/Index/liuyan_01.png) no-repeat left center; background-color:#fff;}
.ad01 .phone{ background:url(Img/Index/liuyan_02.png) no-repeat left center; background-color:#fff;}
.ad01 a{ display:block; width:171px; height:44px; text-align:center; line-height:44px; background-color:#ffa00b; font-size:14px; color:#fff; float:left; cursor:pointer}
.ad01 em{ display:block; width:171px; height:44px; text-align:center; line-height:44px; background-color:#fff; font-size:14px; color:#000; float:right; cursor:pointer}

/*直播*/
.zhibo { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}
.zhibo .zbbox{ overflow:hidden; width:1198px; border:1px solid #efefef; height:357px;}
.zhibo .list { overflow:hidden; width:100%;}
.zhibo .top{ overflow:hidden; width:100%; height:75px; border-bottom:1px solid #efefef;}
.zhibo .top span{ display:block; float:left; width:180px; text-align:center; font-size:14px; color:#999; line-height:75px;}
.zhibo .xq{ overflow:hidden; width:1158px; padding:20px; height:206px; display:none}
.zhibo .xq img{ display:block; float:left}
.zhibo .xq .wen{ overflow:hidden; float:left; margin-left:20px; width:888px;}
.zhibo .xq h3{ font-weight:normal; font-size:18px; color:#333; margin-bottom:20px;}
.zhibo .xq h3 a{ color:#333;}
.zhibo .xq .ul01{ overflow:hidden; width:720px; margin-bottom:20px;}
.zhibo .xq .ul01 li{ width:240px; float:left; font-size:14px; color:#333; margin:5px 0;}
.zhibo .xq .ul01 li em{ color:#999;}
.zhibo .xq i{ display:block; width:906px; height:2px; background-color:#eee; margin-top:20px;}
.zhibo .xq .ul02 { width:906px; height:60px; margin-top:-8px;}
.zhibo .xq .ul02 li{ float:left; width:60px; margin:0 45px; text-align:center; font-size:14px; color:#999;}
.zhibo .xq .ul02 li i{ display: block; width:15px; height:15px; margin:0 auto; margin-bottom:8px; background:url(Img/Index/zhibo_01.png) no-repeat center;}
.zhibo .xq .ul02 li.cur{ color:#fc6b00;}
.zhibo .xq .ul02 li.cur i{ background:url(Img/Index/zhibo_02.png) no-repeat center;}
.zhibo .xq .more{ display:block; width:129px; height:38px; background:url(Img/Index/zhibo_03.png) no-repeat center; float:right; margin-top:-120px;}

/*设计师*/
.shejishi { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}
.shejishi .sjs { overflow:hidden; width:100%; height:456px; overflow:hidden;}
.shejishi .list{ overflow:hidden; float:left; position:relative; margin-left:20px; margin-bottom:20px;}
.shejishi .list ul{ display:none; overflow:hidden; width:100%; height:100%; background:url(Img/Index/pro_yy.png) repeat center; position:absolute; left:0; top:0; text-align:center}
.shejishi .list li{ display:inline-block; overflow:hidden; width:75px; text-align:center; margin-top:70px;}
.shejishi .list.left li{ margin-top:180px;}
.shejishi .list.left { margin-left:0; margin-bottom:0}
.shejishi .list li{ *display:inline}
.shejishi .list li img{ display:block; margin:0 auto; margin-bottom:10px;}
.shejishi .list li a{ display:block; text-align:center; font-size:13px; color:#fff;}
.shejishi .list span{ display:block; width:100%; height:44px; line-height:44px; background:url(Img/Index/pro_yy.png) repeat center; position:absolute; left:0; bottom:0; text-align:center; font-size:14px; color:#fff;}
.shejishi .list img{ display:block}
.shejishi .nomr{ margin-left: 18px;}
.shejishi .list:hover span{ display:none}
.shejishi .list:hover ul{ display:block}

/*必看*/
.bikan { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}
.bikan ul{ overflow:hidden; width:100%; height:292px; background:url(Img/Index/bk_bg.jpg) no-repeat center; margin-top:-20px;}
.bikan li{ float:left; width:170px; overflow:hidden; text-align:center; margin:0 65px;}
.bikan img{ display:block; margin-bottom:20px;}
.bikan li a{ display:block; text-decoration:none; font-size:22px; color:#333; margin-top:40px;}
.bikan li a:hover{ color:#fc6e00; font-weight:bold}

/*评价*/
.pingjia { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}
.pingjia .pjbox{ overflow:hidden; width:110%; height:460px;}
.pingjia .pjlist { overflow:hidden; float:left; width:550px; padding:19px; border:1px solid #e4e4e4; margin-right:20px; height:180px; margin-bottom:20px;}
.pingjia .pjlist img{ display:block; float:left}
.pingjia .pjlist h3{ font-size:14px; font-weight:normal; margin:15px 0 10px 0;}
.pingjia .pjlist h3 a{ color:#000}
.pingjia .pjlist p{ font-size:13px; line-height:24px; color:#666; height:72px; overflow:hidden; text-align:justify; margin-bottom:20px;}
.pingjia .pjlist .more{ display:block; width:124px; height:30px; text-align:center; line-height:30px; background-color:#eaeaea; font-size:13px; color:#999;}
.pingjia .pjlist .wen{ overflow:hidden; width:300px; float:right;}
.pingjia .pjlist:hover { border-color:#fc7106;}

/*about*/
.about { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}
.about .abox { overflow:hidden; width:100%;}
.about .abox img{ display:block; margin:0 auto; margin-bottom:40px;}
.about .abox h3{ text-align:center; font-size:18px; margin-bottom:15px;}
.about .abox h3 a{ color:#666;}
.about .abox p{ font-size:13px; color:#666; line-height:24px; text-align:center; margin-bottom:40px;}
.about ul{ overflow:hidden; width:1172px; margin:0 auto; height:100px;}
.about li{ float:left; text-align:center; width:390px; height:100px; border-right:1px dotted #ccc;}
.about li.last{ border:none}
.about li span{ display:block; font-size:85px; color:#fc6e00; font-family:Arial; line-height:85px; margin-top:-10px;}
.about li em{ font-size:16px; color:#666;}
.about li b{ display:block; font-size:16px; color:#333; margin-top:-25px; *margin-top:0}

/*news*/
.news { overflow:hidden; width:100%; padding-top:50px; margin-bottom:50px; border-top:4px solid #e8e8e8}
.news .list{ overflow:hidden; height:430px; float:left; width:384px; border:1px solid #ececec; margin-right:21px;}
.news .last{ margin-right:0}
.news .list h2{ font-size:24px; height:67px; border-bottom:1px solid #ececec; line-height:67px; padding-left:20px; margin-bottom:20px;}
.news .list h2 a{ color:#000}
.news .list h2 span{ color:#fc6e00;}
.news .list h2 em{ font-size:14px; color:#999; margin-left:10px; font-family:Arial; margin-bottom:20px;}
.news .nbox{ overflow:hidden; width:346px; margin:0 auto; height:325px;}
.news .qybox img{ display:block; margin:0 auto; margin-bottom:12px;}
.news .qybox ul{ overflow:hidden; width:100%;}
.news .qybox li{ padding-left:10px; *float:left; width:336px; overflow:hidden; background:url(Img/Index/news_s.png) no-repeat left center; font-size:13px; line-height:32px; color:#666}
.news .qybox li a{ display:block; float:left; width:245px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; color:#666}
.news .qybox li span{ float:right}
.news .bk li{ overflow:hidden; width:100%; height:73px; margin-bottom:10px; *float:left}
.news .bk li a{ display:block; text-decoration:none}
.news .bk li span{ display:block; float:left; text-align:center; font-size:18px; color:#fff; width:97px; height:73px;}
.news .bk li span img{ display:block; margin:8px auto 3px auto}
.news .bk li em{ display:block; float:left; margin-left:15px; width:225px; font-size:14px; line-height:24px; color:#666; height:48px; margin-top:15px;}
.news .bk .s01{ background-color:#888}
.news .bk .s02{ background-color:#71be9e}
.news .bk .s03{ background-color:#f07800}
.news .bk .s04{ background-color:#d24a3a}
.news .wenda{ position:relative}
.news .wenda ul{ overflow:hidden; position:absolute; width:100%;}
.news .wenda li{ overflow:hidden; width:100%; height:120px; display:block}
.news .wenda h3{ font-weight:normal; font-size:14px; color:#333; padding-left:35px; margin-bottom:9px; background:url(Img/Index/news_w.png) no-repeat left center; line-height:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .wenda h3 a{ color:#333}
.news .wenda p{ padding-left:35px; background:url(Img/Index/news_d.png) no-repeat left top; font-size:13px; line-height:24px; color:#666; height:48px; overflow:hidden;}


/* link */

.link{width: 100%;overflow: hidden;margin-bottom:20px;}
.link ul{width: 863px;float: left;padding: 38px 0 28px 0;}
.link li{float: left;margin-bottom: 4px;}
.link li:first-child a{padding-left: 0;}
.link li a{font-size: 14px;color: #666666;padding: 0 20px;background: url(Img/Common/footer-icon01.png) no-repeat right center;}
.link .sq{font-size: 14px;color: #fc6e00;background: url(Img/Common/footer-link.png) no-repeat right center;padding-right: 16px;float: right;margin-top: 37px;}