@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
.ban{ width:1226px; margin:0 auto; height:550px; background:url(../images/zgnmyzl01.jpg) no-repeat center top; overflow:hidden;}
.ban a{ width:1200px; height:550px; display:block; background:url(../images/zgnmyzl02.jpg) no-repeat; position:relative; margin:0 auto; overflow:hidden;}
.ban a .img01{ position:absolute; top:130px; left:0px; animation:ww01 1s ease-in-out 0s both; -webkit-animation:ww01 1s ease-in-out 0s both;}
.ban a span{ width:287px; height:56px; line-height:22px; text-align:center; font-size:18px; background:url(../images/zgnmyzl04.png) no-repeat; color:#fff; position:absolute; top:442px; left:445px; animation:ww04 1s ease-in-out 0s both; -webkit-animation:ww04 1s ease-in-out 0s both; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; padding:10px 0 0;}
.ban a span i{ width:275px; display:block; text-align:center;}
.ban a span:hover{ background:url(../images/zgnmyzl05.png) no-repeat;}
.ban01{ width:201px; height:201px; background:#ff387e; overflow:hidden; position:absolute; left:0; bottom:0; animation:ww02 1s ease-in-out 0s both; -webkit-animation:ww02 1s ease-in-out 0s both;}
.ban01 img{ margin:42px auto 12px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.ban01 em{ display:block; text-align:center; font-size:18px; color:#fff; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.ban02{ bottom:0; left:201px; background:url(../images/zgnmyzl08.jpg) no-repeat;}
.ban01:hover img,.ban01:hover em{ transform:translate(0,-20px); -webkit-transform:translate(0,-20px);}
.ban02 em{ color:#e9256a;}

@keyframes ww01{
from{ transform:scale(0,0); opacity:0;}
to{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ww01{
from{ -webkit-transform:scale(0,0); opacity:0;}
to{ -webkit-transform:scale(1,1); opacity:1;}
}
@keyframes ww02{
from{ transform:translate(0,200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww02{
from{ -webkit-transform:translate(0,200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww03{
from{ transform:translate(0,-200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww03{
from{ -webkit-transform:translate(0,-200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww04{
from{ transform:translate(-200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@keyframes ww04{
from{ -webkit-transform:translate(-200px,0); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww05{
from{ transform:translate(200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@keyframes ww05{
from{ -webkit-transform:translate(200px,0); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
/*@keyframes ww06{
from{ transform:rotate(0);}
to{ transform:rotate(360deg);}
}
@-webkit-keyframes ww06{
from{ -webkit-transform:rotate(0);}
to{ -webkit-transform:rotate(360deg);}
}*/
.cn01{ width:100%; height:201px; margin:0 auto 50px; background:#f8f8f8; overflow:hidden;}
.cn01_1{ width:1200px; height:201px; margin:0 auto; overflow:hidden; position:relative;}
.ban03{ background:url(../images/zgnmyzl09.jpg) no-repeat; left:0; top:0; animation:ww03 1s ease-in-out 0s both; -webkit-animation:ww03 1s ease-in-out 0s both;}
.ban03 em{ color:#1885c3;}
.ban04{ background:#2198dc; left:201px; top:0; animation:ww03 1s ease-in-out 0s both; -webkit-animation:ww03 1s ease-in-out 0s both;}
.cn01_1 dl{ width:755px; float:right; overflow:hidden; animation:ww05 1s ease-in-out 0s both; -webkit-animation:ww05 1s ease-in-out 0s both;}
.cn01_1 dl dt{ width:482px; float:left; padding:25px 0 0;}
.cn01_1 dl dt blockquote{ width:479px; font-size:16px; color:#ff387e; overflow:hidden; background:url(../images/zgnmyzl12.jpg) no-repeat left bottom; padding:0 0 10px; margin:0 0 22px;}
.cn01_1 dl dt b{ font-size:26px; padding:0 30px 0 0;}
.cn01_1 dl dt p{ width:479px; font-size:14px; line-height:20px; color:#565656; font-weight:lighter;}
.cn01_1 dl dt ul{ width:255px; float:right; padding:8px 0 0;}
.cn01_1 dl dt ul li{ float:left;}
.cn01_1 dl dt ul .rt{ float:right;}
.cn01_1 dl dt ul li a{ width:117px; height:28px; display:block; text-align:center; line-height:28px; border:1px solid #fc83ad; border-radius:50px; font-size:14px; color:#ff387e; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn01_1 dl dt ul li a:hover{ background:#ff387e; border:1px solid #ff387e; color:#fff;}
.cn01_1 dl dd{ float:right;}
.xbt{ width:1200px; margin:0 auto; overflow:hidden;}
.xbt dt{ float:left; font-size:24px; color:#444;}
.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; color:#010101; display:inline-block; float:left; line-height:31px; font-weight:lighter;}
.xbt dd img{ float:left; margin:10px 20px 0 0;}
.xbt dd .wa01{ margin:0 30px 0 0;}
.xbt dd .wa02{ width:120px; height:31px; background:#ea4c89; color:#fff; text-align:center;}
.cn02{ width:1200px; margin:0 auto; overflow:hidden;}
.cn02 ul{ width:1280px; overflow:hidden; padding:65px 0 0 15px; margin:0 0 60px;}
.cn02 ul li{ width:284px; height:284px; float:left; position:relative; margin:0 16px 0 0; overflow:hidden; opacity: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);}
.cn02.show ul li{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn02 ul li img{ position:absolute; z-index:1; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; }
.cn02 ul li blockquote{ text-align:center; font-size:24px; color:#444; line-height:40px; padding:80px 0 0; margin:0 auto 10px; font-weight:normal;}
.cn02 ul li p{ width:215px; margin:0 auto; font-size:16px; line-height:26px; color:#656565; text-align:center; font-weight:lighter;}
.cn02 ul li:hover img{ transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.cn02 ul li:nth-child(2){ transition:all 1s ease-in-out 0.5s; -webkit-transition:all 1s ease-in-out 0.5s;}
.cn02 ul li:nth-child(3){ transition:all 1s ease-in-out 1s; -webkit-transition:all 1s ease-in-out 1s;}
.cn02 ul li:nth-child(4){ transition:all 1s ease-in-out 1.5s; -webkit-transition:all 1s ease-in-out 1.5s;}
.cn03{ width:100%; height:643px; background:#f8f8f8; overflow:hidden; margin:0 auto 35px; opacity:0; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px);}
.cn03.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03_1{ width:1200px; margin:0 auto 35px; overflow:hidden; padding:45px 0 0;}
.cn03_1 ul{ width:1250px; overflow:hidden; padding:35px 0 0;}
.cn03_1 ul li{ width:368px; height:454px; background:url(../images/zgnmyzl14.jpg) no-repeat; float:left; margin:0 45px 0 0; display:inline;}
/*.cn03_1 ul li:hover .cn03_3 .img02{ transform:rotate(360deg); -webkit-transform:rotate(360deg);}*/
.cn03_2{ width:302px; overflow:hidden; padding:9px 0 0; color:#333; float:left;}
.cn03_2 img{ margin:0 auto 25px;}
.cn03_2 blockquote{ text-align:center; font-size:20px; font-weight:bold; margin:0 0 32px;}
.cn03_2 blockquote span{ color:#ff7e00;}
.cn03_2 p{ width:260px; margin:0 auto; font-size:16px; line-height:28px; font-weight:lighter;}
.cn03_3{ width:66px; float:left; padding:45px 0 0;}
.cn03_3 img{ float:left;}
.cn03_3 .img02{ transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; animation:ww06 1s infinite linear 0s both; -webkit-animation:ww06 1s infinite linear 0s both;}
.cn04{ width:1200px; margin:0 auto; overflow:hidden; opacity:0; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px);}
.cn04.show{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0);}
.bt{ width:432px; height:49px; float:left; background:url(../images/zgnmyzl18.jpg) no-repeat; overflow:hidden;}
.bt dt{ width:65px; float:left; color:#fff; font-size:24px; text-indent:15px; line-height:65px;}
.bt dd{ float:left; font-size:22px; color:#333; font-weight:lighter; line-height:58px;}
.cn04 .xbt{ margin:0 auto 32px;}
.cn04_1{ width:1250px; height:320px; overflow:hidden; padding-top:30px;}
.cn04_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;}
.cn04_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;}
.cn04_1 li .ll{ top:208px;}
.cn04_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;}
.cn04_2 img{ transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn04_1 li:hover{ height:277px; background:#ff5e8f;}
.cn04_1 li:hover .cn04_2{ height:180px;}
.cn04_1 li:hover .cn04_2 img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cn04_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;}
.cn04_1 li a dl dt{ float:left; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn04_1 li a{ color:#e6e6e6;}
.cn04_1 li a:hover{ color:#fff;}
.cn04_1 li a dl dt b{ font-size:45px; line-height:45px; color:#e6e6e6; float:left; font-family:Impact;}
.cn04_1 li a dl dt p{ float:left; color:#444; font-size:18px; padding:0 0 0 5px;}
.cn04_1 li a dl dt .sl{ font-size:16px;}
.cn04_1 li a dl dt .ss{ font-size:13px;}
.cn04_1 li a dl dt p span{ display:block; color:#999; font-size:14px; font-family:ËÎÌå;}
.cn04_1 li:hover{ background:#ff5e8f; height:277px; border-color:transparent;}
.cn04_1 li:hover a dl{ height:80px; border-bottom:1px solid transparent; border-color:1px solid transparent;}
.cn04_1 li:hover a em{ background:url(../images/lcnzzz30.png) no-repeat 12px 0;}
.cn04_1 li:hover a dl dt,.cn04_1 li:hover a dl dt span,.cn04_1 li:hover a dl dt b,.cn04_1 li:hover a dl dt p{ color:#fff;}
.cn04_1 li:hover a dl dt{ transform:translate(0,5px); -webkit-transform:translate(0,5px);}
.cn05{ width:1200px; margin:0 auto; overflow:hidden;}
.cn05_1{ float:right; padding:5px 10px 0 0;}
.cn05_1 a{ font-size:15px; color:#010101; display:inline-block; float:left; line-height:31px; font-weight:lighter;}
.cn05_1 img{ float:left; margin:10px 20px 0 0;}
.cn05_1 .wa01{ margin:0 30px 0 0;}
.cn05_1 .wa02{ width:120px; height:31px; background:#ea4c89; color:#fff; text-align:center;}
.cn05 blockquote{ width:1200px; overflow:hidden; font-size:15px; line-height:28px; color:#333; margin:0 0 18px;}
.clr_ht{ height:35px; clear:both; overflow:hidden;}
.cn05_2{ width:1200px; margin:0 auto 50px; overflow:hidden;}
.cn05_2 ul{ width:1220px; overflow:hidden;}
.cn05_2 ul li{ width:229px; float:left; overflow:hidden; position:relative; margin:0 12px 0 0; opacity: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);}
.cn05.show ul li{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn05_3{ width:229px; height:229px; position:absolute; top:229px; z-index:10;}
.cn05_3 blockquote{ width:176px; height:132px; color:#fff; margin:0 auto; padding:15px 0 0; font-size:16px; line-height:30px;}
.cn06{ width:1200px; margin:0 auto; opacity: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);}
.cn06.show{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn06 ul{ width:1250px; overflow:hidden; margin:35px 0 0;}
.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;}



#allsort{ display:none;}