@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
.ban{ width:1226px; height:627px; background:url(../images/nmyzz01.jpg) no-repeat center top; overflow:hidden; margin:0 auto 60px;}
.ban a{ width:1200px; height:627px; display:block; background:url(../images/nmyzz02.jpg) no-repeat; position:relative; margin:0 auto; overflow:hidden;}
.ban a .img01{ position:absolute; top:174px; 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:281px; left:0; animation:ww02 1s ease-in-out 0s both; -webkit-animation:ww02 1s ease-in-out 0s both;}
.ban a .img03{ position:absolute; top:377px; left:0px; animation:ww03 1s ease-in-out 0s both; -webkit-animation:ww03 1s ease-in-out 0s both;}
.ban a span{ width:241px; height:92px; background:url(../images/nmyzz06.png) no-repeat; line-height:26px; font-size:22px; color:#fff; position:absolute; top:453px; left:10px; animation:ww04 1s ease-in-out 0s both; -webkit-animation:ww04 1s ease-in-out 0s both; padding:10px 0 0 25px;}
.ban a span:hover{ background:url(../images/nmyzz07.png) no-repeat;}


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


.fjyyy_bt{ width:100%; background:url(../images/gjyzl05.png) repeat-x center top; overflow:hidden;}
.fjyyy_bt b{ width:1200px; display:block; font-size:32px; color:#ff5e8f; margin:0 auto; text-align:center; background:url(../images/fjyzz09.jpg) no-repeat center top; padding:20px 0 0; font-weight:bold;}
.fjyyy_bt b span{ color:#ff3790;}
.fjyyy_bt b i{ font-size:24px; color:#333; font-weight:normal;}
.cn01{ width:100%; height:770px; background:url(../images/fjyzz10.jpg) no-repeat center bottom; overflow:hidden;}
.cn01.show .cn01_2{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn01_1{ width:1140px; margin:50px auto 0; overflow:hidden;}
.cn01_2{ width:525px; height:506px; box-shadow:0 0 8px rgba(0,0,0,0.1); float:left; overflow:hidden; background:#fff url(../images/fjyzl09.jpg) no-repeat 0 65px; margin:8px; 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;}
.cn01_2 span{ display:block; text-align:center; color:#333; line-height:40px; font-size:22px; padding:10px 0 0; font-weight:lighter;}
.cn01_2 p{ width:496px; margin:0 auto 35px; padding:140px 0 0; font-size:16px; color:#fff; line-height:24px;}
.cn01_2 ul{ width:500px; height:155px; background:url(../images/fjyzl10.jpg) no-repeat left bottom; overflow:hidden; padding:0 0 0 50px;}
.cn01_2 ul li{ width:118px; float:left; margin:0 45px 0 0; display:inline;}
.cn01_2 ul li img{ margin:0 auto 8px;}
.cn01_2 ul li i{ display:block; height:26px; font-family:ËÎÌå; font-size:14px; line-height:26px; background:#e54244; border-radius:50px; text-align:center; color:#fff;}
.cn01_2 ul li i a{ color:#fff;}
.cn01_2 em{ font-size:16px; color:#f53f47; display:block; line-height:23px; padding:15px 0 0 20px;}
.cn01_2 em i{ display:block; float:left; height:50px; padding-right:5px;}
.cn01_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;}
.cn01_3 em{ color:#fa7b30;}
.cn01_4{ width:940px; margin:0 auto; overflow:hidden; padding:35px 0 0;}
.cn01_4 li{ float:left;}
.cn01_4 li a{ width:350px; height:51px; display:block; text-align:center; line-height:51px; background:#fff; border-radius:50px; color:#ff3057; font-size:18px; position:relative; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn01_4 li a img{ position:absolute; left:290px; top:19px; opacity:0; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; display:none\0; *display:none;}
.cn01_4 li a:hover{ text-indent:-10px;}
.cn01_4 li a:hover img{ left:300px; opacity:1; display:block\0; *display:block;}
.cn01_4 li a .img01{ left:300px;}
.cn01_4 li a:hover .img01{ left:310px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn01_4 .rt{ float:right;}
.cn01_4 .rt a img{ left:270px;}
.cn01_4 .rt a:hover img{ left:280px;}
.cn01_4 .rt a .img01{ left:280px;}
.cn01_4 .rt a:hover .img01{ left:290px;}
.cn02{ width:1158px; height:507px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.1); margin:-70px auto 60px; background:#fff; border-radius:8px; 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;}
.cn02.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02 .bt{ margin:60px auto 0;}
.cn02 ul{ width:1041px; margin:0 auto 25px; overflow:hidden; padding:52px 0 0;}
.cn02 ul li{ width:188px; height:256px; float:left; margin:0 25px 0 0; overflow:hidden; padding:30px 0 0; background:url(../images/zgnmy13.jpg) no-repeat;}
.ul01.show{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn02 ul li img{ margin:0 auto;}
.cn02 ul .last{ margin:0;}
.cn03{ width:1200px; margin:0 auto; padding:52px 0 0;}
.cn03.show .ul02 li{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn03 .ul02{ width:1250px; overflow:hidden; margin:0 0 50px -5px;}
.cn03 .ul02 li{ width:291px; height:481px; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:10px; float:left; margin:5px; 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;}
.cn03 .ul02 li b{ display:block; font-size:22px; text-align:center; background:url(../images/nmyzz15.jpg) no-repeat center bottom; color:#ffa200; padding:5px 0 20px;}
.cn03 .ul02 li p{ width:261px; margin:0 auto; font-size:15px; font-family:ËÎÌå; line-height:24px; color:#777; padding:15px 0 0;}
.cn03 .ul03{ width:892px; margin:0 auto 52px; overflow:hidden;}
.cn03 .ul03 li{ float:left;}
.cn03 .ul03 .rt{ float:right;}
.cn03 .ul03 .rt a{ width:390px;}
.cn03 .ul03 li a{ width:411px; height:51px; display:block; text-align:center; line-height:51px; background:#ffa200; border-radius:50px; color:#fff; font-size:18px; position:relative; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn03 .ul03 li a img{ position:absolute; left:355px; top:19px; opacity:0; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; display:none\0; *display:none;}
.cn03 .ul03 li a:hover{ text-indent:-10px;}
.cn03 .ul03 li a:hover img{ left:365px; opacity:1; display:block\0; *display:block;}
.cn03 .ul03 li a .img01{ left:365px;}
.cn03 .ul03 li a:hover .img01{ left:375px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn03 .ul03 .rt a img{ left:320px;}
.cn03 .ul03 .rt a:hover img{ left:330px;}
.cn03 .ul03 .rt a .img01{ left:330px;}
.cn03 .ul03 .rt a:hover .img01{ left:340px;}
.cn04{ width:1200px; margin:78px auto 50px; 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;}
.cn04.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 .cn04_1{ width:1050px; float:left; overflow:hidden; margin:0 0 0 10px; display:inline; position:relative;}
.focusBox .cn04_2{ width:1025px; height:415px; float:left; background:url(../images/zgxrwh12.jpg) no-repeat -10px 0; padding:105px 0 0 45px;}
.focusBox .cn04_2 span{ display:inline-block; height:44px; background:#ff7383; text-align:center; line-height:44px; color:#fff; font-size:24px; margin:0 0 20px; padding:0 15px;}
.focusBox .cn04_2 blockquote{ font-size:24px; color:#444; line-height:35px; margin:0 0 15px; font-weight:lighter;}
.focusBox .cn04_2 p{ width:512px; font-size:16px; color:#747474; line-height:25px; margin:0 0 35px;}
.focusBox .cn04_2 a{ width:350px; height:51px; display:block; border-radius:50px; border:1px solid #ff3057; font-size:18px; color:#ff3057; line-height:51px; text-align:center; margin:0 0 0 80px; position:relative; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.focusBox .cn04_2 a:hover{ border:1px solid #fff; background:#ff3057; color:#fff;}
.focusBox .cn04_2 a img{ position:absolute; left:305px; top:19px; opacity:0; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; display:none\0; *display:none;}
.focusBox .cn04_2 a:hover{ text-indent:-10px;}
.focusBox .cn04_2 a:hover img{ left:315px; opacity:1; display:block\0; *display:block;}
.focusBox .cn04_2 a .img01{ left:315px;}
.focusBox .cn04_2 a:hover .img01{ left:325px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn05{ width:100%; height:1002px; margin:0 auto 50px; overflow:hidden; background:#f9f9f9; padding:65px 0 0;}

.cn05_1{ 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;}
.cn05_1.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn05_1 img{ margin:0 auto;}
.cn05_1 .img03{ margin:0 auto 15px;}
.cn05_1 blockquote{ width:1122px; margin:0 auto 28px; color:#656565; line-height:26px; text-indent:2em; font-size:16px; font-weight:lighter;}
.cn05_1_1{ width:1200px; overflow:hidden; padding:0 0 0 61px; margin:0 0 46px;}
.cn05_1_1 li{ width:336px; height:198px; background:url(../images/fjyzz21.jpg) no-repeat; float:left; margin:10px 36px 0 0; display:inline;}
.cn05_1_1 li dl{ width:325px; margin:16px auto 0; overflow:hidden;}
.cn05_1_1 li dl dt{ float:left;}
.cn05_1_1 li dl dt img{ margin:0;}
.cn05_1_1 li dl dd{ width:151px; height:150px; float:left; background:#ff5e8f; padding:26px 0 0 16px;}
.cn05_1_1 li dl dd img{ margin:0;}
.cn05_1_1 li dl dd p{ width:130px; line-height:25px; color:#fff; padding:10px 0 0; font-size:16px;}
.cn05_1_2{ width:1120px; margin:0 auto 50px; overflow:hidden;}
.cn05_1_2 ul{ width:1180px; overflow:hidden;}
.cn05_1_2 ul li{ width:214px; height:214px; float:left; overflow:hidden; position:relative; margin:0 12px 0 0; width:214px; height:214px; float:left; overflow:hidden; position:relative; margin:0 12px 0 0;}
.cn05_1_3{ width:214px; height:214px; position:absolute; top:214px; z-index:10;}
.cn05_1_3 blockquote{ width:176px; height:132px; color:#fff; margin:0 auto; padding:15px 0 0; font-size:16px; line-height:30px;}
.cn05_1 .aa{ width:347px; height:49px; line-height:49px; border:1px solid #ff3057; color:#ff3057; margin:0 auto; border-radius:50px; display:block; text-align:center; font-size:18px; position:relative; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn05_1 .aa img{ position:absolute; left:270px; top:19px; opacity:0; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; display:none\0; *display:none;}
.cn05_1 .aa:hover{ text-indent:-10px;}
.cn05_1 .aa:hover img{ left:280px; opacity:1; display:block\0; *display:block;}
.cn05_1 .aa .img01{ left:280px;}
.cn05_1 .aa:hover .img01{ left:290px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn06{ 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;}
.cn06.show{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06 ul{ width:1250px; overflow:hidden;}
.cn06 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);}
.cn06 ul li .immo{ float:left;}
.cn06_1{ width:407px; float:right; overflow:hidden; padding:15px 0 0;}
.cn06_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;}
.cn06_1 p{ width:375px; color:#888; line-height:22px; font-size:14px; padding:15px 0 0;}
.cn06 ul li .xuxian{ width:375px; height:2px; overflow:hidden; background:url(../images/lcnzzz35.jpg) no-repeat;}
.cn06 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;}
.cn06 ul li:hover .cn06_1 blockquote em{ display:block; display:inline; padding-right:30px; background:url(../images/fjyzz38.jpg) no-repeat right 11px; color:#ff5e8f;}
.cn06 ul li:hover{ box-shadow:0 15px 30px rgba(0, 0, 0, 0.1); transform:translate(0,0); -webkit-transform:translate(0,0);}
.cn06 ul li:hover .xuxian span{ width:375px; background:#ff5e8f;}
.cn06.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}


#allsort{ display:none;}