/***** 全局设置 *****/
body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,dt,dl,dd,th,td,label,bottom,input,textarea{ margin:0;padding:0;}
body{ font-size:12px;line-height:1.5;text-align:left;background:#FFF;color:#555;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%;}
fieldset,img{border:0;}
ul{margin:0;padding:0;list-style:none;}
div,th,td{font-size:12px;}
table{ border-collapse:collapse; border-spacing:0;}
em,i{ font-style:normal;}
sup{ vertical-align:text-top;}
sub{ vertical-align:text-bottom;}
.fl{ float:left!important;}
.fr{ float:right!important;}
.noborder{ border:0 none!important;}
.fn-clear:after{ content:"\20"; display:block; clear:both; height:0}
.fn-clear:after{ *zoom:1}
.clear{ clear:both;}
a{ color:#555; cursor:pointer; text-decoration:none;}
a:hover{ color:#f60;}



.footer{ clear:both; display:block; width:100%; margin-top:30px; padding:10px 0 20px 0; text-align:center; color:#999; font-family:arial; background:#fff; overflow:hidden;}
.footer a{ padding:0 5px;}
.new_foorter{ clear:both; padding-top:20px;}


/*专题正文部分*/
body{ font-family:"microsoft yahei";}
.banner_con{ width:100%; height:661px; background:url(banner_bg.jpg) no-repeat center 0;}
.banner_con .point{ position: relative; width: 1000px; margin: 0 auto; }
.banner_con .point img{ -webkit-transform: scale(0.5); transform: scale(0.5); transform-origin: bottom;}
.banner_con .point .p1{ position: absolute; top: 440px; left: 470px; animation: count1 3s ease-in-out infinite;}
.banner_con .point .p2{ position: absolute; top: 380px; left: 290px; animation: count2 3s ease-in-out infinite;animation-delay:2s;-webkit-animation-delay:2s;}
.banner_con .point .p3{ position: absolute; top: 400px; left: 650px; animation: count3 3s ease-in-out infinite;animation-delay:4s;-webkit-animation-delay:4s;}

@keyframes count1 {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}@keyframes count2 {
    0% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(0.5);
    }
}@keyframes count3 {
    0% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(0.5);
    }
}

.floor{ position:relative; width:100%; height:100%;}
.one{ height:669px; background:url(bg1.jpg) no-repeat center 0;}
.two{ height:565px; background:url(bg2.jpg) no-repeat center 0;}
.three{ height:702px; background:url(bg3.jpg) no-repeat center 0;}
.four{ height:562px; background:url(bg4.jpg) no-repeat center 0;}


.section_box{ margin-top:-60px;}
.floor_con{ width:1200px;/* min-height:1000px;*/ margin:0 auto;}
.floor_con .txt{ width: 1100px; margin: 0 auto; padding-top:20px; }
.floor_con .txt ul{ width:1220px; }
.floor_con .txt li{ position:relative; width:260px; height:460px; float:left; margin:0 20px 0 0; color: #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.floor_con .txt li a{ display: none; position:absolute; top:0; left:0; width: 260px; height:460px; line-height: 400px; font-size: 26px; color:#fff; text-align: center; background-color:rgba(0,0,0,0.5);}
.floor_con .txt li a i{ position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; background: url(icon.png) no-repeat 0 0; overflow: hidden; }
.floor_con .txt li img{ display:block; margin:0 auto; }
.floor_con .txt li b{ display: block; position: relative; padding: 10px 0 40px 0; color: #fbfe00; font-size: 18px;  font-weight: normal; text-align: center;}
.floor_con .txt li b:after{ content: ''; position: absolute; top:50px; left: 10px; width: 260px; height: 20px; background: url(icon.png) no-repeat 0 -40px; }
.floor_con .txt li p{ padding:0 15px; font-size:14px; }
.floor_con .txt li:nth-child(1){ background: #8aaae9; }
.floor_con .txt li:nth-child(2){ margin-top: 40px; background: #eeaf78; }
.floor_con .txt li:nth-child(3){ background: #7bbc70; }
.floor_con .txt li:nth-child(4){ margin-top: 40px; background: #a092cb; }
.floor_con .txt li:hover{ box-shadow:0px 0 6px rgba(0, 0, 0, 0.3); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.floor_con .txt li:hover a{ display: block; }

.three .floor_con .txt{ padding-top: 40px; }
.three .floor_con .txt li{ width: 540px; height: 220px; }
.three .floor_con .txt li img{ display: inline-block; float: left; }
.three .floor_con .txt li b{ margin-left: 260px; }
.three .floor_con .txt li p{ padding: 0 10px 0 15px; margin-left: 260px; }
.three .floor_con .txt li a{ width: 100%; height: 220px; line-height: 170px; }
.three .floor_con .txt li:nth-child(1){ background: #dfb671; }
.three .floor_con .txt li:nth-child(2){ margin-top: 40px; background: #da9bc1; }
.three .floor_con .txt li:nth-child(3){ background: #81b2e7; }
.three .floor_con .txt li:nth-child(4){ margin-top: 40px; background: #71c499; }


.scroll_box{ position: relative; padding-top: 145px;}
.scroll_box .scroll1_l{ position: absolute; top: 225px; left: 10px; width: 40px; height: 90px; background: url(icon.png) no-repeat 0 -60px;}
.scroll_box .scroll1_r{ position: absolute; top: 225px; right: 10px; width: 40px; height: 90px; background: url(icon.png) no-repeat -40px -60px; }
.scroll_box .more{ margin-top: 20px; text-align: center; }
.scroll_box .more a{ display: inline-block; padding: 0 15px; margin:0 auto; line-height: 36px; font-size: 14px; color: #fff; background: #ff8f00; }
.scroll_box .more a i{ display: inline-block; width: 20px; height: 20px; margin:-2px 0 0 5px; vertical-align: middle; background: url(icon.png) no-repeat -40px 0; }
.scroll_box .more a:hover{ background: #ff6600; }

.scroll_con{ width: 1085px; height: 268px; margin: 0 auto; overflow: hidden;}
.scroll_con ul{ width: 2000px;}
.scroll_con li{ position:relative; width: 260px; height: 268px; float: left; margin-right: 15px; background: #fff;}
.scroll_con li sup{ position: absolute; top: 10px; right: 10px; padding: 0 5px; line-height: 22px; border-radius: 11px; color: #fff; background-color:rgba(0,0,0,0.5);}
.scroll_con li img{ display: block; width: 260px; height: 175px;}
.scroll_con li a p{ padding: 5px 10px; line-height: 18px; font-size: 14px; color: #000; }
.scroll_con li .price{ padding: 0 10px; font-size: 14px; color: #999;}
.scroll_con li .price em{ color: #f30; }
.scroll_con li .price em b{ font-size: 24px; font-weight: normal;}
.scroll_con li .price del{ padding-left: 10px; color: #999; }
.scroll_con li .price .btn{ display: inline-block; float: right; padding: 0 10px; line-height: 32px; color: #fff; border-radius: 3px; background: #f91; }
.scroll_con li .price .btn:hover{ background: #f60; }

.floor_con .txt_other{ width: 1100px; margin:0 auto; padding:30px 0 0 0;  overflow: hidden;}
.floor_con .txt_other ul{ width:1220px; }
.floor_con .txt_other li{ position:relative; width:260px; float:left; margin-right:20px; }
.floor_con .txt_other li img{}
.floor_con .txt_other li a{ position:absolute; bottom:30px; left:50%; width:150px; margin:0 0 0 -75px; line-height: 38px; text-align:center; color:#fff; border:2px solid #fff;  border-radius: 20px;}
.floor_con .txt_other li a:hover{ color: #f60; background: #fff; }
.floor_con .txt_other li b{ display:block; font-size:18px; font-weight:normal;}


.side_nav{ display:none; position:fixed; top:50%; left:50%; width:30px; margin:-105px 0 0 590px;}
.side_nav a,.side_nav span{ display:block; margin-bottom:10px; line-height:32px; border-radius:16px; color:#fff; text-align:center; font-size:15px; background:#8e5996; cursor:pointer;}
.side_nav a.on{ background:#74d3cd;}


.pt{position:absolute;text-align:left;background:none repeat scroll 0 0 #FFF;border:1px solid #CFCFCF;box-shadow:0 0 2px 2px rgba(0,0,0,.1);z-index:2209;width:auto;height:auto;display:none}
.pt .cont{height:auto;overflow-y:auto;background-color:#FFF;padding:10px; text-align: center;}
.pt .in,.pt .out{display:block;font-family:simsun;font-size:0;height:0;overflow:visible;position:absolute;width:0}
.pt-up .in,.pt-up .out{border-style:dashed dashed solid}
.pt-up .out{border-color:transparent transparent #CFCFCF;border-width:0 7px 8px;left:28px;top:-8px}
.pt-up .in{border-color:transparent transparent #FFF;border-width:0 6px 7px;left:29px;top:-7px}
.pt-right .in,.pt-right .out{border-style:dashed dashed dashed solid}
.pt-right .out{border-color:transparent transparent transparent #CFCFCF;border-width:8px 0 7px 7px;right:-7px;top:28px}
.pt-right .in{border-color:transparent transparent transparent #FFF;border-width:7px 0 6px 6px;right:-6px;top:29px}
.pt-down .in,.pt-down .out{border-style:solid dashed dashed}
.pt-down .out{border-color:#CFCFCF transparent transparent;border-width:8px 7px 0;bottom:-8px;left:28px;top:auto}
.pt-down .in{border-color:#FFF transparent transparent;border-width:7px 6px 0;bottom:-7px;left:29px;top:auto}
.pt-left .in,.pt-left .out{border-style:dashed solid dashed dashed}
.pt-left .out{border-color:transparent #CFCFCF transparent transparent;border-width:7px 8px 7px 0;left:-8px;top:28px}
.pt-left .in{border-color:transparent #FFF transparent transparent;border-width:6px 7px 6px 0;left:-7px;top:29px}