@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}
body { font-family: "微软雅黑", Arial;}
a, abbr, acronym, address, applet, input, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0;}
img { border: none; display: block;}
a { text-decoration: none;}
a:hover { color: #f0686c;}
ul, li { list-style: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { clear: both;}
.w1200 { width: 1200px; margin: 0 auto;}
.w880{ width:880px; margin:0 auto;}
.fr { float: right;}
.fl { float: left;}


/*banner*/
.banner{ background:url(../images/banner.jpg) no-repeat center; height:480px;}

/*BC省雇主担保*/
.jianjie{ margin-top:50px;}
.jianjie_cont p{ width:650px; float:left; font-size:16px; color:#666666; line-height:28px; margin-top:18px;}
.zx_xinxi{ width:522px; height:112px; background:url(../images/jianjie_bg.jpg) no-repeat; float:right;  margin-top:15px;}
.dianhua{ margin:27px 0 0 95px;}
.dianhua span{ font-size:18px; color:#666666; display:block; float:left;}
.dianhua img{ float:left;}
.zx_xinxi p{ font-size:18px; color:#666666; margin:5px 0 0 95px; width:385px;}
.zx_xinxi p a{ color:#fe0907; font-weight:bold;}
.zx_xinxi p a:hover{ color:#384f92;}

/*BC省雇主担保——适合人群*/
.shrq{ margin-top:80px;}
.shrq_til img{ display:block; margin:0 auto;}
.shrq_cont{ margin-top:40px;}

.Box_con {position: relative;}
.Box_con .btnl {position: absolute;}
.Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 147px;cursor: pointer; z-index:1}
.Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: 0px;}
.Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: 0px;}
.Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box_con .conbox {position: relative;overflow: hidden;}
.Box_con .conbox ul {position: relative;list-style: none;}
.Box_con .conbox ul li {float: left;width: 224px;height: 345px;margin-left: 20px;overflow: hidden; position:relative;}
.Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_con .conbox ul li img {display: block;width: 224px;height: 345px;}
.Box_con .conbox ul li span{ color:#fff; position:absolute; bottom:20px; text-align:center; width:224px; display:block;}
			
/*移民条件*/
.ymtj{ background:url(../images/ymtj_bg.jpg) no-repeat center; padding:20px 0 30px; margin-top:90px;}
.ymtj .w1200{ position:relative;}
.ymtj_til{ font-size:28px; color:#fff; width:227px; height:73px; text-align:center; line-height:73px; position:absolute; top:-1px; background:url(../images/sqtj_jt.png) no-repeat;}
.left{ width:605px; height:360px; background:#fff; border-radius:8px; margin:36px 0 0 107px; float:left; margin-right:20px;}
.left ul{ padding:45px 0 0 60px;}
.left ul li{ font-size:18px; color:#333333; line-height:42px; background:url(../images/dh.jpg) no-repeat left; padding-left:30px;}
.left a{ width:546px; height:72px; text-align:center; line-height:72px; font-size:18px; color:#fff; background:#cc3333; border-radius:8px; display:block; margin:10px auto 0;}
.right{ width:424px; height:300px; background:#fff; border-radius:8px; float:left; padding:30px 22px; margin-top:36px;}
.right h3{ font-size:28px; color:#333333; text-align:center; margin-bottom:25px;}

.x_input_bm{ width:426px; height:72px; background:#f4f4f4; border-radius:8px; margin-bottom:10px;}
.x_input_bm span{ font-size:18px; color:#333333; line-height:72px; padding-left:20px; float:left;}
.x_input_bm input{ height:72px; width:346px; background:none; float:left; outline: none;}
.x_button{ width:426px; height:72px; background:#cc3333; font-size:18px; color:#fff; text-align:center; line-height:72px; border-radius:8px; border:none; outline: none; cursor:pointer;}

/*BC雇主职业途径·无忧永居加拿大*/
.zytj{ background:url(../images/zytj_bg.jpg) no-repeat; height:562px; margin-top:70px;}
.zytj_til img{ display:block; margin:0 auto; padding:70px 0 35px;}

.content{position: relative;}
.classes-wrap{ width:330px; float:left;}
.classes-wrap .classes-item{width: 298px; height:99px; background:#f4f3f3; margin-bottom:1px; margin-right:52px; float: left;cursor: pointer;position: relative;z-index: 1;overflow: hidden;}
.classes-wrap .classes-item:last-child{ margin-right:0;}
.classes-wrap .classes-item .icon{width: 42px;height: 36px;background-image:url(../images/zytj_ico.png);background-repeat: no-repeat;display: block; float:left; margin-top:33px; margin-left:50px;}
.classes-wrap .classes-item.active1{ background:url(../images/zytj_jt.png) no-repeat; height:99px; width:328px;}
.classes-wrap .classes-item.active1 .text{color: #fff;font-weight:bold;}
.classes-wrap .classes-item .text{font-size: 18px;color: #333;display: block;text-align: center;font-weight:bold; float:left; line-height:99px; margin-left:10px;}
.classes-wrap .classes-item .icon.icon-login{background-position: -53px -5px;}
.classes-wrap .classes-item.active1 .icon.icon-login{background-position: 0px -4px;}
.classes-wrap .classes-item .icon.icon-config{background-position:-55px -71px;}
.classes-wrap .classes-item.active1 .icon.icon-config{background-position: 0px -71px;}
.classes-wrap .classes-item .icon.icon-award{background-position: -55px -139px;}
.classes-wrap .classes-item.active1 .icon.icon-award{background-position: 0px -139px;}
.classes-wrap .classes-item .icon.icon-manage{background-position: -55px -206px;}
.classes-wrap .classes-item.active1 .icon.icon-manage{background-position: 0px -204px;}
/*内容*/
.neir{ width:850px; float:left;}
.list-wrap{background:url(../images/zyhz_bg.jpg) no-repeat;padding:0 0 0 9px; height:110px; display: none;}
.list-wrap .zytj_lf{ font-size:18px; color:#000; width:375px;}
.list-wrap .zytj_lf h3{ font-size:18px; line-height:37px; color:#cc3333; margin-top:15px;}
.list-wrap .zytj_lf p{ font-size:14px; color:#666666; line-height:33px;}
.list-wrap .zytj_lf a{ font-size:18px; color:#cc3333; width:202px; height:53px; border:1px solid #cc3333; display:block; text-align:center; line-height:53px; margin-top:22px;}
.list-wrap .zytj_lf a:hover{ color:#fff; background:#cc3333;}
.list-wrap .right img{ float:left; margin-right:10px; margin-top:9px;}
.list-wrap.active1{display: block;}

/*本地雇主资源·无忧永居加拿大*/
.gzzy{ background:#384f92; padding:85px 0 47px; margin-top:90px;}
.ggzy_til img{ display:block; margin:0 auto;}
.gzzy_cont{ background:#fff; margin-top:35px;  position:relative;}
.biaoge{ margin-top:30px; margin-left:25px; width:688px; float:left;}
.biaoge_til{ border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4;}
.biaoge_til ul li{ float:left; font-size:18px; color:#384f92; padding:15px 0; padding-left:15px;}
.biaoge_til ul li:nth-child(1){ width:287px;}
.biaoge_til ul li:nth-child(2){ width:151px;}
.biaoge_til ul li:nth-child(3){ width:105px;}
.biaoge_til ul li:nth-child(4){ width:80px;}
.biaoge_cont{ margin-top:20px;}
.biaoge_cont ul{ margin-bottom:15px;}
.biaoge_cont ul li{ float:left; font-size:16px; color:#666666; padding-left:15px;}
.biaoge_cont ul li:nth-child(1){width:287px; color:#384f92;}
.biaoge_cont ul li:nth-child(2){ width:151px;}
.biaoge_cont ul li:nth-child(3){ width:105px;}
.biaoge_cont ul li:nth-child(4){ width:80px;}
.gzzy_img{ position:absolute; bottom:35px; left:328px;}
/*表单*/
.biaodan{ margin-top:18px;}
.x_input_bm3{ width:396px; height:68px; background:#faf7f7; float:left; margin-right:8px; border-radius:8px;}
.x_input_bm3 span{ font-size:16px; color:#b2b2b2; line-height:68px; padding-left:20px;}
.x_input_bm3 input{ height:68px; background:none; width:320px; outline:none;}
.x_button3{ width:388px; background:#cc3333; height:68px; line-height:68px; font-size:18px; color:#fff; font-weight:bold; border:none; border-radius:8px; outline:none; cursor:pointer;}

/*移民流程*/
.ymlc{ margin-top:85px;}
.ymlc_til img{ display:block; margin:0 auto;}
.ymlc_cont{ background:url(../images/ymlc_bg.jpg) no-repeat; height:291px; margin-top:34px;}
.ymlc_cont ul li{ float:left;}
.ymlc_cont ul li h3{ font-size:18px; color:#333333; margin-bottom:5px;}
.ymlc_cont ul li p{ font-size:14px; color:#666666;}
.ymlc_cont ul li:nth-child(1){ margin:18px 0 0 64px;}
.ymlc_cont ul li:nth-child(2){ margin:187px 0 0 108px;}
.ymlc_cont ul li:nth-child(3){ margin:18px 0 0 84px;}
.ymlc_cont ul li:nth-child(4){ margin:187px 0 0 86px;}
.ymlc_cont ul li:nth-child(5){ margin:18px 0 0 76px;}

/*成功案例*/
.case{ margin:80px 0 30px; background:url(../images/case_bg.jpg) no-repeat;}
.case_til img{ display:block; margin:0 auto;}
.case_cont{ width:955px; margin:25px auto 0; height:490px; overflow:hidden;}
.Box_con,.Box_con1 {position: relative;}
.Box_con1 .btn1 {display: block;width: 41px;height: 67px;position: absolute;top: 225px;cursor: pointer; z-index:1;}
.Box_con1 .btnl1 {background: url(../images/jtl02.png) no-repeat center;left: 2px;}
.Box_con1 .btnr1 {background: url(../images/jtr02.png) no-repeat center;right: 2px;}
.Box_con1 .btnl1:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box_con1 .btnr1:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box_con1 .conbox1 {position: relative;overflow: hidden;}
.Box_con1 .conbox1 ul {position: relative;list-style: none;}
.Box_con1 .conbox1 ul li {float: left;width: 955px; margin-right: 12px;overflow: hidden; position:relative;}
.Box_con1 .conbox1 ul li:first-child {margin-left: 0;}
.Box_con1 .conbox1 ul li img {display: block; float:left;}
.case_js{ width:535px; float:left; margin-left:20px;}
.case_js p{ font-size:16px; color:#666666; line-height:40px; margin-top:32px;}
.case_js p em{ font-style:normal; color:#384f92;}
.case_js h3{ font-size:18px; color:#666666; margin-top:40px; margin-bottom:10px;}
.case_js span{ font-size:16px; color:#666666; line-height:28px;}

/*本地雇主资源途径·无忧永居加拿大*/
.youshi{ background:url(../images/youshi_bg.jpg) no-repeat; height:392px; padding:85px 0 45px;}
.youshi_til img{ display:block; margin:0 auto;}
/*.youshi_cont{ margin-top:45px;}
.youshi_cont ul li{ width:276px; height:276px; border:1px solid #fff; border-radius:50%; margin-right:29px; float:left;}
.youshi_cont ul li:last-child{ margin-right:0;}
.youshi_cont ul li img{ display:block; margin:0 auto; padding-top:74px;}
.youshi_cont ul li span{ font-size:18px; color:#ffffff; text-align:center; margin-top:27px; font-weight:bold; display:block;}
.youshi_cont ul li p{ font-size:16px; color:#cccccc; text-align:center; margin-top:10px;}*/


.zlym_cont{ margin-top:56px;}
.zlym_cont ul li{ width:300px; float:left;}
.zlym_cont ul li img{ display:block; margin:0 auto;}
.zlym_cont ul li span{ display:block; width:133px; height:30px; background:#fff; margin:17px auto; font-size:18px; color:#1e498b; line-height:30px; text-align:center;}
.zlym_cont ul li p{ font-size:16px; color:#fff; text-align:center; line-height:23px;}


/*获客板块*/
.hkbk{ margin:65px auto 30px;}
.hkbk ul li{ width:298px; height:300px; background:#fff; border:1px solid #cccccc; float:left;}
.hkbk ul li:nth-child(4){ background:#244080; border:none;}
.hkbk ul li img{ display:block; margin:45px auto 16px;}
.hkbk ul li span{ font-size:28px; display:block; text-align:center; color:#244080;}
.hkbk ul li p{ font-size:18px; color:#333333; text-align:center; margin-top:10px;}
.hkbk ul li a{ width:237px; height:48px; background:#244080; display:block; margin:25px auto 0; border-radius:24px; color:#fff; font-size:22px; text-align:center; line-height:48px;}
.hkbk ul li a:hover{ background:#123074;}
.hkbk ul li input{ width:227px; height:36px; margin:0 auto; padding-left:10px; border:1px solid #cccccc; border-radius:18px; display:block; margin-top:10px; outline:none;}
.hkbk ul li input::-webkit-input-placeholder{ font-size:16px; color:#cccccc;}
.x_button2{width:237px; height:48px; background:#244080; display:block; margin:11px auto 0; border-radius:24px; color:#fff; font-size:22px; text-align:center; line-height:48px; border:none; outline:none;}
.x_button2:hover{ background:#123074;}
.hkbk ul li:nth-child(4) p{ font-size:18px; color:#ffffff; text-align:center; padding-top:5px; margin-top:0;}
.hkbk ul li:nth-child(4) span{ font-size:18px; color:#fff; background:url(http://www.zlglobal.net/images/can4/sys.png) no-repeat left; display:block; width:85px; margin:0 auto; text-align:right;}


