﻿


/*banner*/
#banner_{position: relative;}
.banner{ max-width:100%;overflow: hidden;position: relative; height: 540px;}

.banner .images li{ float:left;  height: 540px; }
.banner .images li a{display: block; background-repeat: no-repeat;background-position: center center; height: 540px;}
.banner .images{ width:4000px;position: absolute;left: 0;  height: 540px; }


.banner .num{ position: absolute;width: 100%; bottom: 15px;left: 0;text-align: center;  }
.banner .num li{ display: inline-block;width: 26px;height: 8px;background-color: rgba(255,255,255,0.5);
    border-radius: 13px;cursor: pointer;margin-right: 5px;  }
.banner .num .on{background-color: #fff; width: 12px; height: 12px;}
.banner .btn{    width: 47px;height: 99px;
    background-color: rgba(0,0,0,0.3);position: absolute;
    top: 50%;margin-top: -30px;cursor: pointer;text-align: center;line-height: 60px; color: white;display: none;  }
.banner:hover .btn{display: block;}
.banner .btn_l{left:0;  background-position: -139px 0px;}
.banner .btn_r{right:0; background-position: -75px 0px; }

/*banner 预约*/
.banner #_form{width: 1200px;position: absolute;left: 0;top: 0;}
.banner .banner_form{width: 270px; border-top:2px solid #ff5c5c;  height:422px;background-color:#ffffff; position: absolute;right: 0;top: 58px; }
.banner .banner_form .banner_form_title{font-size:16px;color: #333; text-align: center;line-height: 75px;  }
.banner .banner_form .input_div{padding-bottom: 9px;width: 230px;margin: 0 auto;}
.banner .banner_form .input_div_i{position: relative;}
.banner .banner_form .input_div_i i{position: absolute;right: 20px; top: 50px;color: #808080;  }

.banner .banner_form input{width: 210px;height: 40px;padding-left: 20px; font-size: 14px;background-color: #e6e6e6;;margin-bottom:1px; }
.banner .banner_form .input_area{width: 210px;height: 40px;padding-left: 20px; color: #a9a9a9; font-size: 14px;background-color: #e6e6e6; line-height: 40px;margin-bottom:1px;}
.banner .banner_form .input_area i{ line-height: 40px; float: right;margin-top: 19px; margin-right: 19px; display: inline-block; width: 12px;height: 6px;background-position: -169px -148px;  }

.banner .banner_form .button_div{width: 230px;margin: 0 auto;}
.banner .banner_form .button_div .button_txt{color: #808080; line-height: 50px; padding-bottom: 25px;}
.banner .banner_form .button_div .button_txt i{color: #333333;}
.banner .banner_form button{width: 230px; height: 40px;background: #ff3333;font-size: 14px;color: #FFFFFF;margin: 0 auto;}
/*banner end*/
/*首页服务*/
html,body,.page-container,.section,.rbslider-container{height:100%;width:100%;min-width:320px;}
.section{background-position:center center;background-repeat:no-repeat;background-size:cover;}
.section{min-width:320px;position:relative;}

.active .section-content-container hgroup {
    right: 0;
    opacity: 1;
}
.section-content-container hgroup h2 {
    text-transform: uppercase;
    font-weight: normal;
    color: #c80200;
    font-size: 2.3em;
}
h1, h2, h3, h4, p, li {
    font-family: microsoft yahei;
}
.section-content-container hgroup h3 {
   

    font-size: 1.6em;
}
.top h3 {
    margin-top:20px;
}
.top h3 a {
   line-height:12px;
   font-size:18px;
}
.intro p a{
    color:#fff;
    line-height:12px;
}
.service-list div {
     
  
    text-align: center;
    transition: all .5s;
    position: relative;
}
a, a:visited {
    color: inherit;
}
.service-list li .intro {
    font-size: 13px;
    color: #fff;
    background: #c80200;
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
}
.service-list li .top {
    border: 1px solid #DFDFDF;
    padding: 135px 0 25px 0;
    background-color: rgba(255,255,255,.39);
    background-repeat: no-repeat;
    background-position: center 38px;
    font-size: 15px;
    color: #333;
}
.section-content-container hgroup {
    text-align:center;
    padding: 0px 0 50px 0;
}


/*板块title 公用*/
.main_title{color: #333; font-size: 20px;font-weight: 600; }
.main_title i{color: #999999; }
.main_title a.pull-right{ font-size: 12px; display: block;  }

/*品牌实力/Brand*/
.Brand .Brand_content li{width: 215px;height: 215px; float: left; padding-right: 30px;}
.Brand .Brand_content li .Brand_img img{width: 215px;height: 107px;  }
.Brand .Brand_content li .Brand_img {width: 215px;height: 107px;}
.Brand .Brand_content li .Brand_txt{position: relative; padding-top: 12px; text-align: center;width: 211px; height: 85px;border: 2px solid #fff; margin-top: 7px;}
.Brand .Brand_content li .Brand_txt span{color: #666666; font-size: 14px; line-height: 28px; }
.Brand .Brand_content li .Brand_txt p{color: #999999; line-height: 19px;  }
.Brand .Brand_content li .Brand_txt .border-left{width: 2px;height: 21px;background-color: #cccccc; position: absolute;left: -1px;bottom: -1px;}
.Brand .Brand_content li .Brand_txt .border-bottom{width: 21px;height: 2px;background-color: #cccccc; position: absolute;left: -1px;bottom:-1px ;}
.Brand .Brand_content li .Brand_txt .border-top{width: 21px;height: 2px;background-color: #cccccc; position: absolute;right:-1px;top: -1px;}
.Brand .Brand_content li .Brand_txt .border-right{width: 2px;height: 21px;background-color: #cccccc; position: absolute;right: -1px;top: -1px;}
/*品牌实力/Brand  end*/

/*案例欣赏 */
.Case .Case_content .Case_content_left{width:276px; }
.Case .Case_content .Case_content_left ul li{position: relative; width: 125px;height: 125px;float: left;margin-right: 10px;margin-bottom: 10px; }

.Case .Case_content .Case_content_left ul li a{width: 125px;height: 125px;display: block; position: relative; text-align: center;line-height: 125px;font-size: 14px; color: #fff;}
.Case .Case_content .Case_content_left ul li a{width: 125px;height: 125px;}
.Case .Case_content .Case_content_left ul li a .p_txt{width: 125px;height: 125px;  position: absolute;left: 0; top: 0;}
.Case .Case_content .Case_content_left ul li a p.elf{ display: none; width: 125px;height: 125px;   position: absolute;left: 0; top: 0; background-position: -99px -156px; background-color: rgba(255,51,51,0.2);text-align: center;line-height: 125px;font-size: 14px; color: #fff; }

.Case .Case_content .Case_content_right{width: 870px;}
.Case .Case_content .Case_content_right ul li{width: 420px; float:left;height: 260px;margin-bottom: 10px;margin-right: 10px;}
.Case .Case_content .Case_content_right ul li a{display: block;width: 420px;height: 260px;position: relative; }
.Case .Case_content .Case_content_right ul li a img{  width: 420px; height: 260px;}
.Case .Case_content .Case_content_right ul li a .Case_content_right_tier
{  display: none;width: 420px;height: 260px;
    background-color: rgba(0,0,0,0.5);text-align: center;
    position: absolute;left: 0;top: 0;}
.Case .Case_content .Case_content_right ul li a .Case_content_right_tier p{padding-top: 109px; padding-bottom: 10px; font-size: 16px;color: #fff;}
.Case .Case_content .Case_content_right ul li a .Case_content_right_tier span{ display: block;font-size: 14px;color: #fff;}
.Case .Case_content .Case_content_right ul li a .Case_content_right_tier i.elf{
    display: block; float: right; margin-right: 30px; width: 32px;height: 15px;background-position:-105px -284px; }

.Case .Case_content .Case_more{width: 54px;background-color: #bdb9b3;text-align: center;display: block;height: 530px; line-height: 530px;}
/*案例欣赏  emd*/

/*企业领袖/Leader*/
.Leader{background-color: #dceaea;}
.Leader .leader_title{color: #eeaa3f; font-size: 20px;font-weight: 600; line-height: 50px; padding-bottom: 5px;}
.Leader .leader_title i{color: #b9b4ab;}
.Leader .leader_img{ height: 480px; width:100%;padding-bottom: 30px; background: url("../images/leader.png") no-repeat center top ; }
.Leader .leader_img .leader_img_tier{position: relative; width: 440px;height:480px; background-color: rgba(0,0,0,0.5); }
.Leader .leader_img .leader_img_tier .leader_name{position: absolute;left: -43px; top: 15px;}
.Leader .leader_img .leader_img_tier .leader_name p{font-size: 60px;color: #fff; }
.Leader .leader_img .leader_img_tier .leader_name p i{font-size: 22px;color: #eeaa3f; }
.Leader .leader_img .leader_img_tier ul{width: 400px;height: 200px; padding-top: 120px; padding-left: 15px;}
.Leader .leader_img .leader_img_tier ul li{font-size: 14px;color: #cccccc; }
/*企业领袖/Leader end */

/*设计团队*/
.Team .Team_title{line-height: 60px;}
.Team .Team_main ul li{float: left; width: 220px; height: 220px; border: 1px solid #e6e6e6; margin: 0 1px; margin-right: 20px;}
.Team .Team_main ul li:nth-child(5){margin-right: 0; }
.Team .Team_main ul li a{ display: block; position: relative;}
.Team .Team_main ul li a img{ width: 220px; height: 220px;;}
.Team .Team_main ul li a .Team_img_tier{display: none; text-align: center; width: 220px;height: 220px;position: absolute;left: 0;top:0;background-color: rgba(0,0,0,0.5); }
.Team .Team_main ul li a .Team_img_tier p{font-size:14px; ; color: #fff; padding-top: 90px;}
.Team .Team_main ul li a .Team_img_tier span{font-size:12px; ; color: #fff;}
.Team  a.Team_more{  background-color: #e6e6e6; display: block;width: 318px;height: 46px; border:1px solid #e6e6e6;text-align: center;line-height: 48px; margin:30px auto ;color: #666;font-size: 14px }
.Team  a.Team_more:hover{background-color: #fff; border-color: #ff3333; color: #ff3333;}
/*设计团队 end*/
/*装修百科*/
.Renovation a{display: block;}
.Renovation .web_container p.main_title{line-height: 60px;}
.Ren_main_left{width:610px;height: 415px; }
.Ren_main_left .Ren_main_left_txt{position: relative; width: 100%;height: 115px;}
.Ren_main_left a.Ren_main_left_img{  width:610px; height: 300px; }
.Ren_main_left .Ren_main_left_title{color: #333333;font-size: 16px;padding:20px 0 0 0; display: inline-block;margin-bottom: 10px;border-bottom: 1px solid #fff; }
.Ren_main_left .Ren_main_left_te{color: #666666;font-size: 12px; }
.Ren_main_left .Ren_main_left_time{ position: absolute;left: 0;bottom:0;width: 100%;}
.Ren_main_left .Ren_main_left_time span.pull-left i{ display: inline-block; width: 18px;height:18px;background-position: -175px -95px;margin-right: 10px; }
.Ren_main_left .Ren_main_left_time span.pull-right i{ display: inline-block; width: 28px;height:18px;background-position: -130px -95px;margin-right: 10px; }

/*鼠标悬停效果*/
.Ren_main_left .Ren_main_left_txt:hover .Ren_main_left_title{ border-bottom: 1px solid #333333;}

.Ren_main_right{ width: 570px; height: 415px; }
.Ren_main_right li{float: left;position: relative;border-top: 2px solid #fff;}
.Ren_main_right li span.border_00{width:280px;height: 2px;background-color: #1a1a1a; position: absolute;left: 0;top: -2px;  }
.Ren_main_right li:nth-child(1){margin-right: 10px;}
.Ren_main_right li:nth-child(3){margin-right: 10px;}
.Ren_main_right .Ren_main_right_txt{ margin-bottom:10px;    position: relative; width:240px;height: 160px; padding:20px;background-color: #f5f5f5;  float: left;}
.Ren_main_right .Ren_main_right_txt .Ren_main_right_title{font-size: 14px;color: #333333; padding-bottom: 25px;}
.Ren_main_right .Ren_main_right_txt .Ren_main_right_te{font-size: 12px;color: #666;}
.Ren_main_right .Ren_main_right_txt span{font-size: 12px;color: #666; position: absolute;right: 10px; bottom: 18px;}
.Ren_main_right .Ren_main_right_txt  i{position: absolute;right: 91px; bottom: 20px; display: inline-block; width: 18px;height: 18px;background-position: -175px -95px;}


/*装修百科 end*/

/*公司动态/Dynamic*/
.Dynamic a{display: block;}
.Dynamic .web_container p.main_title{line-height: 40px;}
.Dynamic ul li{position: relative; width: 280px; height:326px;float: left;background-color: #fff;padding: 10px;}
.Dynamic ul li .Dynamic_A{width: 280px;height: 170px; display: block;}
.Dynamic ul li .Dynamic_A img{width: 280px;height: 170px;}
.Dynamic ul li:hover{background-color: #f5f5f5;}

.Dynamic ul li .Dynamic_text{padding: 20px 20px 0 20px; }
.Dynamic ul li .Dynamic_text .Dynamic_text_title{height: 41px; font-size: 14px;color: #333333; padding-bottom: 10px;}
.Dynamic ul li .Dynamic_text .Dynamic_text_txt{  font-size: 12px;color: #666666;}
.Dynamic ul li .Dynamic_text span{position: absolute; right: 10px;bottom: 10px;}
.Dynamic ul li .Dynamic_text span i{display: inline-block; width: 18px;height: 18px;background-position: -175px -95px; float:left;margin-right: 10px; }
/*公司动态/Dynamic   end*/
/*旗下子品牌*/
.Sub_brand .web_container p.main_title{line-height:50px; }
.Sub_brand .Sub_brand_div{width: 1200px;background-color: #f5f5f5;height: 150px;position:relative; }
.Sub_brand .Sub_brand_main{overflow: hidden;  position: relative; width: 1030px; margin: 0 auto; height: 150px;}

.Sub_brand .Sub_brand_main ul{margin: 30px auto; overflow: hidden; width: 40000px;position: absolute;left: 0;top: 0; }
.Sub_brand .Sub_brand_main ul li{width: 290px; height: 90px; float: left;margin-right: 80px;  }
.Sub_brand .Sub_brand_div .Sub_click{ position: absolute;top: 40px; width:35px;height: 65px; background-color: #FFFFFF; }
.Sub_brand .Sub_brand_div .Sub_left{  left: 1px; background-position:-138px -12px; }
.Sub_brand .Sub_brand_div .Sub_right{ right: 1px; background-position: -165px -257px;}
/*旗下子品牌 end*/
/*友链*/
.friend  {padding-bottom: 30px;}
.friend .friend_txt span{color: #333333;}
.friend .friend_txt a{padding: 0 7px; color: #666666;}
.friend .friend_txt a:hover {  color: #ff343f;}
/*友链 end*/




.registration-form{width:80%;margin:0 auto;}

.form-box {
	padding-top: 40px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #fff;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #ddd;
	line-height: 100px;
	text-align: right;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #eee;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
}






















