﻿/* 设计案例详情 */
.content{ width:790px; height:auto; background:#fff; padding:20px;border:1px solid #eee;}
.edit_tit{ width:100%; height:auto;font-size:24px; font-weight:bold; line-height:35px;}
.detail_share{margin:20px 0;}
.see_num{float:left;margin-right:10px;}
.see_num span{ color:#ad0606;}
.edit{ width:100%; height:auto; overflow:hidden; padding:10px 0;}
.edit img{ max-width:100%; height:auto; }

.sidebar{width:350px; height:auto;}
.side_btn{background:#fff; padding:30px 0;border:1px solid #eee;}
.side_btn a{ display:block; width:230px; height:40px; line-height:40px; text-align:center; margin:20px auto;border-radius:5px;color:#fff;
font-size:16px;}
.side_yuyue{ background:#ad0606;}
.side_tel{ background:#45be8b; }
.side_tel i,.side_tel span{ display:inline-block; vertical-align:top; }
.side_tel .icon_tel{ width:20px; height:40px; background:url(../images/icon_tel.png) no-repeat center center/20px 20px; margin-right:5px; }

.side_tj{ width:100%; height:auto; margin-top:20px;background:#fff;border:1px solid #eee;}
.side_tit{ width:100%; height:45px; line-height:45px; font-size:16px; padding:0 15px; border-bottom:1px solid #eee;font-weight:bold;}
.side_tj ul{padding:10px 0;}
.side_tj li{ display:block; padding:0 15px; height:33px; line-height:33px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.wx{ width:290px; height:auto; margin:20px auto 0;}
.wx .wxxx{float:left;height:115px;width:166px;}
.wx .wxxx .btt{color:#FFF;font-size:14px;line-height:38px;background-color:#42b1ff;font-weight:bolder;height:38px;text-align:center}
.wx .wxxx .nrr{background-color:#f2f2f2;height:75px;font-size:14px;line-height:30px;color:#666;padding:5px 0 0 15px;}


.screeres{ margin:-5px 0 20px; height:18px; line-height:20px;font-size:12px; color:#666666;}
.screereslink{ font-family:"宋体", Arial; margin:0 5px;}
.screerestag{ border:1px solid #ccc; display:inline-block; color:#666; cursor:default;}
.screerestag:hover{ border:1px solid #999;}
.screerestag span{ display:inline-block; padding:0 3px; vertical-align:top;}
.screerestag i{  display:inline-block; padding:0 3px; vertical-align:top; font:normal 16px/20px Arial; color:#999; cursor:pointer;}
.screerestag i:hover{color:#c00;}


.screening{ border:1px solid #eee; padding:0; font-size:12px; line-height:28px; background:#f6f6f6;}

.screete{ border-bottom:1px dashed #eee; padding:0 0;}
.screeteic{ padding:0 0;}
.screbgbla{ float:left; background:#fafbf6; width:1078px; padding:10px 5px;}
.screetil{ width:80px; padding:10px 20px 10px 10px; float:left; text-align:right;}
.screnocnlk{ width:60px; padding:0 0; float:left; text-align:center; margin-right:10px;}
.screetal{ width:990px; padding:0 0; float:left; max-height:56px; height:auto; overflow:hidden;}
.screetal.scresq{ max-height:none; height:auto; overflow:hidden;}
.screetmr{ width:35px; padding:0 10px 0 10px; margin-left:15px; float:left; background:url(../images/screetmr.png) no-repeat right center; cursor:pointer; color:#999;}
.screetmr.scresq{ background-image:url(../images/screetmrb.png);}
.screetal a{ display:inline-block; margin-right:25px;}
.screetal a:hover{ color:#ff8828;}
/* 设计案例 */
.bread{margin-bottom:20px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.bread_tit{font-size:16px; font-weight:bold;}
.bread_con{ font-size:12px; color:#666; }
.bread_con b{ font-family:"宋体";font-weight:normal;}


/* ad_banner */
.page{width:100%; height:auto; text-align:center;}
.page ul li{ display:inline-block; }
.page ul li a{background:#eee none repeat scroll 0 0;color:#666;display:block;padding:10px 20px}
.page ul li a.pagecur,.page ul li a:hover{background:#ad0606 none repeat scroll 0 0;color:#fff}

.video_detail{margin-bottom:20px;}

/* 设计师 */
.team_con{ width:780px;height:auto;}
.teamcon_tit{ width:100%; height:45px; line-height:45px; background:#000; padding:0 0 0 45px; color:#fff; position:relative;}
.icon_team{ display:block; width:45px; height:45px; position:absolute;left:0; top:0; background:url(../images/icon_team.jpg) no-repeat center center/45px 45px;}
.teamcon_en{ line-height:12.5px; height:45px; padding:10px 10px; position:relative;}
.teamcon_en span{ display:block; text-transform:uppercase; }
.teamcon_en b{ font-size:12px;font-weight:normal; color:#999;}
.teamcon_en::after{ content:""; width:2px; height:25px; background:#fff; position:absolute;right:0; top:50%; margin-top:-12.5px;}
.teamcon_ch{ font-size:20px; padding:0 10px; }

.teamcon_list{ width:100%; height:auto; min-height:322px; border:1px solid #eee; background:#fff; margin-top:10px; padding:0 0 0 250px; position:relative;}
.teamconcase{border-bottom:1px dashed #eee;}
.teamcon_pic{ display:block; width:250px; height:320px; overflow:hidden;position:absolute;left:0; top:0; }
.teamcon_pic img{ width:100%; min-height:100%; height:auto; }
.teamconcase li,.teamconcase li a{ display:block; width:220px; height:auto;}
.teamconcase li{float:left;margin:10px 0 0 30px;}
.teamcon_casepic{ display:block;padding:10px; border:1px solid #eee; width:100%; height:220px; overflow:hidden;}
.teamcon_casepic img{ width:100%; min-height:100%; height:auto; }
.teamcon_casetit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center;}

.teamcon_design{height:54px; line-height:54px; text-align:center; }
.teamcon_designname{ width:50%;font-size:20px;font-weight:bold;}
.teamcon_design a{ display:inline-block; width:80px; height:25px; line-height:23px;background:#fff;border:1px solid #ad0606;
 text-align:center; color:#ad0606;
font-size:14px; border-radius:5px;font-size:12px;}
.teamcon_design a:hover{background:#ad0606; color:#fff;}
.teamcon_design span,.teamcon_design i{ display:inline-block;vertical-align:top; }
.icon_more2{width:13px; height:23px; background:url(../images/icon_more2.png) no-repeat center center/13px 13px;
margin-left:5px;}
.teamcon_design a:hover .icon_more2{width:13px; height:23px; background:url(../images/icon_more2hover.png) no-repeat center center/13px 13px;
margin-left:5px;}

.teamabout{ width:100%; height:360px; position:relative;padding:0 0 0 360px; }
.teamabout_pic{ width:350px; height:360px; overflow:hidden; position:absolute;left:0; top:0; }
.teamabout_pic img{ width:100%; min-height:100%;}
.teamabout_con{ width:100%; height:360px; background:#000; padding:20px; color:#fff;}
.teamabout_tit{font-size:20px; font-weight:bold;}
.teamabout_des{margin-top:10px;}


/* 环保施工 */
.construct_ul{ width:1180px;}
.construct_ul li{ display:block; float:left;overflow:hidden; position:relative;}
.construct_pic{ width:100%; height:100%; overflow:hidden;}
.construct_pic img{ display:block; width:100%; min-height:100%; height:auto; }
.constructwl_tit{ width:100%; height:40px; line-height:40px; background:rgba(0,0,0,0.5); color:#fff; text-align:center; position:absolute;
left:0; bottom:0; }
/* .construct_ul li.construct_wide{ width:575px; height:214px;margin-bottom:10px;}
.construct_ul li.construct_long{ width:282.5px; height:438px;margin-right:10px;} */
.construct_ul li.construct_normal{ width:282.5px; height:214px;margin:0 10px 10px 0;}
.construct_ul a{ display:table; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute;left:0; top:100%;
color:#fff; text-align:center;font-size:16px;}
.table_cell{ display:table-cell; vertical-align:middle; }
.construct_des{ text-transform:uppercase; font-size:14px; }
.construct_ul li:hover a{top:0;}
.construct_ul li:hover .constructwl_tit{bottom:-40px;}

/* 关于我们 */
.edit_contentcon{margin:20px 0;}
.edit_content{ width:100%; height:auto; }
.genrtil{ text-align:center; padding:15px 0;}
.genrtilch{ font-size:28px; line-height:36px;}
.genrtilsp{ height:2px; width:60px; background:#ad0606; display:block; margin:8px auto;}
.genrtilen{ font-size:14px; line-height:20px; color:#999; text-transform: uppercase;}


.contes_reg{width:550px;}
.cont_mesinput{ width:100%; height:72px;}
.cont_mesinput input{ width:48%; height:52px; line-height:50px; border:1px solid #eee; float:left; padding:0 10px 0; font-size:14px;}
.cont_mesinput input:first-child{ margin-right:4%;}

.cont_mesteart { width:100%; padding:0 0 25px; height:200px;}
.cont_mesteart textarea{ width:100%; height:160px; line-height:30px; border:1px solid #eee; float:left; padding:0 10px 0; font-size:14px;}
.cont_mesbtnck{ height:52px;}
.cont_mesbtnck a{ width:100%; display:block; background:#ad0606; height:52px; line-height:50px; color:#fff; padding:0 5px; text-align:center;}

.about_pic{ width:590px; height:325px; overflow:hidden;}
.about_pic img{  width:100%;min-height:100%; height:auto; }

.edit_about{ width:100%; height:auto; padding:20px 0;}

/* 新闻资讯 */
.news_lest{ padding-bottom:30px;}
.news_lest li{ border-bottom:1px solid #e5e5e5;}
.news_lest li a{ display:block; padding:27px 0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.news_lest li a:hover .news_lest_dat_ico{padding-left:40px;}
.news_lest li a:hover .news_lest_img{margin-right:50px;}
.news_lest li a:hover .news_lest_dat_num{padding-left:40px;}

.news_lest_img{ width:200px; height:130px; float:right; margin-right:20px;}
.news_lest_img img{ display:block; width:200px; height:130px;}

.news_lest_dat{ width:150px; float:left; margin-right:20px;}
.news_lest_tae{ width:650px; float:left;}

.news_lest_dat_num{ font-size:26px; color:#000; line-height:50px; margin-bottom:20px;}
.news_lest_dat_num i{ display:inline-block; vertical-align:top; margin-top:30px; margin-left:10px; height:1px; background:#ccc; width:35px;}

.news_lest_dat_ico i{ display:block; width:45px; height:10px;}
.news_lest_dat_ico i img{ display:block; width:45px; height:10px;}

.news_lest_tea_til{ font-size:16px; color:#333; line-height:50px;}
.news_lest_tea_tex{ font-size:14px; color:#999;}


/* 客户评价 */
.discuss dl{ width:1170px; box-shadow:0 2px 8px #eee; padding:15px; margin-top:20px;}
.discuss dl dt{ float:left; width:100%;} 
.dis_name p{ float:left; margin-right:20px; color:#333;}
.time{ color:#999;font-size:12px;}
.discuss dl dd{ width:100%; margin-top:10px;font-size:12px; color:#999;margin-top:10px; clear:both;}


/* 联系我们 */
.contactw{ width:100%; height:730px;margin-top:20px;}
.contactw .main{ position:relative; }
.contact_map{ float:right; width:100%; height:730px; border:1px solid #e6e6e6;}
.contact_con{ float:left; width:400px;position:absolute; left:0; top:65px; background:rgba(255,255,255,0.9); z-index:10; box-shadow:0 0 12px rgba(0,0,0,0.2);}
.contact_con img{ width:100%;}
.contact_conee{ width:400px; padding:30px;}
.contact_con h2{ font-size:18px; margin-bottom:30px;}
.contact_con h2 span{ display:block; font-weight:normal; font-size:16px; line-height:2em;}
.contact_con p{ margin-bottom:20px; font-size:14px; padding:0 0 0 30px; position:relative;}
.contact_con i{ display:inline-block; width:23px; height:23px; position:absolute;left:0;top:3px;}
.contact_con i.icon_p1{ background:url(../images/p1.png) no-repeat center center/23px 23px;}
.contact_con i.icon_p2{ background:url(../images/p2.png) no-repeat center center/23px 23px;}
.contact_con i.icon_p3{ background:url(../images/p3.png) no-repeat center center/23px 23px;}
.contact_con i.icon_p4{ background:url(../images/p4.png) no-repeat center center/23px 23px;}


/* 在线预约 */
.zx_wrapcon{ background:#fff; width:1280px; padding:30px 40px 0; box-shadow:0 0 5px #ddd;}
.par_left{ float:left;width:532px;height:auto;}
.par_right{ float:right; width:532px;}
.form_ul li{ float:left; margin-top:20px;}
.form_ul li>span{ display:block; float:left; width:100px; height:40px; line-height:38px; text-align:right; margin-right:10px; color:#666;}
.form_ul li select{ width:420px;appearance:none; -moz-appearance:none;-webkit-appearance:none; background:#fff url("../images/arrow2.png") no-repeat scroll 400px center;text-indent:5px; text-align:left;}
.form_ul li .par_text,.form_ul li select{ float:left;   height:38px; line-height:38px; border:1px solid #dedede; color:#999; padding:0;
border-radius:5px;}
.form_ul li .par_text{ width:400px; padding-left:10px;}
.form_ul li .par_text2{ width:100px; float:left;border-radius:5px 0 0 5px;}
.form_ul li .sex{ margin-top:10px;}
.form_ul li .sex label{ margin-right:10px;}
.form_ul li i{ color:#d50808; margin-right:5px; font-style:normal;}
.form_ul li p{ float:left;height:38px; line-height:38px; border:1px solid #dedede; border-left:none; padding:0 10px;
 background:#f5f5f5; color:#ad0606; cursor:pointer;border-radius:0 5px 5px 0;}
.form_ul li select option{ padding:5px 0; text-indent:15px;}
.par_btn{ width:100px;line-height:40px; text-align:center; background:#2287eb; border:none; border-bottom:3px solid #006fdc; color:#fff; font-size:16px;}
.form_ul li textarea.textarea{ width:420px; border:1px solid #dedede; height:80px; padding:10px;resize:none;border-radius:5px;}
.form_ul li textarea.textarea2{ width:420px; border:1px solid #dedede; height:130px; padding:10px;resize:none;border-radius:5px;}
.tj_btn{ display:block; width:150px; height:40px; line-height:40px; background:#ad0606; color:#fff; text-align:center; margin:30px auto;
border-radius:5px;font-size:16px;}
.tj_btn:hover{ background:#d50808; color:#fff;}
