﻿/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;}
body{ font-family:'Microsoft Yahei',Arial,Simsun;font-size:14px;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
.clear{ display:block; clear:both;}
.relative{ position:relative;}
.grayscale{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
.fl{float:left;}
.fr{float:right;}
.bordey{overflow: hidden;position: relative;}
.bordy{padding-top:83px;}
.vert{display:none;vertical-align:middle; visibility:hidden;}
/* css reset */
.header_content{position: fixed;width:100%;height: 83px;background: url(../images/T3_1.jpg);top: 0px;z-index:899;}
.header_contentBlock{width: 1200px;height: 84px; margin: auto;position: relative;	}
.header_content .logo{display: block;width: 172px;height: 83px;float: left;}
.header_content .logo img{ height:83px;}
.head_nav{width: auto;padding: 54px 0 10px 75px;overflow: hidden;float: right; }
.head_nav ul li{float: left;padding: 0 0 0 25px;background: url(../images/line.png) 11px no-repeat;}
.head_nav ul li a{display: block;font-size:14px;color: #ffffff; padding-bottom: 10px;}
.head_nav ul li:hover a,.head_nav ul li.current a{background: url(../images/nav_bot.jpg) bottom no-repeat;color: #d02d7b;}
.head_nav .nobg{background:none;} 

.B_back{position: absolute;right: 0;top: 23px; }
.B_back a{display:inline-block;color:#FFF;}
.Back_grout{background: url(../images/back.png) 0px no-repeat;padding:0 15px;font-size:14px;}
.make_grout{background: url(../images/line.png) 0px no-repeat;padding:0 15px;font-size:14px;}
.sina{width:17px;height:15px;padding:0px 0px 0px 8px;background: url(../images/Gline.png) no-repeat center left;}
.weixin{width:17px;height:15px;margin:0px 4px 0px 0px; padding-top: 2px;}
/*header End*/
.footer{position: fixed;width:100%;height: 49px;background:url(../images/T3_3.jpg);bottom: 0px;z-index: 99;}
.friend_link{width: 1200px;margin: auto;overflow: hidden;position: relative;}
.footer .lnk-look{display:block;width:90px;height:33px;line-height:33px;float:left;margin:8px 0px;border-radius:6px;overflow:hidden;}
.footer .lnk-look a{color:#FFF;text-align:center;display:block;background:#b1764a;}
.footer .lnk-look a:hover{background:#063745}

.footer .pot2{width:125px;height:49px;float:right;margin-left:20px;line-height:50px;color:#ffffff; font-size:13px;}
.footer .pot2 a{color: #ffffff;}
.footer .pot1{width: auto;height: 49px;float: right;line-height: 49px;color: #ffffff;}
.footer .pot1 span{font-size: 24px;color: #ffffff;padding: 0 30px 0 5px;}
/*footer End*/
.bodyer_content{position: relative;min-width:1200px;background: #fff;height:100%; }
.Image_block{position: relative;width: 100%;z-index: 99;}
.body_content{width: 1200px;position: relative;padding-top:83px;margin:0px auto;}
.body_main{width: 445px;height: 176px;position: absolute;top: 50%;margin-top: -230px;margin-left: -600px;}
/*项目简介*/
.project{position: relative;width: 1200px;}
.project_vision{width: auto;height: auto;overflow: hidden;position: relative; display:none;}
.project_vision span{ font-size: 36px;color: #d02d7b;padding:0 0 10px 0;font-family: "宋体";font-weight: 400;border-bottom:solid 1px #d02d7b;line-height: 50px; display:none;}
.project_quiet .st{padding-top: 20px; display: block;}
.project_vision .yestd{position: absolute;right: 150px;bottom: 25px;width: 45px;height: 46px;cursor: pointer;}
.project_title{width: auto;padding: 0 0 0 20px;position: relative;}
.project_title h2{font-size:20px;font-weight: 400;color: #d02d7b; text-transform:uppercase;}
.project_title h3{font-size:20px;font-weight: 600;color: #d02d7b; }
.liness{width: 6px;height: 43px;background: #d02d7b;position: absolute;top: 5px;left: 0;}
.lines{width: 20px;height: 2px;background: #d02d7b;margin-top: 30px;}
.project_article{width: 521px;padding:20px 0 0 0;position: relative;overflow: hidden;height:375px;}
.project_article{color: #333;font-size: 14px; line-height:24px; text-align: justify;text-justify:inter-ideograph;}
.project_left{width: auto;height: auto;position: relative;}
.project_right{width:543px;height: auto;position: relative;}
.right_content{width: 610px;height: auto;position: relative;overflow: hidden;}
.project_process{width: auto;position: relative;}
.project_p1{width: 231px;height: auto;padding: 0 5px 0 0;}
.project_p2{width: 334px;height: auto;}
.project_p3{width: 602px;height: auto;padding: 5px 0 0 0;}
.project_p1 img , .project_p2 img , .project_p3 img {max-width: 100%;display: block;height: 100%;}

.Outermostlayer{width: 587px;height: 404px;border: solid 1px #d02d7b;position: relative;top: 0px;left: 20px;margin-top:40px;}
.Secondlayer{width: 621px;height: 420px;border: solid 1px #c2898b;position: relative;top: -20px;left: 20px;}
.Innermostlayer{width: 591px;height: 428px;position: relative;bottom: 40px;left: -20px;overflow: hidden;}
.Innermostlayer img {display: block;width: 100%;height: 100%;}

.Outermostlayer_show{width: 465px;height: 470px;border: solid 1px #c2898b;position: relative;top: 20px;left: 0;margin-top: 40px;}
.Secondlayer_show{width: 425px;height: 508px;border: solid 1px #c2898b;position: relative;top: -20px;left: 20px;}
.Innermostlayer_show{width: 384px;height: auto;position: relative;top: 60px;left: 20px;}
.Innermostlayer_show img {display: block;width: 100%;height: 100%;}

.Outermostlayer_dymic{width: 524px;height: 424px;border: solid 1px #d02d7b;position: relative;margin:20px 0 0 30px; }

/*区域交通*/
/*周边配套*/
.T_lists{width: auto;height: auto;position: relative;padding: 15px 0;}
.T_lists ul li{float: left;width: 48px;height: 18px;font-size: 8px;text-align: center;margin-right: 5px;padding-top: 30px;color: #fff;cursor: pointer;}
.T_lists ul .plj_1{background:#b2b2b2 url(../images/z_1.png) 0px no-repeat;}
.T_lists ul .plj_2{background:#b2b2b2 url(../images/z_2.png) 0px no-repeat;}
.T_lists ul .plj_3{background:#b2b2b2 url(../images/z_3.png) 0px no-repeat;}
.T_lists ul .plj_4{background:#b2b2b2 url(../images/z_4.png) 0px no-repeat;}
.T_lists ul .plj_5{background:#b2b2b2 url(../images/z_5.png) 0px no-repeat;}
.T_lists ul .plj_1:hover,.T_lists ul .plj_1.current{background:#b1764a url(../images/z_1.png) 0px no-repeat;}
.T_lists ul .plj_2:hover{background:#b1764a url(../images/z_2.png) 0px no-repeat;}
.T_lists ul .plj_3:hover{background:#b1764a url(../images/z_3.png) 0px no-repeat;}
.T_lists ul .plj_4:hover{background:#b1764a url(../images/z_4.png) 0px no-repeat;}
.T_lists ul .plj_5:hover{background:#b1764a url(../images/z_5.png) 0px no-repeat;}

.infobox{position: relative;width: 475px;height: auto;}
.project_arti{position: relative;width:auto ;top: 0;left: 0;}
.project_arti h3{padding: 0px 0 10px 0;}
.project_arti p{line-height: 26px;text-align: justify;text-justify:inter-ideograph;}
.project_pgs{position: relative;width: 524px;height: 424px; text-align: center;overflow: hidden;}
.pro_tpk{position: absolute;bottom:0;left: 0;width: 100%;text-align: center; height: auto;padding: 18px 0;font-size: 16px;color: #fff;margin: auto;background:rgba(0,0,0,0.5);  }

.dynamic_r{margin:0 0 30px 20px;width: auto;height: auto;position:relative; ;}
.mic_dy{width: 260px;float: left;position: relative;margin:0 0 30px 28px;border-bottom: dashed 1px #d3d1ca;padding-bottom: 10px;}
.pro_third{padding-top:0;position: absolute;top: -20px;left: -20px;}
.namic{display: block; width: 260px;position: relative;  height: auto;float: left;margin: 0 15px 5px 0;}
.namic_time{border: solid 1px #656565;width: 54px;height: 41px;padding: 10px 5px 10px 5px;}
.namic_time h3{font-size: 18px;color: #063745;}
.namic_time p{font-size: 12px;color: #2a2a2a;}
.namic_title{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:10px 0 5px 0;color: #d02d7b;font-size: 14px; text-align: justify;text-justify:inter-ideograph;font-weight: bold;}
.namic_text{padding:5px 0 5px 0;color: #2a2a2a;font-size: 12px;text-align: justify;text-justify:inter-ideograph;line-height: 20px; }
.namic_at{width: 21px;height: 21px;float: left;padding-bottom: 12px;}

/*美图欣赏*/
/* picture */
#picture{width:100%;min-width:1200px;position:relative; background:#FFF; overflow:hidden;} 
#picture span.butn{display:block;width:41px;height:41px;cursor:pointer;position:absolute;top:50%;margin-top:-21px;}
#picture span.prev{left:10px;background:url(../images/botn_prev.png) no-repeat center;}
#picture span.prev:hover{background:url(../images/botn_prev_on.png) no-repeat center;}
#picture span.next{right:10px;background:url(../images/botn_next.png) no-repeat center;}
#picture span.next:hover{background:url(../images/botn_next_on.png) no-repeat center;}
#picture .list{width:100%;height:470px;background:#f0f0f0;margin-bottom:30px; display:none;}
#picture .list-box{width:1200px;height:470px;margin:0 auto;position:relative;}
#picture .list ul{width:992px;height:470px;margin:0 auto;position:relative;} 
#picture ul li{width:100%;height:100%;position:absolute;top:0px;left:0px;}
#picture ul li a{display:block;width:100%;height:100%;position:relative; text-align:center;}
#picture ul li img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle;}
#picture .small{width:1200px;height:501px;margin:85px auto 0px;position:relative;}
#picture .small .botn{display:block;width:46px;height:46px;cursor:pointer;position:absolute;top:50%;margin-top:-23px;}
#picture .small .left{left:10px;background:url(../images/botn_prev.png) no-repeat center;}
#picture .small .right{right:10px;background:url(../images/botn_next.png) no-repeat center;} 
#picture .small .left:hover{background:url(../images/botn_prev_on.png) no-repeat center;}
#picture .small .right:hover{background:url(../images/botn_next_on.png) no-repeat center;}
#picture .small .end-lt{cursor:default;background:url(../images/botn_prev_end.png) no-repeat center;}
#picture .small .end-rt{cursor:default;background:url(../images/botn_next_end.png) no-repeat center;}
#picture .small .end-lt:hover{background:url(../images/botn_prev_end.png) no-repeat center;}
#picture .small .end-rt:hover{background:url(../images/botn_next_end.png) no-repeat center;}
#picture .moving-box{width:992px;height:100%;overflow:hidden;margin:0 auto;}
#picture .item{height:100%;width:1008px;float:left;}
#picture dl{height:42px;width:1000%;height:100%;}
#picture dl dd{width:232px;height:232px;float:left;margin-right:20px;margin-bottom:20px;background:#c5c5c5;text-align:center;}
#picture dl dd a{display:block;width:100%;height:100%;cursor:pointer;position:relative;} 
#picture dl dd a:hover{opacity:1;filter:alpha(opacity=100);} 
#picture dl dd img{max-width:232px;max-height:232px;vertical-align:middle;}
#picture dl dd a.current{opacity:1;filter:alpha(opacity=100);}


/*户型展示*/
.show_main{width: 620px;position: relative;overflow: hidden;padding-top: 25px;}
.project_show{width: 242px;height: auto;overflow: hidden;float: left;margin:0 68px 45px 0;}
.show_first{width: 242px;position: relative;}
.show_ttp{width: 100%;height: auto;margin-bottom: 40px;}
.show_ttp span{font-size: 24px;color: #063745;border-bottom:solid 2px #063745;padding-bottom: 5px;}
.show_first li{float: left;width: 114px;height: 26px;border:solid 2px #7f7f7f;margin: 0 3px 10px 0;text-align: center;line-height: 26px;cursor: pointer;}
.show_first li:hover{border:solid 2px #063745;background: #063745;color: #fff;}
.show_time{width: 300px;height: auto;margin: auto;position: relative;}
.show_yes{width: 300px;height: auto;position: relative;margin: auto;}
.show_time .show_priv{display: block;width: 43px;height: 43px;background: url(../images/show_prev.png) no-repeat;position: absolute;top: 50%;left: -43px;margin-top: -22px;}
.show_time .show_text{display: block;width: 43px;height: 43px;background: url(../images/show_next.png) no-repeat;position: absolute;top: 50%;right: -43px;margin-top: -22px;}

/*视频欣赏*/
.video_show{width: 1029px; position: relative;margin: 50px auto 0;overflow: hidden;}
.video_show .ScrollBox{width: 99999999px;position: relative;}
.video_show .ScrollBox ul li{float: left;margin-right: 30px;width: 323px;height: 233px;}
.video_show .ScrollBox ul li a {display: block;}
.video_show .ScrollBox ul li a img {width: 100%;}
.Brand_leftButton {position: absolute;top:50%;left:5px;margin-top:-20.5px;width:41px;height: 41px;background: url(../Images/vprev.png) no-repeat 0 0;cursor: pointer;z-index: 999;}
.Brand_rightButton {position: absolute;top:50%;right:5px;margin-top:-20.5px;width:41px;height: 41px;background: url(../Images/vnext.png) no-repeat 0 0;cursor: pointer;z-index: 999;} 
.home_bigImg {position: relative;width:100%;}
.home_ulBlock{position: relative;width:100%;height:100%;}
.home_ulBlock ul{position: relative;width:100%;height:100%;}
.home_ulBlock ul li{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.home_ulBlock img {position: absolute;top:0px;left:0px;}
.home_ulBlock .buton{position: absolute;width: 100%;bottom:32px;text-align: center;}
.home_ulBlock .buton span{display:inline-block;width:20px;height:20px;background: url(../images/list_2.png) no-repeat center;text-indent:999em;overflow:hidden;}
.home_ulBlock .buton span.current{background: url(../images/list_1.png) no-repeat center;}
.home_navBlock{position: absolute;width: 100%;bottom: 12px;text-align: center;}
.home_navBlock span{display: inline-block; width: 20px;height: 20px;background: url(../images/list_2.png) no-repeat center;}
.home_navBlock span.current{background: url(../images/list_1.png) no-repeat center;}
/*合作商家*/
.project_work{width: 100%;height: auto;padding:20px 0 15px 0;position: relative;}
.work_ye{width:542px;position: relative;/*overflow: hidden;*/height:374px;}
.work_ye .work_list{width: 542px;position: relative;}
.work_ye ul li{float:left;width:166px;height:102px;border:solid 1px #d9d9d9;margin:14px 0 0px 12px; position:relative; }
.work_ye ul li a{display:block;width:100%;height:100%;color:#FFF;text-align:center;}
.work_ye ul li span{display:inline-block;height:100%;vertical-align:middle;}
.work_ye ul li img{max-width:100%;max-height:100%;vertical-align:middle;}
.work_ye ul li p{min-height:24px;width:156px;line-height:20px;padding:5px 5px;position:absolute;bottom:0px;left:0px;color:#FFF;font-size:12px;background:url(../images/walbd.png) repeat;overflow:hidden;z-index:999;display:none;}
.work_nav {position: absolute;bottom:0px;left:50%;}
.work_nav a {display: block;width:10px;height: 10px;background: #ccc;border-radius:20px;float: left;margin:0px 5px;cursor: pointer;}
.work_nav a:hover,.work_nav a.current {background: rgb(74, 150, 199);}
.profile{width:468px;height:108px;line-height:24px;padding:18px 20px;position:absolute;bottom:-59px;left:0px;color:#FFF; background:url(../images/walbd.png) repeat;display:none;}
.profile ul{width:100%;height:100%;position:relative;}
.profile ul li{width:100%;height:100%;position:absolute;top:0px;left:0px;display:none;}

.body_bgcolor{background: #666666;}
.body_detil{position: relative;width: 1200px;margin: 0 auto;padding: 56px 0;background: url(../images/wall-top.png) no-repeat #fff;}
.body_detil a.retrun{display: block;width: 32px;height: 32px;background: url(../images/icon-close.png) no-repeat;position: absolute;top: 16px; right: -16px;}
.body_dowop{width: 856px;position: relative;margin: 0 auto;}
.body_dowop .detail-title{width: 856px;margin: 0 auto;text-align: center;color: #b87437;margin-bottom: 20px;}
.body_dowop .detail-title h1{font-size: 30px; color: #d02d7b;}
.body_dowop .detail-title p{color: #d02d7b;}
.body_dowop .detail-infor {width: 856px;margin: 0 auto;color: #666;line-height: 30px; font-size: 15px;}
.body_dowop .detail-infor p {display: block;margin-bottom: 10px;}

.erweima{width: 120px;height: 120px;padding: 10px;background: #fff;position: absolute;top: 30px;right: 0%;display: none;border: solid 1px #f1f1f1; } 
.body_dowop .detail-infor p {display: block;margin-bottom: 10px;}
/* pages */
.pages{height:20px;padding:0px 0px;text-align:right;}
.pages a{display:inline-block;width:auto;height:20px;color:#FFF;padding:0 10px;background:#747474;border-radius:3px;}
.pages a:hover,.pages a.current{color:#333;background:#ededed;}
