@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
body{ background:#f4f4f4;}
.ban{ width:1226px; height:435px; background:url(../images/shsj01.jpg) no-repeat center top; overflow:hidden; margin:0 auto;}
.ban a{ width:1226px; height:435px; display:block; position:relative; margin:0 auto; overflow:hidden;}
.ban a span{ width:317px; height:57px; background:#6c86ba; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; position:absolute; top:320px; left:304px; border-radius:6px; font-size:16px; color:#fff; text-align:center; line-height:57px; font-weight:lighter;}
.ban a span:hover{ background:#7995ce;}




@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:scale(0,0); opacity:0;}
to{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ww002{
from{ -webkit-transform:scale(0,0); opacity:0;}
to{ -webkit-transform:scale(1,1); opacity:1;}
}

.cn01{ width:1226px; height:953px; margin:0 auto; overflow:hidden; animation:ww001 0.5s linear 0s; -webkit-animation:ww001 0.5s linear 0s; padding:45px 0 0; background:#fff;}
.xbt img{ margin:0 auto;}
.cn01_1{ width:1000px; margin:0 auto 60px; overflow:hidden; padding:45px 0 0;}
.cn01_1 ul{ width:1030px; overflow:hidden;}
.cn01_1 ul li{ width:242px; height:363px; float:left; margin:0 10px 0 0; display:inline;}
.cn01_1 ul li blockquote{ width:192px; height:192px; margin:28px auto 20px; overflow:hidden;}
.cn01_1 ul li blockquote span{ width:192px; height:192px; display:block; margin:0 auto; position:relative;}
.cn01_1 ul li blockquote span .wimg01{ transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; position:absolute; z-index:1; left:6px; top:6px;}
.cn01_1 ul li blockquote span .wimg02{ position:absolute; left:0; top:0; z-index:2; margin:0 0;}
.cn01_1 ul li blockquote:hover span .wimg01{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cn01_1 ul li em{ display:block; text-align:center; font-weight:lighter; color:#414e68; font-size:20px; line-height:30px; margin-bottom:5px;}
.cn01_1 ul li p{ text-align:center; font-size:16px; font-family:ËÎÌå; font-weight:lighter; color:#333;}
.cn01_1 ul .bg01{ background:url(../images/shsj45.jpg) no-repeat;}
.cn01_1 ul .bg02{ background:url(../images/shsj46.jpg) no-repeat;}
.cn01_2{ width:1000px; height:430px; margin:0 auto; overflow:hidden;}
.cn01_2 dt{ width:433px; float:left; padding:45px 0 0;}
.cn01_2 dt b{ font-size:36px; color:#afb600; display:block; margin-bottom:20px;}
.cn01_2 dt .wqa{ width:189px; color:#fff; height:56px; float:right; font-size:16px; line-height:24px; padding:10px 0 0 17px; display:block; background:url(../images/shsj52.jpg) no-repeat;}
.cn01_2 dt .wqa:hover{ background:url(../images/shsj53.jpg) no-repeat;}
.cn01_2 dd{ float:right;}


.cn02{ 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;}
.cn02.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02.show .cn02_1 ul li{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02_1{ width:1200px; height:532px; margin:0 auto; overflow:hidden; background:#f2f3f5;}
.cn02_1 img{ margin:40px auto 30px;}
.cn02_1 ul{ width:1098px; margin:0 auto; overflow:hidden;}
.cn02_1 ul li{ width:356px; height:181px; float:left; overflow:hidden; background:#fff; margin:0 15px 16px 0; display:inline; transition:all 0.5s ease-out 0.3s; -webkit-transition:all 0.5s ease-out 0.3s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn02_1 ul li:nth-child(1){ transform:translate(0,430px); -webkit-transform:translate(0,430px);}
.cn02_1 ul li:nth-child(2){ transform:translate(0,430px); -webkit-transform:translate(0,430px); transition-delay:0.6s; -webkit-transition-delay:0.6s;}
.cn02_1 ul li:nth-child(3){ transform:translate(0,430px); -webkit-transform:translate(0,430px); transition-delay:0.9s; -webkit-transition-delay:0.9s;}
.cn02_1 ul li:nth-child(4){ transform:translate(0,235px); -webkit-transform:translate(0,235px); transition-delay:1.2s; -webkit-transition-delay:1.2s;}
.cn02_1 ul li:nth-child(5){ transform:translate(0,235px); -webkit-transform:translate(0,235px); transition-delay:1.5s; -webkit-transition-delay:1.5s;}
.cn02_1 ul li:nth-child(6){ transform:translate(0,235px); -webkit-transform:translate(0,235px); transition-delay:1.8s; -webkit-transition-delay:1.8s;}
.cn02_1 ul li span{ width:322px; margin:3px auto; height:47px; display:block; line-height:47px; background:#7c9bda url(../images/shsj15.jpg) no-repeat 13px center; padding:0 0 0 28px; font-weight:lighter; font-size:18px; color:#fff;}
.cn02_1 ul li p{ width:336px; height:114px; color:#333; font-size:16px; border:1px solid #eee; border-top:none; margin:0 auto; padding:9px 0 0 12px; line-height:25px; font-weight:lighter;}
.cn02_1 ul li p em{ width:227px; display:block; line-height:24px; float:left;}
.cn02_1 ul li p img{ float:left; margin-top:0;}
.cn02_1 ul .wli{ background:none; padding-top:12px;}
.cn02_1 ul .wli a{ width:349px; height:170px; display:block; background:url(../images/shsj16.jpg) no-repeat; margin:0 auto; text-align:center; overflow:hidden;}
.cn02_1 ul .wli a b{ font-size:20px; color:#fff; padding:45px 0 0; display:block; margin:0 auto 20px;}
.cn02_1 ul .wli a strong{ line-height:23px; font-size:18px; color:#fff;}
.cn02_1 ul .wli a:hover{ background:url(../images/shsj17.jpg) no-repeat;}
.cn02_1 ul .mar{ margin-right:0;}
.cn03{ width:1226px; height:527px; background:#fff; margin:0 auto; 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;}
.cn03.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03.show .cn03_1{ transform:scale(1,1); -webkit-transform:scale(1,1);}
.cn03 .ul01{ width:1200px; margin:50px auto 45px; border:1px solid #ececec; border-right:none; overflow:hidden;}
.cn03 .ul01 li{ width:399px; height:292px; float:left; overflow:hidden; border-right:1px solid #ececec;}
.cn03 .ul01 li:last-child{ width:398px;}
.cn03 .ul01 li p{ width:376px; margin:0 auto 18px; font-size:11px; color:#666; border-bottom:1px solid #e8e8e8; overflow:hidden; padding:25px 0 15px;  text-transform:uppercase;}
.cn03 .ul01 li p b{ font-size:20px; padding:0 10px 0 10px; color:#333;}
.cn03 .ul01 li img{ margin:0 auto; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s;}
.cn03 .ul01 li:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cn03_1{ width:376px; height:192px; overflow:hidden; margin:0 auto; transition:all 1s ease-in-out 1s; -webkit-transition:all 1s ease-in-out 1s; transform:scale(0,0); -webkit-transform:scale(0,0);}
.cn03 .ul02{ width:728px; margin:0 auto; overflow:hidden;}
.cn03 .ul02 li{ float:left;}
.cn03 .ul02 li a{ width:317px; height:57px; font-size:16px; color:#fff; font-weight:lighter; background:#6c86ba; display:block; text-align:center; line-height:57px; float:left; border-radius:6px;}
.cn03 .ul02 li a:hover{ background:#7490c6;}
.cn03 .ul02 .rt{ float:right;}
.cn03 .ul02 .rt a{ width:327px; background:#ff5f97;}
.cn03 .ul02 .rt a:hover{ background:#fc72a2;}
.cn04{ width:1226px; 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_1{ width:1200px; margin:0 auto; height:830px; background:#f2f3f5; overflow:hidden; padding:45px 0 0;}
.cn04_2{ width:1124px; height:626px; background:#fff; border-radius:8px; margin:42px auto 0; padding:40px 0 0;}
.cn04_2 #whc{ width:694px; height:55px; margin:0 auto 42px; overflow:hidden; border:1px solid #c1cce2; border-radius:8px;}
.cn04_2 #whc li{ width:231px; float:left; color:#464f62; line-height:55px; text-align:center; font-size:18px; height:55px; cursor:pointer; border-right:1px solid #d9e1ee; font-weight:lighter;}
.cn04_2 #whc #last{ width:230px; border:none;}
.cn04_3{ width:1024px; margin:0 auto; overflow:hidden;}
.cn04_3 dl dt{ float:left;}
.cn04_3 dl dd{ width:712px; float:right; padding:10px 0 0;}
.cn04_4{ overflow:hidden; margin-bottom:15px;}
.cn04_4 b{ font-size:36px; color:#464f62; float:left;}
.cn04_4 span{ font-size:16px; padding:22px 0 0 12px; color:#464f62; float:left; margin:0 18px 0 0; font-weight:lighter;}
.cn04_4 blockquote{ background:url(../images/shsj24.jpg) no-repeat left 4px; line-height:20px; color:#464f62; float:left; font-size:16px; padding:0 0 0 15px; font-weight:lighter;}
.cn04_5{ width:184px; height:81px; background:#ff5f97; border-radius:6px; overflow:hidden; margin:0 0 15px; clear:both;}
.cn04_5 span{ width:90px; font-size:18px; line-height:26px; float:left; color:#fff; margin:12px 0 0 14px; font-weight:lighter;}
.cn04_5 img{ float:left; margin-top:8px;}
.cn04_3 dl dd strong{ color:#47526a; font-size:18px;}
.cn04_3 dl dd p{ width:655px; line-height:22px; font-size:16px; color:#464f62; margin:0 0 15px; padding:5px 0 0; font-weight:lighter;}
.cn04_3 dl dd ul{ width:419px; overflow:hidden;}
.cn04_3 dl dd ul li{ float:left;}
.cn04_3 dl dd ul li a{ width:187px; height:57px; display:block; text-indent:34px; color:#fff; font-size:16px; float:left; background:url(../images/shsj26.jpg) no-repeat; line-height:57px; font-weight:lighter;}
.cn04_3 dl dd ul li a:hover{ background:url(../images/shsj28.jpg) no-repeat;}
.cn04_3 dl dd ul .rt{ float:right;}
.cn04_3 dl dd ul .rt a{ background:url(../images/shsj27.jpg) no-repeat;}
.cn04_3 dl dd ul .rt a:hover{ background:url(../images/shsj29.jpg) no-repeat;}
.cn04_2 #whc .on{ background:#d9e1ee;}
.cn05{ width:1226px; height:400px; margin:0 auto; padding:45px 0 0; 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;}
.cn05.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn05_1{ width:1226px; height:300px; margin:50px auto 0; position:relative;}	
.cn05_1 .prev,.cn05_1 .next{ width:50px; height:50px; float:left; margin-top:100px; margin-left:4px;}
.cn05_1 .next{ float:right; margin-right:4px; margin-left:0;}
.cn05_1 .scrollWrap{ width:1118px; height:300px; float:left; overflow:hidden; position:relative;}
.cn05_1 ul li{ width:265px; height:262px; float:left; margin:0 7px 32px 8px; border-radius:5px; background:#fff; transition:all 0.5s ease-in-out 0s; -webkit- transition:all 0.5s ease-in-out 0s; transform:translate(0,5px); -webkit-transform:translate(0,5px); *margin-left:4px; *margin-right:11px;}
.cn05_1 ul li span{ width:243px; border-bottom:1px solid #c8d1e1; margin:0 auto 2px; font-size:18px; font-weight:lighter; color:#333; display:block; padding:10px 0 5px;}
.cn05_1 ul li p{ width:243px; font-size:14px; color:#666; font-weight:lighter; margin:3px auto 0;}
.cn05_1 ul li:hover{ box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); transform:translate(0,0); -webkit-transform:translate(0,0);}
.cn06{ width:1226px; height:500px; 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; overflow:hidden;}
.cn06.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06 .xbt{ margin-bottom:42px;}
.cn06_1{ width:1250px; height:320px; overflow:hidden; padding:0 0 0 12px;}
.cn06_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;}
.cn06_1 li:hover .cn06_2 img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cn06_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:225px;}
.cn06_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;}
.cn06_2 img{ transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn06_1 li:hover{ height:277px; background:#ff5e8f;}
.cn06_1 li:hover .cn04_2{ height:180px;}
.cn06_1 li:hover .cn04_2 img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cn06_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;}
.cn06_1 li a dl dt{ float:left; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn06_1 li a{ color:#e6e6e6;}
.cn06_1 li a:hover{ color:#fff;}
.cn06_1 li a dl dt b{ font-size:45px; line-height:45px; color:#e6e6e6; float:left; font-family:Impact;}
.cn06_1 li a dl dt p{ float:left; color:#444; font-size:18px; padding:0 0 0 5px; font-weight:lighter;}
.cn06_1 li a dl dt .sl{ font-size:16px;}
.cn06_1 li a dl dt .ss{ font-size:13px;}
.cn06_1 li a dl dt p span{ display:block; color:#999; font-size:14px; font-family:ËÎÌå;}
.cn06_1 li:hover{ background:#ff5e8f; height:277px; border-color:transparent;}
.cn06_1 li:hover a dl{ height:80px; border-bottom:1px solid transparent; border-color:1px solid transparent;}
.cn06_1 li:hover a em{ background:url(../images/lcnzzz30.png) no-repeat 12px 0; top:218px;}
.cn06_1 li:hover a dl dt,.cn06_1 li:hover a dl dt span,.cn06_1 li:hover a dl dt b,.cn06_1 li:hover a dl dt p{ color:#fff;}
.cn06_1 li:hover a dl dt{ transform:translate(0,5px); -webkit-transform:translate(0,5px);}
.cn06_3{ width:728px; margin:0 auto; overflow:hidden;}
.cn06_3 li{ float:left;}
.cn06_3 li a{ width:317px; height:57px; font-size:16px; color:#fff; font-weight:lighter; background:#6c86ba; display:block; text-align:center; line-height:57px; float:left; border-radius:6px;}
.cn06_3 li a:hover{ background:#7490c6;}
.cn06_3 .rt{ float:right;}
.cn06_3 .rt a{ width:327px; background:#ff5f97;}
.cn06_3 .rt a:hover{ background:#fc72a2;}
.cn07{ width:1226px; overflow:hidden; margin:0 auto; background:#fff; padding-bottom:20px; 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:680px; margin:0 auto; overflow:hidden; background:#f2f3f5;}
.cn07_1 .xbt{ margin:45px auto 40px;}
.cn07_1 ul{ width:1250px; overflow:hidden; margin:35px 0 0; padding:0 0 0 10px;}
.cn07_1 ul li{ width:574px; overflow:hidden; float:left; margin:0 22px 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:#fff; border:3px solid #fff;}
.cn07_1 ul li .immo{ float:left;}
.cn07_1_2{ width:407px; float:right; overflow:hidden; padding:15px 0 0;}
.cn07_1_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;}
.cn07_1_2 p{ width:375px; color:#888; line-height:22px; font-size:14px; padding:15px 0 0; font-weight:lighter;}
.cn07_1 ul li .xuxian{ width:375px; height:2px; overflow:hidden; background:url(../images/lcnzzz35.jpg) no-repeat;}
.cn07_1 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;}
.cn07_1 ul li:hover .cn07_1_2 blockquote em{ display:block; display:inline; padding-right:30px; background:url(../images/fjyzz38.jpg) no-repeat right 11px; color:#ff5e8f;}
.cn07_1 ul li:hover{ box-shadow:0 15px 30px rgba(0, 0, 0, 0.1); transform:translate(0,0); -webkit-transform:translate(0,0);}
.cn07_1 ul li:hover .xuxian span{ width:375px; background:#ff5e8f;}


#allsort{ display:none;}