@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
body{ background:#f1f4f4;}
.ban{ width:1226px; height:450px; background:url(../images/zyjcsj01.jpg) no-repeat center top; overflow:hidden; margin:0 auto;}
.ban a{ width:1226px; height:450px; display:block; position:relative; margin:0 auto; overflow:hidden;}
.ban a span{ width:262px; height:48px; line-height:48px; text-indent:26px; font-size:18px; color:#fff; position:absolute; top:306px; left:273px; font-weight:lighter; background:url(../images/zyjcsj02.jpg) no-repeat;}
.ban a span:hover{ background:url(../images/zyjcsj03.jpg) no-repeat;}




@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;}
}

.cn01{ width:1226px; margin:0 auto; overflow:hidden; animation:ww001 0.5s linear 0s; -webkit-animation:ww001 0.5s linear 0s; padding:45px 0 0; background:#fff;}
.bt{ text-align:center; font-size:30px; font-weight:bold; color:#333;}
.cn01_1{ width:880px; margin:0 auto; overflow:hidden;}
.cn01_1 dt{ width:568px; float:left; padding:68px 0 0;}
.cn01_1 dt ul li{ width:420px; font-size:24px; color:#333; background:url(../images/zyjcsj04.jpg) no-repeat left center; padding:0 0 0 35px; float:left; margin:0 0 20px; font-weight:lighter;}
.cn01_1 dt b{ width:580px; font-size:32px; color:#333; display:block; clear:both; padding:30px 0 0; font-weight:lighter;}
.cn01_1 dd{ float:right;}
.cn01_2{ width:1226px; height:618px; background:#008cee url(../images/zyjcsj06.jpg) no-repeat center top;}
.cn01_2 blockquote{ color:#fff; text-indent:32px; font-size:16px; height:75px; overflow:hidden; line-height:90px; font-weight:lighter;}
.cn01_2 ul{ width:1226px; overflow:hidden; padding:0 0 0 16px;}
.cn01_2 ul li{ width:575px; height:230px; float:left; background:#1a98f0; overflow:hidden; margin:0 10px 8px 0; padding:17px 0 0 17px;}
.cn01_2 ul li img{ display:inline; float:left;}
.cn01_3{ width:379px; float:right; overflow:hidden; padding:10px 0 0;}
.cn01_3 span{ font-size:20px; color:#fff; display:block; margin:0 0 12px; font-weight:lighter;}
.cn01_3 p{ font-size:14px; font-family:ËÎÌå; line-height:20px; margin:0 0 12px; color:#fff; font-weight:lighter; overflow:hidden; clear:both;}
.cn01_3 em{ font-size:16px; float:left; color:#fff; font-weight:lighter; line-height:22px;}
.cn01_3 img{ margin:5px 6px 0 0; float:left;}
.cn01_3 a{ width:272px; height:38px; display:block; text-align:center; overflow:hidden; clear:both; font-size:14px; color:#ff5a00; line-height:38px; background:#fff; border-radius:5px; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; font-weight:lighter;}
.cn01_3 a:hover{ font-size:15px;}
.clrr{ height:15px; clear:both; overflow:hidden;}
.cn02{ width:1226px; 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; padding:40px 0 50px; background:#fff;}
.cn02.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02 .bt{ margin-bottom:38px;}
.cn02 dl{ width:994px; height:156px; margin:0 auto 25px; overflow:hidden; border:1px solid #eee; border-radius:8px; padding:12px 0 0 12px;}
.cn02 dt{ width:271px; height:143px; overflow:hidden; float:left; position:relative;}
.cn02 dt .img{ transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn02 dt:hover .img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cn02 dt .img02{ position:absolute; top:40px; left:58px; z-index:200;}
.cn02 dd{ width:694px; float:right; padding:0 14px 0 0;}
.cn02 dd p{ font-size:20px; font-weight:bold; color:#666; line-height:32px; margin:0 0 25px;}
.cn02 dd a{ width:265px; height:42px; line-height:42px; font-weight:bold; font-size:17px; display:block; color:#fff; background:url(../images/zyjcsj13.jpg) no-repeat; float:right; text-align:center; text-indent:-30px;}
.cn02 dd a:hover{ background:url(../images/zyjcsj15.jpg) no-repeat;}
.cn02 .cn02_1{ margin-bottom:0;}
.cn02_1 dd a{ background:url(../images/zyjcsj14.jpg) no-repeat;}
.cn02_1 dd a:hover{ background:url(../images/zyjcsj16.jpg) no-repeat;}
.cn03{ width:1226px; height:381px; background:#ff884a; overflow:hidden; margin:0 auto; padding:50px 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 .cn03_1 dt,.cn03.show .cn03_1 dd{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03 blockquote{ width:973px; margin:0 auto 42px; text-align:center; color:#fff; font-size:24px; line-height:22px; background:url(../images/zyjcsj17.jpg) no-repeat; height:39px; font-weight:lighter;}
.cn03_1{ width:1008px; margin:0 auto; overflow:hidden;}
.cn03_1 dt{ width:600px; float:left; transition:all 0.5s ease-out 0.5s; -webkit-transition:all 0.5s ease-out 0.5s; transform:translate(-200px,0); -webkit-transform:translate(-200px,0); opacity:0;}
.cn03_1 dt img{ float:left; margin:0 22px 0 0;}
.cn03_1 dt span{ float:left; line-height:40px; color:#fff; font-size:30px; font-weight:lighter; padding:22px 0 0;}
.cn03_1 dt p{ color:#fff; font-family:ËÎÌå; line-height:24px; text-indent:2em; clear:both; padding:20px 0 0; font-size:14px; margin:0 0 25px; font-weight:lighter;}
.cn03_1 dt a{ width:245px; height:38px; display:block; border:1px solid #ffad82; line-height:38px; text-align:center; font-size:16px; color:#fff; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; font-weight:lighter;}
.cn03_1 dt a:hover{ color:#ff884a; background:#fff; border:1px solid #fff;}
.cn03_1 dd{ float:right; padding:0 6px 0 0; transition:all 0.5s ease-out 0.5s; -webkit-transition:all 0.5s ease-out 0.5s; transform:translate(200px,0); -webkit-transform:translate(200px,0); opacity:0;}
.cn04{ width:1226px; height:311px; background:#fff; margin:0 auto; overflow:hidden; padding:45px 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;}
.cn04.show,.cn04.show dt,.cn04.show dd{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn04 dt{ width:425px; float:left; padding:5px 0 0; transition:all 0.5s ease-out 0.5s; -webkit-transition:all 0.5s ease-out 0.5s; transform:translate(-200px,0); -webkit-transform:translate(-200px,0); opacity:0;}
.cn04 dt img{ float:right;}
.cn04 dd{ width:709px; float:right; transition:all 0.5s ease-out 0.5s; -webkit-transition:all 0.5s ease-out 0.5s; transform:translate(200px,0); -webkit-transform:translate(200px,0); opacity:0;}
.cn04 dd img{ float:left; margin:0 22px 0 0;}
.cn04 dd span{ float:left; line-height:40px; color:#666; font-size:30px; font-weight:lighter; padding:22px 0 0;}
.cn04 dd p{ width:607px; color:#666; font-family:ËÎÌå; line-height:24px; text-indent:2em; clear:both; padding:20px 0 0; font-size:14px; margin:0 0 25px; font-weight:lighter;}
.cn04 dd a{ width:245px; height:38px; display:block; border:1px solid #ffad82; line-height:38px; text-align:center; font-size:16px; color:#ff884a; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; font-weight:lighter;}
.cn04 dd a:hover{ color:#fff; background:#ff884a; border:1px solid #ff884a;}
.cn05{ width:1226px; height:443px; background:#6e6272; overflow:hidden; 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;}
.cn05.show,.cn05.show .dl01 dt,.cn05.show .dl01 dd{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn05 .dl01{ width:1008px; margin:0 auto 45px; overflow:hidden; padding:45px 0 0;}
.cn05 .dl01 dt{ width:600px; float:left; transition:all 0.5s ease-out 0.5s; -webkit-transition:all 0.5s ease-out 0.5s; transform:translate(-200px,0); -webkit-transform:translate(-200px,0); opacity:0;}
.cn05 .dl01 dt img{ float:left; margin:0 22px 0 0;}
.cn05 .dl01 dt span{ float:left; line-height:40px; color:#fff; font-size:30px; font-weight:lighter; padding:22px 0 0; font-weight:lighter;}
.cn05 .dl01 dt p{ color:#fff; font-family:ËÎÌå; line-height:24px; text-indent:2em; clear:both; padding:20px 0 0; font-size:14px; margin:0 0 25px; font-weight:lighter;}
.cn05 .dl01 dt a{ width:245px; height:38px; display:block; border:1px solid #fff; line-height:38px; text-align:center; font-size:16px; color:#fff; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; font-weight:lighter;}
.cn05 .dl01 dt a:hover{ color:#6e6272; background:#fff; border:1px solid #fff;}
.cn05 .dl01 dd{ float:right; padding:18px 6px 0 0; transition:all 0.5s ease-out 0.5s; -webkit-transition:all 0.5s ease-out 0.5s; transform:translate(200px,0); -webkit-transform:translate(200px,0); opacity:0;}
.cn05 .dl02{ width:866px; margin:0 auto; overflow:hidden;}
.cn05 .dl02 dt{ width:691px; height:51px; line-height:51px; border-radius:5px; background:#e5e5e5; font-size:16px; font-weight:lighter; text-align:center; float:left;}
.cn05 .dl02 dt b{ font-weight:bold;}
.cn05 .dl02 dd{ float:right;}
.cn05 .dl02 dd a{ width:165px; height:51px; line-height:51px; text-indent:30px; color:#fff; display:block; font-size:16px; background:url(../images/zyjcsj24.jpg) no-repeat; font-weight:lighter;}
.cn05 .dl02 dd a:hover{ background:url(../images/zyjcsj25.jpg) no-repeat; font-size:16px;}
.cn06{ width:1226px; margin:0 auto; overflow:hidden; 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; padding:40px 0 45px;}
.cn06.show,.cn06.show .cn006 ul li{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06 strong{ display:block; text-align:center; color:#333; font-size:28px; margin:0 auto 25px;}
.cn06 blockquote{ width:950px; font-size:16px; margin:0 auto; line-height:23px; margin:0 auto 30px; text-align:center; color:#333; font-weight:lighter;}
.cn06 em{ width:970px; height:39px; display:block; margin:0 auto 35px; line-height:20px; color:#5f4e64; background:url(../images/zyjcsj26.jpg) no-repeat; text-align:center; font-size:24px; font-weight:lighter;}
.cn006 ul{ width:1100px; height:425px; overflow:hidden;}
.cn006 ul li{ width:430px; float:left; margin:0 100px 50px 0; 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;}
.cn006 ul li:nth-child(2){ transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.cn006 ul li:nth-child(3){ transition-delay:1s; -webkit-transition-delay:1s;}
.cn006 ul li:nth-child(4){ transition-delay:1.5s; -webkit-transition-delay:1.5s;}
.cn06_1{ width:250px; float:right; overflow:hidden; padding:34px 0 0 0;}
.cn06_1 p{ font-size:14px; color:#666; line-height:20px; margin-top:15px; font-weight:lighter;}
.cn006{ width:974px; margin:0 auto; overflow:hidden;}
.view { width:159px; height: 159px; float:left; overflow: hidden; position: relative; text-align: center;cursor: default; }
.view .mask, .view .content{ width: 159px; height:159px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }
.second-effect .mask {opacity: 0; overflow:visible; border:0px solid rgba(0,0,0,0.7); -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.second-effect a.info { position:relative;opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0);transform:scale(0,0); -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
.second-effect:hover .mask { opacity: 1; border-radius:70px;}
.second-effect:hover a.info { opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.view a.info { background:url(../images/hyzz56.png) no-repeat; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 159px; height: 159px; }
.vieww { width:101px; height: 101px; float:left; overflow: hidden; position: relative; text-align: center;cursor: default; }
.vieww .mask, .view .content{width:101px; height: 101px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.vieww img { display: block; position: relative; }
.vieww a.info { background:url(../images/fdj.png) no-repeat; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width:101px; height: 101px;}
.cn06_2{ width:728px; margin:0 auto; overflow:hidden; clear:both;}
.cn06_2 li{ float:left;}
.cn06_2 li a{ width:317px; height:57px; display:block; line-height:57px; font-size:16px; border-radius:5px; text-align:center; background:#bc184d; color:#fff;}
.cn06_2 li a:hover{ background:#d4396b;}
.cn06_2 .rt{ width:327px; float:right;}
.cn06_2 .rt a{ font-size:18px;}
.cn07{ width:1226px; height:641px; margin:0 auto; overflow:hidden; background:#f8f8f8; 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{ text-align:center; font-size:30px; color:#333; padding:30px 0 0; font-weight:bold;}
.cn08{ width:1226px; height:450px; 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; background:#fff; padding:30px 0 0;}
.cn08.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn08_1{ text-align:center; font-size:28px; color:#333; font-weight:bold;}
.cn08 ul{ width:1250px; margin:35px 0 0; padding:0 0 0 16px;}
.cn08 ul li{ width:585px; float:left; margin:0 24px 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_2{ width:407px; float:right; padding:15px 0 0;}
.cn08_2 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_2 p{ width:375px; color:#333; line-height:22px; font-size:14px; padding:15px 0 0; font-weight:lighter;}
.cn08 ul li .xuxian{ width:390px; height:2px; overflow:hidden; background:url(../images/lcnzzz35.png) 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_2 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 .xuxian span{ width:375px; background:#ff5e8f;}




#allsort{ display:none;}