﻿/*------------导航------------*/

.navs {
    height: 68px;
    background: #bf001e;
    position: relative
}

.navs-fixed {
    width: 100%;
    height: 68px;
    background: #bf001e;
    z-index: 10000
}

.ul-navs {
    height: 68px;
    overflow: hidden
}

.ul-navs li {
    float: left;
    font-size: 20px;
    color: #fff;
    padding: 0 30px;
    line-height: 68px;
    position: relative;
    cursor: pointer
}

.ul-navs li:before {
    content: "";
    position: absolute;
    left: -1px;
    width: 1px;
    height: 68px;
    top: 0;
    background: #b43b2c
}

.ul-navs li:hover {
    background: #922824
}

.ul-navs li.on {
    background: #f39b11
}


/*------------西班牙移民------------*/

.ym {
    background: #f9ede8;
}


/* 添加 =============================================================================== */

.ym-advant {
    width: 100%;
    padding-top: 50px;
    background: #f7e7e0;
}

.ym-advant-box {
    width: 1200px;
    height: 600px;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 10px;
}

.ym-advant-tit {
    text-align: center;
    height: 54px;
    line-height: 54px;
    position: relative;
    margin: 13px 0;
    border-bottom: #f4d4d0 1px solid;
}

.ym-advant-tit p {
    font-size: 30px;
    position: relative;
    height: 54px;
    font-weight: bold;
    color: #333;
}

.ym-advant-tit p:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 7px;
    background: #cf4432;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto;
}

.ym-advant-content {
    position: relative;
}

.ym-advant-text {
    border-bottom: 1px dashed #cf4432;
    width: 640px;
    height: 60px;
    padding-left: 20px;
    margin: 0 0 10px 6px;
    line-height: 20px;
}

.ym-advant-text dt {
    font-size: 20px;
    color: #cf4432;
    font-weight: bold;
}

.ym-advant-text dd {
    font-size: 18px;
    color: #333;
    margin: 8px 0 0 18px;
}

.ym-advant-img {
    position: absolute;
    width: 498px;
    height: 487px;
    bottom: 0;
    right: 12px;
}

.ym-head {
    padding: 46px 0 52px 280px;
    font-size: 18px;
    color: #333;
    line-height: 36px;
}

.ym-head-img {
    float: left;
    margin-left: -280px;
    width: 240px;
    height: 120px;
    overflow: hidden;
    background:url("../images/case-hk/6461451.png");
    color: #fff;
    position: relative;
    text-indent: 0
}

.ym-head-img h2 {
    position: absolute;
    left: 0;
    top: 39px;
    width: 136px;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    font-weight: bold;
    white-space: nowrap
}

.ym-head-img p {
    text-align: center;
    position: absolute;
    left: 136px;
    right: 2px;
    text-align: center;
    font-size: 36px;
    line-height: 50px;
    top: 10px;
    font-weight: bold
}

.ym-head-div {
    box-shadow: #f4d4d0 0 4px 4px;
    position: relative
}


/* .ym-foot {
    padding-bottom: 50px;
    background: #f7e7e0;
    overflow: hidden;
} */

.ym-cont {
    width: 100%;
    background-color: #f7e7e0;
}

.ym-cont-box {
    width: 1200px;
    height: 448px;
    padding-top: 50px;
    margin: 0 auto;
    position: relative;
}

.ym-bgf {
    width: 620px;
    height: 443px;
    background: #fff;
    position: relative
}

.yml:before {
    content: "";
    width: 414px;
    height: 281px;
    border: #cf4432 3px solid;
    position: absolute;
    right: 117px;
    top: 96px
}

.ymr:before {
    content: "";
    width: 414px;
    height: 281px;
    border: #cf4432 3px solid;
    position: absolute;
    left: 117px;
    top: 96px
}

.ym-img {
    width: 500px;
    height: 312px;
    position: absolute;
    top: 120px
}

.yml .ym-img {
    right: 0
}

.ymr .ym-img {
    left: 0
}

.yml .ym-bgf {
    padding: 5px 140px 0 40px
}

