@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
body{ background:#f4f4f4;}
.ban{ width:1226px; height:601px; background:url(../images/zyjcyy01.jpg) no-repeat center top; overflow:hidden; margin:0 auto;}
.ban a{ width:1226px; height:601px; display:block; position:relative; margin:0 auto; overflow:hidden;}
.ban a span{ width:206px; height:66px; display:block; background:#ff4148; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; position:absolute; top:456px; left:294px; background:url(../images/zyjcyy02.jpg) no-repeat;}
.ban a span:hover{ background:url(../images/zyjcyy03.jpg) no-repeat;}
.xbt{ width:1200px; margin:0 auto; overflow:hidden;}
.xbt dt{ float:left; font-size:24px; color:#444; font-weight:lighter;}
.xbt dt span{ font-size:14px; color:#b4b4b4; display:block; font-weight:lighter;}
.xbt dd{ float:right; padding:5px 10px 0 0;}
.xbt dd a{ font-size:15px; height:31px; color:#010101; display:inline-block; float:left; text-align:center; line-height:31px; font-weight:lighter; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; padding:0 30px;}
.xbt dd img{ float:left; margin:10px 20px 0 0;}
.xbt dd .wa01{ margin:0 10px 0 0;}
.xbt dd .wid02{ background:#ea4c89; color:#fff;}
.xbt dd .wa01:hover{ background:#ea4c89; color:#fff;}

@keyframes ww001{
from{ transform:translate(0,200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww001{
from{ -webkit-transform:translate(0,200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww002{
from{ transform:translate(-200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww002{
from{ -webkit-transform:translate(-200px,0); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww003{
from{ transform:translate(200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww003{
from{ -webkit-transform:translate(200px,0); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}

.cn01{ width:1226px; height:425px; border-bottom:1px solid #c3cddd; margin:0 auto; overflow:hidden; animation:ww001 0.5s linear 0s; -webkit-animation:ww001 0.5s linear 0s; padding:35px 0 0; background:#fff;}
.bt{ width:1226px; margin:0 auto;}
.bt img{ margin:0 auto;}
.cn01 ul{ width:1104px; margin:38px auto 0; overflow:hidden;}
.cn01 ul li{ width:529px; height:311px; overflow:hidden; float:left; animation:ww002 0.5s linear 0s; -webkit-animation:ww002 0.5s linear 0s; border-radius:12px 0 0 12px; display:inline; background:#fff; transform:scale(1,1); -webkit-transform:scale(1,1);}
.cn01 ul .rt{ float:right; animation:ww003 0.5s linear 0s; -webkit-animation:ww003 0.5s linear 0s;}
.cn01_1{ width:352px; height:311px; float:left; overflow:hidden;}
.cn01_1 img{ transition:all 0.5s linear 0s; -webkit-transition:all 0.5s linear 0s;}
.cn01_1 img:hover{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cn01_2{ width:176px; height:309px; float:left; position:relative; border:1px solid #e5e5e5; border-left:none; border-radius:0 8px 8px 0;}
.cn01_2 span{ width:67px; height:67px; display:block; position:absolute; top:221px; left:81px;}
.cn02{ width:1226px; height:550px; background:#fff; margin:0 auto; padding:35px 0 0; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn02.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02 blockquote{ width:768px; margin:10px auto 30px; font-weight:lighter; font-size:16px; text-align:center; line-height:26px; color:#333;}
.cn02_1{ width:1250px; height:320px; overflow:hidden; padding:0 0 0 13px;}
.cn02_1 li{ width:284px; float:left; margin:0 10px 0 0; overflow:hidden; height:270px; padding:4px 4px 0 4px; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; position:relative;}
.cn02_1 li em{ width:31px; display:block; background:url(../images/lcnzzz30.png) no-repeat -38px 0; float:right; height:18px; border-left:1px solid #fff; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; position:absolute; left:248px; top:216px;}
.cn02_1 li .ll{ top:208px;}
.cn02_2{ width:284px; height:190px; margin:0 auto; overflow:hidden; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn02_2 img{ transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn02_1 li:hover{ height:277px; background:#ff5e8f;}
.cn02_1 li:hover .cn02_2{ height:180px;}
.cn02_1 li:hover .cn02_2 img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cn02_1 li a dl{ width:284px; height:60px; border-bottom:1px solid #ddd; padding:15px 0 0; overflow:hidden; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cn02_1 li a dl dt{ float:left; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn02_1 li a{ color:#e6e6e6;}
.cn02_1 li a:hover{ color:#fff;}
.cn02_1 li a dl dt b{ font-size:45px; line-height:40px; color:#e6e6e6; float:left; font-family:Impact;}
.cn02_1 li a dl dt p{ float:left; color:#444; font-size:18px; padding:0 0 0 10px; font-weight:lighter;}
.cn02_1 li a dl dt p span{ display:block; color:#333; font-size:14px; font-weight:lighter;}
.cn02_1 li:hover{ background:#ff5e8f; height:277px; border-color:transparent;}
.cn02_1 li:hover a dl{ height:80px; border-bottom:1px solid transparent; border-color:1px solid transparent;}
.cn02_1 li:hover a em{ background:url(../images/lcnzzz30.png) no-repeat 12px 0;}
.cn02_1 li:hover a dl dt,.cn02_1 li:hover a dl dt span,.cn02_1 li:hover a dl dt b,.cn02_1 li:hover a dl dt p{ color:#fff;}
.cn02_1 li:hover a dl dt{ transform:translate(0,5px); -webkit-transform:translate(0,5px);}
.cn02_4{ width:728px; margin:0 auto; overflow:hidden;}
.cn02_4 li{ float:left;}
/*.cn02_4 li.on a{ background:#ff5f97;}*/
.cn02_4 #rt{ float:right;}
.cn02_4 li a{ width:317px; height:57px; font-size:16px; color:#fff; display:block; text-align:center; line-height:57px; background:#6c86ba; border-radius:6px; font-weight:lighter; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn02_4 li a:hover{ background:#7d97cd;}
.cn02_4 #rt a{ background:#ff5f97;}
.cn02_4 #rt a:hover{ background:#fa6c9e;}
.cn03{ width:1226px; height:582px; background:#f8f8f8; overflow:hidden; margin:0 auto; padding:38px 0 0; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn03.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03.show ul li{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03 ul{ width:1250px; overflow:hidden; padding:38px 0 0 13px;}
.cn03 ul li{ width:390px; height:462px; float:left; background:#fff; overflow:hidden; border-radius:8px; margin:0 15px 0 0; display:inline; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,462px); -webkit-transform:translate(0,462px);}
.cn03 ul li:nth-child(2){ transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.cn03 ul li:nth-child(3){ transition-delay:1s; -webkit-transition-delay:1s;}
.cn03 ul li img{ margin:0 auto;}
.cn03_1{ width:390px; height:201px; overflow:hidden; margin:0 0 22px;}
.cn03_1 img{ transition:all 0.5s linear 0s; -webkit-transition:all 0.5s linear 0s;}
.cn03_1 img:hover{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cn03 ul li p{ width:355px; padding:20px 0 0; text-align:center; font-size:16px; margin:0 auto; line-height:22px; color:#666; height:108px; font-weight:lighter;}
.cn04{ width:1226px; height:480px; padding:40px 0 0; margin:0 auto; background:#fff; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn04.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn04.show dl{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg);}
.cn04 .bt{ margin-bottom:38px;}
.cn04 dl{ width:994px; height:156px; margin:0 auto 25px; overflow:hidden; border:1px solid #eee; border-radius:8px; padding:12px 0 0 12px; transition:all 0.5s ease-out 1s; -webkit-transition:all 0.5s ease-out 1s; transform:rotateX(180deg); -webkit-transform:rotateX(180deg);}
.cn04 dt{ width:271px; height:143px; overflow:hidden; float:left; position:relative;}
.cn04 dt .img{ transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn04 dt:hover .img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cn04 dt .img02{ position:absolute; top:40px; left:58px; z-index:200;}
.cn04 dd{ width:694px; float:right; padding:0 14px 0 0;}
.cn04 dd p{ font-size:20px; font-weight:bold; color:#666; line-height:32px; margin:8px 0 25px;}
.cn04 dd a{ width:265px; height:42px; line-height:42px; font-weight:bold; font-size:17px; display:block; color:#fff; background:url(../images/zyjcyy30.jpg) no-repeat; float:right; text-align:center; text-indent:-30px;}
.cn04 dd a:hover{ background:url(../images/zyjcyy32.jpg) no-repeat;}
.cn04 .cn04_1{ margin-bottom:0;}
.cn04_1 dd a{ background:url(../images/zyjcyy31.jpg) no-repeat;}
.cn04_1 dd a:hover{ background:url(../images/zyjcyy33.jpg) no-repeat;}
.cn05{ width:1226px; height:593px; margin:0 auto; background:#f8f8f8; overflow:hidden; padding:42px 0 0; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn05.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn05_1{ width:1158px; height:64px; margin:0 auto; overflow:hidden; background:url(../images/zyjcyy34.jpg) no-repeat; line-height:64px;}
.cn05_1 li{ width:386px; float:left; text-align:center; color:#fff; font-size:24px; font-weight:lighter;}
.cn05_2{ width:1155px; height:471px; margin:0 auto; background:#fff; border-radius:0 0 8px 8px; border:1px solid #e5e5e5; border-top:none; padding:15px 0 0;}
.cn05_2 ul{ width:1200px; overflow:hidden; margin:0 0 30px;}
.cn05_2 ul li{ width:361px; float:left; padding:0 0 0 25px;}
.cn05_2 ul li p{ font-size:16px; color:#333; background:url(../images/zyjcyy35.jpg) no-repeat left center; padding:0 0 0 12px; margin:0 0 45px;}
.cn05_2 a{ width:317px; height:57px; margin:0 auto; font-size:16px; color:#fff; display:block; text-align:center; line-height:57px; background:#6c86ba; border-radius:6px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn05_2 a:hover{ background:#7d97cd;}
.cn06{ width:1226px; height:433px; padding:35px 0 0; background:#fff; margin:0 auto; overflow:hidden; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn06.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06 ul{ width:1250px; padding:35px 0 0 13px; overflow:hidden; margin:0 0 40px;}
.cn06 ul li{ width:229px; height:221px; float:left; overflow:hidden; margin:0 13px 0 0; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; transform:translate(0,0); -webkit-transform:translate(0,0);}
.cn06 ul li p{ width:227px; height:76px; line-height:76px; border:1px solid #eee; border-top:none; font-size:18px; color:#333; text-align:center; overflow:hidden; font-weight:lighter; border-radius:0 0 5px 5px;}
.cn06 ul li:hover{ transform:translate(0,-5px); -webkit-transform:translate(0,-5px);}
.cn06 .wa{ width:317px; height:57px; margin:0 auto; font-size:16px; color:#fff; display:block; text-align:center; line-height:57px; background:#6c86ba; border-radius:6px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn06 .wa:hover{ background:#7d97cd;}
.cn07{ width:1226px; height:605px; background:#f8f8f8; margin:0 auto; overflow:hidden; padding:35px 0 0; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn07.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn08{ width:1226px; height:460px; margin:0 auto; background:#fff; padding:35px 0 0; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0; overflow:hidden;}
.cn08.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn08 ul{ width:1250px; overflow:hidden; padding:45px 0 0 27px;}
.cn08 ul li{ width:575px; overflow:hidden; float:left; margin:0 19px 37px 0; transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; transform:translate(0,10px); -webkit-transform:translate(0,10px); background:#f9f9f9;}
.cn08 ul li .immo{ float:left;}
.cn08_1{ width:407px; float:right; overflow:hidden; padding:15px 0 0;}
.cn08_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; font-weight:lighter;}
.cn08_1 p{ width:375px; color:#888; line-height:22px; font-size:14px; padding:15px 0 0; font-weight:lighter;}
.cn08 ul li .xuxian{ width:375px; height:2px; overflow:hidden; background:url(../images/lcnzzz35.jpg) no-repeat;}
.cn08 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;}
.cn08 ul li:hover .cn08_1 blockquote em{ display:block; display:inline; padding-right:30px; background:url(../images/fjyzz38.jpg) no-repeat right 11px; color:#ff5e8f;}
.cn08 ul li:hover{ box-shadow:0 15px 30px rgba(0, 0, 0, 0.1); transform:translate(0,0); -webkit-transform:translate(0,0); background:#fff;}
.cn08 ul li:hover .cn08_1 p{ color:#555;}
.cn08 ul li:hover .xuxian span{ width:375px; background:#ff5e8f;}
 


#allsort{ display:none;}