@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
.ban{ width:1226px; height:587px; background:url(../images/pqyby01.jpg) no-repeat center top; overflow:hidden; margin:0 auto 35px;}
.ban a{ width:1200px; height:587px; display:block; background:url(../images/pqyby02.jpg) no-repeat; position:relative; margin:0 auto; overflow:hidden;}
.ban a .img01{ position:absolute; top:121px; left:17px; animation:ww01 1s ease-in-out 0s both; -webkit-animation:ww01 1s ease-in-out 0s both;}
.ban a .img02{ position:absolute; top:209px; left:17px; animation:ww02 1s ease-in-out 0s both; -webkit-animation:ww02 1s ease-in-out 0s both;}
.ban a .img03{ position:absolute; top:291px; left:17px; animation:ww03 1s ease-in-out 0s both; -webkit-animation:ww03 1s ease-in-out 0s both;}
.ban a span{ width:276px; height:39px; line-height:39px; font-size:16px; border:1px solid #fca0ba; background:#d53867; color:#fff; position:absolute; top:402px; left:15px; text-indent:44px; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s;}
.ban a span:hover{ background:#b62651;}
.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 20px;}
.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(-200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww001{
from{ -webkit-transform:translate(-200px,0); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww0002{
from{ transform:translate(0,100px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww0002{
from{ transform:translate(0,100px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}

.cn01{ width:1200px; margin:0 auto 50px; overflow:hidden; animation:ww0002 0.5s ease-out 0s both; -webkit-animation:ww0002 0.5s ease-out 0s both;}
.cn01.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn01 ul{ width:1200px; overflow:hidden; padding:35px 0 0;}
.cn01 ul li{ width:300px; float:left; height:404px; overflow:hidden;}
.cn01 ul li dl{ width:300px; height:183px; overflow:hidden; background:#fff;}
.cn01 ul li dl dt{ width:274px; margin:0 auto; font-size:24px; line-height:45px; color:#333; padding:15px 0 0; font-weight:lighter;}
.cn01 ul li dl dd{ width:274px; margin:0 auto; font-size:15px; color:#444; line-height:26px; font-weight:lighter;}
.cn01 ul li blockquote{ width:300px; height:5px; background:#efe4ff;}
.cn01 ul li:hover dl{ background:#fdfbff;}
.cn01 ul .li02{ width:150px; background:url(../images/pqyby05.jpg) no-repeat center 174px;}
.cn01 ul .li03:hover dl{ background:#fcf9f7;}
.cn01 ul .li03 blockquote{ background:#ffdcc6;}
.cn01 ul .li04:hover dl{ background:#fcf7f9;}
.cn01 ul .li04 blockquote{ background:#fddce9;}
.cn02{ width:100%; height:480px; background:#3db2b6; overflow:hidden; margin:0 auto 40px; transition:all 1s ease-out 0s; -webkit-transition:all 1s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0; position:relative;}
.cn02.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02 dl{ width:1200px; margin:0 auto; overflow:hidden;}
.cn02 dl dt{ float:left; /*transition:all 1s ease-out 0s; -webkit-transition:all 1s ease-out 0s; transform:translate(0,480px); -webkit-transform:translate(0,480px); opacity:0;*/}
.cn02 dl dd{ width:815px; height:480px; color:#fff; position:relative; padding:90px 0 0; float:right; overflow:hidden; /*transition:all 1s ease-out 0s; -webkit-transition:all 1s ease-out 0s; transform:translate(0,480px); -webkit-transform:translate(0,480px); opacity:0;*/}
.cn02 dl dd img{ position:absolute; top:-49px; left:555px; z-index:-11; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;}
.cn02 dl dd b{ font-size:30px; display:block; line-height:45px; margin:0 0 20px;}
.cn02 dl dd span{ font-size:14px; display:block; line-height:28px; color:#fff; font-weight:lighter;}
.cn02 dl dd p{ width:626px; font-size:14px; line-height:25px; margin:20px 0 30px; font-weight:lighter;}
.cn02 dl dd p em,.cn02 dl dd blockquote em{ display:block; height:50px; float:left; font-weight:lighter;}
.cn02 dl dd ul{ width:815px; overflow:hidden; padding:25px 0 0;}
.cn02 dl dd ul li{ width:250px; height:51px; float:left; border:1px solid #64c1c5; text-align:center; line-height:51px; color:#fff; margin:0 9px 0 0;}
.cn02 dl dd ul li a{ display:block; color:#fff; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; font-size:16px; font-weight:lighter;}
.cn02 dl dd ul li a:hover{ color:#3db2b6; background:#fff; font-size:18px;}
.cn02.show dl dt,.cn02.show dl dd{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02_2{ width:817px; height:380px; position:absolute; z-index:10; 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.show dl dd:hover .cn02_2{ transform:translate(0,-20px); -webkit-transform:translate(0,-20px);}
.cn02.show dl dd:hover img{ transform:translate(0,100px); -webkit-transform:translate(0,100px);}
.cn02_1{ width:62px; overflow:hidden; position:absolute; left:50%; margin-left:-31px; height:31px; z-index:5;}
.cn03{ width:1200px; margin:0 auto 30px; 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;}
.cn03 .xbt{ margin-bottom:30px;}
.cn03.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03_1{ width:1230px; height:350px; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; overflow:hidden;}
.cn03_1 li{ width:398px; height:307px; float:left; border:1px solid rgba(0, 0, 0, 0); position:relative; margin:8px 0 30px 0; transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; overflow:hidden;}
.cn03_1 li .img{ margin:10px auto 25px;}
.cn03_1 li span{ font-size:20px; display:block; text-align:center; color:#333; background:url(../images/lcnzzz11.jpg) no-repeat center bottom; padding:0 0 15px; font-weight:lighter;}
.cn03_1 li p{ width:350px; line-height:26px; color:#666; margin:15px auto 0; font-size:14px; text-align:center; font-weight:lighter;}
.cn03_1 li .mar{ width:15px; height:10px; display:block; position:absolute; left:192px; bottom:-10px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;}
.cn03_1 li:hover{ box-shadow:0 15px 30px rgba(0, 0, 0, 0.1); margin-top:0px; background:#fff; border-color: rgba(0, 0, 0, 0.08);}
.cn03_1 li:hover .mar{ bottom:10px;}
.cn04{ width:100%; overflow:hidden; height:553px; background:url(../images/pqyby14.jpg) no-repeat center top; margin:0 auto 35px; 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_1{ width:1200px; margin:0 auto; overflow:hidden; padding:25px 0 0;}
.cn04_2{ width:1220px; overflow:hidden;}
.cn04_2 ul{ width:1220px; overflow:hidden; padding:35px 0 0;}
.cn04_2 ul li{ width:240px; height:390px; float:left; overflow:hidden; position:relative;}
.cn04_2 ul li img{ display:block;}
.cn04_2 ul li .im022{ width:240px; height:188px; position:absolute; top:0; left:0;background:url(../images/bjrl48.png) no-repeat; _background:none;}
.cn04_2 ul li .cn04_3{ width:240px; height:380px; position:absolute; top:185px;}
.cn04_2 ul li .cn04_4{ width:240px; height:233px; overflow:hidden; padding:15px 0 0 0; background:#fff;}
.cn04_2 ul li .cn04_4 img{ display:block; margin:0 auto;}
.cn04_2 ul li .cn04_4 dl{ width:240px; overflow:hidden; text-align:center; margin:10px auto 10px;}
.cn04_2 ul li .cn04_4 dl dt{ font-size:20px; color:#474747; font-weight:bold;}
.cn04_2 ul li .cn04_5{ display:none;}
.cn04_2 ul li .cn04_5 .imm{ display:block; margin:25px auto 10px;}
.cn04_2 ul li .cn04_5 strong{ display:block; text-align:center; font-size:22px; color:#fff; margin-bottom:15px;}
.cn04_2 ul li .cn04_5 p{ width:192px; height:140px; font-size:16px; margin:0 auto; line-height:28px; color:#fff; padding:20px 0 0 0; font-weight:lighter;}
.cn04_2 ul li .cn04_5 a{ width:45px; height:45px; background:url(../images/pqyby25.jpg) no-repeat; display:block;margin:0 auto;}
.cn04_2 ul li .cn04_5 a:hover{ background:url(../images/pqyby26.jpg) no-repeat;}
.cn05{ width:1200px; margin:0 auto 45px; 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;}
.cn05.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn05_1{ width:1198px; height:590px; border:1px solid #d0d0d0; border-radius:30px; overflow:hidden; margin:40px auto 0;}
.cn05_1 blockquote{ width:1200px; height:68px; line-height:68px; text-align:center; background:#f5f5f5; color:#333; font-size:24px; font-weight:lighter; margin:0 0 28px;}
.cn05_1 span{ font-size:24px; display:block; text-align:center; color:#3c3c3c; line-height:45px; font-weight:lighter;}
.cn05_1 em{ width:847px; line-height:24px; text-align:center; color:#333; display:block; margin:6px auto 50px; font-size:16px; font-weight:lighter;}
.cn05_1 ul{ width:1200px; padding:0 0 0 105px; overflow:hidden;}
.cn05_1 ul li{ width:328px; height:235px; float:left; background:url(../images/pqywh17.jpg) no-repeat; padding:86px 0 0; position:relative;}
.cn05_1 ul li:hover .cn05_2 img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cn05_1 ul li:nth-child(2){ width:329px; background:url(../images/pqywh18.jpg) no-repeat;}
.cn05_1 ul li:nth-child(3){ width:332px; background:url(../images/pqywh19.jpg) no-repeat;}
.cn05_2{ width:226px; height:103px; margin:0 auto 10px; overflow:hidden; border:3px solid #fff;}
.cn05_1 img{ transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s;}
.cn05_1 ul li p{ width:187px; margin:0 auto; line-height:25px; color:#666; font-size:18px; text-align:center; font-weight:lighter;}
.cn05_1 ul li .fdj{ position:absolute; bottom:35px; left:160px; transform:translate(0,80px); -webkit-transform:translate(0,80px); transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s;}
.cn05_1 ul li:hover .fdj{ transform:translate(0,0); -webkit-transform:translate(0,0);}
.cn06{ width:1198px; margin:0 auto 45px; border:1px solid #d0d0d0; border-radius:30px; 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 blockquote{ width:1200px; height:64px; line-height:64px; text-align:center; background:#f5f5f5; color:#333; font-size:24px; font-weight:lighter;}
.cn06 ul{ width:980px; height:450px; background:url(../images/pqywh24.jpg) no-repeat; margin:0 auto; overflow:hidden; position:relative;}
.cn06 ul li{ position:absolute; left:0; top:65px;}
.cn06 ul li span{ display:block; font-size:18px; text-indent:60px; color:#a13271; font-weight:lighter;}
.cn06 ul li p{ width:235px; margin-left:12px; padding:18px 0 0; font-size:14px; color:#666; line-height:24px; font-weight:lighter;}
.cn06 ul .li01{ left:705px;}
.cn06 ul .li01 p{ margin-left:20px;}
.cn06 ul .li02{ top:285px;}
.cn06 ul .li03{ left:705px; top:285px;}
.cn07{ width:100%; height:478px; background:#3db2b6; overflow:hidden; margin:0 auto 35px; 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;}
.cn07_1{ width:1200px; height:478px; margin:0 auto; overflow:hidden; position:relative;}
.cn07_1 .prev,.cn07_1 .next { width:62px; height:62px; position:absolute; top:210px; z-index:99;}
.cn07_1 .prev { left:0 }
.cn07_1 .next { right:0 }
.cn07_1 .prev:hover,.cn07_1 .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;}
.cn07_1 ul li dl{ width:1200px; margin:0 auto; overflow:hidden;}
.cn07_1 ul li dl dt{ float:left; margin-left:33px;}
.cn07_1 ul li dl dd{ width:780px; height:480px; color:#fff; position:relative; padding:90px 0 0; float:right; overflow:hidden;}
.cn07_1 ul li dl dd img{ position:absolute; top:-45px; left:520px; z-index:-11; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;}
.cn07_1 ul li dl dd b{ font-size:30px; display:block; line-height:45px; margin:0 0 20px;}
.cn07_1 ul li dl dd b em{ font-size:18px; padding-left:15px; font-weight:lighter;}
.cn07_1 ul li dl dd span{ font-size:14px; display:block; line-height:28px; color:#fff; font-weight:lighter;}
.cn07_1 ul li dl dd p{ width:626px; font-size:14px; line-height:25px; margin:20px 0 30px; font-weight:lighter;}
.cn07_1 ul li dl dd p em,.cn02 dl dd blockquote em{ display:block; height:50px; float:left;}
.cn07_1 ul li dl dd ul{ width:815px; overflow:hidden; padding:25px 0 0;}
.cn07_1 ul li dl dd ul li{ width:250px; height:51px; float:left; border:1px solid #64c1c5; text-align:center; line-height:51px; font-size:18px; color:#fff; margin:0 9px 0 0;}
.cn07_1 ul li dl dd ul li a{ display:block; color:#fff; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; font-weight:lighter;}
.cn07_1 ul li dl dd ul li a:hover{ color:#3db2b6; background:#fff;}
.cn08{ width:1200px; 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;}
.cn08.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn08 ul{ width:1250px; height:555px; overflow:hidden; margin:35px 0 0;}
.cn08 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);}
.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);}
.cn08 ul li:hover .xuxian span{ width:375px; background:#ff5e8f;}
.cn08 .xbt dd .wid05{ width:150px;}





#allsort{ display:none;}