@charset "UTF-8";
/* CSS Document */
body,html{height:100%;}
#container{min-height:100%;position: relative;padding-bottom:500px;}
.page_con{max-width:1201px;min-width:1200px;margin:0 auto;z-index:0;}
.content{    width: 100%;margin: 0 auto; min-width: 1200px;}
#header{width:100%;min-width:1200px;background:#252525;margin:0 auto;padding:60px 0 0 0;}
.div_logo{text-align:center;margin-bottom: 40px;}


.nav-height{ position:relative; height: 90px;z-index:999;}
.nav-wrap { width: 100%;height: 90px;background: #252525;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;  z-index: 99999;border-bottom: 1px solid #999; } 
.nav-wrap ul {padding:20px 0;width:756px;margin: 0 auto; display: block; }
.nav-wrap.navFix ul{ border-bottom: 0;cursor: pointer;}
.nav-wrap li { display: inline-block;margin:0 10px; text-align: left; float: left;}
.nav-wrap li a {display: block;padding: 0 20px;font-size:16px; color: #fff; line-height: 42px;text-decoration: none;border:2px solid #252525;}
.nav-wrap li a:hover{color: #ccc;}
.nav-wrap li a.active {border:2px solid #fff;color:#fff;}



/*轮播大图*/
.slideshow{width: 100%; height:760px;position: relative;overflow-x: hidden;}
.imgbox {width: 100%;height:760px;position: relative;background-color: #222222;overflow: hidden;z-index: -10;}
.imgbox img.img {position: absolute;display: none;left: 50%;margin-left: -960px;}
.imgbox img.im {display: block;}
.change {height: 300px;display: block;position: absolute;z-index: 20;opacity: 0;transition: 0.4s;top: 50%;margin-top: -150px}
.change:hover {opacity: 1;}
.pre {left: 1%;}
.next {right: 1%;}
.cirbox {width: 110px;position: absolute;bottom: 15px;z-index: 10;left: 50%;margin-left: -44px;cursor: pointer;}
.cir {width: 12px;height: 12px;background-color: white;opacity: 0.4;float: left;border-radius: 6px;margin: 0 5px 0 5px;cursor: pointer;}
.cir:hover {background-color: cyan;transition: 0.8s;}
.cr {opacity: 1;}
.cr:hover {background-color: white;}



/*if介绍*/
.intro_IF{width:100%; background: #333;padding:60px 0;}
.intro_IF h2.IF{text-align: center;font-size:40px;line-height:160px; font-weight: 600;color:#fff; }
.intro_IF p{font-size:18px;line-height:40px;color:#fff;text-align: center;font-weight: 200;}
.service_pro{margin-top:140px; float: left;}
.service_pro li{width:400px;height:400px;display: inline-block;text-align: center;background: #252525;float: left;}
.service_pro li img{width:400px;height:400px;}
.service_pro li h3{text-align: center; font-size:24px;line-height:80px;color:#fff;font-weight: 600px;margin-top:40px }
.service_pro li i{display:block;width:178px;height:15px;margin: 0 auto;background: url(../images/line-service.png) no-repeat;}
.service_pro li p{font-size:16px;line-height: 36px;color:#fff;font-weight: 200;margin-top:36px;} 
.flow_service{margin:0 auto;height:1000px;background: url(../images/bg_step.png) center no-repeat;}
.ul_flow{float:left;width:400px;margin-top:210px;margin-left: 140px;}
.ul_flow li{width:400px;float: left; position: relative;margin-bottom:40px;font-size:22px;color:#fff;font-weight: 400;line-height: 70px;padding-left:120px;}
.ul_flow li b{text-align: center; font-size:70px;position: absolute;left: 0;top: -12px; font-weight: 600;color:#fff;}
.ul_flow li i{position: absolute;left:120px;top:-4px;font-size: 16px;line-height: 18px;color:#6c6c6c;font-style: normal;}
.arrow_step{width:28px;height:399px;background: url(../images/arrow_step.png) no-repeat;float: left;margin-top: 200px;}
.title_flow{float:left;font-size:28px;color:#fff;font-weight: 400;margin:360px 0 0 60px;}


/*样板房*/
.bg_sample{width: 100%;padding:100px 0;background: #fff;}
h2.title_com_A{text-align: center;font-size:32px;color:#000;font-weight: 600px;}
h2.title_com_A span{padding:0 48px;}
h2.title_com_A i{display: inline-block; width:178px; height:16px;background: url(../images/line_title.png) no-repeat;margin-left: -15px;}
.list_sample{width:1200px;margin:40px auto 0 auto;}
.list_sample ul{}
.list_sample ul li{width:600px;height: 500px;background: #dedede;float: left;}
.list_sample ul li img{width:600px;height:380px;}
.info_sam{width:400px;padding-right:160px;margin:0 auto;font-size:22px;line-height: 40px; font-weight: 400;color:#333;text-align: left;margin-top: 16px;position: relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info_sam span{position: absolute;right:0;}
.info_sam p{font-size:16px;font-weight: 400;color:#848484;text-align: left;line-height: 36px;}
.info_sam p span{float:right;}
/*map*/
.bg_regional{width:100%;height:500px;background:url(../images/img_map.png) no-repeat center center;}

/*
.wrap_map{width:50%;min-width: 600px; float: left;}
.wrap_map img{width:100%;height:500px;}
.search_reg{float:left;margin:60px 0 0 30px;width:560px;}
.search_reg h3{font-size:24px;line-height:60px;text-align: left;font-weight: 600;color:#858585}
.search_reg ul{width:560px;}
.search_reg ul li{margin-top:16px;}
.input_text_A{width:558px;height:40px;background: #fff;border:1px solid #e1e1e1;font-size:14px;line-height: 40px;text-indent: 4px;color:#333;}
.textarea_A{width:558px;height:100px;background: #fff;border:1px solid #e1e1e1;padding:6px 0;font-size:14px;line-height:24px;text-indent: 4px;color:#333;font-weight:400;}
a.btn_search{display: block; width:160px;height:40px;border:2px solid #9f9f9f;font-size:16px;line-height:40px;color:#858585;font-weight: 400; text-align: center;cursor: pointer;}
a.btn_search:hover{text-decoration:none;color:#333;}
*/

.footer{width:100%;min-width: 1200px;margin-top:80px;background: #252525;padding:100px 0; height:300px;   /* footer的高度一定要是固定值*/ 
 position:absolute; bottom:0px;left:0px;}
.div_foot_l{float:left;height:300px;width:468px;border-right: 2px solid #fff;text-align: center;}
.div_foot_l img{width: 200px;height: 200px; margin-top:50px;}
.div_foot_r{float:right;width:660px;}
.div_foot_r h3{text-align: left;font-size: 24px;font-weiht:600px;color:#fff;}
.div_foot_r ul{margin-top:40px;}
.div_foot_r ul li{float: left; width:200px;margin-right:30px;font-size:20px;color:#fff;}
.div_foot_r ul li:last-child{margin-right:0;}
.div_foot_r ul li p{margin-top:10px;}
.div_foot_r ul li p img{width:160px;height:160px;}