﻿@charset "utf-8";
/* CSS Document */


/*通用*/
.bodybg { background:#f8f8f8; }
#body2 { background:#f8f8f8;}

/*内容*/
.wrap { width:100%;  }
#content { width:100%; margin:auto; min-height:300px; z-index:2; position:relative; }

/*登录注册*/
#bodyPage{ width:100%; min-height:100%; height:auto !important; height:100%; position:fixed; top:0; left:0; }
img.bg { position:absolute; top: 0px; left: 0px; z-index:1; display:none;}

.rsbox { width:564px; min-height:500px; padding:0 0 15px; position:absolute; top:45%; left:50%; margin-left:-282px; background:#fff; border-radius:3px;}
.rsbox .rsb_t { width:100%; height:73px; padding:24px 0; border-bottom:1px solid #eee; }
.rsbox .rsb_t img { width:74px; height:73px; display:block; margin:auto; }
.rsbox .rsb_m { width:384px; padding:10px 90px; margin:auto;  }
.rsbox .rsb_m .rsb_m_ttl { width:100%; height:58px;  }
.rsbox .rsb_m .rsb_m_ttl a { width:50%; height:58px; display:block; float:left; text-align:center; line-height:52px; border-bottom:2px solid #eee; color:#444; font-size:16px; }
.rsbox .rsb_m .rsb_m_ttl a.cur { color:#54cdd7; border-bottom:3px solid #54cdd7;}
.rsbox .rsb_m .rsb_m_block { width:100%; margin-top:30px; }
.rsb_m_block .fillin { height: 26px; display:block; float:left; padding:12px 15px 12px 62px;border: #ddd 1px solid; background: url(../images/nyicon2.png) no-repeat; position:relative;}
.w305 {  width:305px; }
.w160 { width:160px; }
.br33 { border-radius:3px; margin: 0 0 20px; }
.br30 { border-radius:3px 3px 0px 0px; margin:0; }
.br03 { border-radius:0px 0px 3px 3px; margin:-1px 0 20px;  }
.rsb_m_block .fcode { width:132px; height:50px; display:block; float:right; margin:1px 0px 1px 5px;}
.rsb_m_block .gcode { width:100px; height:40px; display:block; position:absolute; top:5px; right:5px; background:#54cdd6; border-radius:3px; text-align:center; line-height:38px; color:#fff; }
.rsb_m_block .gcode:hover { background:#4eadd8; }
.rsb_m_block .id { background-position: 10px 10px; }
.rsb_m_block .pw { background-position: 10px -42px; }
.rsb_m_block .code { background-position: 10px -90px;} 
.rsb_m_block .phone { background-position: 10px -138px;} 
input.input_id,input.input_pw { width:300px; border:0; color:#666; font-size:13px; line-height: 24px;}
input.input_code { width:160px; border:0; color:#666; font-size:13px; line-height: 24px;}
.rsbox .rsb_m .sbtn { width:100%; height:52px; line-height:50px; display:block; float:left; background:#54cdd6; color:#fff; text-align:center; font-size:20px; margin:0px auto 0px; border-radius:3px; } 
.rsbox .rsb_m .sbtn:hover { background:#4eadd8; }
.rsbox .rsb_m .fpw { width:90px; height:30px; line-height:30px; display:block; float:right; margin:5px 0 10px; text-align:right; color:#666; }
.rsbox .rsb_m .fpw:hover { color:#54cdd6; }
.rsbox .rsb_b { width:384px; margin:0px auto 5px; position:relative; }
.rsbox .rsb_b .rsb_b_ttl { width:100%; height:30px; line-height:30px; background:url(../images/bg-line.png) repeat-x; }
.rsbox .rsb_b .rsb_b_ttl span { width:88px; height:30px; display:block; margin:auto; background:#fff; text-align:center; font-size:14px; color:#999;}
.rsbox .rsb_b .rsb_b_btn { width:234px; height:30px; margin:20px auto 25px;}
.rsbox .rsb_b .rsb_b_btn a { width:30px; height:30px; margin:0px 24px; display:inline-block; float:left; background:url(../images/nyicon2.png) no-repeat; }
.rsbox .rsb_b a.qq { background-position:-0px -202px;}
.rsbox .rsb_b a.qq:hover { background-position:-0px -307px;}
.rsbox .rsb_b a.wx { background-position:-0px -237px;}
.rsbox .rsb_b a.wx:hover { background-position:-0px -342px;}
.rsbox .rsb_b a.home { background-position:-0px -272px;}
.rsbox .rsb_b a.home:hover { background-position:-0px -377px;}

#wxbox2{ width:120px; height:120px; padding:10px; background:#e0e0e0; position:absolute; bottom:36px; left:122px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); overflow:hidden; z-index:1001;}


/*分页*/
.page { margin:0px 0 40px 0; padding-top:60px; }
.pagelist{
	text-align:center;
}
.pagelist li{
	display:inline-block;
    color: #777;
    min-width: 38px;
    height: 38px;
	line-height:38px;
    background: #fff;
    border: 1px solid #ddd;
}
.pagelist li.thisclass{
    background: #54cdd7;
    color: #fff;
    border: 1px solid #54cdd7;
}
.pagelist li a{
	display:inline-block;
    min-width: 38px;
    height: 38px;
	line-height:38px;
	padding:0 5px;	
}
.pagelist li .pageinfo{
	display:inline-block;
    min-width: 38px;
    height: 38px;
	padding:0 5px;
	line-height:38px;
}
/*内页banner*/
.nybanner { width:100%; height:400px; z-index:1; background:#eee; padding-top: 110px; }
.nybanner span { width:100%; height:400px; display:inline-block; z-index:2;  }



/*小程序制作*/
.Ncon1 { width:1350px; margin:auto; padding:50px 0px 70px; min-height:350px; position:relative;  }
.Ncon1 .intro_show { width:100%; min-height:500px; margin:0; padding:50px 0 0px;}
.Ncon1 .intro_show .is_l { width:50%; float:left; position:relative;}
.Ncon1 .intro_show .is_r { width:50%; float:right; position:relative;}
.Ncon1 .intro_show img { position:absolute; }
.Ncon1 .intro_show .is_ttl { width:100%; margin-top:125px; text-align:center; line-height:60px; font-size:40px; color:#333;}
.Ncon1 .intro_show .is_text { width:100%; margin-top:10px; text-align:center; line-height:30px; font-size:18px; color:#555;}
.Ncon1 .tbtn { width:240px; height:56px; display:block; margin:50px auto 100px; background:#54cdd6; color:#fff; line-height:54px; text-align:center; border-radius:3px; font-size:20px;}
.Ncon1 .tbtn:hover { background:#4eadd8;}
.js .animate-box { opacity: 0; }

@media screen and (max-width:1280px) {
.Ncon1 { width:1000px;  }
.Ncon1 .intro_show .is_ttl { font-size:34px; }
.Ncon1 .intro_show .is_text { font-size:16px; }

}


/*模板页*/
.Ncon2 { width:1500px; margin:auto; overflow:hidden; padding:30px 0px 70px; min-height:350px; position:relative; }
.Ncon2 .Nc2_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#444;}
.Ncon2 .Nc2_ttl .Nc2_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:13px; }
.Ncon2 .Nc2_ttl span { width:100%; display:block; font-size:16px; line-height:24px; color:#888; }
.Ncon2 .screenbox { width:1420px; margin:auto;  padding:7px 25px 3px; background:#fff; border-bottom:3px solid #f1f1f1; }
.Ncon2 .screenbox dl { width:100%; display:block; float:left; padding:15px 0 12px;  font-size:15px; border-bottom:1px solid #eee;}
.Ncon2 .screenbox dl:nth-child(4) { border-bottom:0px;}
.Ncon2 .screenbox dt { width:50px; display:block; float:left; color:#444; line-height:30px;}
.Ncon2 .screenbox dd { width:1370px; display:block; float:left;  }
.Ncon2 .screenbox dd a { height:32px; padding:0 15px; color:#666; font-size:14px; margin:0 5px 3px 0; line-height:30px; display:block; float:left;  }
.Ncon2 .screenbox dd a:hover,.Ncon2 .screenbox dd a.scur { background:#54cdd7; color:#fff; border-radius:3px; line-height:30px; }

.Ncon2 .tlist { width:100%; margin-top:35px;}
.Ncon2 .tlist .tlbox { width:200px; height:352px; display:block; float:left; margin:0px 15px 25px; padding:10px; background:#fff; border-bottom:3px solid #f1f1f1;  position: relative;}
.Ncon2 .tlist .tlb_pic { width: 200px; height:352px; text-align:center;}
.Ncon2 .tlist .tlb_pic img { max-width:200px; max-height: 352px; vertical-align: middle;}
.Ncon2 .tlist .tlb_cover { width: 120px; height:104px; padding:134px 50px; background:rgba(0,0,0,0.8); text-align: center; position: absolute; top: 0px; left: 0px; opacity: 0; transition: all 0.8s; -moz-transition: all 1s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s;}
.Ncon2 .tlist .tlb_cover:hover { opacity:1; }
.Ncon2 .tlist .tlb_cover a {  width:120px; height:40px; line-height:38px; display:block; float:left; border-radius:3px; color:#fff; font-size:16px; text-align:center;}
.Ncon2 .tlist .tlb_cover a.btn-b { margin:0 auto 24px; background:#54cdd7;}
.Ncon2 .tlist .tlb_cover a.btn-y {background:#fbc53c;}
.Ncon2 .tlist .tlb_cover .btn-b:hover {  background:#4eadd8;}
.Ncon2 .tlist .tlb_cover .btn-y:hover{ background:#ff7e3e;}

@media screen and (max-width:1440px) {
.Ncon .Ncon1 { width:1200px; }

.Ncon2 { width:1200px;}
.Ncon2 .screenbox { width:1136px; }
.Ncon2 .screenbox dd { width:1086px; display:block; float:left;  }
.Ncon2 .tlist .tlbox { width:170px; height:299px; margin:0px 7px 15px; padding:8px; }
.Ncon2 .tlist .tlb_pic { width:170px; height:299px; }
.Ncon2 .tlist .tlb_pic img { max-width:170px; max-height:299px; }
.Ncon2 .tlist .tlb_cover { width: 120px; height:104px; padding:105.5px 33px; }
}

@media screen and (max-width:1280px) {
.Ncon .Ncon1 { width:1000px; }

.Ncon2 { width:1000px;}
.Ncon2 .screenbox { width:945px; }
.Ncon2 .screenbox dd { width:895px; display:block; float:left;  }
.Ncon2 .tlist .tlbox { width:146.6px; height:258px; margin:0px 5px 15px; padding:5px; }
.Ncon2 .tlist .tlb_pic { width:146.6px; height:258px; }
.Ncon2 .tlist .tlb_pic img { max-width:146px; max-height:258px; }
.Ncon2 .tlist .tlb_cover { width: 120px; height:104px; padding:82px 18.3px; }
}


/*案例展示*/
.Ncon3 { width:1500px; margin:auto; overflow:hidden; padding:50px 0px 70px; min-height:350px; position:relative; }
.Ncon3 .screenbox { width:1422px; margin:auto;  padding:7px 25px 3px; background:#fff; border-bottom:3px solid #f1f1f1; }
.Ncon3 .screenbox dl { width:100%; display:block; float:left; padding:15px 0 12px;  font-size:15px;}
.Ncon3 .screenbox dl:nth-child(2) { border-bottom:0px;}
.Ncon3 .screenbox dt { width:90px; display:block; float:left; color:#444; line-height:30px;}
.Ncon3 .screenbox dd { width:1332px; display:block; float:left;  }
.Ncon3 .screenbox dd a { height:32px; padding:0 15px; color:#666; font-size:14px; margin:0 5px 3px 0; line-height:30px; display:block; float:left;  }
.Ncon3 .screenbox dd a:hover,.Ncon3 .screenbox dd a.scur { background:#54cdd7; color:#fff; border-radius:3px; line-height:30px; }

.Ncon3 .caseslist { width:100%; margin-top:35px;}

.Ncon3 .caseslist .boxgrid { width:220px; height:299px; display:table-cell; vertical-align:middle; text-align:center; overflow: hidden; position:relative;  }
.Ncon3 .caseslist .clbox { width:220px; height:299px; display:block; float:left; margin:0px 15px 25px; background:#fff; border-bottom:3px solid #f1f1f1;  position: relative;overflow:hidden;}
.Ncon3 .caseslist .clb_pic { width: 220px; height:220px; text-align:center;}
.Ncon3 .caseslist .clb_pic img { max-width:220px; max-height:220px; vertical-align: middle;}
.Ncon3 .caseslist .clb_text { width:190px; height:58px; padding:10px 15px 15px; text-align: left; }
.Ncon3 .caseslist .clb_text .ttl { width: 100%; font-size: 16px; line-height: 28px;}
.Ncon3 .caseslist .clb_text .label { width: 100%; height: 28px; font-size: 13px; color: #888; line-height: 26px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Ncon3 .caseslist .clb_text .label span {  font-size: 12px; padding:2px 8px; margin: 0px 5px; background: #e8e8e8; border-radius: 13px;  }
.Ncon3 .caseslist .boxcaption { width: 200px; height:100%; display: block; padding:15px 10px;  position: absolute; background:#fff; opacity:0.98; z-index: 99;  }
.Ncon3 .caseslist .boxcaption img { width:100%; height:px; display: block; float: left; margin-right:0px;}
.Ncon3 .caseslist .captionfull .boxcaption { top:100%; left:0px; }



@media screen and (max-width:1440px) {
.Ncon3 { width:1200px; }
.Ncon3 .screenbox { width:1130px;}
.Ncon3 .screenbox dd { width:1040px; }
.Ncon3 .caseslist .boxgrid { width:192px; }
.Ncon3 .caseslist .clbox { width:192px; height:245px; margin:0px 4px 25px;}
.Ncon3 .caseslist .clb_pic { width: 192px; height:145px;}
.Ncon3 .caseslist .clb_pic img { max-width:192px; max-height:145px; }
.Ncon3 .caseslist .clb_text { width:162px; height:58px; margin-bottom: 12px; padding: 15px; }
.Ncon3 .caseslist .clb_text .ttl { width: 100%; font-size: 16px; line-height: 28px;}
.Ncon3 .caseslist .clb_text .label { width: 100%; height: 28px; line-height: 26px;}
.Ncon3 .caseslist .clb_text .label span {  font-size: 12px; padding:2px 8px; margin: 0px 5px;}
.Ncon3 .caseslist .boxcaption { width: 184px; height: 206px; padding:19px 4px; }
.Ncon3 .caseslist .boxcaption img { width:100%; }
.Ncon3 .caseslist .captionfull .boxcaption { top:245px; left:0px; }
}


@media screen and (max-width:1280px) {
.Ncon3 { width:1000px; }
.Ncon3 .screenbox { width:934px;}
.Ncon3 .screenbox dd { width:860px; }
.Ncon3 .caseslist .boxgrid { width:220px; height: 245px;}
.Ncon3 .caseslist .clbox { width:220px; height:245px; margin:0px 15px 25px;}
.Ncon3 .caseslist .clb_pic { width: 220px; height:166px;}
.Ncon3 .caseslist .clb_pic img { max-width:220px; max-height:166px;}
.Ncon3 .caseslist .clb_text { width:190px; height:58px; padding:10px 15px 15px; margin: 0 }
.Ncon3 .caseslist .clb_text .label { width: 100%; height: 28px; font-size: 13px; line-height: 26px;}
.Ncon3 .caseslist .clb_text .label span {  font-size: 12px; padding:2px 8px; margin: 0px 5px; background: #e8e8e8; border-radius: 13px;  }
.Ncon3 .caseslist .boxcaption { width: 200px; height: 215px; padding:15px 10px; }
.Ncon3 .caseslist .boxcaption img { width:100%;}
.Ncon3 .caseslist .captionfull .boxcaption { top:245px; left:0px; }
}


/*行业动态*/
.Ncon4 { width:1500px; margin:auto; overflow:hidden; padding:35px 0px 70px; min-height:350px; position:relative; }
.Ncon4 .nlist { width:1460px; height:180px; display:block; margin:auto; padding:30px 0px; border-bottom:1px solid #ddd;}
.Ncon4 .nlist .limg { width:300px; height:180px; overflow:hidden; text-align:center; float:left; background:#f7f7f7;  }
.Ncon4 .nlist img { max-height:180px; }
.Ncon4 .nlist h4 { width:1135px; display:inline-block; float:right; height:50px; line-height:38px; color:#444; margin-top:5px; font-size:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.Ncon4 .nlist:hover h4 { color:#54cdd7; }
.Ncon4 .nlist p { width:1135px; height:62px; display:inline-block; margin-bottom:18px; float:right; overflow:hidden; line-height:30px; color:#777; font-size:16px; overflow:hidden; } 
.Ncon4 .nlist .label { width:1045px; display:block; float:right; }
.Ncon4 .nlist .label span { height:30px; display:inline-block; padding:0 20px; border:1px solid #54cdd7; border-radius:5px; color:#54cdd7; font-size:16px; line-height:28px; margin-right:15px;}
.Ncon4 .nlist .date { width:auto; height:30px; line-height:28px; display:block; float:right; text-align:right; font-size:16px; color:#999;}

/*文章内页*/
.Ncon5 { width:1500px; padding:10px 0px 100px; margin:auto; font-size:15px; line-height:28px; position:relative; }
.Ncon5 .location { width:100%; height:30px; margin-bottom:20px; line-height:30px; font-size:14px; color:#888;  }
.Ncon5 .location a { color:#888;}
.Ncon5 .location a:hover { color:#54cdd7; }
.Ncon5 .N5_L { width:1100px; padding-bottom:30px; }
.Ncon5 .attl { width:100%; display:block; float:left }
.Ncon5 h2 { width:930px; float:left; font-size:32px; color:#333; line-height:40px; margin:0px 0px 15px; }
.Ncon5 .others { width:140px; float:right; height:36px; margin-top:2px;  }
.Ncon5 .others a { width:36px; height:36px; display:inline-block; margin:0px 0px 0px 6px; background:url(../images/nyicon1.png) no-repeat; }
.Ncon5 .others a.prev { background-position:-0px -0px; }
.Ncon5 .others a.alist { background-position:-48px -0px; }
.Ncon5 .others a.next { background-position:-95px -0px; }
.Ncon5 .others a:hover.prev { background-position:-0px -41px; }
.Ncon5 .others a:hover.alist { background-position:-48px -41px; }
.Ncon5 .others a:hover.next { background-position:-95px -41px; }
.Ncon5 .block1 { width:100%; float:left; height:40px; line-height:40px; font-size:13px; color:#777; border-bottom:1px dashed #c3c1c1; position:relative; margin-bottom:30px;  }
.Ncon5 .aclass { margin-right:20px; color:#0c1c8c; }
.Ncon5 .datetime { width:190px; margin-right:20px; }
.Ncon5 .share { width:200px; }
.Ncon5 .shareicon { display:inline-block; vertical-align:middle; margin-top:-2px; _position:absolute; _top:7px; _right:92px; }
.Ncon5 p { padding:0px 0px; margin-bottom:10px; }
.Ncon5 img { max-width:px;}

.Ncon5 .N5_R { width:320px; position:relative;  }
.Ncon5 .N5_R .fixed {  width:280px; padding:15px 15px 15px; background:#f4f4f4; }
.Ncon5 .N5_R .fixed .ttl { font-size:20px; color:#444; line-height:34px; height:40px; }
.Ncon5 .N5_R .fixed ul { width:100%; }
.Ncon5 .N5_R .fixed li { padding:15px 0 15px 15px; background:url(../images/dot.jpg) 2px 21px no-repeat; display:block; float:left; border-top:1px dashed #d3d3d3; }
.Ncon5 .N5_R .fixed li h5 { width:100%; display:block; float:left; margin:0; padding:0px; line-height:22px; font-size:15px; color:#555; font-weight:normal; }
.Ncon5 .N5_R .fixed li span { width:100%; display:block; float:left; font-size:13px; color:#999; line-height:20px; }
.Ncon5 .N5_R .fixed li a:hover h5 { color:#54cdd7;}

@media screen and (max-width:1440px) {
.Ncon4 { width:1200px; }
.Ncon4 .nlist { width:1200px;}
.Ncon4 .nlist h4 { width:885px; }
.Ncon4 .nlist p { width:885px; } 
.Ncon4 .nlist .label { width:790px;}

.Ncon5 { width:1200px; }
.Ncon5 .N5_L { width:840px;}
.Ncon5 h2 { width:695px; }
}

@media screen and (max-width:1280px) {
.Ncon4 { width:1000px; }
.Ncon4 .nlist { width:1000px;}
.Ncon4 .nlist h4 { width:685px; }
.Ncon4 .nlist p { width:685px; } 
.Ncon4 .nlist .label { width:590px;}

.Ncon5 { width:1000px; }
.Ncon5 .N5_L { width:675px;}
.Ncon5 h2 { width:530px; }
.Ncon5 .N5_R { width:290px; }
.Ncon5 .N5_R .fixed {  width:240px;}
}

/*招商加盟*/
.Ncon6 { width:100%;}
.Nblock1bg { width: 100%; background: #f4f4f4; }
.Nblock1 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.Nblock1 .N1_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#444;}
.Nblock1 .N1_ttl .N1_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:18px; }
.Nblock1 .N1_ttl span { width:100%; display:block; font-size:16px; line-height:28px; color:#888; }
.Nblock1 .N1_con { width:1300px; margin:0 auto; }
.Nblock1 .N1_con dl { width:230px; margin:15px 47.5px; display:block; float:left; }
.Nblock1 .N1_con dt { width:163px; height:137px; margin:0 auto 20px; display:block;}
.Nblock1 .N1_con dd { width:100%; text-align:center; display:block; }
.Nblock1 .N1_con dd h4 { font-size:18px; line-height:26px; color:#444; }
.Nblock1 .N1_con dd span { font-size:15px; line-height:26px; color:#777; }

.Nblock2 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.Nblock2 .N2_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:10px; color:#444;}
.Nblock2 .N2_ttl .N2_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:18px; }
.Nblock2 .N2_ttl span { width:100%; display:block; font-size:16px; line-height:28px; color:#888; }
.Nblock2 .N2_con { width:1300px; margin:0 auto; }
.Nblock2 .N2_con .ui-loading { width:260px; margin:0 32.5px 15px; float:left;  }
.Nblock2 .N2_con .ui-loading img { width:180px; height:180px; display:block; margin:25px auto 20px;}
.Nblock2 .N2_con .ui-loading span { width:100%; display:block; text-align:center; line-height:26px; font-size:18px; color:#444; }

.Nblock3bg { width: 100%; background: #f4f4f4; }
.Nblock3 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.Nblock3 .N3_ttl { width: 100%; height:px; display:block; text-align: center; margin-bottom:50px; color:#444;}
.Nblock3 .N3_ttl .N3_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:18px; }
.Nblock3 .N3_ttl span { width:100%; display:block; font-size:16px; line-height:28px; color:#888; }
.Nblock3 .N3_con { width:1226px; margin:0 auto 0; }
.Nblock3 .N3_con img { width:100%; display:block; margin:auto;}

.Nblock4 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.Nblock4 .N4_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#444;}
.Nblock4 .N4_ttl .N4_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:18px; }
.Nblock4 .N4_ttl span { width:100%; display:block; font-size:16px; line-height:24px; color:#888; }
.Nblock4 .N4_con { width:1190px; margin:auto; }
.Nblock4 .N4_con a { width:110px; height:190px; display:block; float:left; margin: 0 50px; }
.Nblock4 .N4_con a.step1 { background:url(../images/m6_step1.png) no-repeat;}
.Nblock4 .N4_con a.step1:hover { background:url(../images/m6_h_step1.png) no-repeat;}
.Nblock4 .N4_con a.step2 { background:url(../images/m6_step2.png) no-repeat;}
.Nblock4 .N4_con a.step2:hover { background:url(../images/m6_h_step2.png) no-repeat;}
.Nblock4 .N4_con a.step3 { background:url(../images/m6_step3.png) no-repeat;}
.Nblock4 .N4_con a.step3:hover { background:url(../images/m6_h_step3.png) no-repeat;}
.Nblock4 .N4_con a.step4 { background:url(../images/m6_step4.png) no-repeat;}
.Nblock4 .N4_con a.step4:hover { background:url(../images/m6_h_step4.png) no-repeat;}
.Nblock4 .N4_con a.step5 { background:url(../images/m6_step5.png) no-repeat;}
.Nblock4 .N4_con a.step5:hover { background:url(../images/m6_h_step5.png) no-repeat;}
.Nblock4 .N4_con span { width:35px; height:16px; display:block; float:left; margin:47px 0;}

.Nblock5bg { width: 100%; background: #f4f4f4; }
.Nblock5 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.Nblock5 .N5_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#444;}
.Nblock5 .N5_ttl .N5_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:18px; }
.Nblock5 .N5_ttl span { width:100%; display:block; font-size:16px; line-height:24px; color:#888; }
.Nblock5 .N5_con { width:100%; }
.Nblock5 .N5_con .supportbox { width:210px; height:255px; padding:30px 5px; float:left; margin:0 15px;}
.Nblock5 .N5_con .supportbox:hover { border-radius:5px; background:#fff;}
.Nblock5 .N5_con .supportbox i { width:50px; height:45px; display:block; margin:auto; background:url(../images/icon4.png) no-repeat; }
.Nblock5 .N5_con .supportbox i.N5_icon1 { background-position:1px 0px;}
.Nblock5 .N5_con .supportbox i.N5_icon2 { background-position:1px -63px;}
.Nblock5 .N5_con .supportbox i.N5_icon3 { background-position:0px -123px;}
.Nblock5 .N5_con .supportbox i.N5_icon4 { background-position:1px -186px;}
.Nblock5 .N5_con .supportbox i.N5_icon5 { background-position:0px -248px;}
.Nblock5 .N5_con .supportbox i.N5_icon6 { background-position:0px -311px;}
.Nblock5 .N5_con .supportbox .N5_h4 { margin:5px 0 15px; text-align:center; font-size:20px; line-height:40px; }
.Nblock5 .N5_con .supportbox .N5_text { width:180px; height:130px; padding:20px 15px 0px; border-top:1px solid #dedede;  text-align:center; font-size:14px; line-height:26px; overflow:hidden; }
.Nblock5 .N5_con .supportbox:hover .N5_text { border-top:1px solid #eee;}

.Nblock6bg { width: 100%; padding-bottom:50px; background: #f4f4f4; }
.Nblock6pic { width:100%; background:url(../images/N6pic2.jpg) center no-repeat fixed; background-size:cover;}
.Nblock6 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px;  z-index:99; }
.Nblock6 .N6_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:40px; color:#fff;}
.Nblock6 .N6_ttl .N6_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:40px; }
.Nblock6 .N6_ttl .N6_ttl_h3 span { font-size:40px; margin-left:10px; color:#fbc53c; }
.Nblock6 .N6_ttl p { width:520px; margin:auto; display:block; font-size:16px; line-height:38px; color:#fff; text-align:left; }
.Nblock6 .N6_con { width:580px; margin:auto; padding:30px 45px; background:#fff; border-radius:3px; -webkit-box-shadow: 0 3px 1px #ddd; -moz-box-shadow: 0 3px 1px #ddd; box-shadow:0 3px 1px #ddd; position:relative;  }
.Nblock6 .N6_con .formttl { width:100%; padding:0 0 18px; font-size:26px; line-height:38px; color:#444; text-align:center; border-bottom:1px solid #ddd;}
.Nblock6 .N6_con .formttl p { width:100%; font-size:15px; color:#666; }
.Nblock6 .N6_con .formttl span { color:#ff0000; }
.Nblock6 .N6_con form { width:100%; height:470px; margin:20px auto 0; display:block; } 
.Nblock6 .N6_con form div { width:100%; display:block; float:left; margin:0px auto 16px; font-size:15px; color:#444; }
.Nblock6 .N6_con form label { width:110px; display:inline-block; line-height:44px; margin-right:5px; text-align:right;}
.Nblock6 .N6_con form .inputbox { width:406px;}
.Nblock6 .N6_con form input {  height:28px; padding:8px 12px; line-height:28px; vertical-align:middle; border:1px solid #d9d9d9; border-radius:3px;}
.Nblock6 .N6_con form input[type="radio"] { vertical-align:middle; margin-top:-1px; margin-bottom:2px; }
.Nblock6 .N6_con form select { width:210px; line-height:28px; padding:11px 12px; border:1px solid #d9d9d9; border-radius:3px; font-size:15px; color:#666;  background: transparent; margin-right:8px;}
.Nblock6 .N6_con span { color:#ff0000; }
.Nblock6 .N6_con form .sub_btn { width:160px; height:50px; line-height:46px; background:#54cdd6; border-radius:25px;  display:block; text-align:center; color:#fff; font-size:22px;  margin:50px auto 0px; clear:both; }
.Nblock6 .N6_con form a.sub_btn:hover { background:#4eadd8; }

/*区域招商*/
#regionContact dl{ position: relative; float: left; margin:0 2% 1em 2%; width:29.3%; padding:5px 0 5px 140px; min-height: 120px; border: #e1e1e1 1px solid; background: #fff; -webkit-box-sizing:border-box;; -moz-box-sizing:border-box;; -o-box-sizing:border-box;;box-sizing:border-box;}
#regionContact dl dt{ width:120px; height: 110px; overflow: hidden; position: absolute; left: 5px; top: 5px; text-align:left; border-right:#e1e1e1 1px solid}
#regionContact dl dt img{ width:110px; height: auto;}
#regionContact dl dd{ position: relative; padding-top:45px; font-size: 1.1em; line-height: 2em;}
#regionContact dl dd p{ position:absolute; left:0; top:5px; width: 100%; padding: 0 8px 0 0; margin: 0; height:32px;line-height: 32px; background:#54cdd6; color:#fff; font-size: 1.1em; text-align: center;-webkit-box-sizing: content-box;; -moz-box-sizing: content-box;; -o-box-sizing: content-box;;box-sizing: content-box;}
#regionContact dl dd p:after{ content:""; display: inline-block; width: 0; height: 0; position: absolute; left: auto; right: 0; top: 100%; border-top:8px solid #1ca5b4; border-right: 8px solid transparent;}
#regionContact dl dd b{ font-size: 1.1em; color:#54cdd6;}


@media screen and (max-width:1440px) {

.Nblock1 { width:1200px; padding:55px 0 65px;  }
.Nblock1 .N1_con { width:1200px; }
.Nblock1 .N1_con dl { margin:15px 35px; }

.Nblock2 { width:1200px; padding:55px 0 65px; }
.Nblock2 .N2_con { width:1200px;}
.Nblock2 .N2_con .ui-loading { width:260px; margin:0 20px 15px;  }
.Nblock2 .N2_con .ui-loading span { font-size:17px;}

.Nblock3 { width:1200px; padding:55px 0 65px; }
.Nblock3 .N3_con { width:1200px; }


.Nblock4 { width:1200px; padding:50px 0 65px; }
.Nblock4 .N4_ttl { margin-bottom:30px;  }
.Nblock4 .N4_con { width:1200px; }
.Nblock4 .N4_con a { margin: 0 51px; }

.Nblock5 { width:1000px;  padding:50px 0 55px; }
.Nblock5 .N5_ttl { margin-bottom:30px; }
.Nblock5 .N5_con .supportbox { width:230px; height:220px; padding:30px 15px 35px; margin:0 36px 0px;}
.Nblock5 .N5_con .supportbox .N5_h4 { margin:5px 0 12px; }
.Nblock5 .N5_con .supportbox .N5_text { width:200px; height:104px; padding:15px 15px 0px; line-height:26px; }

.Nblock6 { width:1200px; padding:60px 0 55px; }

}

@media screen and (max-width:1280px) {

.Nblock1 { width:1000px; padding:55px 0 65px;  }
.Nblock1 .N1_con { width:1000px; }
.Nblock1 .N1_con dl { margin:15px 10px; }

.Nblock2 { width:1000px; padding:55px 0 65px; }
.Nblock2 .N2_con { width:1000px;}
.Nblock2 .N2_con .ui-loading { width:240px; margin:0 5px 15px;  }
.Nblock2 .N2_con .ui-loading span { font-size:17px;}

.Nblock3 { width:1000px; padding:55px 0 65px; }
.Nblock3 .N3_con { width:1000px; }


.Nblock4 { width:1000px; padding:50px 0 65px; }
.Nblock4 .N4_ttl { margin-bottom:30px;  }
.Nblock4 .N4_con { width:1000px; }
.Nblock4 .N4_con a { margin: 0 31px; }

.Nblock5 { width:1000px;  padding:50px 0 55px; }
.Nblock5 .N5_ttl { margin-bottom:30px; }
.Nblock5 .N5_con .supportbox { width:230px; height:220px; padding:30px 15px 35px; margin:0 36px 0px;}
.Nblock5 .N5_con .supportbox .N5_h4 { margin:5px 0 12px; }
.Nblock5 .N5_con .supportbox .N5_text { width:200px; height:104px; padding:15px 15px 0px; line-height:26px; }

.Nblock6 { width:1000px; padding:60px 0 55px; }

}
.Nblock6 .applybtn { width:50%; height:3.4rem; line-height:3.4rem; background:#54cdd6; border-radius:1.7rem;  display:block; text-align:center; color:#fff; font-size:1.6rem;  margin:2.5rem auto 0px; clear:both; }

/*代理查询*/
.Ncon7 { width:1500px; margin:90px auto;  }
.Ncon7 .search  { width:1300px; height:54px; border:1px solid #54cdd7; background:#fff; border-radius:3px; margin:auto;}
.Ncon7 .search input[type="text"] { width:1000px; height:40px; line-height:38px; background:url(../images/search.png) 10px 12px no-repeat; padding:5px 20px 9px 66px; border:0px; display:block; float:left; font-size:16px;  }
.Ncon7 .search a   { width:150px; height:54px; line-height:52px; display:block; float:right; background:#54cdd7; text-align:center; color:#fff; font-size:16px;}

#popup {display: none; position: absolute; z-index: 999999; top:15%; left:0; bottom:auto; right:0; margin:0 auto;width: 785px; height: 615px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
#popup .title { position: relative; width: 100%; height: 55px; background-color: #54cdd7; cursor: move;}
#popup .title p { padding-left: 14px; line-height: 55px; color: #fff; font-size:20px;}
#popup .title span { position: absolute; top: 12px; right: 20px; width: 30px; height: 30px; color: #fff; opacity: .7; font-size: 21px; cursor: pointer; text-align: center; border: 1px solid #fff;}
#popup .title span:hover { opacity: 1;}
#popup .cont { width:765px; height: 541px; padding:10px; background-color: #fff;    }
.result { width:100%; height:541px; background:url(../images/authorize.jpg) no-repeat;  }
.result .text1 { text-align:center; padding-top:248px; font-size:34px; color:#444;  }
.result .text2 { text-align:center; padding-top:38px; font-size:20px; color:#444; }
#btn1 {  width:150px; height:54px; line-height:52px; display:block; float:right; background:#54cdd7; text-align:center; color:#fff; font-size:16px; border:0px; cursor: hand; cursor: pointer;}


@media screen and (max-width:1440px) {
.Ncon7 { width:1200px; }
.Ncon7 .search  { width:1200px; }
.Ncon7 .search input[type="text"] { width:950px; }
}

@media screen and (max-width:1280px) {
.Ncon7 { width:1000px; }
.Ncon7 .search  { width:1000px; }
.Ncon7 .search input[type="text"] { width:750px; }
}


/*公司简介*/
.Ncon8 { width:1200px; margin:auto; overflow:hidden; padding:35px 0px 70px; min-height:350px; position:relative; }
.Ncon8 .abox_t .abt_l { width:700px; float:left; padding:15px 0 120px 0px; background:url(../images/about_bg.png) left bottom no-repeat; font-size:15px; line-height:28px;  }
.Ncon8 .abox_t .abt_l h4 { font-size:28px; font-weight:bold; margin-bottom:40px; line-height:30px; color:#ffb400; }
.Ncon8 .abox_t .abt_text { padding-left:25px; border-left:10px solid #ffb400;}
.Ncon8 .abox_t .abt_text p { margin-bottom:8px;}
.Ncon8 .abox_t .abt_r { width:435px; float:right;} 
.Ncon8 .abox_t .abt_r img { width:100%; }
.Ncon8 .abox_b { width:100%; margin:0px auto;  }
.Ncon8 .abox_b h5 { width:100%; font-size:28px; margin:80px 0px 40px; padding:0; font-weight:bold; text-align:center; color:#444;}
.Ncon8 .abox_b dl { width:200px; height:145px; display:block; float:left; margin: 0px 48px 60px; padding:25px 50px; border:1px solid #d9d9d9; }
.Ncon8 .abox_b dt { width:100%; height:52px; display:block; float:left; line-height:46px; text-align:center; background:url(../images/about_tbg.jpg) bottom center no-repeat; color:#54cdd6; font-weight:bold; font-family:Helvetica; font-size:26px;}
.Ncon8 .abox_b dd { width:100%; display:block; float:left; margin:20px 0 20px; font-size:18px; line-height:30px; text-align:center;  }

@media screen and (max-width:1440px) {
.Ncon8 { width:1200px; }
.Ncon8 .abox_t .abt_l { width:710px;}
.Ncon8 .abox_t .abt_r { width:450px; } 
.Ncon8 .abox_b dl { margin: 0px 48px 60px;  }
}

@media screen and (max-width:1280px) {
.Ncon8 { width:1000px; }
.Ncon8 .abox_t .abt_l { width:560px;}
.Ncon8 .abox_t .abt_r { width:400px; } 
.Ncon8 .abox_b dl { margin: 0px 15px 60px;  }
}


/*联系可及*/
.Ncon9 { width:1200px; margin:auto; overflow:hidden; padding:70px 0px 120px; min-height:350px; position:relative; }
.Ncon9 .nc9_l { width:500px; float:left; }
.Ncon9 .nc9_l img { width:100%;}
.Ncon9 .nc9_r { width:600px; padding:80px 0 ; float:right; }
.Ncon9 .nc9_r p { font-size:20px; line-height:40px; margin-top:15px; }
.Ncon9 .nc9_r span { font-size:28px; line-height:40px; }

@media screen and (max-width:1440px) {
.Ncon9 { width:1200px; }
.Ncon9 .nc9_l { width:450px; }
.Ncon9 .nc9_r { width:715px;}
}

@media screen and (max-width:1280px) {
.Ncon9 { width:1000px; }
.Ncon9 .nc9_l { width:400px; }
.Ncon9 .nc9_r { width:565px;}
}






