/* CSS Document */
body { margin: 0; padding: 0; background: #fff; font-family: 'Microsoft YaHei'; }


ul, li { margin: 0px; padding: 0px; list-style: none; font-family: 'Microsoft YaHei'; }

img { border: none; display: inline; }

a { text-decoration: none; }

* { padding: 0px; margin: 0px; }
.clearfix:after{clear:both; display:block; content:""; visibility:hidden; height:0;}
.clearfix{zoom:1;}
.fl { float: left; }

.fr { float: right; }

.mt20 { margin-top: 20px; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }
.clear { clear: both; }
/*头部*/
.container { width: 1000px; height: auto; margin: 0px auto; position: relative; clear: both; }

.b { margin-top: 5px; }

.c { margin-top: 30px; }

.header { width: 100%; background: #282828; color: #fff; padding: 5px 0px; font-size: 14px; }

    .header .tel { float: right; margin-top: -2px; background: url(images/phone.png) no-repeat; padding: 0 0 0 30px; line-height: 24px; font-size: 16px; font-weight: bold; }

.top { width: 100%; height: 100px; margin: 0 auto; display: inline; background-color: #fafafa; border-bottom: 1px solid #ff3030;  }

    .top .container { width: 1200px; }

    .top .tel { display: block; width: 210px; height: 51px; float: right; background: url(images/tel_400.png) no-repeat; margin-top: 20px; }

.banner { float: left; width: 100%; height: 220px; margin: 0 auto; background: center 0 no-repeat; }

    .banner.high { height: 380px; }

    .banner strong { float: left; font-size: 36px; color: #fff; font-weight: normal; margin-top: 60px; }

    .banner span { float: left; font-size: 28px; color: #fff; font-weight: normal; margin: 70px 0 0 10px; display: inline; }

    .banner p { float: left; width: 1000px; height: auto; color: #fff; padding: 5px 0; }



body #lim_mini { bottom: 50px; }

.logo { float: left; width: 500px; height: 70px; background: url(images/logo.png) no-repeat; margin-top: 20px; }

.show_case .list img, .site .selector { -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.menu { float: right; margin-top: 30px; margin-right: 30px; }

    .menu li { float: left; width: 90px; height: 47px; text-align: center; border-bottom: 2px solid #fafafa; margin-top: 15px; }

        .menu li:hover {color: #ff3030; /*border-bottom: 2px solid #ff3030;*/ }
        .menu li a { color: #666666; text-decoration: none; font-size: 14px; }

        .menu li a:hover {color: #ff3030; }

        .menu li.sp { width: 1px; height: 100px; background-color: #eee; float: left; }

.cor01_box{ margin:0 auto; width:1000px; background:#fbecef; border:1px solid #ece2e3; padding-top:10px;}
.cor01_box img{ width:317px; height:244px;}
.cor01_box ul li{ float:left; margin:0 5px 10px 10px; padding-bottom:35px;}
.cor01_box ul li p{ display:block; width:297px; padding:0 10px; position:absolute; z-index:1; color:#fff; background:#333333; line-height:30px; margin-top:250px;}
.cor01_box ul li p span{ float:right; font-size:12px;}
.cor01_box ul li:hover p{ height:100px; margin-top:184px;opacity:1; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;
}
.cor01_box h3{ text-align:center; font-size:16px; padding:10px 0; line-height:30px; color:#c3002c; }
.cor01_box ul li p:nth-child(1){
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
}
.cor01_box ul li p:nth-child(2){
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
}
.cor01_box ul li p:nth-child(3){
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
}
.cor01_box ul li p:nth-child(4){
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
}

.cor02_box{ margin:0 auto; width:1000px; font-size:14px; line-height:28px; color:#666;}
.cor02_box img{ float:left; margin-right:10px; padding:3px; border:1px solid #ccc;}
.title_5{width: 100%; height: 70px; margin: 40px 0 0 0; background: url(images/title_5.png) center 0 no-repeat; float: left;}
.title_6{width: 100%; height: 70px; margin: 40px 0 0 0; background: url(images/title_6.png) center 0 no-repeat; float: left;}
.title_7{ margin:10px auto; width:1000px; height:70px; background: url(images/title_2.png) center 0 no-repeat; margin-top:320px;}

/*底部*/
.foot { float: left; width: 100%; height: auto; margin: 0 auto; background: #444a58; margin-top: 30px; }

    .foot .foot_left { float: left; width: 190px; height: auto; padding: 40px 0; color: #fff; }

        .foot .foot_left strong { float: left; width: 190px; padding: 5px 0; font-size: 14px; }

        .foot .foot_left p { float: left; line-height: 140%; font-size: 12px; width: 190px; }

    .foot .foot_middle { float: left; width: 240px; height: auto; padding: 40px 0; color: #fff; margin-left: 100px; display: inline; }

        .foot .foot_middle strong { float: left; width: 240px; padding: 5px 0; font-size: 14px; }

        .foot .foot_middle a { float: left; font-size: 12px; text-decoration: none; width: 80px; line-height: 200%; color: #fff; }

    .foot .foot_right { float: left; width: 370px; height: auto; padding: 40px 0; color: #fff; margin-left: 100px; display: inline; }

        .foot .foot_right img { float: right; }

        .foot .foot_right strong { float: left; width: 250px; padding: 5px 0; font-size: 14px; margin-left: 10px; }

        .foot .foot_right p { float: left; font-size: 12px; width: 250px; margin-left: 10px; line-height: 140%; }

        .foot .foot_right .weixin { float: left; width: 30px; height: 24px; background: url(images/icon_weixin.png) no-repeat; margin: 5px 0 0 10px; display: inline; }

        .foot .foot_right .qq { float: left; width: 30px; height: 24px; background: url(images/icon_qq.png) no-repeat; margin: 5px 0 0 5px; display: inline; }

        .foot .foot_right .weibo { float: left; width: 30px; height: 24px; background: url(images/icon_weibo.png) no-repeat; margin: 5px 0 0 5px; display: inline; }

.foot_bottom { float: left; width: 100%; height: auto; background: #282828; }

    .foot_bottom .line { float: left;  height: auto; color: #fff; font-size: 12px; padding: 20px 0; }

    .foot_bottom .copyright strong { float: left; color: #fff; font-size: 12px; }

    .foot_bottom .line a { text-decoration: none; color: #fff; }

    .foot_bottom .copyright { float: left; width: 480px; height: auto; padding: 20px 0; }

        .foot_bottom .copyright span { float: left; color: #fff; font-size: 12px; }
/*幻灯*/
.slides { width: 100%; height: 500px; margin: 0 auto; float: left; position: relative; text-align: center; }

    .slides .imgs a { display: block; float: left; width: 100%; height: 500px; background: center center no-repeat; }

    .slides .points li { display: inline-block; margin: 5px; width: 35px; height: 5px; cursor: pointer; background: #767676; *float: left; }

        .slides .points li.on { background: #F28E1F; }
    .slides .prev { position: absolute;float:right; left: 50%; top: 0; width: 45px; margin-left: -665px; height: 500px; background: url(images/prev.png) center no-repeat; opacity: 0.2; }
    .slides .next { position: absolute;float:left; left: 50%; top: 0; width: 45px; margin-left: 620px; height: 500px; background: url(images/next.png) center no-repeat; opacity: 0.2; }

    .slides:hover .prev, .slides:hover .next { opacity: 1; }

.slides_n { width: 100%; margin: 0 auto; text-align: center; display: block; position: absolute; bottom: 5px; z-index: 1; left: 0; }

    .slides_n ul { width: 1200px; margin: 0 auto; *width: 220px; }
/*index*/
.title_1 { width: 100%; height: 70px; margin: 40px 0 0 0; background: url(images/title_1.png) center 0 no-repeat; float: left; }

.i-pro { float: left; width: 1000px; height: auto; margin-top: 40px; }

    .i-pro .box1 { float: left; width: 360px; height: 410px; margin-right: 10px; display: inline; }

    .i-pro .box2 { float: left; width: 260px; height: 410px; display: inline; }

    .i-pro dd { position: relative; margin-bottom: 6px; }

        .i-pro dd span { position: absolute; left: 0; z-index: 5; bottom: 4px; width: 100%; overflow: hidden; height: 30px; background: #333333; color: #fff; text-align: center; line-height: 30px; opacity: 0.7; font-size: 14px; -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

        .i-pro dd:hover span { height: 65px; opacity: 1; }

        .i-pro dd img { -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    /*.i-pro dd:hover img { margin:0px 0px 0 -2px; }*/
    .i-pro i { clear: both; width: 170px; height: 30px; padding: 2px 5px; text-align: center; color: #fff; background: #fb4748; line-height: 30px; font-size: 14px; font-style: normal; }

    .i-pro .more { color: #fb4748; padding: 3px 17px; float: right; position: absolute; right: 25px; bottom: 25px;width:115px;height:22px; z-index: 10; font-size: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

        .i-pro .more.o { color: #FF7449; border-color: #FF7449; }

.show_case { float: left; width: 1000px; height: auto; margin-top: 40px; }

    .show_case .box1 .title { float: left; width: 100%; height: 100px; }

    .show_case .box1 { float: left; width: 300px; height: 400px; }

    .show_case.rbox .box1 { float: right; }

    .show_case .info { float: left; width: 300px; height: 150px; }

        .show_case .info img { float: left; clear: both; }

    .show_case.rbox .info img { float: right; }

    .show_case .info a { float: left; background: #565656; padding: 4px 15px; color: #fff; font-size: 14px; text-align: center; margin-top: 10px; border-right: 1px solid #565656; }

    .show_case.rbox .info a { float: right; }

    .show_case .list { float: left; }

        .show_case .list li { float: left; width: 64px; height: 250px; margin-right: 11px; display: inline; cursor: pointer; position: relative; }

    .show_case.rbox .list li { margin: 0 0 0 11px; }

    .show_case .list img.fore { opacity: 0; position: absolute; top: 0; left: 0; }

    .show_case li:hover img.fore, .show_case .list li.on img { opacity: 1; }

    .show_case .box2 { float: left; width: 700px; height: 400px; position: relative; }

        .show_case .box2 img { float: left; width: 700px; height: 400px; position: absolute; top: 0; left: 0; opacity: 1; }

            .show_case .box2 img.add { display: none; z-index: 9; }

        .show_case .box2 .prev { float: left; width: 60px; height: 60px; background: url(images/img_prev.png) no-repeat; margin: -230px 0 0 10px; }

        .show_case .box2 .next { float: right; width: 60px; height: 60px; background: url(images/img_next.png) no-repeat; margin: -230px 10px 0 0; }

.title_2 { width: 100%; height: 70px; margin: 40px 0 0 0; background: url(images/title_2.png) center 0 no-repeat; float: left; }

.budget { width: 100%; height: 180px; margin: 30px 0 0 0; background: #f1eff0; float: left; }
.sign { width: 1000px; height: auto; float: left; }
.counter { float: left; width: 1000px; height: 180px; background: url(images/counter.jpg) no-repeat; font-size: 12px; }
    .counter .ico {float:left; display:block;width:245px;height:180px; }
    .counter ul { float: left; width: 480px; margin-top:15px;}
    .counter li { float: left; width: 220px; height: 22px; margin: 12px 0 12px 15px; display: inline; font-size: 14px; }

        .counter li select { height: 22px; width: 136px; margin-left: 5px; border: 1px solid #d8d8d8; color: #666; }

        .counter li input[type=text] { height: 22px; width: 130px; padding-left: 5px; margin-left: 8px; border: 1px solid #d8d8d8; color: #666; }

    .counter .product input { display: none; }

    .counter [type=radio] { display: none; }

    .counter [type=checkbox] { display: none; }

    .counter label { border: 1px solid #dedede; padding: 2px 5px; cursor: pointer; }

        .counter label.sel, .counter label:hover { color: #fff; background: #ff3030; cursor: pointer; }

    .counter #getcode { width: 75px; padding: 3px 8px; background: #333333; color: #FFFFFF; font-size: 12px; }

    .counter #code { width: 106px; height: 20px; }

    .counter .parts { width: 400px; }

        .counter .parts input { display: none; }

    .counter .service { float: left; cursor: pointer; background-color: #ff2425; width: 115px; height: 30px; margin-left: 10px; border: none; color: #FFFFFF; font-weight: bold; font-family: 'Microsoft YaHei'; }

    .counter .artificial { float: left; cursor: pointer; background-color: #333333; width: 115px; height: 30px; margin-left: 10px; border: none; color: #FFFFFF; font-weight: bold; font-family: 'Microsoft YaHei'; }

    .counter .price { float: left; width: 260px; text-align: center; margin: 15px 0 0 0; }

        .counter .price div { width: 180px; line-height: 35px; height: 35px; font-size: 16px; color: #ff2425; font-weight: bold; margin: 10px 0 0 40px; background-color: #fff; }

        .counter .price strong { font-size: 18px; color: #ff2425; }

        .counter .price p { font-size: 12px; color: #999999; padding: 12px 0; }

.show720 { width: 100%; height: 320px; margin: 30px 0 0 0; background: url(images/pan_bg.png) center 0 no-repeat; float: left; }

    .show720 .show { float: left; width: 265px; height: auto; }

        .show720 .show img { margin-top: 20px; float: left; }

        .show720 .show p { float: left; width: 250px; color: #999999; margin: 10px 0 0 5px; line-height: 150%; display: inline; }

        .show720 .show a { float: left; width: 150px; height: 35px; background: #000; margin-top: 10px; color: #fff; line-height: 35px; text-align: center; text-decoration: none; font-size: 14px; }

    .show720 .ship { float: right; width: 350px; height: 185px; background: url(images/ship.png) no-repeat; margin: 50px 172px 0 0; display: inline; }

.join { width: 100%; height: 240px; margin: 50px 0 0 0; background: url(images/ad_bg.jpg) center 0 no-repeat; float: left; }

    .join .join_us { float: left; margin: 60px 0 0 100px; display: inline; width: 595px; height: auto; }

    .join .tel { float: left; width: 175px; height: 55px; background: url(images/tel.png) no-repeat; margin: 60px 0 0 30px; }

    .join .join_btn { float: left; width: 175px; height: 45px; background: url(images/join_btn.png) no-repeat; border: none; margin: 5px 0 0 30px; }

.title_3 { width: 100%; height: 40px; margin: 40px 0 0 0; background: url(images/title_3.png) no-repeat; float: left; }

.news { width: 1000px; height: auto; float: left; margin-top: 50px; }

    .news .title_news { width: 970px; height: 40px; background: url(images/title_news.png) no-repeat; float: left; }

    .news .more { width: 90px; height: 20px; float: right; background: #909090; text-align: center; line-height: 20px; color: #fff; text-decoration: none; font-size: 12px; }

    .news .news_list { float: left; width: 560px; height: auto; margin-top: 10px; }

        .news .news_list a { color: #fff; text-decoration: none; }

        .news .news_list .time { width: 104px; height: 96px; float: left; background: #585858; margin-top: 10px; }

        .news .news_list li:hover .time { background: #ff2425; }

        .news .news_list .time strong { width: 104px; height: 60px; font-size: 48px; float: left; text-align: center; font-weight: normal; margin-top: 5px; }

        .news .news_list .time span { width: 104px; height: 31px; text-align: center; float: left; }

        .news .news_list .text h3 { white-space: nowrap; width: 100%; overflow: hidden; }

        .news .news_list .text { width: 425px; padding: 10px 15px; height: 76px; float: left; background: #b2b2b2; margin-top: 10px; }

            .news .news_list .text p { font-size: 12px; line-height: 180%; display: inline; }

    .news .news_r { float: right; width: 295px; height: auto; }

    .news .news_box { float: right; width: 295px; height: auto; margin-top: 20px; color: #fff; }

        .news .news_box span { float: left; width: 285px; height: auto; background: #ff2425; font-size: 12px; padding: 10px 0 0 10px; }

        .news .news_box strong { float: left; width: 285px; height: auto; background: #ff2425; padding: 5px 0 10px 10px; font-weight: normal; }

        .news .news_box img { float: left; width: 295px; height: 148px; }

        .news .news_box p { float: left; width: 275px; height: auto; background: #b2b2b2; font-size: 12px; line-height: 150%; padding: 5px 10px; }

    .news .prev { width: 28px; height: 28px; float: left; background: url(images/icon_prev.png) #3a3a3a; margin: 5px 0 0 0; }

        .news .prev:hover { background: #ff2425; }

    .news .next { width: 28px; height: 28px; float: left; background: url(images/icon_next.png) #3a3a3a; margin: 5px 0 0 5px; }

        .news .next:hover { background: #ff2425; }

.hight40 { width: 100%; height: 40px; margin: 50px 0 0 0; background: url(images/hight40.png) center 0 no-repeat; float: left; }

.partners { width: 100%; height: auto; float: left; background: #f1eff0; }

.title_4 { width: 1000px; height: 80px; background: url(images/title_4.png) no-repeat; float: left; margin-top: 10px; }

.partners .brand_list { width: 1000px; height: auto; margin: 20px 0 30px 0; float: left; display: inline; }

    .partners .brand_list li { float: left; width: 190px; height: 100px; background: url(images/brand_bg.png) no-repeat; margin: 0px 5px 10px 5px; display: inline; }
/*branch*/
.branch_top { width: 100%; height: 235px; margin: 0 auto; background: url(images/branch_bg.png) center 0 no-repeat; float: left; }

.branch { width: 1000px; height: auto; float: left; }

    .branch .branch_title { width: 1000px; height: 100px; background: url(images/branch_title.png) no-repeat; float: left; margin-top: 50px; }

    .branch p { height: auto; float: left; font-size: 14px; color: #727272; line-height: 160%; }

    .branch ul { float: left; width: 1000px; height: auto; margin-top: 10px; }

    .branch li { float: left; width: 320px; height: 310px; overflow: hidden; margin: 20px 20px 0 0; display: inline; position: relative; }

        .branch li.cr { margin-right: 0px; }

        .branch li a { text-decoration: none; }

        .branch li .send_box { font-size: 12px; border: 1px solid #fb4748; position: absolute; bottom: -50px; width: 288px; padding: 5px 15px; z-index: 1; background: #fff; -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

            .branch li .send_box [type=text] { width: 140px; }

        .branch li button { font-size: 12px; padding: 2px 5px; background: #ff3030; color: #fff; cursor: pointer; }

        .branch li .send_btn { position: absolute; right: 0; bottom: 0; }

        .branch li img { float: left; width: 320px; height: 220px; }

        .branch li strong { float: left; width: 320px; height: auto; margin-top: 10px; color: #333333; font-weight: normal; }

        .branch li span { float: left; width: 320px; height: auto; font-size: 12px; line-height: 160%; color: #666666; }

.hight50 { width: 100%; height: 50px; margin: 0 auto; float: left; }

.branch .sp { width: 1000px; height: 1px; background: #eee; float: left; margin: 20px 0 10px 0; }
/*about*/
.about_top { width: 100%; height: 235px; margin: 0 auto; background: url(images/about_bg.jpg) center 0 no-repeat; float: left; }

    .about_top strong { float: left; font-size: 36px; color: #fff; font-weight: normal; margin-top: 60px; }

    .about_top .s { float: left; font-size: 28px; color: #fff; font-weight: normal; margin: 70px 0 0 10px; display: inline; }

    .about_top p { float: left; width: 1000px; height: auto; color: #fff; padding: 5px 0; }

    .about_top span { float: left; width: 1000px; height: auto; color: #ff9e00; }

.about { float: left; width: 1000px; height: auto; margin-top: 50px; }

    .about .sp { width: 1000px; height: 1px; background: #eee; float: left; margin: 20px 0 10px 0; }

    .about ul { width: 535px; float: left; height: auto; background: #fff; margin: -25px 0 0 220px; display: inline; }

        .about ul li { float: left; width: 100px; height: 30px; border: 1px solid #eee; text-align: center; margin: 0 5px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

            .about ul li:hover { color: #fff; background: #ff3030; }

            .about ul li a { color: #727272; line-height: 30px; text-decoration: none; }

                .about ul li a:hover { color: #fff; }

    .about .about_box { float: left; width: 1000px; height: auto; }

    .about .about_title1 { width: 1000px; height: 25px; float: left; background: url(images/about_title1.png) center no-repeat; padding: 50px 0; }

    .about .about_text { float: left; width: 1000px; height: auto; font-size: 14px; font-family: 'Microsoft YaHei'; }

        .about .about_text strong { float: left; width: 1000px; height: auto; margin-top: 20px; font-size: 16px; font-family: 'Microsoft YaHei'; }

        .about .about_text p { float: left; width: 1000px; height: auto;font-size:14px; text-indent:2pc; line-height: 180%; color: #727272; margin-top: 10px; }

    .about .culture { float: left; width: 1000px; height: 380px; background: url(images/culture_img.png) right no-repeat; margin-top: 50px; }

        .about .culture .culture_text { width: 730px; height: auto; float: left; background: #eee; opacity: 0.7; }

            .about .culture .culture_text p { font-size: 14px; padding: 10px 10px 0 20px; line-height: 160%;  text-indent:2pc;}

    .about .about_title2 { width: 600px; height: 30px; float: left; background: url(images/about_title2.png) left no-repeat; padding: 20px 0; }

    .about .about_title3 { width: 1000px; height: 30px; float: left; background: url(images/about_title3.png) left no-repeat; padding: 30px 0; }

    .about .honor { width: 240px; height: auto; float: left; margin-left: 5px; }

        .about .honor span { width: 230px; height: auto; float: left; color: #727272; font-size: 14px; line-height: 200%; margin-left: 10px; }

        .about .honor img { width: 240px; height: 164px; float: left; margin-top: 20px; }

    .about .about_title4 { width: 1000px; height: 30px; float: left; background: url(images/about_title4.png) center no-repeat; padding: 50px 0; }

    .about .about_title5 { width: 455px; height: 30px; float: right; background: url(images/about_title5.png) right no-repeat; }

    .about .speech { float: left; width: 1000px; height: 380px; background: url(images/speech_img.png) left no-repeat; margin-top: 50px; }

        .about .speech .speech_text { width: 730px; height: auto; float: right; background: #eee; opacity: 0.7; margin-top: 30px; }

            .about .speech .speech_text strong { font-size: 16px; padding: 20px 20px 0 20px; float: left; width: 700px; }

            .about .speech .speech_text p { font-size: 14px; padding: 10px 10px 0 20px; line-height: 180%; }

    .about .about_box .chairman { width: 395px; height: auto; text-align: center; float: left; padding: 10px 0; }

.case { float: left; width: 1000px; height: auto; margin-top: -180px; background: #fff; border: 1px solid #eaeaea; }

    .case .plate { width: 430px; float: left; height: auto; margin: -15px 0 0 285px; display: inline; }

        .case .plate li { float: left; width: 100px; height: 30px; border: 1px solid #eee; text-align: center; margin: 0 5px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; }

            .case .plate li:hover { background: #ff3030; }

            .case .plate li a { color: #727272; line-height: 30px; font-size: 14px; }

            .case .plate li:hover a { color: #fff; }

    .case .nav { margin-right: 40px; margin-top: 30px; }

.case_nav dl { float: left; width: 900px; height: auto; padding: 10px 50px 0 50px; }

.case_nav dt { float: left; display: block; height: 25px; margin-right: 10px; width: 120px; border-right: 1px solid #dedede; }

.case_nav strong { float: left; font-size: 16px; color: #666666; font-weight: normal; }

.case_nav span { float: left; font-size: 14px; color: #dedede; margin: 2px 0 0 5px; width: 75px; }
.case_nav dd  { width:750px;float:left; }
.case_nav a { padding: 3px 10px; margin: 0 8px; height: auto; float: left; text-align: center; font-size: 14px;color: #666666; }

    .case_nav a.cur { background: #ff3030; color: #fff; }

    

        .case_nav dd a:hover { color: #ff3030; }

.case_list { float: left; width: 900px; height: auto; margin: 20px 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }

    .case_list li { margin-top: 20px; float: left; width: 290px; height: auto; margin-right: 15px; position:relative; line-height:0; font-size:0 }

        .case_list li.cr { margin-right: 0; }

        .case_list li span { width: 290px; height: 22px; float: left; background:rgba(0,0,0,0.6);background: transparent\9;zoom:1\8; /* required for the filters */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* IE8 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE5.5-7 */ text-align: center; margin-top: -25px; line-height: 24px; color: #fff; font-size: 14px; position:absolute ; left:0; bottom:0; z-index:1;}

        .case_list li img { width: 290px; height: 190px; }

.pager { float: left; width: 100%; margin: 25px auto; text-align: center; }

    .pager .pre { width: 70px; height: 25px; }

    .pager .next { width: 70px; height: 25px; }

    .pager .home { width: 50px; height: 25px; }

    .pager .last { width: 50px; height: 25px; }

    .pager .next a { color: #FFFFFF; font-size: 12px; }

    .pager a { padding: 5px 10px; margin-left: 10px; line-height: 25px; color: #666; font-size: 12px; cursor: pointer; border: 1px solid #dedede; }

        .pager a:hover, .pager a.cur { background: #ff3030; color: #fff; }

.case_list_2 { float: left; width: 900px; height: auto; margin: 20px 0 0 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }

    .case_list_2 li { float: left; width: 272px; height: 272px; margin: 20px 40px 20px 0; display: inline; }

        .case_list_2 li.cr { margin-right: 0; }

        .case_list_2 li img { width: 270px; height: 270px; }

.case_list_3 { float: left; width: 880px; height: auto; margin: 30px 0 0 60px; }

    .case_list_3 li { float: left; width: 422px; height: 176px; margin: 15px 35px 15px 0; display: inline; }

        .case_list_3 li.cr { margin-right: 0; }
/*case*/
.case .case_box { width: 828px; float: left; height: auto; text-align: center; margin: 10px 0 0 80px; display: inline; padding: 10px 0; }

    .case .case_box div { width: auto; height: auto; }

    .case .case_box img { float: initial; max-width: 850px; max-height: 1000px; }

    .case .case_box .prev { position: absolute; left: 0; width: 50%; height: 500px; cursor: url(images/img_prev.png),auto; }

    .case .case_box .next { position: absolute; right: 0; width: 50%; height: 500px; cursor: url(images/img_next.png),auto; }

    .case .case_box span { float: left; width: 828px; height: 40px; background: #000000; color: #fff; line-height: 40px; margin: -40px 0 0 0; text-indent: 1em; opacity: 0.6; }

.case .piclist { width: 840px; float: left; height: auto; margin: 20px 0 0 80px; display: inline; padding: 10px 0; }

    .case .piclist i { float: left; width: 30px; height: 82px; cursor: pointer; }

    .case .piclist .prev { background: url(images/pic_prev.png) center center no-repeat; }

    .case .piclist .next { float: right; background: url(images/pic_next.png) center center no-repeat; }

    .case .piclist div { float: left; width: 780px; height: 100px; overflow: hidden; position: relative; }

    .case .piclist ul { position: absolute; }

    .case .piclist li { float: left; padding: 8px 8px 5px 8px; border: 1px solid #ccc; margin: 0 5px; display: inline; cursor: pointer; }

        .case .piclist li:hover { border: 1px solid #ff3030; }

        .case .piclist li img { width: 125px; height: 80px; }

.case .explanation { width: 830px; float: left; height: auto; margin: 0 0 0px 70px; display: inline; color: #727272; border: 1px solid #eaeaea; padding: 10px 10px 10px 10px; }

    .case .explanation strong { font-size: 18px; }

    .case .explanation p { font-size: 14px; line-height: 150%; }

.case .explanation_1 { width: 262px; float: left; height: auto; margin: 0px 0 25px 356px; display: inline; color: #727272; border: 1px solid #eaeaea; padding: 10px 10px 10px 10px; }

    .case .explanation_1 p { font-size: 14px; line-height: 150%; }

.case .talk_1 { float: right; width: 126px; height: 28px; background: #222222; line-height: 28px; text-align: center; color: #fff; margin: 5px 0 0 10px; display: inline; font-size: 14px; }

    .case .talk_1:hover { background: #ff3030; }

.case .con_1 { float: right; width: 126px; height: 28px; background: #222222; line-height: 28px; text-align: center; color: #fff; margin: 5px 0 0 0px; display: inline; font-size: 14px; }

    .case .con_1:hover { background: #ff3030; }

.more_text { float: left; width: 100%; color: #666; margin: 0 150px; padding-bottom: 20px; font-size: 14px; }

.case .talk { float: right; width: 126px; height: 28px; background: #222222; line-height: 28px; text-align: center; color: #fff; margin: 5px 0 0 10px; display: inline; font-size: 14px; }

    .case .talk:hover { background: #ff3030; }

.case .con { float: right; width: 126px; height: 28px; background: #222222; line-height: 28px; text-align: center; color: #fff; margin: 5px 0 0 25px; display: inline; font-size: 14px; }

    .case .con:hover { background: #ff3030; }

.more_case { float: left; width: 1000px; height: auto; margin-top: 50px; }

    .more_case strong { width: 1000px; float: left; padding: 20px 0; text-align: center; font-size: 20px; }

    .more_case ul { width: 1000px; height: auto; float: left; padding: 10px 0; border: 1px solid #dedede; }

        .more_case ul li { float: left; width: 190px; height: 138px; margin: 0 5px; display: inline; }

            .more_case ul li img { width: 190px; height: 138px; float: left; }

.s720 { float: left; width: 940px; height: auto; margin: 0px 30px; text-align: center; display: inline; position: relative; z-index: 1; }

    .s720 strong { font-size: 24px; padding: 0px 8px; font-weight: normal; display: inline; background: #fff; }

    .s720 hr { position: absolute; top: 50%; width: 100%; z-index: -1; }

.box720 { float: left; width: 976px; height: 600px; border: 2px solid #CACACA; margin: 20px 10px 0 10px; }

.bg_50 { width: 100%; height: 50px; margin: 0 auto; background: url(images/bg_50.png); float: left; }

.tip { width: 88%; background: url(images/tel_bg.gif) repeat-x; float: left; margin: 20px 0 15px 40px; padding: 5px 11px; font-size: 14px; line-height: 30px; -moz-box-shadow: 0px 2px 2px #bdbdbd; -webkit-box-shadow: 0px 2px 2px #bdbdbd; box-shadow: 0px 2px 2px #bdbdbd; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#bdbdbd')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#bdbdbd'); }

    .tip label { float: left; }

    .tip .txt { float: left; width: 145px; height: 25px; margin-left: 10px; }

    .tip .btn { float: left; display: block; width: 105px; height: 34px; background: url(images/btnbg.png) no-repeat; border: 0; margin: 0 10px; cursor: pointer; }

    .tip .zaixian { float: left; display: block; width: 105px; height: 34px; background: url(images/zaixianzhixun.png) no-repeat; border: 0; margin: 0 10px; cursor: pointer; }
/*news_list*/
.news_top { width: 100%; height: 175px; margin: 0 auto; background: url(images/news_bg.jpg) center 0 no-repeat; float: left; }

    .news_top strong { float: left; font-size: 36px; color: #fff; font-weight: normal; margin-top: 40px; }

    .news_top .s { float: left; font-size: 28px; color: #fff; font-weight: normal; margin: 50px 0 0 10px; display: inline; }

    .news_top p { float: left; width: 1000px; height: auto; color: #fff; padding: 5px 0; }

.news { float: left; width: 1000px; height: auto; margin-top: 50px; }

    .news .title { width: 100%; height: auto; border-bottom: 1px solid #dedede; padding: 5px 0; }

        .news .title strong { font-size: 16px; color: #333333; }

        .news .title span { font-size: 12px; color: #999999; }

.navbox { float: left; width: 180px; height: auto; }

    .navbox .title { float: left; width: 100%; }

    .navbox .navs { float: left; padding: 5px 0 10px 0; height: 200px; width: 180px; }

        .navbox .navs li { float: left; width: 180px; height: auto; padding: 5px 0; }

            .navbox .navs li :hover { background: #ff3030; color: #fff; float: left; width: 180px; height: auto; }

            .navbox .navs li a { float: left; color: #aaa; text-indent: 1em; font-size: 14px; padding: 2px 0; }

    .navbox .suggest { float: left; width: 180px; height: auto; margin-top: 5px; }

        .navbox .suggest .sug_case1 { float: left; width: 180px; height: 132px; padding: 5px 0; }

        .navbox .suggest .sug_case2 { float: left; width: 180px; height: 72px; padding: 5px 0; }

.nav { float: right; margin-right: 10px; }

    .nav a { font-size: 12px; color: #727272; }

.news .news_right { float: left; width: 700px; height: auto; margin-left: 70px; display: inline; }

.news_right .news_center { width: 700px; float: left; height: auto; border-bottom: 1px solid #dedede; padding: 10px 0 20px 0; }

    .news_right .news_center .list_news_1 { float: left; padding: 10px 0; }

        .news_right .news_center .list_news_1 img { float: left; width: 150px; height: 100px; }

        .news_right .news_center .list_news_1 strong { float: left; font-size: 14px; color: #333333; padding: 5px 20px; }

        .news_right .news_center .list_news_1 span { float: right; color: #ccc; font-size: 12px; padding: 5px; }

        .news_right .news_center .list_news_1 p { float: left; width: 520px; padding: 5px 0 0 20px; font-size: 14px; color: #727272; line-height: 150%; }

.news_right .news_center_2 { width: 700px; float: left; height: auto; }

    .news_right .news_center_2 li { float: left; width: 98%; margin: 0 1%; border-bottom: 1px solid #dedede; padding: 10px 0; }

        .news_right .news_center_2 li strong { font-size: 14px; color: #333333; }

        .news_right .news_center_2 li span { float: right; color: #ccc; font-size: 12px; padding: 5px; }

        .news_right .news_center_2 li p { padding: 5px 0; font-size: 14px; color: #727272; line-height: 180%; }

.news_box { float: left; width: 1000px; height: auto; margin-top: 50px; }

    .news_box .title { width: 100%; height: 20px; border-bottom: 1px solid #dedede; padding: 5px 0; }

        .news_box .title strong { font-size: 16px; color: #333333; }

        .news_box .title span { font-size: 12px; color: #999999; }

    .news_box .news_left { float: left; width: 780px; height: auto; margin-left: 40px; }

    .news_box .news_text { width: 780px; height: auto; float: left; padding: 20px 0; border-bottom: 1px solid #dedede; }

        .news_box .news_text h1 { width: 80%; margin: 1.5% 10%; text-align: center; font-size: 18px; color: #333333; }

        .news_box .news_text .source { float: left; width: 100%; text-align: center; display: inline; }

        .news_box .news_text span { padding: 0 5px; font-size: 12px; color: #727272; }

        .news_box .news_text img { padding: 20px 0; }

        .news_box .news_text p { float: left; width: 780px; height: auto; margin-top: 5px; line-height: 180%; font-size: 14px; }

    .news_box .news_right { float: right; width: 180px; height: auto; }

        .news_box .news_right .suggest { float: left; width: 180px; height: auto; margin-top: 5px; }

            .news_box .news_right .suggest .sug_case1 { float: left; width: 180px; height: 132px; padding: 5px 0; }

            .news_box .news_right .suggest .sug_case2 { float: left; width: 180px; height: 72px; padding: 5px 0; }

.article { float: left; width: 400px; height: auto; font-size: 12px; padding: 10px 0; }

    .article strong { float: left; padding: 2px; }

    .article a { float: left; color: #727272; padding: 2px 0; width: 300px; }

    .article .red { color: red; float: left; width: 150px; }

.further { float: right; width: 320px; height: auto; font-size: 12px; }

    .further strong { float: left; padding: 2px; }

    .further a { float: right; }

    .further .red { color: red; float: right; width: 190px; padding: 2px 0; }

    .further p { width: 310px; float: left; padding: 2px; color: #727272; }

.share { float: right; width: 380px; height: auto; font-size: 12px; padding: 8px 0 2px 0; display: inline; }

    .share a { font-size: 12px; }
/*招商加盟*/
.site { float: left; position: relative; font-size: 12px; margin-top: 40px; margin-left:25px;}

    .site strong { color: #999999; text-decoration: none; padding-left: 15px; background: url(images/place.png) 0 center no-repeat; }

    .site .selector { position: absolute; top: 0px; left: 12px; z-index: -9; background: #fff; overflow: hidden; width: 250px; height: auto; opacity: 0; display: none; border: double #ff3030 1px; }

        .site .selector .list { width: 250px; height: auto; }

    .site:hover .selector { display: block; opacity: 1; z-index: 999999; }

    .site .selector a { display: block; color: #999; float: left; width: 50px; height: 25px; line-height: 25px; text-align: center; }

        .site .selector a:hover { background: #ff3030; color: #fff; }
/*设计师页面*/
.de_banner { width: 100%; height: 250px; background: url(images/de_banner.jpg) center top no-repeat; clear: both; }

.designer_b { width: 980px; margin: 20px auto; clear: both; }

    .designer_b .title_b dl dt { width: 100%; background: url(images/img.png) left top; display: inline-table; }

        .designer_b .title_b dl dt span { width: 265px; height: 29px; display: inline-block; float: left; background: #fff url(images/img.png) no-repeat left -42px; padding-right: 20px; }

    .designer_b .title_b dl dd { font-size: 24px; color: #666; clear: both; line-height: 50px; }

    .designer_b .designer_l { width: 1000px; display: inline-block; overflow: hidden; }

        .designer_b .designer_l b { font-size: 20px; color: #666; font-weight: normal; line-height: 40px; margin-bottom: 10px; display: inline-block; }

        .designer_b .designer_l ul { width: 1020px; display: inline-block; margin: 0; }

            .designer_b .designer_l ul li { width: 234px; float: left; margin-right: 15px; position: relative; margin-bottom: 15px; line-height: 0; }

                .designer_b .designer_l ul li img { width: 234px; }

                .designer_b .designer_l ul li .tt { width: 214px; background: rgba(0,0,0,0.6); background: transparent\9; zoom: 1\8; /* required for the filters */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE5.5-7 */; position: absolute; bottom: 0; left: 0; padding: 10px; }

                    .designer_b .designer_l ul li .tt strong { font-size: 18px; color: #f0cc57; float: left; margin-right: 5px; }

                    .designer_b .designer_l ul li .tt p { font-size: 12px; clear: both; display: inline-block; text-align: left; line-height: 20px; color: #fff; }

                        .designer_b .designer_l ul li .tt p b { float: left; margin-right: 5px; color: #eee; font-size: 12px; line-height: 20px; margin-bottom: 0; }

                        .designer_b .designer_l ul li .tt p em { color: #eee; font-style: normal; float: left; margin-right: 5px; }

.designer_d { margin-top: 10px; display: inline-block; }

    .designer_d dl dt { width: 234px; height: 350px; float: left; margin-right: 15px; position: relative; text-align: center; }

        .designer_d dl dt a { width: 110px; height: 30px; background: url(images/img.png) left -103px no-repeat; position: absolute; bottom: 10px; z-index: 1; display: block; margin: 0 auto; left: 60px; }

        .designer_d dl dt img { width: 234px; height: 350px; }

    .designer_d dl dd { width: 676px; height: 318px; border: 1px dashed #d7d7d7; padding: 15px 25px; float: left; }

        .designer_d dl dd p { font-size: 14px; line-height: 28px; }

            .designer_d dl dd p em { font-style: normal; color: #0070aa; }

            .designer_d dl dd p b { font-size: 18px; line-height: 35px; }

                .designer_d dl dd p b strong { color: #f00; margin-right: 10px; font-size: 24px; }

.designer_case { margin-top: 20px; display: inline-block; }

    .designer_case b { font-size: 24px; color: #333; }

    .designer_case strong { color: #f00; margin-right: 10px; }

    .designer_case ul { width: 1000px; margin-top: 15px; display: inline-block; }

        .designer_case ul li { width: 234px; height: 157px; float: left; margin-right: 14px; margin-bottom: 14px; }

            .designer_case ul li img { width: 234px; height: 157px; }

.content { width: 100%; margin: 0 auto; background: #f5f5f5; border-top: 1px solid #eee; }

.order_b { width: 596px; height: 180px; background: #f5f5f5; margin: 0 auto; padding: 30px 20px; }

    .order_b .order_l { width: 380px; float: left; text-align: center; padding: 5px 0; }

        .order_b .order_l p { font-size: 15px; color: #333; line-height: 26px; padding: 0 20px; text-align: left; }

        .order_b .order_l input[type=text] { width: 314px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #ddd; color: #666; font-size: 14px; margin-top: 20px; padding: 3px; }

        .order_b .order_l input[type=button] { width: 128px; height: 35px; line-height: 35px; text-align: center; border: none; color: #fff; font-size: 14px; margin-top: 20px; background: url(images/img.png) left -150px; }

    .order_b .order_r { padding: 5px 10px 10px 20px; float: right; width: 185px; border-left: 1px dashed #d5d5d5; }

        .order_b .order_r p { color: #888; line-height: 26px; font-size: 14px; margin-bottom: 20px; }

        .order_b .order_r b em { font-size: 23px; color: #666; line-height: 35px; background: url(images/img.png) -222px -105px no-repeat; font-weight: normal; font-style: normal; padding-left: 30px; }

        .order_b .order_r b strong { font-size: 24px; color: #c87c00; }

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

    #jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#lightbox-container-image { padding: 10px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }

#lightbox-nav-btnPrev { left: 0; float: left; }

#lightbox-nav-btnNext { right: 0; float: right; }

#lightbox-container-image-data-box { font: 12px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }

#lightbox-container-image-data { padding: 0 10px; color: #666; }

    #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }

#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

.i-pro .designer_l { width: 176px; height: 305px; float: left; margin-right: 1px; }

.i-pro .designer_r { width: 820px; overflow: hidden; height: 305px; position: relative; }

    .i-pro .designer_r i { font-size: 12px; }

    .i-pro .designer_r:hover .pre, .i-pro .designer_r:hover .next { display: block; }

    .i-pro .designer_r .pre { width: 19px; height: 27px; background: url(/themes/images/arr_b.png) no-repeat left top; position: absolute; z-index: 1; left: 10px; top: 140px; cursor: pointer; display: none; }

    .i-pro .designer_r .next { width: 19px; height: 27px; background: url(/themes/images/arr_b.png) no-repeat right top; position: absolute; z-index: 1; right: 10px; top: 140px; cursor: pointer; display: none; }

    .i-pro .designer_r ul { position: absolute; left: 0; top: 0; }

        .i-pro .designer_r ul li { width: 205px; height: 305px; margin-right: 1px; float: left; position: relative; }

            .i-pro .designer_r ul li span { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; height: 30px; background: #333333; color: #fff; text-align: center; line-height: 30px; opacity: 0.7; font-size: 14px; -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

            .i-pro .designer_r ul li:hover span { height: 65px; opacity: 1; }

            .i-pro .designer_r ul li img { width: 205px; height: 305px; }

.designer_case_b { width: 1000px; margin-top: 20px; display: inline-block; }

    .designer_case_b b { font-size: 20px; color: #333; }

    .designer_case_b strong { color: #f00; margin-right: 10px; }

    .designer_case_b ul { width: 1000px; margin-top: 15px; display: inline-block; }

        .designer_case_b ul li { width: 234px; height: 157px; float: left; margin-right: 14px; margin-bottom: 14px; }

            .designer_case_b ul li img { width: 234px; height: 157px; }

.crumbs { font-size: 12px; color: #999; margin-bottom: 10px; }

    .crumbs a { color: #666; margin: 0 5px; }

        .crumbs a:hover { color: #999; }

.designer_case_l { width: 749px; float: left; margin-right: 10px; }

.designer_case_b .rim { border: 1px solid #ebebeb; overflow: hidden; }

.designer_case_l h1 { font-size: 24px; font-weight: normal; text-align: center; line-height: 80px; margin: 0 10px; border-bottom: 1px solid #ebebeb; color: #333; }

.designer_case_l .case_class { font-size: 14px; color: #666; text-align: center; line-height: 60px; }

    .designer_case_l .case_class i { font-weight: normal; margin: 0 10px; font-style: normal; line-height: 40px; }
        .designer_case_l .case_class i a { color: #666; }
.designer_case_l .material, .designer_case_l .idea { border-top: 1px solid #ebebeb; display: inline-block; width: 100%; float: left; overflow: hidden; }

.designer_case_l td { padding: 0; margin: 0; }

.designer_case_l .material .tt { width: 80px; background: #cecece; font-weight: normal; margin-right: 10px; }

.designer_case_l .idea .tt { width: 80px; background: #b7b7b7; font-weight: normal; margin-right: 10px; display: inline; }

.designer_case_l .tt b { font-weight: normal; padding: 15px; display: inline-block; text-align: center; color: #fff; }

.designer_case_l .material td.tt, .designer_case_l .idea td.tt { font-size: 20px; color: #fff; display: inline-block; float: left; }

.designer_case_l .material td p, .designer_case_l .idea td p { font-size: 12px; color: #999; padding: 2px 5px 2px 0; line-height: 20px; }

.designer_case_l .pic_block { width: 100%; text-align: center; display: table; margin: 10px 0 0 0; }

    .designer_case_l .pic_block img { width: 718px; }

.designer_case_l .text { width: 717px; display: inline-block; padding: 5px 15px; line-height: 30px; background: #f8f8f8; }

    .designer_case_l .text p { color: #333; font-size: 14px; line-height: 30px; }

    .designer_case_l .text i { width: 89px; height: 26px; line-height: 26px; font-size: 12px; font-style: normal; background: url(images/img.png) no-repeat left -225px; margin-top: 5px; }

        .designer_case_l .text i span { width: 16px; height: 14px; background: url(images/img.png) no-repeat left -206px; float: left; margin-left: 8px; margin-top: 6px; margin-right: 10px; }

        .designer_case_l .text i a { width: 100%; display: inline-block; color: #e62129; }

.designer_case_r { width: 238px; float: right; }

.designer_order dl { margin: 10px 5px; display: inline-block; width: 228px; }

    .designer_order dl dt { width: 116px; height: 116px; float: left; margin-right: 5px; position: relative; }

.designer_order dt span { width: 116px; height: 116px; background: url(images/peo_mark.gif) no-repeat left top; display: inline-block; position: absolute; left: 0; top: 0; }

.designer_order dt img { width: 116px; height: 116px; }

.designer_order dd b { font-size: 24px; color: #e62129; margin-top: 20px; font-weight: 400; display: inline-block; }

.designer_order dd p { font-size: 14px; color: #666; margin-top: 30px; }

.designer_order input[type=text] { width: 204px; border: 1px solid #f1f1f1; padding: 5px; line-height: 25px; color: #999; margin: 5px 10px; }

.designer_order input[type=submit] { width: 216px; background: #e62129; padding: 5px; line-height: 25px; color: #fff; margin: 5px 10px; font-size: 14px; border: none; font-weight: 700; }

.designer_order em { width: 216px; display: inline-block; margin: 0 10px 10px 10px; font-style: normal; font-size: 14px; line-height: 20px; color: #999; }

.offer { width: 236px; padding: 10px 0; display: inline-block; background: #f5f5f5; border-top: 2px solid #ebebeb; }

    .offer b { font-weight: normal; color: #e62129; font-size: 18px; margin-bottom: 10px; display: inline-block; margin-left: 10px; }

    .offer p { line-height: 30px; margin: 0 10px 5px 10px; display: inline-block; clear: both; }

    .offer em { font-size: 12px; float: left; font-style: normal; margin-right: 5px; line-height: 24px; }

    .offer input { width: 145px; border: 1px solid #ddd; padding: 2px; line-height: 24px; }

    .offer p.nz a { font-size: 12px; color: #fff; background: #fab538; float: left; padding: 0 5px; margin-right: 5px; }

    .offer p.nz input { width: 135px; }

    .offer .change_b { width: 236px; margin-top: 5px; display: inline-block; height: 120px; float: left; }

        .offer .change_b .change_n { width: 100%; margin: 0; border-top: 1px solid #ebebeb; line-height: 35px; }

            .offer .change_b .change_n li { width: 50%; font-size: 14px; text-align: center; margin-right: 0; margin-bottom: 0; height: 30px; line-height: 30px; position: relative; border-bottom: 1px solid #ebebeb; cursor: pointer; }

                .offer .change_b .change_n li input { display: none; }

                .offer .change_b .change_n li:hover, .offer .change_b .change_n li.on { color: #e62129; border-bottom: 1px solid #e62129; }

                    .offer .change_b .change_n li:hover span, .offer .change_b .change_n li.on span { width: 8px; height: 4px; position: absolute; bottom: -5px; left: 44%; z-index: 1; display: block; background: url(images/img.png) left -195px no-repeat; }

        .offer .change_b .change_c { margin-top: 10px; display: inline-block; }

    .offer select { width: 151px; border: 1px solid #ddd; padding: 3px 2px; color: #999; }

    .offer input.service { float: left; cursor: pointer; background-color: #e62129; width: 102px; height: 30px; border: none; color: #FFFFFF; font-weight: bold; font-family: 'Microsoft YaHei'; *margin-left: -10px; }

    .offer input.artificial { float: left; cursor: pointer; background-color: #666; width: 102px; height: 30px; margin-left: 10px; border: none; color: #FFFFFF; font-weight: bold; font-family: 'Microsoft YaHei'; }

    .offer .reslt_tt { width: 100%; clear: both; display: inline-block; border-bottom: 1px solid #ddd; text-align: center; margin-top: 30px; position: relative; margin-bottom: 10px; }

        .offer .reslt_tt strong { font-size: 16px; color: #e62129; position: absolute; left: 20%; bottom: -10px; background: #f5f5f5; padding: 0 5px; }

    .offer .price { width: 208px; padding: 3px; line-height: 26px; margin: 10px; text-align: center; font-size: 18px; color: #e62129; background: #fff; border: 1px solid #ddd; }

    .offer p.Note { font-size: 12px; color: #666; margin-bottom: 0; line-height: 20px; }

.designer_case_r .works, .designer_case_r .other_designer { overflow: hidden; }

    .designer_case_r .works h2, .designer_case_r .other_designer h2 { width: 100%; font-size: 18px; color: #fff; background: #fab538; line-height: 40px; display: inline-block; padding-left: 10px; }

    .designer_case_r .works dl { padding: 5px 6px; border-bottom: 1px solid #EBEBEB; }

        .designer_case_r .works dl:nth-last-child(1) { border-bottom: none; }

        .designer_case_r .works dl dt { text-align: center; }

            .designer_case_r .works dl dt img { width: 223px; height: 150px; }

    .designer_case_r .works h2 a, .designer_case_r .other_designer h2 a { color: #fff; font-weight: 400; }

    .designer_case_r .works dl dd b a { font-size: 14px; color: #333; text-align: left; margin: 5px 0; display: inline-block; }

    .designer_case_r .works dl dd p { color: #999; font-size: 12px; line-height: 20px; }

.other_designer dl { padding: 10px 5px; display: inline-block; width: 228px; border-bottom: 1px solid #ddd; }

    .other_designer dl dt { width: 90px; height: 90px; float: left; margin-right: 5px; position: relative; }

    .other_designer dl dd { width: 130px; float: left; }

.other_designer dt span { width: 90px; height: 90px; background: url(images/peo_mark.gif) no-repeat left -116px; display: inline-block; position: absolute; left: 0; top: 0; }

.other_designer dt img { width: 90px; height: 90px; }

.other_designer dd b { font-size: 14px; color: #333; float: left; margin-right: 5px; font-weight: normal; line-height: 28px; }

.other_designer dd p { font-size: 12px; color: #999; line-height: 30px; }

.other_designer dd em { font-size: 12px; color: #666; font-style: normal; margin-top: 20px; display: inline-block; }

span.over { font-size: 18px; margin: 20px auto; text-align: center; display: block; color: #666; }
#doyoo_panel{ display:none;left:-9999px; }


.i_icon { float: left; height: auto; margin-top: 40px; float: left; }
    .i_icon ul li { background: url(icon.png) no-repeat; float: left; width: 198px; height: 39px; color: #666666; text-align: center; padding-top: 123px; border: 1px #efefef solid; }
        .i_icon ul li.icon1 { background-position: 69px 29px; border-right: 0px; }
        .i_icon ul li.icon2 { background-position: 69px -133px; border-right: 0px; }
        .i_icon ul li.icon3 { background-position: 69px -295px; border-right: 0px; }
        .i_icon ul li.icon4 { background-position: 69px -457px; border-right: 0px; }
        .i_icon ul li.icon5 { background-position: 69px -619px; }
        .i_icon ul li.icon1:hover { background-position: -134px 29px; color: #fcb939; }
        .i_icon ul li.icon2:hover { background-position: -134px -133px; color: #fcb939; }
        .i_icon ul li.icon3:hover { background-position: -134px -295px; color: #fcb939; }
        .i_icon ul li.icon4:hover { background-position: -134px -457px; color: #fcb939;}
        .i_icon ul li.icon5:hover { background-position: -134px -619px; color: #fcb939;  }
.i_service { background: url(service.png) no-repeat; float: left; width: 1000px; height: 130px;margin-top:20px; }
    .i_service ul li { background: url(service_2.png) no-repeat; width: 166px; height: 130px; float: left; }
        .i_service ul li.service_1 { background-position: -11px 72px; }
        .i_service ul li.service_2 { background-position: -180px 72px; }
        .i_service ul li.service_3 { background-position: -330px 72px; }
        .i_service ul li.service_4 { background-position: -483px 72px; }
        .i_service ul li.service_5 { background-position: -635px 72px; }
        .i_service ul li.service_6 { background-position: -785px 72px; }
        .i_service ul li.service_1:hover { background-position: -11px -58px; }
        .i_service ul li.service_2:hover { background-position: -180px -58px; }
        .i_service ul li.service_3:hover { background-position: -330px -58px; }
        .i_service ul li.service_4:hover { background-position: -483px -58px; }
        .i_service ul li.service_5:hover { background-position: -635px -58px; }
        .i_service ul li.service_6:hover { background-position: -785px -58px; }


.brand_box{ float:left; width:1000px;  margin-top:30px;}
   .brand_box .brand_title{ float:left; width:1000px; height:120px; margin:0 0 0 0; display:inline;}
   .brand_box .brand_title li{ float:left; width:100px; height:100px; background:#fff; margin-left:10px; display:inline; text-align:center; font-size:16px;cursor:pointer; border:1px solid #ccc;-moz-border-radius: 10px;-webkit-border-radius:10px;border-radius: 10px; line-height:100px;}
   .brand_box .brand_title li span{ line-height:200%; margin-top:15px; float:left; text-align:center; width:100px;}
   .brand_box .brand_title li:first-child{ margin-left:0px;}
   .brand_box .brand_title li:hover,.brand_box .brand_title li.on{ float:left; width:100px; height:114px; background:url(images/brd_bg1.gif) no-repeat; border:none; color:#fff;}
   .brand_box .pro_box{ float:left; width:1000px; height:auto;}
   .brand_box .pro_box li{ float:left; width:1000px; height:auto; margin:20px 0 0 0; display:inline;}