.ymr .ym-bgf {
    float: right;
    padding: 5px 40px 0 140px
}

.ym-text {
    font-size: 18px;
    line-height: 35px;
    color: #666;
    padding: 0 6px
}

.ym-text h3 {
    color: #cf4432;
    font-size: 18px;
    font-weight: bold
}

.ym-button {
    margin-top: 22px;
}

.ym-button button {
    width: 160px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    background: #cf3832;
    border-radius: 20px;
    float: left;
    margin-right: 40px;
    padding: 5px 0 6px;
    line-height: 29px
}

.ym-button a {
    width: 160px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    background: #cf3832;
    border-radius: 20px;
    float: left;
    margin-right: 40px;
    padding: 5px 0 6px;
    line-height: 29px
}

.ym-button a:hover {
    text-decoration: none;
    opacity: .9
}

.full-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100000;
    background: url(../images/blank.png) repeat \9
}

.fixed-box {
    width: 660px;
    height: 550px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: #999 0 0 8px
}

.ul-fixed-tab {
    background: #cf3832;
    margin-right: 58px;
    height: 58px
}

.ul-fixed-tab li {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 58px;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.ul-fixed-tab li.on {
    background: #f38b11
}

.fixed-tab-div {
    height: 490px;
    overflow: hidden
}

.fixed-pro {
    height: 326px;
    font-size: 16px;
    line-height: 36px;
    color: #666;
    padding: 20px 50px
}

.ym-cont .fixed-box {
    display: none
}

.close {
    position: absolute;
    width: 58px;
    height: 58px;
    background: #9d2b26 url(../images/close-white.png) no-repeat center center;
    right: 0;
    top: 0;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
}


/*------------魅力西班牙------------*/

.main-box {
    background-color: #f7e7e0;
}

.ml {
    height: 1008px;
    background: url(../uploadfile/79.jpg) no-repeat center center;
    overflow: hidden;
    padding: 25px 0 0;
    margin-top: 50px;
}

.ml .tits {
    border-color: #cc5f56;
}

.ml .tits h2 {
    color: #fff
}

.ml .tits h2:after {
    background: #fff
}


/* 添加 ================================================================= */

.ml .ml-button {
    width: 410px;
    height: 0;
    margin: 0 auto;
}

.ml .ml-button a {
    display: inline-block;
    font-weight: bold;
    width: 180px;
    color: #cf3832;
    text-align: center;
    font-size: 22px;
    background: #fff;
    border-radius: 20px;
    margin: 60px 40px 0 0;
    padding: 5px 0 6px;
    line-height: 29px;
}

.ml .ml-button span {
    width: 410px;
    display: block;
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-top: 26px;
}


/*------------西班牙移民资讯------------*/

.zx {
    padding: 50px 0 0;
    background: #f7e7e0;
    height: 413px
}


/*------------西班牙房源------------*/

.fy {
    padding: 50px 0 0;
    background: #f7e7e0;
    height: 783px
}


/*------------港盛西班牙移民优势------------*/

.youshi {
    padding: 50px 0;
    background: #f7e7e0;
    height: 728px
}


/*------------港盛荣誉------------*/

.ry {
    height: 489px;
    background: url(../uploadfile/66.jpg) no-repeat center top;
    overflow: hidden;
    padding: 25px 0 0
}

.ry .tits {
    border-color: #cc5f56
}

.ul-num {
    position: absolute;
    height: 14px;
    left: 0;
    right: 0;
    top: 316px;
    text-align: center
}

.ul-num li {
    width: 14px;
    height: 14px;
    margin: 0 10px;
    border-radius: 50%;
    background: #762315;
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.ul-num li.on {
    background: #fff
}


/*------------港盛顾问------------*/

.gw {
    padding: 50px 0 0;
    background: #f7e7e0;
    height: 458px
}

.tits {
    text-align: center;
    height: 54px;
    color: #fff;
    line-height: 54px;
    position: relative;
    margin: 13px 0;
    border-bottom: #f4d4d0 1px solid
}

.tits h2 {
    font-size: 30px;
    position: relative;
    height: 54px;
    font-weight: bold;
    color: #333
}

.tits h2:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 7px;
    background: #cf4432;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto
}


/*------------港盛大事件------------*/

.thing {
    padding: 50px 0;
    background: #f7e7e0;
    height: 342px
}

/*------------美丽香港------------*/

.meili {
	width:1920px;
    height:682px;	
}

.ml1 {
	width:1200px;
	height:636px;
	background-color: #ffffff;
	margin-left:360px;
	padding-top:46px;
	margin-top:42px;
}

.ml2{
	
	text-align:center;
	font-weight:bold;
	font-size:30px;
}

.ml3{
	margin-top:8px;
	margin-bottom:34px;
	width:1200px;
	height:7px;
	background-image: url(../images/case-hk/mlxiangg1.jpg);
	}
.ml4{
	width:1120px;
	height:497px;
	margin-left:42px;
	
	
}
.ml4-1{float:left;
	width:375px;
	height:497px;
	background-color:;
}
.ml4-2{float:left;
	width:370px;
	height:459px;
	margin-top:38px;
	background-image:url(../images/case-hk/ml42.png)}

.ml4-jj{ width:374px; height:258px;}
.ml4-jj-1{ width:280px; height:67px; border-bottom:2px solid #1463a3;}
.ml4-jj-1-1{ width:165px; height:56px; font-size:29px; font-weight:bold; color:#FFF; line-height:56px; text-indent:15px; background-image:url(../images/case-hk/mlbt.png);}
.ml4-jj-1-2{ width:374px; height:169px; font-size:20px; color:#333333; line-height:35px; padding-top:20px;}


.ml4-fl{ width:374px; height:239px;}
.ml4-fl{ width:374px; height:239px;}
.ml4-fl-1{ width:280px; height:67px; border-bottom:2px solid #1463a3;}
.ml4-fl-1-1{ width:165px; height:56px; font-size:29px; font-weight:bold; color:#FFF; line-height:56px; text-indent:15px; background-image:url(../images/case-hk/mlbt.png);}
.ml4-fl-1-2{ width:374px; height:149px; font-size:20px; color:#333333; line-height:45px; padding-top:20px;}

.ml4-3{float:left;
	width:375px;
	height:497px;
	background-color:;
}

.ml4-jy{ width:374px; height:258px;}
.ml4-jy-1{ width:280px; height:67px; border-bottom:2px solid #1463a3; margin-left:94px;}
.ml4-jy-1-1{ width:165px; height:56px; font-size:29px; font-weight:bold; color:#FFF; line-height:56px; text-indent:93px; background-image:url(../images/case-hk/mlbty.png);
margin-left:117px;}
.ml4-jy-1-2{ width:374px; height:169px; font-size:20px; color:#333333; text-align:right; line-height:35px; padding-top:20px;}


.ml4-yj{ width:374px; height:239px;}
.ml4-yj{ width:374px; height:239px;}
.ml4-yj-1{ width:280px; height:67px; border-bottom:2px solid #1463a3; margin-left:94px;}
.ml4-yj-1-1{ width:165px; height:56px; font-size:29px; font-weight:bold; color:#FFF; line-height:56px; text-indent:93px; background-image:url(../images/case-hk/mlbty.png); 
margin-left:117px;}
.ml4-yj-1-2{ width:374px; height:149px; font-size:20px; color:#333333; text-align:right; line-height:35px; padding-top:20px;}

/*------------移居香港优势------------*/
.ys{ width:1920px; height:560px; padding-top:50px;}
.ys1{
	width: 1200px;
	height: 510px;
	margin-left: 360px;
	padding-top:50px;
	background-color:#FFFFFF;}
.ys2{
	text-align:center;
	font-weight:bold;
	font-size:30px;
}

.ys3{
	margin-top:8px;
	margin-bottom:29px;
	width:1200px;
	height:7px;
	background-image: url(../images/case-hk/mlxiangg1.jpg);
	}
.ys4{ float:left; width:633px; height:419px; margin-left:28px;}
.ys4-9{ height:20px;width:633px; margin-top:26px;}
.ys4-1-1{ height:20px;width:633px;}
.ys4-1-2{ float:left; background-image:url(../images/dian.png); width:9px; background-repeat:no-repeat; background-position:center;height:20px;}
.ys4-1-3{ float:left; font-size:20px; font-weight:bold; color:#1463a3; text-indent:8px; height:20px;}
.ys4-1-4{ margin-top:7px; font-size:18px; color:#666666; line-height:28px;}






.ys5{ float:left; width:497px; height:419px; margin-left:27px; background-image: url(../images/case-hk/xiangg.png); }

.ym-text h3 {color: #cf4432;font-size: 18px;font-weight: bold}


.ym-buttony {margin-top: 22px;}

.ym-buttony button {width: 250px;
	color: #fff;
    text-align: center;
    font-size: 22px;
    background: #1463a3;
    border-radius: 20px;
    float: left;
    margin-right: 40px;
    padding: 5px 0 6px;
    line-height: 29px
}

.ym-buttony a {
    width: 250px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    background: #1463a3;
    border-radius: 20px;
    float: left;
    margin-right: 40px;
    padding: 5px 0 6px;
    line-height: 29px
}

.ym-buttony a:hover {
    text-decoration: none;
    opacity: .9
}
.titt {
    text-align: center;
    height: 54px;
    color: #fff;
    line-height: 54px;
    position: relative;
    margin: 13px 0;
    border-bottom: #1463a3 1px solid
}

.titt h2 {
    font-size: 30px;
    position: relative;
    height: 54px;
    font-weight: bold;
    color: #333
}

.titt h2:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 7px;
    background: #1463a3;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto
}


.ym2:before {
    content: "";
    width: 414px;
    height: 281px;
    border: #1463a3 3px solid;
    position: absolute;
    right: 117px;
    top: 96px
}
.ym2 .ym-img {
    right: 0
}
.ym2 .ym-bgf {
    padding: 5px 140px 0 40px
}



.ymrr:before {
    content: "";
    width: 414px;
    height: 281px;
    border: #1463a3 3px solid;
    position: absolute;
    left: 117px;
    top: 96px
}
.ymrr .ym-img {
    left: 0
}
.ymrr .ym-bgf {
    float: right;
    padding: 5px 40px 0 140px
}

.yzs{width: 1920px;
height: 474px;
background-color: #FFFFFF;}
.yzs1{width: 1200px;
height: 106px;
	margin-left: 360px;
	font-size: 40px;
color: #005792;
	text-align: center;
	line-height:150px;
}
.yzs2{width:1200px;
	height: 108px;
	font-size: 20px;
	text-align: center;
	margin-left: 360px;
	line-height: 36px;
	margin-top: 26px;
}

.yzs3{width: 1200px;
	height: 149px;
	margin-left: 360px;}
.yzs3-1{width: 366px;
height: 149px;
float: left;
background-image:url(../images/case-hk/yzs31.png);}
.yzs3-1-2{font-size: 28px;
	color: #005792;
	margin-left: 131px;
	margin-top: 25px;
}
.yzs3-1-3{font-size: 22px;
color: #666666;
line-height: 30px;
margin-top: 17px;
margin-left: 131px;}

.yzs3-2{width: 366px;
height: 149px;
float: left;
background-image:url(../images/case-hk/yzs32.png);
margin-left: 51px;}
.yzs3-2-2{font-size: 28px;
	color: #005792;
	margin-left: 131px;
	margin-top: 25px;
}
.yzs3-2-3{font-size: 22px;
color: #666666;
line-height: 30px;
margin-top: 17px;
margin-left: 131px;}

.yzs3-3{width: 366px;
height: 149px;
float: left;
background-image:url(../images/case-hk/yzs33.png);
margin-left: 51px;}
.yzs3-3-2{font-size: 28px;
	color: #005792;
	margin-left: 131px;
	margin-top: 25px;
}
.yzs3-3-3{font-size: 22px;
color: #666666;
line-height: 30px;
margin-top: 17px;
margin-left: 131px;}


