@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
.ban{ width:1226px; margin:0 auto; height:763px; background:url(../images/fjyzz01.jpg) no-repeat center top; overflow:hidden;}
.ban a{ width:1200px; height:763px; display:block; background:url(../images/fjyzz02.jpg) no-repeat; position:relative; margin:0 auto; overflow:hidden;}
.ban a .img01{ position:absolute; top:173px; left:0; animation:ww01 1s ease-in-out 0s both; -webkit-animation:ww01 1s ease-in-out 0s both;}
.ban a .img02{ position:absolute; top:280px; left:0; animation:ww02 1s ease-in-out 0s both; -webkit-animation:ww02 1s ease-in-out 0s both;}
.ban a span{ font-size:30px; color:#ef551f; position:absolute; top:383px; left:9px; animation:ww03 1s ease-in-out 0s both; -webkit-animation:ww03 1s ease-in-out 0s both;}
.ban a em{ width:257px; height:81px; display:block; position:absolute; left:0px; top:450px; font-size:22px; line-height:26px; color:#fff; background:url(../images/fjyzz04.png) no-repeat; animation:ww04 1s ease-in-out 0s both; -webkit-animation:ww04 1s ease-in-out 0s both; padding:10px 0 0 37px;}
.ban a em:hover{ background:url(../images/fjyzz05.png) no-repeat;}
.ban02{ width:192px; height:200px; background:url(../images/fjyzz07.png) no-repeat; position:absolute; top:550px; left:504px; text-align:center;}
.ban02 b{ font-size:24px; color:#ff7383; padding:140px 0 0; display:block;}
.ban02 blockquote{ font-size:16px; color:#333; font-weight:lighter;}

@keyframes ww01{
from{ transform:translate(0,-200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww01{
from{ -webkit-transform:translate(0,-200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww02{
from{ transform:scale(0,0); opacity:0;}
to{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ww02{
from{ -webkit-transform:scale(0,0); opacity:0;}
to{ -webkit-transform:scale(1,1); opacity:1;}
}
@keyframes ww03{
from{ transform:translate(200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww03{
from{ -webkit-transform:translate(200px,0); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww04{
from{ transform:translate(0,100px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww04{
from{ -webkit-transform:translate(0,100px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}


.cn01{ width:1200px; margin:0 auto 72px; overflow:hidden; transition:all 1s ease-in-out 0s; -webkit-
transition:all 1s ease-in-out 0s; transform:translate(0,100px); -webkit-transform:translate(0,100px); opacity:0;}
.cn01.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn01 blockquote{ width:1146px; height:93px; margin:0 auto 42px; color:#333; line-height:30px; background:url(../images/fjyzz08.jpg) no-repeat; font-size:16px; text-align:center; padding:5px 0 0; font-weight:lighter;}
.cn01 a{ width:256px; height:49px; display:block; margin:0 auto; border-radius:50px; background:#ffa200; color:#fff; font-size:20px; text-align:center; line-height:49px;}
.cn01 a:hover{ background:#e99707;}
.gjyzl_bt{ width:100%; background:url(../images/gjyzl05.png) repeat-x center top; overflow:hidden;}
.gjyzl_bt b{ width:1200px; display:block; font-size:32px; color:#ff7383; margin:0 auto; text-align:center; background:url(../images/fjyzz09.jpg) no-repeat center top; padding:18px 0 0; font-weight:bold;}
.gjyzl_bt b span{ color:#ff5555;}
.cn02{ width:100%; height:670px; background:url(../images/fjyzz10.jpg) no-repeat center bottom; overflow:hidden;}
.cn02_1{ width:1117px; margin:50px auto 0; overflow:hidden;}
.cn02_2{ width:523px; height:470px; border:1px solid #d9d9d9; float:left; overflow:hidden; background:#fff url(../images/fjyzl09.jpg) no-repeat 0 65px; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(-100px,0); -webkit-transform:translate(-100px,0); opacity:0;}
.cn02_1.show .cn02_2{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02_2 span{ display:block; text-align:center; color:#333; line-height:40px; font-size:22px; padding:10px 0 0; font-weight:lighter;}
.cn02_2 p{ width:496px; margin:0 auto 35px; padding:140px 0 0; font-size:16px; color:#fff; line-height:24px;}
.cn02_2 ul{ width:500px; height:145px; background:url(../images/fjyzl10.jpg) no-repeat left bottom; overflow:hidden; padding:0 0 0 52px;}
.cn02_2 ul li{ width:88px; float:left; line-height:25px; color:#555; margin:0 72px 0 0; display:inline; font-size:16px; text-align:center;}
.cn02_2 ul li img{ margin:0 auto;}
.cn02_2 em{ font-size:16px; color:#f53f47; text-indent:18px; display:block; line-height:50px;}
.cn02_3{ float:right; background:#fff url(../images/fjyzl14.jpg) no-repeat 0 65px;transition:all 1s ease-in-out 0s; -webkit-
transition:all 1s ease-in-out 0s; transform:translate(100px,0); -webkit-transform:translate(100px,0); opacity:0;}
.cn02_3 ul{ padding:0 0 0 120px; overflow:hidden;}
.cn02_3 ul li{ width:96px;}
.cn02_3 em{ color:#fa7b30;}
.cn03{ width:1200px; height:457px; background:url(../images/fjyzz13.jpg) no-repeat; margin:-89px auto 25px; padding:10px 0 0; overflow:hidden; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,-100px); -webkit-transform:translate(0,-100px); opacity:0;}
.cn03.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03 dt{ width:680px; float:left; padding:47px 0 0 52px; overflow:hidden;}
.cn03 dt img{ margin:0 0 35px;}
.cn03 dt blockquote{ color:#fb4e3f; font-size:28px; line-height:35px; text-indent:12px; margin:0 0 27px; font-weight:lighter;}
.cn03 dt p{ width:630px; font-size:16px; line-height:28px; color:#555; margin:0 0 30px; padding:0 0 0 12px; font-weight:lighter;}
.cn03 dd{ width:450px; float:right;}
.cn04{ width:1200px; margin:0 auto 50px; overflow:hidden;}
.cn04.show ul li{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn04 ul{ width:1230px; overflow:hidden; padding:55px 0 0; margin:0 0 50px;}
.cn04 ul li{ width:291px; height:412px; margin:0 12px 0 0; display:inline; float:left; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:scale(0,0); -webkit-transform:scale(0,100px); opacity:0;}
.cn04 ul li blockquote{ font-size:22px; text-align:center; color:#ffa200; font-weight:bold; padding:240px 0 0; margin:0 auto 35px;}
.cn04 ul li p{ width:255px; margin:0 auto; line-height:24px; color:#777; font-size:15px; font-family:ËÎÌå;}
.cn04 ul .bg01{ background:url(../images/fjyzz14.jpg) no-repeat;}
.cn04 ul .bg02{ background:url(../images/fjyzz15.jpg) no-repeat; transition:all 1s ease-in-out 0.5s; -webkit-transition:all 1s ease-in-out 0.5s; transform:scale(0,0);}
.cn04 ul .bg03{ background:url(../images/fjyzz16.jpg) no-repeat; transition:all 1s ease-in-out 1s; -webkit-transition:all 1s ease-in-out 1s;}
.cn04 ul .bg04{ background:url(../images/fjyzz17.jpg) no-repeat; transition:all 1s ease-in-out 1.5s; -webkit-transition:all 1s ease-in-out 1.5s;}
.cn04 a{ width:370px; height:51px; display:block; margin:0 auto; border-radius:50px; background:#ffa200; color:#fff; font-size:20px; text-align:center; line-height:51px;}
.cn04 a:hover{ background:#e99707;}
.cn05{ width:1200px; margin:78px auto 55px; overflow:hidden; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,100px); -webkit-transform:translate(0,100px); opacity:0;}
.cn05.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.focusBox { position: relative; width:1200px; height:520px; overflow: hidden;}
.focusBox .hd { position:absolute; left:517px; bottom:0; z-index:1000;}
.focusBox .hd ul li{ width:46px; height:2px; overflow:hidden; cursor:pointer; float:left; margin:0 15px 0 0; background:#dedede;}
.focusBox .hd ul .on{ background:#ff3057;}
.focusBox .pic li{ width:100%; height:705px;}
.focusBox .pic li img{ float:left;}
.focusBox .prev,.focusBox .next { width:64px; padding:210px 0 0; overflow:hidden; float:left;}
.focusBox .next { float:right;}
.focusBox .cn05_1{ width:1050px; float:left; overflow:hidden; margin:0 0 0 10px; display:inline; position:relative;}
.focusBox .cn05_2{ width:1025px; height:415px; float:left; background:url(../images/zgxrwh12.jpg) no-repeat -10px 0; padding:105px 0 0 45px;}
.focusBox .cn05_2 span{ width:179px; height:44px; display:block; background:#ff7383; text-align:center; line-height:44px; color:#fff; font-size:24px; margin:0 0 25px;}
.focusBox .cn05_2 blockquote{ font-size:24px; color:#444; line-height:35px; margin:0 0 15px; font-weight:lighter;}
.focusBox .cn05_2 p{ width:512px; font-size:16px; color:#747474; line-height:28px; margin:0 0 35px;}
.focusBox .cn05_2 a{ width:347px; height:49px; display:block; border-radius:50px; border:1px solid #ff3057; font-size:18px; color:#ff3057; line-height:49px; text-align:center; margin:0 0 0 80px;}
.focusBox .cn05_2 a:hover{ border:1px solid #fff; background:#ff3057; color:#fff;}
.cn06{ width:1200px; height:898px; margin:45px auto 0; overflow:hidden; background:url(../images/fjyzz18.jpg) no-repeat; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,100px); -webkit-transform:translate(0,100px); opacity:0;}
.cn06.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06 img{ margin:0 auto;}
.cn06 .img03{ margin:0 auto 15px;}
.cn06 blockquote{ width:1122px; margin:0 auto 28px; color:#656565; line-height:26px; text-indent:2em; font-size:16px; font-weight:lighter;}
.cn06_1{ width:1200px; overflow:hidden; padding:0 0 0 61px; margin:0 0 46px;}
.cn06_1 li{ width:336px; height:198px; background:url(../images/fjyzz21.jpg) no-repeat; float:left; margin:10px 36px 0 0; display:inline;}
.cn06_1 li dl{ width:325px; margin:16px auto 0; overflow:hidden;}
.cn06_1 li dl dt{ float:left;}
.cn06_1 li dl dd{ width:151px; height:150px; float:left; background:#ff7383; padding:26px 0 0 16px;}
.cn06_1 li dl dd img{ margin:0;}
.cn06_1 li dl dd p{ width:130px; line-height:25px; color:#fff; padding:10px 0 0; font-size:16px;}
.cn06_2{ width:1120px; margin:0 auto 50px; overflow:hidden;}
.cn06_2 ul{ width:1180px; overflow:hidden;}
.cn06_2 ul li{ width:214px; height:214px; float:left; overflow:hidden; position:relative; margin:0 12px 0 0; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:scale(0,0); -webkit-transform:scale(0,0); opacity:0;}
.cn06_2.show ul li{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn06_3{ width:214px; height:214px; position:absolute; top:214px; z-index:10;}
.cn06_3 blockquote{ width:176px; height:132px; color:#fff; margin:0 auto; padding:15px 0 0; font-size:16px; line-height:30px;}
.cn06 .alj{ width:347px; height:49px; display:block; margin:0 auto; border-radius:50px; font-size:18px; text-align:center; line-height:49px; border:1px solid #ff3057; color:#ff3057;}
.cn06 .alj:hover{ background:#ff3057; color:#fff;}

.gjwh06{ width:1200px; margin:50px auto 30px; overflow:hidden; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,100px); -webkit-transform:translate(0,100px); opacity:0;}
.gjwh06.show{ opacity:1;}
.gjwh06 ul{ width:1250px; overflow:hidden;}
.gjwh06 ul li{ width:580px; overflow:hidden; float:left; margin:0 37px 37px 0; transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; transform:translate(0,10px); -webkit-transform:translate(0,10px);}
.gjwh06 ul li .immo{ float:left;}
.gjwh06_1{ width:407px; float:right; overflow:hidden; padding:15px 0 0;}
.gjwh06_1 blockquote{ width:375px; background:none; line-height:25px; color:#333; display:inline-block; padding:0 40px 0 0; overflow:hidden; padding:0 0 12px; font-size:20px;}
.gjwh06_1 p{ width:375px; color:#888; line-height:22px; font-size:14px; padding:15px 0 0;}
.gjwh06 ul li .xuxian{ width:375px; height:2px; overflow:hidden; background:url(../images/lcnzzz35.jpg) no-repeat;}
.gjwh06 ul li .xuxian span{ width:40px; height:2px; background:#a7a7a7; display:block; transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s;}
.gjwh06 ul li:hover .gjwh06_1 blockquote em{ display:block; display:inline; padding-right:30px; background:url(../images/fjyzz38.jpg) no-repeat right 11px; color:#ff5e8f;}
.gjwh06 ul li:hover{ box-shadow:0 15px 30px rgba(0, 0, 0, 0.1); transform:translate(0,0); -webkit-transform:translate(0,0);}
.gjwh06 ul li:hover .xuxian span{ width:375px; background:#ff5e8f;}
.gjwh06.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}




#allsort{ display:none;}