body {
}
.main_bg {
 background-color:#f1f3f7
}
.float_l {
 float:left
}
.float_r {
 float:right
}
.clearfix {
 overflow:hidden
}
a {
 text-decoration:none
}
.top_section {
 height:530px;
 margin-top:30px;
 padding-top:10px;
 box-sizing:border-box
}
.container {
 width:1238px;
 margin:0 auto;
 position:relative
}
.top_left {
 width:340px;
 height:490px;
 position:absolute;
 left:0;
 padding:20px 0 20px 28px;
 box-sizing:border-box;
 background:url(../imgem/marketn.png) -1283px 0 no-repeat
}
.top_left_item {
 margin-top:20px
}
.top_left_item:first-child {
 margin-top:0
}
.top_left_title {
 margin-bottom:9px;
 font-family:MicrosoftYaHei-Bold;
 font-size:16px;
 font-weight:normal;
 font-stretch:normal;
 letter-spacing:0;
 color:#fff;
 font-weight:bold;
 padding-left:29px;
 background:url(../imgem/marketn.png) no-repeat
}
.top_left_item:nth-child(1) .top_left_title {
 background-position:-1291px -540px
}
.top_left_item:nth-child(2) .top_left_title {
 background-position:-1291px -637px
}
.top_left_item:nth-child(3) .top_left_title {
 background-position:-1291px -736px
}
.top_left_item:nth-child(4) .top_left_title {
 background-position:-1291px -850px
}
.top_left_item:nth-child(5) .top_left_title {
 background-position:-1291px -920px
}
.top_left_content {
 font-size:0
}
.top_left_content_item {
 font-family:MicrosoftYaHei;
 font-size:12px;
 font-weight:normal;
 font-stretch:normal;
 letter-spacing:0;
 color:#888fa4;
 cursor:pointer;
 margin-right:18px;
 line-height:22px
}
.top_left_content_item:hover {
 color:#eaeffa
}
.top_right {
 width:880px;
 height:490px;
 background-color:#fff;
 position:absolute;
 right:0;
 border-radius:3px
}
.banner_box,
.banner_box .swiper-container,
.banner_box .swiper-slide,
.banner_box .myBanner {
 width:880px;
 height:490px
}
#zsg_pagination {
 bottom:130px
}
.pagination {
 width:30px;
 height:3px;
 background-color:#fff;
 opacity:.5;
 display:inline-block;
 *display:inline;
 *zoom:1;
 margin-left:7px;
 transform-origin:center center;
 cursor:pointer;
 position:relative
}
.paginationActive {
 width:0;
 height:3px;
 background-color:#393939;
 opacity:1;
 display:inline-block;
 *display:inline;
 *zoom:1;
 transform-origin:center center;
 transition:all 3s;
 cursor:pointer;
 position:absolute;
 top:0;
 left:0
}
.bannerBottomContainer {
 width:880px;
 height:120px;
 position:absolute;
 bottom:0;
 z-index:10;
 background-color:black;
 opacity:.05;
 filter:alpha(opacity=5)
}
.bannerBottomImg {
 width:48px;
 height:48px;
 position:absolute;
 bottom:33px;
 z-index:1
}
.bannerBottomImg .bannerBottomTxt1 {
 text-align:left;
 width:130px;
 font-family:MicrosoftYaHei;
 font-size:16px;
 font-weight:normal;
 font-stretch:normal;
 line-height:22px;
 letter-spacing:0;
 color:white;
 opacity:.8;
 filter:alpha(opacity=80);
 position:absolute;
 left:64px
}
.bannerBottomImg .bannerBottomTxt2 {
 text-align:left;
 width:200px;
 font-family:MicrosoftYaHei;
 font-size:12px;
 font-weight:normal;
 font-stretch:normal;
 line-height:22px;
 letter-spacing:0;
 color:white;
 opacity:.5;
 filter:alpha(opacity=50);
 position:absolute;
 left:64px;
 top:26px
}
.market_section {
 padding-top:4px;
 height:462px;
 box-sizing:border-box
}
.box_head {
 height:66px;
 line-height:66px;
 font-family:MicrosoftYaHei-Bold;
 font-size:24px;
 letter-spacing:0;
 color:#e5473e;
 font-weight:bold
}
.web_site_box {
 width:510px;
 position:absolute;
 left:0
}
.popularize_box {
 width:702px;
 position:absolute;
 right:0
}
.market_section .box_content {
 border:solid 1px #e7ebf3;
 border-radius:2px;
 background-color:#fff;
 height:360px
}
.box_col {
 width:50%;
 height:100%;
 box-sizing:border-box;
 padding:33px 22px
}
.box_col:nth-child(n+1) {
 border-left:1px solid #eef0f2
}
.box_col_bg {
 width:210px;
 height:154px
}
.box_col:nth-child(1) .box_col_bg {
 background:url(../imgem/marketn.png) 0 0
}
.box_col:nth-child(2) .box_col_bg {
 background:url(../imgem/marketn.png) -273px 0
}
.box_col_title {
 margin-top:28px;
 font-family:MicrosoftYaHei;
 font-size:20px;
 line-height:22px;
 letter-spacing:0;
 color:#000;
 text-align:center
}
.box_col_remark {
 margin-top:10px;
 font-family:MicrosoftYaHei;
 font-size:12px;
 line-height:22px;
 letter-spacing:0;
 color:#a0a0a0;
 text-align:center
}
.box_col_btn_box {
 margin-top:20px
}
.box_col_btn {
 width:220px;
 height:32px;
 line-height:32px;
 background-color:#3e7ff3;
 cursor:pointer;
 font-family:MicrosoftYaHei;
 font-size:14px;
 letter-spacing:0;
 color:#fff;
 text-align:center
}
.box_col_btn:hover {
 background-color:#4d8dff
}
.box_row {
 height:50%;
 box-sizing:border-box
}
.box_row:nth-child(n+1) {
 border-top:1px solid #eef0f2
}
.popularize_box .box_col {
 box-sizing:border-box;
 padding:20px 25px
}
.popularize_box .box_col:nth-child(n+1) {
 border-left:1px solid #eef0f2
}
.box_col_head {
 font-family:MicrosoftYaHei-Bold;
 font-size:15px;
 line-height:22px;
 letter-spacing:0;
 color:#333;
 font-weight:bold
}
.popularize_box .box_item {
 width:50%;
 height:100px;
 margin-top:25px;
 cursor:pointer;
 transition:all .3s ease 0s
}
.popularize_box .box_row1 .box_col:first-child {
 width:25%;
 padding-right:8px
}
.popularize_box .box_row1 .box_col:last-child {
 width:75%;
 padding-left:0;
 padding-right:0
}
.popularize_box .box_row1 .box_col:first-child .box_item {
 width:100%
}
.popularize_box .box_row1 .box_col:last-child .box_item {
 width:174px
}
.popularize_box .box_row2 .box_col {
 width:100%;
 padding-right:0
}
.popularize_box .box_row2 .box_item {
 width:150px;
 margin-right:15px
}
.popularize_box .box_row2 .box_item:last-child {
 margin-right:0
}
.popularize_box .box_item .box_item_icon {
 height:50px;
 padding-top:3px;
 box-sizing:border-box
}
.popularize_box .box_item .box_item_icon_content {
 width:33px;
 height:33px;
 margin:0 auto;
 background:url(../imgem/marketn.png)
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_seo {
 background-position:-552px -16px
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_rank {
 background-position:-656px -17px
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_sms {
 background-position:-760px -17px
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_kf {
 background-position:-867px -16px
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_rw {
 background-position:-550px -127px
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_video {
 background-position:-657px -124px
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_400 {
 background-position:-762px -130px
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_cert {
 background-position:-863px -124px
}
.popularize_box .box_item .box_item_icon_content.box_item_icon_txmail {
 background-position:-1173px -129px
}
.popularize_box .box_item .box_item_title {
 font-family:MicrosoftYaHei;
 font-size:16px;
 line-height:22px;
 letter-spacing:0;
 color:#222;
 text-align:center
}
.popularize_box .box_item .box_item_remark {
 font-family:MicrosoftYaHei;
 font-size:12px;
 line-height:22px;
 letter-spacing:0;
 color:#ababab;
 text-align:center
}
.popularize_box .box_item:hover {
 transform:translate(0,-5px)
}
.popularize_box .box_item:hover .box_item_title {
 color:#1c5de1
}
.design_section {
 padding-top:4px
}
.design_section .box_row {
 margin-top:28px;
 height:236px
}
.design_section .box_row:after {
 content:'';
 clear:both
}
.design_section .box_web {
 margin-top:0
}
.design_section .box_prom {
 display:none
}
.design_section .box_col {
 margin-left:22px;
 width:228px;
 height:236px;
 background-color:#fff;
 border-radius:2px;
 border:solid 1px #e7ebf3;
 cursor:pointer;
 transition:all .3s ease 0s;
 padding:20px 21px;
 box-sizing:border-box
}
.design_section .box_col:first-child {
 margin-left:0
}
.design_section .box_col.box_col_transform:hover {
 transform:translate(0,-5px);
 box-shadow:#3b414c 0 40px 50px -60px
}
.design_section .box_row .box_col:first-child {
 background:url(../imgem/marketn.png) no-repeat;
 cursor:default
}
.design_section .box_web .box_col:first-child {
 background-position:0 -218px
}
.design_section .box_design .box_col:first-child {
 background-position:0 -504px
}
.design_section .box_prom .box_col:first-child {
 background-position:0 -790px
}
.design_section .box_item_bg {
 width:186px;
 height:150px;
 background:url(../imgem/marketn.png) no-repeat
}
.design_section .box_web .box_col:nth-child(2) .box_item_bg {
 background-position:-273px -218px
}
.design_section .box_web .box_col:nth-child(3) .box_item_bg {
 background-position:-526px -218px
}
.design_section .box_web .box_col:nth-child(4) .box_item_bg {
 background-position:-782px -218px
}
.design_section .box_web .box_col:nth-child(5) .box_item_bg {
 background-position:-1030px -218px
}
.design_section .box_design .box_col:nth-child(2) .box_item_bg {
 background-position:-273px -504px
}
.design_section .box_design .box_col:nth-child(3) .box_item_bg {
 background-position:-526px -504px
}
.design_section .box_design .box_col:nth-child(4) .box_item_bg {
 background-position:-778px -504px
}
.design_section .box_design .box_col:nth-child(5) .box_item_bg {
 background-position:-1030px -504px
}
.design_section .box_prom .box_col:nth-child(2) .box_item_bg {
 background-position:-273px -790px
}
.design_section .box_prom .box_col:nth-child(3) .box_item_bg {
 background-position:-526px -790px
}
.design_section .box_prom .box_col:nth-child(4) .box_item_bg {
 background-position:-778px -790px
}
.design_section .box_prom .box_col:nth-child(5) .box_item_bg {
 background-position:-1030px -790px
}
.design_section .box_item_title {
 font-family:MicrosoftYaHei;
 font-size:16px;
 line-height:22px;
 letter-spacing:0;
 color:#000;
 text-align:center;
 margin-top:25px
}
.design_section .open_more {
 height:38px;
 text-align:center
}
.design_section .open_more_btn {
 margin:0 auto;
 width:130px;
 height:100%;
 line-height:36px;
 border-radius:18px;
 border:solid 1px #437bed;
 cursor:pointer;
 color:#1c5de1;
 font-size:16px;
 box-sizing:border-box
}
.design_section .open_more_btn:hover {
 background-color:#437bed;
 color:#fff
}
.service_section {
 padding-top:64px;
 padding-bottom:40px;
 background-color:#fff
}
.service_section .wx_box .box_content {
 height:178px
}
.service_section .box_content:after {
 content:'';
 clear:both
}
.service_section .wx_box .box_item {
 width:226px;
 height:100%;
 transition:all .3s ease 0s;
 border-radius:2px;
 border:solid 1px #e7ebf3;
 cursor:pointer;
 margin-left:25px;
 box-sizing:border-box
}
.service_section .wx_box .box_item:first-child {
 margin-left:0
}
.service_section .box_item:hover {
 transform:translate(0,-5px);
 box-shadow:#3b414c 0 40px 50px -60px
}
.service_section .wx_box .box_item_bg {
 height:120px;
 background:url(../imgem/marketn.png) no-repeat
}
.service_section .wx_box .box_item:nth-child(1) .box_item_bg {
 background-position:0 -1083px
}
.service_section .wx_box .box_item:nth-child(2) .box_item_bg {
 background-position:-253px -1083px
}
.service_section .wx_box .box_item:nth-child(3) .box_item_bg {
 background-position:-506px -1083px
}
.service_section .wx_box .box_item:nth-child(4) .box_item_bg {
 background-position:-758px -1083px
}
.service_section .wx_box .box_item:nth-child(5) .box_item_bg {
 background-position:-1011px -1083px
}
.service_section .wx_box .box_item_title {
 font-family:MicrosoftYaHei;
 margin-top:18px;
 font-size:14px;
 color:#807f7f;
 text-align:center
}
.service_section .company_box .box_content {
 height:140px
}
.service_section .company_box .box_item {
 width:286px;
 height:100%;
 margin-left:31px;
 background:url(../imgem/marketn.png) no-repeat;
 transition:all .3s ease 0s;
 cursor:pointer
}
.service_section .company_box .box_item:nth-child(1) {
 margin-left:0;
 background-position:0 -1273px
}
.service_section .company_box .box_item:nth-child(2) {
 background-position:-317px -1273px
}
.service_section .company_box .box_item:nth-child(3) {
 background-position:-634px -1273px
}
.service_section .company_box .box_item:nth-child(4) {
 background-position:-951px -1273px
}
.service_section .join_service {
 margin-top:40px;
 text-align:center
}
.service_section .icon_service {
 display:inline-block;
 vertical-align:top;
 width:24px;
 height:24px;
 background:url(../imgem/marketn.png) no-repeat -971px -136px
}
.service_section .join_service_link {
 display:inline-block;
 vertical-align:top;
 font-family:MicrosoftYaHei;
 font-size:18px;
 color:#1c5de1
}
.fk_service {
 display:none
}