*{ padding:0; margin:0;}
body{ font-family:"微软雅黑";}
ul,ol{ list-style:none;}
img{ border:none;}
a{ text-decoration:none;}
a,input,textarea,select{ outline:none;}




/*头部区域*/
.header{ width:1200px; height:80px; margin:0 auto; position:relative;}
.header .logo{ float:left; position:absolute; top:0; left:0; z-index:10;}
.header .nav{ float:right;}
.header .nav li{ float:left; font-size:16px;}
.header .nav li a{ color:#333; padding:0 18px; display:block; line-height:80px;}
.header .nav li:hover a,.header .nav li a.on{ background:#143f9d; color:#fff;}


/*海报区域*/
.banner{ width:100%; height:550px;}
.banner .swiper-pagination-bullet{ width:35px; height:5px; border:1px solid #143f9d; border-radius:0; background:none; opacity:1;} 
.banner .swiper-pagination-bullet-active{ background:#143f9d;}


/*南海新区*/
.plan{ width:1200px; height:310px; margin:0 auto; position:relative; top:-50px; z-index:9; background:#fff; box-shadow:0 0 5px 5px rgba(102,102,102,0.1);}

.news{ width:465px; height:100%; border-right:1px solid #ccc; float:left; border-top:5px solid #2b32b2; padding:15px 20px; box-sizing:border-box;}
.biaoti{ text-transform:uppercase; width:100%; height:35px; border-bottom:1px dashed #ccc;}
.biaoti h3{ font-size:18px; color:#333; font-weight:400; float:left;}
.biaoti h3 span{ font-size:14px; color:#aaa; margin-left:10px;}
.biaoti a{ display:block; width:60px; height:13px; background:url(../images/more_ico.png) no-repeat left center; font-size:12px; color:#999; line-height:13px; padding-left:20px; box-sizing:border-box; float:right; margin-top:8px;}
.biaoti a:hover{ color:#2b32b2;}

.news_list li{ font-size:12px; margin-top:13px; position:relative; padding-left:15px; box-sizing:border-box;}
.news_list li a{ color:#666;}
.news_list li i{ display:inline-block; width:4px; height:4px; background:#ffb347; position:absolute; top:50%; margin-top:-2px; left:0;}
.news li span{ float:right;}
.news_list li:hover a{ color:#2b32b2;}
.news_list li:hover i{ background:#2b32b2;}


.zhuanti{ width:475px; height:100%; border-right:1px solid #ccc; float:left; border-top:5px solid #ffb347; padding:15px 20px; box-sizing:border-box;}
.zhuanti h3{ font-size:18px; color:#333; font-weight:400; margin-bottom:15px;}
.zhuanti h3 span{ font-size:14px; color:#aaa; margin-left:10px;}
.zhuanti img{ width:200px; margin-top:4px;display: block;float: left; }
.zhuanti p{
	float: right;
	width: 215px;
	text-indent: 2em;
	font-size: 14px;
	padding: 5px 0
}


.dujia{ width:320px; height:100%; border-right:1px solid #ccc; float:left; border-top:5px solid #ffb347; background:url(../images/dujia1.png) no-repeat center;}


.quick{ width:260px; height:100%; float:right; position:relative; padding:15px 20px; box-sizing:border-box;}
.quick .nhgh{ display:block; width:100%; height:65px; position:absolute; top:-65px; left:0; background:rgba(21,63,157,0.9) url(../images/quick1.png) no-repeat 220px center; color:#fff; line-height:65px; padding-left:20px; box-sizing:border-box;}
.quick h3{ font-size:18px; color:#2b32b2; font-weight:400; margin-bottom:15px;}
.quick h3 span{ font-size:14px; margin-left:5px;}

.quick .kstd{ width:220px; height:175px; margin-top:20px;}
.quick .kstd li{ width:220px; height:50px; line-height:50px; background:url(../images/quick2.jpg) no-repeat center; font-size:14px; text-align:center; margin-top:10px;}
.quick .kstd li a{ color:#666; display:block; width:220px; height:50px;}
.quick .kstd li:hover{ background-image:url(../images/quick2_hover.jpg);}
.quick .kstd li:hover a{ color:#333;}



/*楼盘信息*/
.loupan{ width:1200px; height:700px; margin:0 auto;}
.loupan_l{ width:240px; height:100%; float:left; background:url(../images/loupan1.png) no-repeat top left; padding-top:80px; box-sizing:border-box;}
.loupan_l .loupan_xinxi{ width:100%; height:350px;}
.loupan_l .loupan_xinxi h3{ width:100%; height:80px; background:#2b32b2; line-height:0.9em; padding:20px 0 0 20px; box-sizing:border-box; font-size:24px; font-weight:400; color:#fff;}
.loupan_l .loupan_xinxi h3 span{ font-size:12px; color:#bbb; text-transform:uppercase}

.loupan_l .loupan_xinxi .loupan_list{ width:100%; height:270px; background:#f5f5f5;}
.loupan_l .loupan_xinxi .loupan_list li{ font-size:14px; border-bottom:1px dashed #ccc; padding:0 20px; box-sizing:border-box;}
.loupan_l .loupan_xinxi .loupan_list li:last-child{ border-bottom:none;}
.loupan_l .loupan_xinxi .loupan_list li a{ color:#333; line-height:53px; display:block;}
.loupan_l .loupan_xinxi .loupan_list li:hover{ background:#2b32b2; border-bottom:none;}
.loupan_l .loupan_xinxi .loupan_list li:hover a{ color:#fff;}

.loupan_l .video{ width:100%; height:240px; margin-top:30px;}
.loupan_l .video h4{ width:100%; height:30px; font-size:16px; color:#fff; line-height:30px; background:#2b32b2; font-weight:400; padding-left:20px; box-sizing:border-box;}

.video_con .tu{ width:100%; height:210px; position:relative; overflow:hidden;}
.video_con .tu .pic{ width:100%; height:210px;}
.video_con .tu .play{ position:absolute; top:50%; margin-top:-30px; left:50%; margin-left:-30px; cursor:pointer;}

.video_con .out{ width:500px; height:400px; background:#6C9; position:fixed; left:50%; margin-left:-250px; top:50%; margin-top:-200px; display:none; z-index:2;}
.video_con .out .close{ width:30px; height:30px; background:#fff; color:#000; text-align:center; line-height:30px; position:absolute; top:0; right:-30px; cursor:pointer}
.video_con .bg{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; display:none; z-index:1}


.loupan_r{ width:930px; height:100%; float:right;}
.loupan_r .title{ width:100%; height:80px; border-bottom:1px solid #2b32b2; background:url(../images/loupan3.png) no-repeat left 30px;}
.loupan_r .title a{ display:block; width:70px; height:25px; background:#999; color:#fff; font-size:14px; line-height:25px; text-align:center; text-transform:uppercase; float:right; margin-top:40px;}
.loupan_r .title a:hover{ background:#2b32b2;}

.loupan_r .loupan_pic{ width:100%; height:470px; margin-top:20px;}
.loupan_r .loupan_pic li{ width:220px; height:210px; margin:0 16.5px 25px 0; float:left;}
.loupan_r .loupan_pic li:nth-child(4n){ margin-right:0;}
.loupan_r .loupan_pic li .tupian{ width:220px; height:180px; overflow:hidden;}
.loupan_r .loupan_pic li .tupian img{ width:220px; height:180px; transition:0.5s;}
.loupan_r .loupan_pic li p{ text-align:center; font-size:14px; color:#333; width:100%; height:30px; background:#fff; line-height:30px;}
.loupan_r .loupan_pic li:hover .tupian img{ transform:scale(1.1);}
.loupan_r .loupan_pic li:hover p{ color:#fff; background:#2b32b2;}

.loupan_r .tu{ width:930px; height:130px;}


/*一二三线海景房*/
.haijingfang{ width:1200px; height:250px; margin:50px auto; background:#fff; box-shadow:0 0 5px 5px rgba(102,102,102,0.1);}
.haijingfang .hjf_title{ width:100%; height:42px;}
.haijingfang .hjf_title li{ width:400px; height:42px; background:url(../images/haijingfang1.png) no-repeat center; color:#fff; line-height:42px; text-align:center; float:left;}
.haijingfang .hjf_title li:hover,.haijingfang .hjf_title li.on{ background-image:url(../images/haijingfang1_hover.png); color:#333;}

.haijingfang .hjf_pic{ width:100%; height:208px; position:relative;}
.haijingfang .hjf_pic .hjf_yiersan{ width:1160px; height:170px; position:absolute; top:20px; left:20px; display:block;}
.haijingfang .hjf_pic .hjf_yiersan li{ width:185px; height:170px; margin-right:10px; float:left;}
.haijingfang .hjf_pic .hjf_yiersan li:last-child{ margin-right:0;}
.haijingfang .hjf_pic .hjf_yiersan li img{ width:185px; height:140px;}
.haijingfang .hjf_pic .hjf_yiersan li a{ color:#333;}
.haijingfang .hjf_pic .hjf_yiersan li a p{ font-size:14px; text-align:center; margin-top:8px;}
.haijingfang .hjf_pic .hjf_yiersan li:hover a{ color:#2b32b2;}


/*威海南海*/
.wh_nanhai{ width:1200px; height:365px; margin:0 auto 60px;}
.wh_nanhai .xuanchuanyu{ float:left; margin-right:20px; margin-top: 20px;width: 356px;}

.wh_nanhai .wh_news{ background:#fff; box-shadow:0 0 5px 5px rgba(102,102,102,0.1); border-right:none;
	width: 750px

}
.wh_nanhai .news_list{ 
	float: right;
	width: 334px;

}

.wh_nanhai .meilinanhai{ width:420px; margin-left:29px; border-right:none; background:#fff; box-shadow:0 0 5px 5px rgba(102,102,102,0.1);}
.wh_nanhai .meilinanhai .mlhn_pic{ width:100%; margin-top:15px;}
.wh_nanhai .meilinanhai .mlhn_pic li{ float:left; margin:5px 10px 20px 0; width:120px; height:45px;}
.wh_nanhai .meilinanhai .mlhn_pic li img{ width:120px; height:45px;}
.wh_nanhai .meilinanhai .mlhn_pic li:nth-child(3n){ margin-right:0;}

/*底部区域*/
.footer{ width:100%; height:230px; background:#2b32b2 url(../images/footer1.png) no-repeat center 95px;}
.footer_center{ width:1200px; height:230px; margin:0 auto; position:relative;}
.return_top{ position:absolute; top:-15px; left:50%; margin-left:-78.5px; cursor:pointer;}

.footer_logo{ float:left; margin-top:80px;}
.footer_center .lianxi_us{ float:left; font-size:14px; color:#fff; line-height:1.75em; margin:85px 0 0 50px; width: 230px;}

.footer_center .right{ float:right; margin-top: 100px;}
.footer_center .right h5 a{ font-size:16px; color:#fff; font-weight:400; text-decoration:underline; margin:70px 0 20px; display:block;}
.footer_center .right p{ font-size:14px; color:#fff; letter-spacing:0.1em;}
.footer_center .right p a{ color:#fff; text-decoration:underline;}
.footer_center .right p a:hover{ color:#ffb347;}



/*内页公共样式*/
.ny_banner{ width:100%; height:450px;}

/*面包屑*/
.location{ width:100%; height:35px; background: #2b32b2; padding-left:20px; box-sizing:border-box;}
.location .weizhi{ float:left; margin:9px 10px 0 0; display:block;}
.location p{ line-height:35px; color:#fff; font-size:14px; text-transform:uppercase; box-sizing:border-box; float:left;}
.location p a{ color:#fff;}
.location p a:hover{ color:#0092db;}
/*内容区域*/
.ny_con{ width:1200px; min-height:500px; margin:50px auto 40px; overflow:hidden;} 

.ny_con .aside{ width:230px; float:left;}
.ny_con .aside h3{ width:230px; height:210px; background:url(../images/aside1.jpg) no-repeat center; color:#fff; text-align:center; font-size:24px; padding-top:25px; box-sizing:border-box; text-transform:uppercase; font-weight:400; line-height:1em;}
.ny_con .aside h3 span{ font-size:14px;}
.ny_con .aside ul li{ width:230px; height:50px; background: #2b32b2; line-height:50px; padding:0 25px; box-sizing:border-box; margin-top:1px;}
.ny_con .aside ul li a{ color:#fff; width:230px; height:50px; display:block;}
.ny_con .aside .aside_tel{ margin-top:30px;}
.ny_con .aside h6{ width:100px; height:30px; background:#2b32b2; font-weight:400; color:#fff; text-align:center; line-height:30px; font-size:14px; }
.ny_con .aside h6:hover{ background:#fdcd01; color:#333;}
.ny_con .aside ul li:hover{ background: #ffb347}
.ny_con .aside ul li:hover a{ color:#333;}

.ny_con .ny_main{ width:920px; float:right;}
.ny_con .ny_main h4{ width:920px; height:45px; background:url(../images/main1.png) no-repeat center; line-height:43px; font-size:20px; padding-left:40px; box-sizing:border-box; font-weight:400; text-transform:uppercase; color:#fff;}



/*关于我们*/
.about_main{ width:100%; padding:20px; box-sizing:border-box;}
.about_main .pic{ float:left; margin:0 30px 20px 0;}
.about_main p{ font-size:16px; text-align:justify; margin-bottom:10px; line-height:1.75em;}
.about_main p img{ max-width: 100%}


/*在线留言*/
.ny_message{ width:480px; height:550px; font-size:20px; color:#333; margin:50px auto 20px;}
.ny_message input{ width:370px; height:35px; padding-left:15px; box-sizing:border-box; margin-left:10px; font-size:16px; margin-bottom:20px;}
.ny_message textarea{ width:370px; height:150px; padding:15px; box-sizing:border-box; margin-left:10px; font-size:16px; margin-bottom:20px;}
.ny_message i{ font-style:normal; margin-top:-60px; position:relative; top:-150px;}
.ny_message .tijiao{ width:480px; height:35px; background:#2b32b2; text-align:center; line-height:35px; margin-top:40px; color:#fff; border:none; cursor:pointer;}
.ny_message .tijiao:hover{ background:#ffb347; color:#333;}


/*联系我们*/
.contact_main .pic{ width:800px; height:500px; display:block; margin:20px auto 40px;}
.contact_main p{ text-align:center; line-height:2em; margin-bottom:30px;}


/*新闻动态*/
.news_main{ padding:0 10px; box-sizing:border-box; margin:20px 0 40px;}
.news_main li{ width:100%; line-height:40px; border-bottom:1px dashed #ccc;}
.news_main li i{ width:5px; height:5px; display:inline-block; background:#ffb347; margin:-8px 10px 0 0;}
.news_main li a{ color:#333; font-size:14px;}
.news_main li span{ float:right; font-size:12px;}
.news_main li:hover a{ color:#2b32b2;}

.news_main li:hover i{ background:#ffb347;}

.yema{ width:220px; height:32px; margin:30px auto 20px;}
.yema li{ float:left; font-size:12px; border:1px solid #2855b1; text-align:center; line-height:30px; margin-right:5px; cursor:pointer; background:#fff;} 
.yema li a{ color:#2855b1;}
.yema li:last-child{ margin-right:0;}
.yema .mid{ width:50px; height:30px;}
.yema .min{ width:30px; height:30px;}

.yema li:hover{ background:#2855b1; border-color:#2855b1;}
.yema li:hover a{ color:#fff;}



/*新闻详情页*/
/*详情页*/
.xiangqing{ width:880px; margin:0 auto 40px;}
.xiangqing h3{ font-size:24px; color:#333; text-align:center; font-weight:400; border-bottom:1px dashed #ccc; padding:15px 0; margin:20px 0;}
.xiangqing h3 span{ font-size:12px; color:#333; text-align:center; font-style:normal; margin:15px auto 30px;}
.xiangqing p{ font-size:14px; color:#333; text-indent:2em; line-height:1.75em; margin-bottom:10px;}



/*楼盘展示*/
.loupan_main{ width:100%; margin-top:20px; overflow:hidden;}
.loupan_main li{ width:220px; height:120px; margin:0 12px 20px 0; float:left;}
.loupan_main li:nth-child(4n){ margin-right:0;}
.loupan_main li .tupian{ width:220px; height:92px; overflow:hidden; border:1px solid #ccc; padding:5px; box-sizing:border-box;}
.loupan_main li .tupian img{ width:208px; height:80px; transition:0.5s;}
.loupan_main li p{ text-align:center; font-size:14px; color:#333; width:100%; height:40px; background:#fff; line-height:40px;}
.loupan_main li:hover .tupian img{ transform:scale(1.1);}
.loupan_main li:hover p{ color:#fff; background:#2b32b2;}



/*楼盘展示详情页*/
.loupan_xq_main{ width:920px;}
.loupan_xq_main .pic_text{ width:100%; height:420px; margin-top:15px;}
.loupan_xq_main .pic_text .lunbotu{ width:352px; height:420px; float:left;}
.loupan_xq_main .pic_text .jieshao{ width:530px; height:420px; float:right;}
.loupan_xq_main .pic_text .jieshao li{ width:100%; line-height:35px; background:#eee; font-size:14px; margin-bottom:8px; padding-left:20px; box-sizing:border-box; font-weight:600;}
.loupan_xq_main .pic_text .jieshao li:last-child{ line-height:1.5em; background:#2b32b2; color:#fff; height:70px; padding:4px 20px; box-sizing:border-box; text-align:justify; font-weight:400;}

.loupan_xq_main .xiangmujieshao{ width:100%; height:auto; margin-top:30px;}
.loupan_xq_main .xiangmujieshao h4{ font-size:18px; width:100%; height:35px; line-height:35px; background:url(../images/location1.jpg) no-repeat center; padding-left:20px; box-sizing:border-box; font-weight:600;}
.loupan_xq_main .xiangmujieshao h4 span{ font-size:14px; font-weight:400;}
.loupan_xq_main .xiangmujieshao p{ font-size:14px; color:#333; line-height:1.75em; padding:0 20px; box-sizing:border-box; text-indent:2em; text-align:justify; margin:20px 0;}

.xiangmu_video{ width:880px; height:600px; margin:0 auto;}

.loupan_xq_main .huxingzhanshi{ width:100%; height:auto; margin-top:30px;}
.loupan_xq_main .huxingzhanshi h6{ font-size:18px; width:100%; height:35px; line-height:35px; background:url(../images/location1.jpg) no-repeat center; padding-left:20px; box-sizing:border-box; font-weight:600; color:#fff;}
.loupan_xq_main .huxingzhanshi h6 span{ font-size:14px; font-weight:400;}
.loupan_xq_main .huxingzhanshi .huxing_pic{ width:100%; height:auto; padding:0 20px; box-sizing:border-box; margin-top:20px;}
.loupan_xq_main .huxingzhanshi .huxing_pic li{ width:430px; height:640px; float:left; margin:0 20px 20px 0;}
.loupan_xq_main .huxingzhanshi .huxing_pic li:nth-child(2n){ margin-right:0;}
.loupan_xq_main .huxingzhanshi .huxing_pic li img{ width:430px; height:610px; border:1px solid #ccc;}
.loupan_xq_main .huxingzhanshi .huxing_pic li p{ font-size:14px; font-weight:600; text-align:center; color:#333; margin-top:8px;}