img { max-width: 100% !important; max-height: 100% !important; }
.fl { float: left; }
.fr { float: right; }
.TL { text-align: left; }
.TR { text-align: right; }
.center { text-align: center; }
.main { width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }
body { overflow-x: hidden; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.error_img { margin-top: 50px; }
.error_btn { margin-top: 30px; }
.error_btn a { width: 120px; height: 35px; border: 1px solid #f00; border: 1px solid #167aad; line-height: 35px; text-align: center; font-size: 14px; color: #167aad; display: inline-block; margin: 0 10px; }


/******* 首页 *******/
.header { }
.head_top { height: 40px; background: #f6f6f6; border-bottom: 1px solid #eaeaea; }
.head_top .fl { font-size: 12px; color: #666; letter-spacing: 5px; line-height: 40px; }
.head_top .fr { border-right: 1px solid #eaeaea; }
.head_top .fr a { border-left: 1px solid #eaeaea; line-height: 40px; display: inline-block; vertical-align: top; padding: 0 12px 0 37px; }
.head_top .h_weixin { background: url(../images/icon/h_weixin.png) no-repeat 12px center; }
.head_top .h_weibo { background: url(../images/icon/h_weibo.png) no-repeat 12px center; }
.head_top .h_geren { background: url(../images/icon/h_1912.png) no-repeat 14px center; }
.head_top .h_geren1 { background: url(../images/icon/ggg.png) no-repeat 14px center; }
.icon_weixin { position: absolute; right: 350px; top: 40px; z-index: 3; display: none; }

@media screen and (max-width:768px) {
    /*body { padding-top: 90px; }*/
    .header { width: 100%; background: #fff; /*position: fixed; left: 0; top: 0;*/ z-index: 8; }
    .head_top .fl { letter-spacing: 3px; }
    .head_top .fr { border-right: none; }
    .head_top .fr a { border-left: none; font-size: 0px; padding: 0 15px; }
    .head_top .h_weixin { background: url(../images/icon/h_weixin.png) no-repeat 5px center; }
    .head_top .h_weibo { background: url(../images/icon/h_weibo.png) no-repeat 5px center; }
    .head_top .h_geren { background: url(../images/icon/h_1912.png) no-repeat 7px center; }
    .head_top .h_geren1 { background: url(../images/icon/ggg.png) no-repeat 7px center; }
}

.head { height: 90px; border-bottom: 1px solid #eaeaea; }
.head .h_logo { display: block; width: 150px; height: 51px; float: left; margin-top: 19px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.head .h_txt1 { float: left; margin-left: 40px; margin-top: 33px; }
.head .h_txt1 h4 { font-size: 12px; color: #999; line-height: 24px; font-family: "SimSun"; }
.head .h_txt1 p { font-size: 16px; font-weight: bold; color: #333; line-height: 24px; }
.head .h_txt2 { float: right; text-align: right; margin-top: 20px; }
.head .h_txt2 h4 { font-size: 12px; color: #999; line-height: 24px; font-family: "SimSun"; }
.head .h_txt2 p { font-size: 18px; color: #333; line-height: 24px; font-family: "Impact"; }
.showMorehandle { width:100%;height:35px;background:#eaeaea;line-height:35px;text-align:center;font-size:14px;color:#666;display:block; }

body.openmenu { position: fixed; width: 100%; }
.allnav { height: 47px; }
.nav { border-right: 1px solid #eaeaea; }
.nav ul li { width: 12.5%; height: 47px; line-height: 47px; float: left; border-left: 1px solid #eaeaea; position: relative; }
.nav ul li a { font-size: 14px; color: #333; display: block; text-align: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.nav ul li a:hover, .nav ul li a.active { background: #167aad; color: #fff; }

/*.nav ul li:before, .nav ul li:after { bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; }
.nav ul li:before { border-bottom: 1px solid #bababa; border-top: 1px solid #bababa; transform: scale(0, 1); }
.nav ul li:after { border-left: 1px solid #bababa; border-right: 1px solid #bababa; transform: scale(1, 0);  }
.nav ul li:hover:before, .nav ul li:hover:after { opacity: 1; transform: scale(1); transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s; }*/

@media screen and (max-width:768px) {
    .icon_weixin { right: 73px; }
    .head { height: 50px; }
    .head .h_logo { width: 88px; height: 30px; margin-top: 10px; }
    .head .h_txt1, .head .h_txt2 { display: none; }
    .menu_btn { width: 30px; height: 30px; display: block; background: url(../images/icon/menu_btn.png) no-repeat; position: absolute; right: 15px; top: 10px; }
    .overlay { width: 100%; height: 100%; position: fixed; right: -100%; top: 0; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000,endColorstr=#5f000000); z-index: 9; }
    .allnav { width: 200px; height: 100%; background: #f6f6f6; border-left: 1px solid #eaeaea; position: fixed; right: -240px; top: 0; z-index: 10; }
    .allnav .main { padding: 0; }
    .nav { border-right: none; }
    .nav ul li { float: none; width: 100%; border-left: none; }
}

#mslider { width: 100%; position: relative; overflow: hidden; }
#mslider .bx-wrapper { position: relative; width: 100%; }
#mslider ul li { width: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; }
#mslider ul li:nth-child(n+2){ display: none; }
#mslider ul li img { font-size: 0px; display: block; }
.li_mobile { display: none; }

@media screen and (max-width:640px) {
    .li_pc { display: none; }
    .li_mobile { display: block; }
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 3; }
.bx-wrapper .bx-pager-item { font-size: 0px; display: inline-block; margin: 0 5px; }
.bx-wrapper .bx-pager.bx-default-pager a { display: block; width: 12px; height: 12px; background: url(../images/icon/dot01.png) no-repeat center center; border-radius: 12px; }
.bx-wrapper .bx-pager.bx-default-pager a.active { box-shadow: 2px 1px 2px #666; }
.bx-prev { width: 25px; height: 48px; display: block; background: url(../images/icon/slide_prev.png) no-repeat left top; position: absolute; left: 15px; top: 50%; margin-top: -24px; }
.bx-next { width: 25px; height: 48px; display: block; background: url(../images/icon/slide_next.png) no-repeat right top; position: absolute; right: 15px; top: 50%; margin-top: -24px; }

@media screen and (max-width:768px) {
    .bx-wrapper .bx-pager { display: none; }
    .bx-prev { width: 12.5px; height: 24px; background-size: 12.5px 24px; margin-top: -12px; }
    .bx-next { width: 12.5px; height: 24px; background-size: 12.5px 24px; margin-top: -12px; }
}

.index_list1 { letter-spacing: -4px; position: relative; margin-top: -88px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.index_list1 .list_box { width: 33.3333%; display: inline-block; vertical-align: top; padding: 0 10px; letter-spacing: 0px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.index_list1 .list_con { background: #fff; border: 1px solid #eaeaea; box-shadow: 0px 4px 8px #eaeaea; text-align: center; }
.index_list1 .list_title { font-size: 20px; font-weight: bold; color: #333; padding: 0 15%; margin-top: 30px; }
.index_list1 .list_txt { font-size: 12px; color: #666; line-height: 22px; height: 44px; overflow: hidden; padding: 0 15%; text-align: left; margin-top: 20px; }
.index_list1 .list_more { width: 30px; height: 30px; display: inline-block; background: url(../images/icon/more.png) no-repeat; margin-top: 25px; }
.index_list1 .list_con:hover .list_more { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes rubberBand {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); }
    40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); }
    60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes rubberBand {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); }
    40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); }
    60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); }
    100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

.index_list1 .list_link { height: 50px; border-top: 1px solid #eaeaea; margin-top: 30px; display: inline-table; width: 100%; }
.index_list1 .list_link a { display: inline-block; vertical-align: top; height: 48px; line-height: 48px; letter-spacing: 0px; border-left: 1px solid #eaeaea; font-size: 14px; color: #333; overflow: hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.index_list1 .list_link a:first-child { border-left: none; }
.index_list1 .list_link a:hover { background: #1883ba; color: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.index_list1 .list_box:nth-child(1) .list_link a { width: 25%; }
.index_list1 .list_box:nth-child(2) .list_link a { width: 25%; }
.index_list1 .list_box:nth-child(3) .list_link a { width: 16.6666%; }

@media screen and (max-width:1000px) {
    .index_list1 { margin-top: -44px; }
}

@media screen and (max-width:768px) {
    .index_list1 { margin-top: 0px; }
    .index_list1 .list_box { width: 100%; padding: 0; margin-top: 20px; }
}

.index_title { font-size: 24px; color: #333; text-align: center; margin-top: 50px; }
.index_title2 { font-size: 12px; color: #666; letter-spacing: 10px; text-align: center; padding: 10px 0 15px 5px; background: url(../images/icon/line.png) no-repeat center bottom; }
.index_title.color { color: #fff; }
.index_title2.color { color: #fff; background: url(../images/icon/line2.png) no-repeat center bottom; }

.index_case { letter-spacing: -4px; margin-top: 50px; font-size: 0; }
.index_case li { letter-spacing: 0px; display: inline-block; vertical-align: top; width: 20%; position: relative; overflow: hidden; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; overflow: hidden; }
.index_case li img { font-size: 0px; display: block; }
.index_case .list_yy { width: 100%; height: 100%; background: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: absolute; left: 0; top: 100%; padding: 5%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.index_case .list_yy a { display: block; height: 100%; }
.index_case li:hover .list_yy { top: 0; }
.index_case .list_title { font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.index_case .list_label { margin: 0 -5px; max-height: 80px; overflow: hidden; }
.index_case .list_label span { display: inline-block; vertical-align: top; height: 30px; line-height: 28px; font-size: 12px; border: 1px solid rgba(255,255,255,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fffffff,endColorstr=#5fffffff); padding: 0 10px; margin: 5px; color: #fff; min-width: 100px; text-align: center; }
.index_case .list_oper { position: absolute; left: 5%; bottom: 20px; }
.index_case .list_view { width: 35px; height: 35px; display: inline-block; background: url(../images/icon/view.png) no-repeat; }
.index_case .list_share { background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.1) 50%,transparent 50%); background-image: linear-gradient(bottom,rgba(0,0,0,.1) 50%,transparent 50%); background-size: 100% 1px; background-repeat: no-repeat; background-position: left bottom; display: inline-block; vertical-align: top; }
.bdshare-button-style0-16.list_share a { text-align: center; font-size: 12px; cursor: pointer; margin: 0px 0; position: relative; }
.index_case .list_share .fx_more { width: 35px; height: 35px; background-image: url(../images/icon/share.png); background-size: 35px 35px; background-position: center top; }

@media screen and (max-width:1200px) {
    .index_case li { width: 25%; }
}

@media screen and (max-width:1000px) {
    .index_case li { width: 33.3333%; }
}

@media screen and (max-width:768px) {
    .index_case li { width: 50%; }
    .index_case .list_yy { display: none; }
}

.index_total { background: #000; }
.index_total .main { padding: 0; }
.index_total ul { letter-spacing: -4px; font-size: 0; }
.index_total li { display: inline-block; vertical-align: top; letter-spacing: 0; width: 25%; height: 150px; text-align: center; border-left: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; }
.index_total li:first-child { border-left: none; }
.index_total li h4 { font-size: 30px; font-weight: bold; color: #fff; line-height: 50px; margin-top: 30px; }
.index_total li p { font-size: 14px; color: #fff; }

@media screen and (max-width:768px) {
    .index_total li { width: 50%; }
    .index_total li:nth-child(2n+1) { border-left: none; }
}

.index_service { margin-top: 95px; }
.index_service ul { letter-spacing: -4px; font-size: 0; }
.index_service li { width: 20%; display: inline-block; vertical-align: top; letter-spacing: 0px; padding: 0 10px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.index_service .list_con { min-height: 390px; border: 1px solid #eaeaea; position: relative; padding: 70px 20px 20px; }
.index_service .list_con img { width: 90px; height: 90px; position: absolute; left: 50%; top: -45px; margin-left: -45px; }
.index_service .list_con h4 { font-size: 16px; font-weight: bold; margin-bottom: 30px; text-align: center; }
.index_service .list_con p { font-size: 14px; color: #333; line-height: 30px; text-align: Justify; text-justify: inter-ideograph; -mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0))); -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0))); -moz-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0))); }
.index_service li:hover p { -mask-image: none; -webkit-mask-image: none; -moz-mask-image: none; }

@media screen and (max-width:1000px) {
    .index_service { margin-top: 35px; }
    .index_service li { width: 33.3333%; margin-top: 60px; }
}

@media screen and (max-width:768px) {
    .index_service li { width: 100%; padding: 0px; margin-top: 60px; }
    .index_service .list_con { min-height: inherit; padding: 60px 15px 15px; }
    .index_service .list_con h4 { margin-bottom: 15px; }
    .index_service .list_con p { -mask-image: none; -webkit-mask-image: none; -moz-mask-image: none; }
}

.index_news { background: url(../images/img/bg01.png) repeat; margin-top: 50px; }
.news_con { margin-top: 50px; margin-bottom: 50px; }
.news_left { float: left; }
.news_left li { width: 140px; height: 95px; background: #eaeaea; margin-top: 2px; text-align: center; font-size: 16px; color: #333; cursor: pointer; }
.news_left li.current { color: #fff; background: url(../images/icon/index06.png) repeat-x; }
.news_left li img { margin-top: 20px; }
.news_left li p { margin-top: 5px; }
.news_left li img.icon1_1, .news_left li.current img.icon1 { display: none; }
.news_left li.current img.icon1_1 { display: inline-block; }
.news_right { margin-left: 142px; padding-top: 2px; letter-spacing: -4px; font-size: 0; }
.news_list { width: 55%; background: #fff; height: 289px; padding: 20px; display: inline-block; vertical-align: top; letter-spacing: 0px; }
.news_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.news_list .list_img { width: 55%; float: left; position: relative; }
.news_list .list_img img { font-size: 0px; display: block; }
.news_list .list_img p { height: 40px; width: 100%; background: rgba(0,0,0,.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6f000000,endColorstr=#6f000000); position: absolute; left: 0; bottom: 0; line-height: 40px; font-size: 14px; color: #fff; padding: 0 40px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list .list_more { width: 13px; height: 13px; display: block; background: url(../images/icon/index11.png) no-repeat; position: absolute; right: 10px; top: 14px; }
.news_list .list_txt { margin-left: 55%; padding-left: 20px; height: 249px; overflow: hidden; position: relative; }
.news_list .list_txt_con { height: 210px; overflow: hidden; }
.news_list .list_txt p { font-size: 12px; color: #333; line-height: 30px; }
.news_list .list_date { /*background: url(../images/icon/index12.png) no-repeat left center; padding-left: 17px;*/ position: absolute; right: 0; bottom: 0; }
.news_list .list_date a { color: #187cb0; font-size: 14px; }
.news_list2 { width: 45%; background: #187cb0; height: 289px; padding: 10px 20px; border-left: 2px solid #000; display: inline-block; vertical-align: top; letter-spacing: 0px; }
.news_list2 li { margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.news_list2 li a { font-size: 12px; color: #fff; }
.news_list2 .list_more { font-size: 12px; color: #fff; margin-top: 20px; display: block; margin-left: 5px; background: url(../images/icon/index10.png) no-repeat 55px center; }

@media screen and (max-width:768px) {
    .news_list { display: none; }
    .news_left { width: 100%; letter-spacing: -4px; font-size: 0; }
    .news_left li { width: 33.3333%; display: inline-block; vertical-align: top; letter-spacing: 0px; }
    .news_right { margin-left: 0px; }
    .news_list2 { width: 100%; border-left: none; }
    .index_link { display: none; }
}

.index_link { padding: 20px 0; }
.index_link span { font-size: 12px; font-weight: bold; padding-left: 10px; display: inline-block; vertical-align: top; height: 13px; line-height: 13px; margin: 5px 0px; }
.index_link a { font-size: 12px; color: #666; display: inline-block; vertical-align: top; padding: 0 10px; border-right: 1px solid #666; height: 13px; line-height: 13px; margin: 5px 0px; }
.index_link a:last-child { border-right: none; }

.footer { background: #333; letter-spacing: -4px; font-size: 0; padding: 30px 0; }
.footer li { display: inline-block; vertical-align: top; letter-spacing: 0px; width: 12%; border-right: 1px solid #3d3d3d; text-align: center; min-height: 200px; }
.footer li:last-child { border-right: none; }
.footer li.site { width: 30%; text-align: left; letter-spacing: -4px; font-size: 0; padding: 0 20px 0 50px; }
.footer li.address { width: 22%; text-align: left; padding-left: 50px; }
.footer li h4 { font-size: 16px; font-weight: bold; color: #fff; line-height: 30px; }
.footer li p { color: #d9d9d9; line-height: 2; }
.footer li p a { color: #d9d9d9; font-size: 12px; }
.footer li.site h4 { font-size: 14px; letter-spacing: 0px; position: relative; }
.footer li.site h4:before { content: ""; width: 18px; height: 18px; display: block; background: url(../images/icon/index13.png) no-repeat; position: absolute; left: -25px; top: 5px; }
.footer li.site p { width: 50%; display: inline-block; vertical-align: top; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer li.address .location { font-size: 14px; font-weight: 400; color: #fff; line-height: 28px; margin-bottom: 20px; position: relative; }
.footer li.address .location:before { content: ""; width: 18px; height: 18px; display: block; background: url(../images/icon/index14.png) no-repeat; position: absolute; left: -25px; top: 5px; }
.footer li.address p { font-size: 18px; color: #fff; font-family: Impact; position: relative; }
.footer li.address .tel:before { content: ""; width: 18px; height: 18px; display: block; background: url(../images/icon/index15.png) no-repeat; position: absolute; left: -25px; top: 5px; }

.foot_bottom { background: #1c1c1c; padding: 10px 0; text-align: center; font-size: 12px; color: #fff; line-height: 20px; }

@media screen and (max-width:768px) {
    .footer li { width: 100% !important; border-right: none; min-height: inherit; }
    .footer li.link h4 { border: 1px solid #4c4c4c; margin-top: 15px; font-weight: 400; cursor: pointer; }
    .footer li.link p { display: none; }
    .footer li.site { padding: 0px; }
    .footer li.site h4 { font-size: 16px; text-align: center; }
    .footer li.site h4:before { content: ""; display: none; }
    .footer li.site h4 em { display: none; }
    .footer li.site p { width: 100%; text-align: center; }
    .footer li.address { padding-left: 0px; text-align: center; }
    .footer li.address .location { margin-bottom: 10px; }
    .footer li.address .location:before { content: ""; width: 18px; height: 18px; display: block; background: url(../images/icon/index14.png) no-repeat; position: inherit; left: 0; margin: 10px auto 10px; }
    .footer li.address .tel:before { content: ""; width: 18px; height: 18px; display: block; background: url(../images/icon/index15.png) no-repeat; position: inherit; left: 0; margin: 10px auto 10px; }
}


/*******网站建设*******/
.site_title { font-size: 20px; font-weight: bold; text-align: center; margin-top: 50px; }
.site_title2 { font-size: 12px; text-align: center; font-family: SimSun; margin-top: 5px; }
.site_title.color, .site_title2.color { color: #fff; }
.build_website { background: url(../images/img/bg02.jpg) no-repeat; }

.website_list { margin-top: 50px; letter-spacing: -4px; font-size: 0; margin-bottom: 50px; }
.website_list li { display: inline-block; vertical-align: top; letter-spacing: 0px; width: 25%; height: 300px; background: #fff; position: relative; padding: 20px; overflow: hidden; }
.website_list li.active { background: #167aad; color: #fff; }
.website_list li a { color: #333; display: block; height: 260px; }
.website_list li.active a { color: #fff; }
.website_list li h4 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.website_list li:hover h4 { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.website_list li p { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }
.website_list li:hover p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .5s; animation-delay: .5s; }
.website_list li .icon { width: 35%; position: absolute; left: 20px; bottom: 20px; }
.website_list li:hover .icon { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 1s; animation-delay: 1s; }
.website_list li .img { width: 60%; position: absolute; right: -15%; bottom: 20px; }
.website_list li:hover .img { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 1s; animation-delay: 1s; }

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

@media screen and (max-width:768px) {
    .website_list li { width: 100%; height: 220px; }
    .website_list li a { height: 180px; }
    .website_list li .icon { width: 80px; position: absolute; left: 20px; bottom: 20px; }
    .website_list li .img { width: 150px; position: absolute; right: -35px; bottom: 20px; }
}


/*电子商务站*/
.ele_website { background: url(../images/img/bg03.jpg) no-repeat; }
.ele_website img { font-size: 0px; display: block; margin: 0 auto; }
.ele_txt1 { font-size: 14px; color: #fff; line-height: 30px; text-align: center; width: 50%; margin: 40px auto; }
.ele_txt1.color { color: #333; }
.ele_website .hide { display: none; }

@media screen and (max-width:768px) {
    .ele_website img { display: none; }
    .ele_website .show { display: block; width: 80%; margin: 40px auto 0; }
    .ele_txt1 { width: 100%; }
}

.ele_website2 { margin-top: 50px; }
.ele_website2 h4 { font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.ele_website2 p { font-size: 14px; color: #fff; line-height: 24px; z-index: 2; position: relative; }
.ele_website2 .piece { width: 50%; float: left; padding: 50px 8%; text-align: center; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.ele_website2 .left { background: url(../images/img/bg04.jpg) no-repeat left top; background-size: cover; }
.ele_website2 .right { background: url(../images/img/bg05.jpg) no-repeat right bottom; background-size: cover; }
.ele_website2.foreign .piece { padding: 80px 50px 50px 95px; text-align: left; }
.ele_website2.foreign .left { background: url(../images/img/bg09.jpg) no-repeat left top; background-size: cover; }
.ele_website2.foreign .right { background: url(../images/img/bg10.jpg) no-repeat right bottom; background-size: cover; }
.ele_website2.foreign .number { font-size: 100px; color: #fff; font-family: Impact; position: absolute; left: 40px; top: 20px; z-index: 1; }
.ele_website2.foreign p { padding: 0 10px; }
.ele_website2.foreign .left p { background: #1883ba; }
.ele_website2.foreign .right p { background: #18b8ba; }

@media screen and (max-width:768px) {
    .ele_website2 { margin-top: 30px; }
    .ele_website2 h4 { font-size: 20px; }
    .ele_website2 .piece { width: 100%; padding: 15px; font-size: 20px; }
    .ele_website2.foreign .piece { padding: 60px 15px 15px 70px; }
    .ele_website2.foreign .number { left: 15px; top: 0; }
}

.ele_solution { width: 60%; height: 230px; margin: 50px auto 0px !important; position: relative; }
.ele_solution p { font-size: 16px; color: #333; line-height: 30px; }
.ele_solution em { font-weight: bold; }
.ele_solution .solution { padding: 0 100px; }
.ele_solution .swiper-slide { height: 205px !important; overflow: hidden; position: relative; }
.ele_solution .swiper-slide:before { content: ""; width: 40px; height: 32px; display: block; background: url(../images/icon/web09.png) no-repeat; position: absolute; left: 5px; top: 0; }
.ele_solution .swiper-slide:after { content: ""; width: 40px; height: 32px; display: block; background: url(../images/icon/web10.png) no-repeat; position: absolute; right: 5px; bottom: 30px; }
.ele_solution .swiper-slide img { width: 100% !important; height: 230px; }
.ele_solution .pagination { position: absolute; left: 0; text-align: center; bottom: 0px; width: 100%; }
.ele_solution .swiper-pagination-switch { display: inline-block; width: 15px; height: 13px; background: url(../images/icon/web11.png) no-repeat; margin: 0 3px; cursor: pointer; }
.ele_solution .swiper-active-switch { background: url(../images/icon/web11_1.png) no-repeat; }

@media screen and (max-width:768px) {
    .ele_solution { width: 100%; }
    .ele_solution .solution { padding: 0 15px; }
    .ele_solution .swiper-slide:before, .ele_solution .swiper-slide:after { content: ""; display: none; }
}

.ele_service { background: url(../images/img/bg06.jpg) no-repeat center bottom; margin-top: 50px; min-height: 340px; padding-bottom: 50px; background-size: cover; }
.ele_service .main { min-height: 340px; }
.ele_service .left { width: 50%; float: left; text-align: left; padding: 0 60px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.ele_service .left h4 { text-align: left; }
.ele_service .left p { text-align: left; font-size: 14px; color: #fff; line-height: 30px; }
.ele_service .right { width: 50%; position: absolute; right: 0; top: 50px; }

@media screen and (max-width:1000px) {
    .ele_service .left { padding: 0; }
}

@media screen and (max-width:768px) {
    .ele_service .left { width: 100%; float: none; padding: 0; }
    .ele_service .right { display: none; }
}

.ele_case { margin-top: 35px; }
.ele_case ul { letter-spacing: -4px; font-size: 0; margin: -10px; }
.ele_case li { letter-spacing: 0px; display: inline-block; vertical-align: top; width: 25%; padding: 10px; text-align: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.ele_case li a { border: 1px solid #eaeaea; display: block; padding: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.ele_case li h4 { font-size: 14px; color: #333; padding: 12px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ele_case li p { font-size: 12px; color: #666; line-height: 18px; text-align: left; height: 36px; overflow: hidden; }
.ele_case li .img { overflow: hidden; display: block; height: 105px; }
.ele_case li img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); max-height: none !important; }
.ele_case li img:hover { -webkit-transform: scale(1.14, 1.14); -moz-transform: scale(1.14, 1.14); }
.show_more { width: 140px; height: 40px; display: block; border: 1px solid #eaeaea; border-radius: 40px; margin: 25px auto 0px; font-size: 12px; color: #666; line-height: 40px; text-align: center; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }
.show_more:hover { width: 160px; background: #167aad; color: #fff; font-size: 14px; }

@media screen and (max-width:1000px) {
    .ele_case li a { padding: 10px; }
}

@media screen and (max-width:768px) {
    .ele_case ul { margin: -7.5px; }
    .ele_case li { width: 50%; padding: 7.5px; }
    .ele_case li a { padding: 10px; }
}

@media screen and (max-width:768px) {
    .ele_case li .img { height: 90px; }
}

.ele_advantage { background: url(../images/img/bg08.jpg) repeat center center; margin-top: 50px; }
.advantage_list { margin-top: 50px; margin-bottom: 50px; }
.advantage_list ul { letter-spacing: -4px; font-size: 0; }
.advantage_list li { letter-spacing: 0px; display: inline-block; vertical-align: top; width: 16.6666%; background: #fff; font-size: 14px; color: #fff; line-height: 24px; }
.advantage_list li .cell { display: table; table-layout: fixed; width: 100%; height: 150px; padding: 15px; }
.advantage_list li .txt { background: #167aad; }
.advantage_list li .middle { display: table-cell; vertical-align: middle; }
.advantage_list li img { display: block; margin: 0 auto; }

@media screen and (max-width:1000px) {
    .advantage_list li { width: 25%; }
}

@media screen and (max-width:768px) {
    .advantage_list li { width: 50%; }
}

.process_img { margin-top: 50px; text-align: center; }
.ele_wave img { font-size: 0px; display: block; }

@media screen and (max-width:768px) {
    .ele_process { display: none; }
}

/*集团公司站*/
.group_website { background: #f6f6f6; padding: 50px 0; }
.group_website ul { letter-spacing: -4px; font-size: 0; }
.group_website li { letter-spacing: 0px; display: table-cell; vertical-align: middle; width: 33.3333%; border-right: 1px solid #cbcbcb; padding: 0 30px; }
.group_website li:last-child { border-right: none; }
.group_website li .cell { position: relative; padding-left: 60px; display: table; table-layout: fixed; }
.group_website li .number { font-size: 48px; color: #333; font-family: Impact; position: absolute; left: 0; top: 50%; margin-top: -29px; }
.group_website li p { display: table-cell; vertical-align: middle; font-size: 14px; color: #333; line-height: 30px; }

@media screen and (max-width:768px) {
    .group_website { padding: 30px 0px; }
    .group_website li { display: block; width: 100%; border-right: none; padding: 0; margin: 10px 0; }
}

.group_service { background: #1784b9; margin-top: 50px; min-height: 340px; padding-bottom: 50px; min-height: 460px; }
.group_list { letter-spacing: -4px; font-size: 0; margin-top: 60px; }
.group_list li { width: 25%; display: inline-block; vertical-align: top; letter-spacing: 0; text-align: center; padding: 0 30px; margin-bottom: 15px; border-right: 1px solid #2f91c0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.group_list li:last-child { border-right: none; }
.group_list li img { background: url(../images/icon/line3.png) no-repeat center bottom; padding-bottom: 15px; }
.group_list li h4 { font-size: 16px; font-weight: bold; color: #fff; margin-top: 10px; }
.group_list li p { font-size: 14px; color: #fff; line-height: 30px; text-align: left; margin-top: 15px; }
.group_service .right img { height: 460px; position: absolute; left: 75%; top: 0; max-height: none !important; }

@media screen and (max-width:1000px) {
    .group_list li { width: 33.3333%; }
    .group_service .right { display: none; }
}

@media screen and (max-width:768px) {
    .group_list li { width: 100%; border-right: none; }
}


/*******移动开发*******/
.mobile_website { background: url(../images/img/bg11.jpg) repeat center center; }
.website_list2 { letter-spacing: -4px; font-size: 0; margin: 50px 0px; }
.website_list2 li { letter-spacing: 0px; display: inline-block; vertical-align: top; width: 25%; text-align: center; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.website_list2 li.li1 { background: #1883ba; }
.website_list2 li.li2 { background: #18a1ba; }
.website_list2 li.li3 { background: #18bab4; }
.website_list2 li.li4 { background: #18ba7f; }
.website_list2 li a { display: block; padding: 100px 12%; }
.website_list2 li h4 { font-size: 16px; font-weight: bold; color: #fff; margin-top: 45px; }
.website_list2 li p { font-size: 12px; color: #fff; line-height: 24px; height: 72px; overflow: hidden; text-align: left; margin-top: 45px; margin-bottom: 70px; }
.join_web { width: 35px; height: 35px; display: inline-block; background: url(../images/icon/web26.png) no-repeat; }
.website_list2 li:hover img { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
    100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateIn {
    0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
    100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

.website_list2 li:hover h4 { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.website_list2 li:hover p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.website_list2 li:hover .join_web { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

@media screen and (max-width:768px) {
    .website_list2 li { width: 100%; }
    .website_list2 li a { padding: 30px 20px; }
    .website_list2 li h4 { margin-top: 30px; }
    .website_list2 li p { margin-top: 30px; margin-bottom: 30px; }
}

.mobile_case_box { background: #f6f6f6; margin-top: 50px; margin-bottom: -50px; padding-bottom: 50px; }
.mobile_case { letter-spacing: -4px; font-size: 0; margin-top: 35px; }
.mobile_case.mt15 { margin-top: 15px; }
.mobile_case li { letter-spacing: 0px; display: inline-block; vertical-align: top; width: 33.3333%; padding: 7.5px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.mobile_case li .box { display: block; border: 1px solid #eaeaea; background: #fff; padding: 15px; letter-spacing: -4px; font-size: 0; position: relative; min-height: 195px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.mobile_case li .box:hover { box-shadow: 0 2px 5px #eaeaea; }
.mobile_case li .img { width: 50%; padding-right: 15px; display: inline-block; vertical-align: top; letter-spacing: 0px; text-align: center; overflow: hidden; }
.mobile_case li .img img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; 
    
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transform: translate3d(0px,0, 0);
    transform: translate3d(0px,0,0);
}
.mobile_case li:hover .img img { 
-webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0); 
}


.mobile_case li .txt { width: 50%; display: inline-block; vertical-align: top; letter-spacing: 0px; }
.mobile_case li h4 { font-size: 14px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.mobile_case li p { font-size: 12px; color: #999; line-height: 20px; max-height: 60px; overflow: hidden; }
.mobile_case li .label { margin: 0 -4px; position: absolute; left: 50%; bottom: 15px; max-height: 66px; overflow: hidden; }
.mobile_case li .label span { display: inline-block; vertical-align: top; height: 25px; border: 1px solid #eaeaea; line-height: 23px; padding: 0 10px; margin: 4px; font-size: 12px; }
/*.mobile_case li:hover h4 { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.mobile_case li:hover p { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay:.5s; -webkit-animation-delay:.5s; }
.mobile_case li:hover .label { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay:1s; -webkit-animation-delay:1s; }*/

@media screen and (max-width:768px) {
    .mobile_case li { width: 100%; padding: 7.5px 0px; }
}


/*******经典案例*******/
/*网站案例*/
.case_banner { background: url(../images/img/bg12.jpg) no-repeat center center; height: 250px; position: relative; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.case_label { width: 122px; height: 52px; display: block; background: url(../images/icon/c01.png) no-repeat; font-size: 16px; color: #fff; line-height: 42px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -61px; margin-top: -26px; }
.case_class { letter-spacing: -4px; font-size: 0; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.case_class li { width: 33.3333%; height: 50px; display: inline-block; vertical-align: top; letter-spacing: 0px; border-right: 1px solid #eaeaea; line-height: 50px; text-align: center; }
.case_class li a { display: block; font-size: 14px; font-weight: bold; color: #333; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.case_class li a:hover { letter-spacing: 2px; color: #1883ba; }
.case_class li a.active { color: #1883ba; }
.case_class li a:before { content: ""; width: 0%; height: 5px; background: #1883ba; display: block; position: absolute; left: 0; top: -5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.case_class li a:hover:before, .case_class li a.active:before { width: 100%; }

.case_class2 { margin: 15px -10px; }
.case_class2 a { font-size: 14px; color: #888; display: inline-block; vertical-align: top; border-right: 1px solid #888; height: 13px; line-height: 13px; padding: 0 10px; margin: 6px 0px; }
.case_class2 a:last-child { border-right: none; }
.case_class2 a.active { color: #1883ba; }

.case_box { background: #f6f6f6; }
.case_list { width: 100%; position: relative; min-height: 350px; }
.case_list li { width: 25%; padding: 7.5px; float: left; }
.case_list li .box { display: block; padding: 15px; border: 1px solid #eaeaea; background: #fff; box-shadow: 0 2px 4px #eaeaea; }
.case_list li img { font-size: 0px; display: block; width: 100%; margin-bottom: 10px; position:relative;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    max-width:none !important;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transform: translate3d(-30px,0, 0);
    transform: translate3d(-30px,0,0);
                    }
.case_list li:hover img {      -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(60px); transform: translateX(60px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

/*.case_list li:hover h4 { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.case_list li:hover p { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay:.5s; -webkit-animation-delay:.5s; }
.case_list li:hover .label { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay:1s; -webkit-animation-delay:1s; }*/
.case_list li h4 { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 7px; }
.case_list li p { font-size: 12px; color: #999; line-height: 20px; margin-bottom: 10px; }
.case_list li .label { margin: 0 -4px; }
.case_list li .label span { display: inline-block; vertical-align: top; height: 25px; border: 1px solid #eaeaea; line-height: 23px; padding: 0 10px; margin: 4px; overflow: hidden; }
.overflow { overflow:hidden; }
/*.loading { width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/loading.gif) no-repeat center 50px #fff;z-index:6; }*/


@media screen and (max-width:768px) {
    .case_banner { height: 150px; }
    .case_box .main { padding: 0 7.5px; }
    .case_list { min-height: initial; }
    .case_list li { width: 50%; padding: 7.5px; }
    .case_list li .box { padding: 10px; }
}

.page_class { text-align: center; }
.page_class ul { letter-spacing: -4px; font-size: 0; }
.page_class li { display: inline-block; vertical-align: middle; letter-spacing: 0px; min-width: 20px; height: 24px; }
.page_class li a { display: block; font-size: 14px; font-weight: bold; color: #333; padding: 0 5px; border-bottom: 1px solid #333; min-width: 20px; height: 24px; line-height: 24px; }
.page_class li .page_prev { background: url(../images/icon/c02.png) no-repeat center center; border-bottom: none; margin: 0 5px; }
.page_class li .page_next { background: url(../images/icon/c03.png) no-repeat center center; border-bottom: none; margin: 0 5px; }
.page_class li .active { border-bottom: none; font-size: 18px; color: #1883ba; }

/*营销案例*/
.marketing_case { }
.marketing_case li { background: #fff; margin-top: 20px; position: relative; }
.marketing_case li .box { display: block; padding: 20px; min-height: 200px; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.marketing_case li:before { content: ""; width: 0%; height: 100%; display: block; background: #f2f2f2; position: absolute; left: 0; top: 0; z-index: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.marketing_case li:hover:before { width: 100%; }
.marketing_case .img { width: 280px; height: 160px; overflow:hidden; position: absolute; left: 20px; top: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.marketing_case .img img { /*width: 100%;*/ height: 100%; width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    max-width:none !important;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transform: translate3d(-20px,0, 0);
    transform: translate3d(-20px,0,0); }
.marketing_case li:hover img {      -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }

.marketing_case .txt { margin-left: 300px; margin-right: 100px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.marketing_case .txt h4 { font-size: 16px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.marketing_case li:hover .txt h4 { padding-left:20px; }
.marketing_case .txt p { font-size: 12px; color: #999; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.marketing_case .label { margin: 0 -4px; height: 33px; overflow: hidden; }
.marketing_case .label span { display: inline-block; vertical-align: top; height: 25px; border: 1px solid #eaeaea; line-height: 23px; padding: 0 10px; margin: 4px; }
.marketing_case .btn { width: 100px; height: 100%; background: #e5e5e5; position: absolute; right: 0; top: 0; text-align: center; padding-top: 76px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.marketing_case .btn:hover { background: #1883ba; }
.marketing_case .btn .icon_view { width: 26px; height: 21px; display: inline-block; background: url(../images/icon/c04.png) no-repeat; background-position: 0 -21px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.marketing_case .btn:hover .icon_view { background-position: 0 0; }
.marketing_case .btn p { font-size: 12px; color: #666; margin-top: 10px; }
.marketing_case .btn:hover p { color: #fff; }

@media screen and (max-width:768px) {
    .main15 .main { padding: 0 15px; }
    .marketing_case li { margin-top: 15px; }
    .marketing_case li .box { min-height: 80px; padding: 10px; }
    .marketing_case .img { width: 105px; height: 60px; left: 10px; top: 10px; }
    .marketing_case .txt { margin-left: 115px; margin-right: 0; }
    .marketing_case .txt h4 { font-size: 14px; margin-bottom: 5px; }
    .marketing_case .txt p { line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 0px; }
    .marketing_case .label, .marketing_case .btn { display: none; }
}

/*案例详情*/
.case_title { font-size: 18px; font-weight: bold; color: #333; padding: 20px 0px; text-align: center; }
.case_detail { border: 1px solid #e5e5e5; }
.case_top { letter-spacing: -4px; font-size: 0; }
.case_top li { height: 35px; border-bottom: 1px solid #e5e5e5; display: inline-block; vertical-align: top; letter-spacing: 0px; width: 25%; border-right: 1px solid #e5e5e5; line-height: 34px; text-align: center; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.case_top li:hover { background: #f6f6f6; }
.case_top li:last-child { border-right: none; }
.case_top2 li { width: 33.33%; }
.case_top li.case_show, .case_top li.case_prev, .case_top li.case_next { cursor: pointer; }
.case_prev a, .case_next a { display: block; }
.case_show:before { content: ""; width: 14px; height: 14px; background: url(../images/icon/c05.png) no-repeat; display: inline-block; position: relative; top: 2px; right: 5px; }
.case_prev a:before { content: ""; width: 14px; height: 14px; background: url(../images/icon/c06.png) no-repeat; display: inline-block; position: relative; top: 2px; right: 5px; }
.case_next a:after { content: ""; width: 14px; height: 14px; background: url(../images/icon/c07.png) no-repeat; display: inline-block; position: relative; top: 2px; left: 5px; }
.case_cutover { letter-spacing: -4px; font-size: 0; }
.case_cutover.border { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.case_cutover li { height: 35px; border-top: 1px solid #e5e5e5; display: inline-block; vertical-align: top; letter-spacing: 0px; width: 50%; border-right: 1px solid #e5e5e5; line-height: 34px; text-align: center; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_cutover li:last-child { border-right: none; }
.case_cutover li p { margin: 0; }


@media screen and (max-width:1000px) {
    .case_top li { width: 33.3333%; }
}

@media screen and (max-width:1000px) {
    .case_top li { width: 50%; }
    .case_top li:last-child { border-right: 1px solid #e5e5e5; }
}

.case_content { padding: 15px; font-size: 12px; color: #666; line-height: 24px; }
.case_content h2 { font-weight: bold; margin-bottom: 15px; }
.case_content p { font-size: 14px; color: #333; line-height: 24px; text-indent: 27px; margin-bottom: 15px; }
.case_content img { font-size: 0px; display: block; margin: 0 auto; text-indent: -27px; }
.case_bottom { min-height: 40px; background: #f6f6f6; padding: 0 15px; border-top: 1px solid #e5e5e5; }
.case_bottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.case_bottom .keyword { float: left; padding: 10px 0px; font-size: 12px; color: #666; line-height: 20px; }
.case_bottom .keyword em { color: #333; }
.case_bottom .share { float: right; padding: 6px 0px; }
.case_bottom .share_label { float: left; line-height: 26px; color: #333; margin-right: 5px; }

.pop_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000,endColorstr=#5f000000); z-index: 9; display: none; }
.pop_box { width: 100%; max-width: 520px; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 10; }
.pop_title { height: 50px; background: url(../images/icon/c08.png) repeat-x center center; font-size: 16px; font-weight: bold; color: #fff; line-height: 50px; text-align: center; position: relative; }
.pop_title .title { display: block; max-width: 60%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pop_close { font-size: 12px; font-weight: 400; color: #fff; position: absolute; right: 15px; top: 0; }
.pop_content { background: url(../images/icon/c09.png) repeat; padding: 20px 15px 30px; text-align: center; }
.pop_content .pop_txt { font-size: 14px; color: #666; background: url(../images/icon/c10.png) no-repeat center bottom; padding-bottom: 15px; margin-bottom: 20px; }

@media screen and (max-width:550px) {
    .pop_box { top: 0; /*padding: 15px;*/ overflow-y: scroll; overflow-x: hidden; }
}

.case_content2 { padding: 15px; }
.case_title2 { height: 40px; border-bottom: 1px solid #1883ba; margin-bottom: 15px; }
.case_title2 span { display: inline-block; height: 40px; background: #1883ba; width: 150px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; }
.case_info { margin-bottom: 15px; }
.case_info .img { float: left; width: 280px; }
.case_info .txt { margin-left: 295px; }
.case_info .txt h4 { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; }
.case_info .txt p { font-size: 12px; color: #666; line-height: 24px; }
.case_relate { margin-bottom: 15px; }
.case_relate img { width: 100%; border: 10px solid #d9d9d9; }
.case_relate p { font-size: 14px; color: #333; line-height: 24px; margin-top: 5px; }

@media screen and (max-width:768px) {
    .case_title2 { height: 30px; }
    .case_title2 span { width: 100px; height: 30px; line-height: 30px; }
    .case_info .img { float: none; width: 100%; }
    .case_info .txt { margin-left: 0; margin-top: 10px; }
}


/*******客户服务 项目进度查询********/
.project_progress { background: url(../images/img/img91.jpg) no-repeat center bottom; min-height: 400px; background-size: cover; }
.progress { letter-spacing: -4px; font-size: 0; position: relative; }
.progress.sec1 .main { padding: 100px 0px 50px; }
.progress.sec2 .main { padding: 100px 0px; }
.progress .txt { display: inline-block; vertical-align: middle; width: 40%; letter-spacing: 0px; padding: 0 5%; }
.progress .txt p { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; position: relative; padding-left: 60px; }
.progress .number { width: 50px; height: 50px; display: inline-block; background: url(../images/icon/c13.png) no-repeat; line-height: 50px; text-align: center; font-size: 24px; font-weight: bold; color: #1883ba; position: absolute; left: 0; top: 50%; margin-top: -25px; }
.progress .img { display: inline-block; vertical-align: middle; width: 50%; letter-spacing: 0px; padding: 0 15px; text-align: center; }
.progress.sec2 { background: url(../images/icon/c12.png) no-repeat left bottom; }
.progress_link { width: 210px; height: 70px; display: block; background: url(../images/icon/c14.png) no-repeat; line-height: 70px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; margin: 0 auto; position: relative; }

@media screen and (max-width:768px) {
    .progress .txt { position: absolute; left: 0px; top: 50px; width: 100%; }
    .progress .txt p { font-size: 14px; }
    .progress .img { margin-top: 50px; width: 100%; }
}

.project_progress2 { background: url(../images/img/in01.jpg) repeat-y center top; min-height: 500px; background-size: cover; position: relative; }
.project_progress2 .main { min-height: 500px; }
.project_progress2 .img { position: absolute; right: 0; bottom: 0; width: 50%; }
.project_progress2 .txt { width: 40%; margin-left: 10%; margin-top: 15%; }
.project_progress2 .site_title { text-align: left; background: url(../images/icon/in02.png) no-repeat left center; padding-left: 45px; }
.project_progress2 .ele_txt1 { width: 100%; text-align: left; margin: 15px auto; }

@media screen and (max-width:1000px) {
    .project_progress2 .img { position: initial; right: 0; bottom: 0; width: initial; }
    .project_progress2 .txt { width: 100%; margin: 0; }
    .project_progress2 .site_title { text-align: center; background: none; padding-left: 0; }
    .project_progress2 .ele_txt1 { width: 50%; text-align: center; margin: 40px auto; }
}

@media screen and (max-width:768px) {
    .project_progress2, .project_progress2 .main { min-height: 350px; }
    .project_progress2 .ele_txt1 { width: 100%; }
}

.sp_box { background: #f6f6f6; }
.site_title5 { font-size: 24px; text-align: center; margin-top: 50px; }
.site_title5 em { font-size: 36px; font-weight: bold; color: #2591ff; }
.sp_list1 { letter-spacing: -4px; font-size: 0; margin-top: 50px; }
.sp_list1 li { width: 30%; display: inline-block; vertical-align: top; letter-spacing: 0; text-align: center; margin: 0 1.6666%; }
.sp_list1 li img { }
.sp_list1 li p { font-size: 16px; color: #666; font-style: italic; line-height: 30px; margin-top: 15px; }

@media screen and (max-width:768px) {
    .site_title5 { font-size: 20px; }
    .sp_list1 { margin-top: 35px; }
    .sp_list1 li { width: 48%; margin: 15px 1% 0; }
    .sp_list1 li p { font-size: 12px; line-height: 24px; }
}

.progress2 { margin-top: 100px; }
.progress2 .txt { display: inline-block; vertical-align: middle; width: 40%; letter-spacing: 0px; padding: 0 5%; }
.progress2 .txt p { font-size: 16px; line-height: 30px; position: relative; padding-left: 30px; margin: 7px 0; }
.progress2 .txt p:before { content: ""; width: 15px; height: 15px; display: block; background: #2591ff; position: absolute; left: 0; top: 8px; }
.progress2 .img { display: inline-block; vertical-align: middle; width: 50%; letter-spacing: 0px; padding: 0 15px; text-align: center; }

@media screen and (max-width:768px) {
    .m_H50 { height: 50px; }
    .progress2 { margin: 0; }
    .progress2 .txt { width: 100%; padding: 0; }
    .progress2 .img { display: none; }
}

.sp_box2 { background: url(../images/img/in08.jpg) repeat-y center top; min-height: 320px; margin-top: 50px; }
.sp_box2 .main { min-height: 320px; }
.sp_box2 .site_title { position: absolute; left: 10%; top: 50%; margin-top: -13px; }
.progress_link2 { width: 218px; height: 78px; display: block; background: url(../images/icon/in01.png) no-repeat; font-size: 18px; font-weight: bold; color: #2591ff; line-height: 74px; text-align: center; position: absolute; right: 15%; top: 50%; margin-top: -39px; }

@media screen and (max-width:768px) {
    .sp_box2 .site_title { position: initial; margin: 50px auto 0; }
    .progress_link2 { position: initial; margin: 70px auto 50px; }
}

/*******关于我们*******/
.company_show { background: url(../images/img/bg14.jpg) no-repeat; }
.show_list { width: 60% !important; margin: 40px auto 50px !important; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.show_list .swiper-container { width: 100% !important; }
.show_list .swiper-wrapper { height: auto !important; }
.show_list .swiper-slide { height: auto !important; position: relative; }
.show_list img { width: 100%; max-height: none !important; font-size: 0px; display: block; }
.show_list .show_txt { background: #fff; padding: 10px 15px; height: 95px; overflow: hidden; font-size: 14px; color: #333; line-height: 25px; }
.show_list .show_txt p { height: 75px; overflow: hidden; }
.company_show .arrow-left { width: 50px; height: 50px; display: block; background: url(../images/icon/c15.png) no-repeat; position: absolute; left: 5%; top: 50%; margin-top: -10px; z-index: 1; }
.company_show .arrow-right { width: 50px; height: 50px; display: block; background: url(../images/icon/c16.png) no-repeat; position: absolute; right: 5%; top: 50%; margin-top: -10px; z-index: 1; }

@media screen and (max-width:768px) {
    .show_list { width: 100% !important; }
    .show_list .show_txt { background: #fff; padding: 10px 15px; height: initial; overflow: hidden; font-size: 14px; color: #333; line-height: 25px; }
    .show_list .show_txt p { height: initial; overflow: hidden; }
    .company_show .arrow-left { width: 30px; height: 30px; background-size: 30px 30px; left: 15px; margin-top: -5px; }
    .company_show .arrow-right { width: 30px; height: 30px; background-size: 30px 30px; right: 15px; margin-top: -5px; }
}

.company_business { letter-spacing: -4px; font-size: 0; margin-top: 50px; }
.company_business li { letter-spacing: 0px; display: inline-block; vertical-align: top; width: 16.6666%; border: 1px solid #e5e5e5; text-align: center; position: relative; }
.company_business li:hover { background: #f6f6f6; }
.company_business li a { display: block; padding: 35px 15px 45px; }
.company_business li h4 { font-size: 16px; margin-bottom: 15px; }
.company_business li p { font-size: 12px; color: #666; line-height: 24px; margin-bottom: 30px; }
.company_business li:hover h4，.company_business li:hover p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.company_business .icon { width: 31px; height: 30px; display: inline-block; background: url(../images/icon/c17.png) no-repeat 0 0; margin-bottom: 15px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.company_business .icon1 { background-position: 0px 0px; }
.company_business .icon2 { background-position: 0px -60px; }
.company_business .icon3 { background-position: 0px -120px; }
.company_business .icon4 { background-position: 0px -180px; }
.company_business .icon5 { background-position: 0px -240px; }
.company_business .icon6 { background-position: 0px -300px; }
.company_business li:hover .icon1 { background-position: 0px -30px; }
.company_business li:hover .icon2 { background-position: 0px -90px; }
.company_business li:hover .icon3 { background-position: 0px -150px; }
.company_business li:hover .icon4 { background-position: 0px -210px; }
.company_business li:hover .icon5 { background-position: 0px -270px; }
.company_business li:hover .icon6 { background-position: 0px -330px; }
.company_business .link { width: 26px; height: 26px; display: inline-block; background: url(../images/icon/c18.png) no-repeat; position: absolute; left: 50%; bottom: 25px; margin-left: -13px; }
.company_business li:hover .link { background: url(../images/icon/c19.png) no-repeat; }

@media screen and (max-width:768px) {
    .company_business li { width: 100%; margin-top: 15px; }
}

.company_vision { background: #f6f6f6; letter-spacing: -4px; font-size: 0; margin-top: 50px; }
.vision_title { width: 25%; height: 80px; display: inline-block; vertical-align: middle; background: url(../images/icon/c20.png) no-repeat; padding-left: 25px; letter-spacing: 0px; }
.vision_title .site_title { margin-top: 15px; text-align: left; }
.vision_title .site_title2 { text-align: left; }
.vision_list { width: 75%; display: inline-block; vertical-align: middle; letter-spacing: 0px; }
.vision_list ul { letter-spacing: -4px; font-size: 0; }
.vision_list li { letter-spacing: 0px; display: inline-block; vertical-align: top; width: 33.3333%; position: relative; }
.vision_list li img { font-size: 0px; display: block; margin: 0 auto; }
.vision_list li .txt { display: table; table-layout: fixed; width: 100%; text-align: center; padding: 0px 5%; }
.vision_list li .txt p { display: table-cell; vertical-align: middle; font-size: 16px; color: #333; line-height: 25px; }

@media screen and (max-width:768px) {
    .vision_title { width: 100%; height: inherit; display: block; background: none; padding-left: 0px; }
    .vision_title .site_title { margin-top: 0px; text-align: center; padding-top: 50px; }
    .vision_title .site_title2 { text-align: center; }
    .vision_list { margin-top: 50px; width: 100%; }
    .vision_list li { width: 100%; }
    .vision_list li .img { width: 100%; text-align: center; }
}

.company_values { background: url(../images/img/bg15.jpg) no-repeat; background-size: cover; }
.value_list { background: #26a0df; position: relative; margin: 50px auto; }
.value_list li { padding: 20px; }
.value_list li h4 { font-size: 18px; font-weight: bold; color: #fff; }
.value_list li p { font-size: 14px; color: #fff; line-height: 30px; }
.value_list li.li1 { width: 25%; }
.value_list li.li2 { background: #2bafc7; width: 25%; height: 50%; position: absolute; left: 25%; top: 0; }
.value_list li.li3 { background: #2bc792; width: 25%; height: 50%; position: absolute; left: 50%; top: 0; }
.value_list li.li4 { background: #2b78c7; width: 25%; height: 50%; position: absolute; left: 75%; top: 0; }
.value_list li.li5 { background: #2bc5c7; width: 37.5%; height: 50%; position: absolute; left: 25%; top: 50%; }
.value_list li.li6 { background: #26a0df; width: 37.5%; height: 50%; position: absolute; left: 62.5%; top: 50%; }

@media screen and (max-width:768px) {
    .value_list li { width: 100% !important; position: initial !important; left: initial !important; top: initial !important; }
}


/*******联系我们*******/
.iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; }
.iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; }
#dituContent img { max-width: none !important; max-height: none !important; }
.address_box { background: url(../images/img/bg16.jpg) no-repeat center center; background-size: cover; }
.address_content { margin: 50px auto; }
.map { width: 50%; float: left; }
.route { width: 50%; height: 400px; float: left; background: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); color: #fff; /*padding: 25px;*/ position: relative; }
.route_side { width: 80px; height: 100%; position: absolute; left: -80px; top: 0; background: url(../images/icon/c21.png) repeat; }
.route_side .s1 { background: url(../images/icon/c22.png) no-repeat 10px center; padding-left: 40px; margin-top: 65px; position: relative; }
.route_side .s2 { background: url(../images/icon/c23.png) no-repeat 10px center; padding-left: 40px; margin-top: 25px; position: relative; }
.route_side .s1::after, .route_side .s2::after { content: ""; width: 6px; height: 12px; display: block; background: url(../images/icon/c24.png) no-repeat; position: absolute; right: -6px; top: 4px; }
.route p { line-height: 20px; }
.route_title { font-size: 16px; font-weight: bold; border-bottom: 1px solid #6a6a6a; height: 60px; line-height: 60px; padding: 0 20px; }
.route_txt { height: 340px; padding-right: 30px; }
.route_txt dl { }
.route_txt dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.route_txt dl dt { width: 90px; float: left; text-align: center; padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
.route_txt dl dt img { display: inline-block; vertical-align: middle; margin-right: 5px; }
.route_txt dl dd { margin-left: 90px; border-left: 1px solid #6a6a6a; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; }

@media screen and (max-width:768px) {
    .map { width: 100%; }
    .map #dituContent { height: 250px !important; }
    .route { width: 100%; height: initial !important; }
    .route_side { display: none; }
}

.code_box { letter-spacing: -4px; font-size: 0; text-align: center; margin-top: 50px; }
.code_txt { display: inline-block; vertical-align: top; width: 50%; letter-spacing: 0px; }
.code_txt.align_right { padding-right: 35px; }
.code_txt.align_left { padding-left: 35px; }
.code_txt img, .code_txt em { display: inline-block; vertical-align: middle; font-size: 16px; margin: 0 3px; }
.code_content { background: url(../images/icon/c25.png) repeat-x; margin-top: 10px; }
.code_img.align_right img { border-right: 15px solid #fff; width: 155px; height: 140px; }
.code_img.align_left img { border-left: 15px solid #fff; width: 155px; height: 140px; }

@media screen and (max-width:768px) {
    .code_img.align_right img { border-right: 7.5px solid #fff; }
    .code_img.align_left img { border-left: 7.5px solid #fff; }
}

.contact_form { }
.contact_form li { width: 32%; margin-left: 2%; border-bottom: 1px solid #d9d9d9; height: 40px; margin-top: 20px; position: relative; float: left; }
.contact_form li.li1 { margin-left: 0px; }
.contact_form li.li4 { margin-left: 0px; width: 100%; }
.contact_form li .name { line-height: 40px; position: absolute; left: 0; top: 0; font-size: 14px; color: #333; }
.contact_text { height: 39px; width: 100%; padding-left: 60px; line-height: 39px; outline: none; }
.contact_submit { border: 1px solid #d9d9d9; margin: 40px auto 0px; }

@media screen and (max-width:768px) {
    .contact_form li { width: 100% !important; margin-left: 0 !important; }
}


/*******缤纷海淘*******/
.news_banner { background: url(../images/img/bg17.jpg) no-repeat center center; }
.news_class { background: #f6f6f6; padding: 20px 0px; letter-spacing: -4px; font-size: 0; }
.news_class li { width: 150px; height: 35px; display: inline-block; vertical-align: top; letter-spacing: 0px; }
.news_class li a { display: block; height: 35px; line-height: 33px; text-align: center; font-size: 14px; font-weight: bold; color: #333; }
.news_class li a.active { border: 1px solid #222; }

@media screen and (max-width:768px) {
    .news_class ul { overflow-x: auto;white-space: nowrap; }
    .news_class li { width: 25%; }
    .news_class li a{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

.news_list3 { letter-spacing: -4px; font-size: 0; }
.news_list3 li { width: 33.3333%; display: inline-block; vertical-align: top; letter-spacing: 0px; padding: 0 10px; margin-top: 20px; }
.news_list3 li a { display: block; border: 1px solid #eaeaea; padding: 15px; position: relative; }
.news_list3 .date { position: absolute; left: 15px; top: 15px; width: 24%; display: table; }
.news_list3 .middle { position: absolute; left: 0; top: 50%; margin-top: -50px; width: 100%; max-width: 90px; height: 90px; text-align: center; }
.news_list3 .middle h4 { font-size: 30px; font-weight: bold; color: #333; margin-bottom: 10px; }
.news_list3 .middle p { font-size: 14px; color: #999; line-height: 20px; }
.news_list3 .img { margin-left: 30%; }
.news_list3 .img img { font-size: 0px; display: block; }
.news_list3 .txt1 { font-size: 14px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0px; border-bottom: 1px solid #eaeaea; }
.news_list3 .txt2 { font-size: 12px; color: #999; line-height: 20px; height: 60px; overflow: hidden; margin-top: 10px; }

@media screen and (max-width:1000px) {
    .news_list3 li { width: 50%; }
}

@media screen and (max-width:768px) {
    .news_list3 li { width: 100%; padding: 0px; }
}

/*新闻详情*/
.location { font-size: 12px; color: #666; line-height: 20px; }
.location a { font-size: 12px; color: #666; }
.home { background: url(../images/icon/home.png) no-repeat left center; padding-left: 18px; }
.news_info { background: #f6f6f6; padding: 15px 15px; position: relative; }
.news_info .title { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.news_info .date { font-size: 12px; color: #666; background: url(../images/icon/f01.png) no-repeat left center; padding-left: 20px; line-height: 26px; }
.news_info .share { display: inline-block; vertical-align: top; margin-left: 20px; }
.news_info .share_label { line-height: 26px; color: #333; margin-right: 5px; background: url(../images/icon/f02.png) no-repeat left center; padding-left: 20px; float: left; }
.article_btn_box { position: absolute; right: 0px; top: 0px; width: 200px; height: 100%; letter-spacing: -4px; font-size: 0; }
.article_btn { width: 100px; height: 100%; display: inline-block; vertical-align: top; letter-spacing: 0px; text-align: center; }
.article_btn:hover { background: #167aad; color: #fff; }
.article_btn p { margin-bottom: 10px; margin-top: 20px; }
.article_btn i { display: inline-block; width: 14px; height: 14px; background: url(../images/icon/f03.png) no-repeat 0 0; }
.article_btn .left { background-position: 0px 0px; }
.article_btn:hover .left { background-position: 0px -14px; }
.article_btn .right { background-position: 0px -28px; }
.article_btn:hover .right { background-position: 0px -42px; }
.news_detail { padding: 24px; font-size: 14px; color: #888; line-height: 24px; }
.news_detail p { font-size: 14px; color: #888; line-height: 24px; text-indent: 27px; margin-bottom: 15px; }
.news_detail h2, .news_detail h3 { font-weight: bold; margin-bottom: 15px; margin-top: 15px; color: #333; }
.news_detail img { display: block; font-size: 0px; margin: 10px auto; text-indent: -27px; }
.news_detail a, .case_content a { color: #167aad; border-bottom: 1px solid #167aad; }

@media screen and (max-width:768px) {
    .news_info { margin: 0 -15px; }
    .news_info .title { font-size: 16px; }
    .article_btn_box { width: 100%; height: 25px; position: initial; margin-top: 7px; }
    .article_btn { width: 50%; border: 1px solid #e5e5e5; }
    .article_btn p { margin-bottom: 0px; margin-top: 0px; line-height: 25px; }
    .article_btn i { display: none; }
    .news_detail { padding: 20px 0px; }
}

@media screen and (max-width:440px) {
    .news_info .share { display: block; margin-left: 0px; }
}

/*海淘观点*/
.news_list4 { }
.news_list4 li { width: 100%; border: 1px solid #eaeaea; margin-top: 20px; }
.news_list4 li a { display: block; padding: 20px 40px 20px 140px; min-height: 140px; position: relative; }
.news_list4 .date { width: 100px; height: 100px; background: #f6f6f6; text-align: center; position: absolute; left: 20px; top: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.news_list4 .date h4 { font-size: 24px; font-weight: bold; color: #333; margin-top: 20px; margin-bottom: 10px; }
.news_list4 .date p { font-size: 12px; }
.news_list4 li .title { font-size: 16px; font-weight: bold; color: #333; margin-top: 5px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.news_list4 li .txt { font-size: 12px; color: #999; line-height: 20px; height: 40px; overflow: hidden; }
.news_list4 .more { width: 30px; height: 30px; display: block; background: url(../images/icon/f04.png) no-repeat; position: absolute; right: 0px; bottom: 0px; }
.news_list4 li:hover .date { background: #167aad; }
.news_list4 li:hover .date h4, .news_list4 li:hover .date p { color: #fff; }
.news_list4 li:hover .title { color: #167aad; padding-left: 20px; }

@media screen and (max-width:768px) {
    .news_list4 li { margin-top: 15px; }
    .news_list4 li a { padding: 10px 10px 10px 100px; min-height: 100px; }
    .news_list4 .date { width: 80px; height: 80px; left: 10px; top: 10px; }
    .news_list4 .date h4 { margin-top: 10px; margin-bottom: 5px; }
    .news_list4 li .title { font-size: 14px; margin-bottom: 5px; }
    .news_list4 li:hover .title { padding-left: 0px; }
    .news_list4 .more { display: none; }
}


/*******人才招聘*******/
.benefits { background: url(../images/img/bg18.jpg) no-repeat center center; }
.benefits_content { margin: 50px auto; letter-spacing: -4px; font-size: 0; }
.benefits_content .img { width: 40%; display: inline-block; vertical-align: middle; letter-spacing: 0px; text-align: right; padding-right: 40px; }
.benefits_content .txt { width: 60%; display: inline-block; vertical-align: middle; color: #fff; letter-spacing: 0px; padding-right: 40px; }
.benefits_content .txt h4 { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.benefits_content .txt p { font-size: 14px; line-height: 25px; }
.benefits_bottom { height: 100px; background: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); letter-spacing: -4px; font-size: 0; }
.benefits_bottom li { display: inline-block; vertical-align: top; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; letter-spacing: 0px; width: 14.2857%; text-align: center; margin-top: 30px; cursor: pointer; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.benefits_bottom li.current { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.benefits_bottom li.current:before { content: ""; width: 27px; height: 6px; display: block; position: absolute; left: 50%; top: -36px; margin-left: -13.5px; background: url(../images/icon/f12.png) no-repeat; }
.benefits_bottom li img { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }

@media screen and (max-width:768px) {
    .benefits_content .img { width: 100%; padding-right: 0px; text-align: center; }
    .benefits_content .txt { width: 100%; padding-right: 0px; margin-top: 15px; }
    .benefits_content .txt h4 { text-align: center; }
    .benefits_bottom { height: 55px; }
    .benefits_bottom li { margin-top: 15px; }
    .benefits_bottom li.current:before { top: -21px; }
    .benefits_bottom li img { width: 25px; }
}

.concept_list { letter-spacing: -4px; font-size: 0; width: 70%; margin: 40px auto 0px; }
.concept_list li { letter-spacing: 0px; display: inline-block; vertical-align: top; width: 25%; height: 104px; }
.concept_list li.li1 { background: url(../images/icon/f19.png) no-repeat center center; }
.concept_list li.li2 { background: url(../images/icon/f20.png) no-repeat center center; }
.concept_list li.li3 { background: url(../images/icon/f21.png) no-repeat center center; }
.concept_list li.li4 { background: url(../images/icon/f22.png) no-repeat center center; }
.concept_list li p { font-size: 24px; line-height: 104px; text-align: center; letter-spacing: 5px; padding-left: 5px; font-family: "新宋体"; }

@media screen and (max-width:768px) {
    .concept_list { width: 100%; margin: 25px auto 0px; }
    .concept_list li { width: 50%; margin-top: 15px; }
}

.concept_list2 { background: url(../images/img/bg19.jpg) no-repeat center center; height: 360px; margin-top: 50px; }
.concept_txt { height: 360px; display: table; width: 50%; text-align: right; padding-right: 30px; }
.concept_txt .middle { display: table-cell; vertical-align: middle; }
.concept_txt h4 { font-size: 24px; font-weight: bold; color: #fff; line-height: 30px; margin-bottom: 15px; }
.concept_txt p { font-size: 12px; color: #fff; line-height: 20px; }

@media screen and (max-width:768px) {
    .concept_txt { width: 100%; padding-right: 0px; text-align: left; }
    .concept_txt h4 { font-size: 20px; }
}

.development_list { letter-spacing: -4px; font-size: 0; }
.development_list li { display: inline-block; vertical-align: top; letter-spacing: 0px; width: 16.6666%; text-align: center; }
.development_list li.li1 { background: #228bcc; }
.development_list li.li2 { background: #2296cc; }
.development_list li.li3 { background: #22a6cc; }
.development_list li.li4 { background: #22becc; }
.development_list li.li5 { background: #22ccba; }
.development_list li.li6 { background: #22cc8a; }
.development_list li .cell { padding: 30px 20px; }
.development_list li img { margin-bottom: 15px; }
.development_list li:hover img { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.development_list li:hover h4 { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.development_list li:hover p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.development_list li h4 { font-size: 14px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.development_list li p { font-size: 12px; color: #fff; line-height: 24px; color: #fff; text-align: left; }

@media screen and (max-width:768px) {
    .development_list li { width: 100%; }
}

.job_tab { letter-spacing: -4px; font-size: 0; text-align: center; margin-top: 30px; }
.job_tab li { min-width: 110px; padding: 0 15px; display: inline-block; vertical-align: top; letter-spacing: 0; text-align: center; border: 1px solid #e5e5e5; height: 30px; line-height: 30px; margin: 5px; cursor: pointer; font-size: 12px; }
.job_tab li.current { background: #35a9e4; color: #fff; border: none; }
.job_box { background: #f6f6f6; margin-top: 50px; }
.job_list { width: 100% !important; margin: 20px auto 10px !important; padding-bottom: 30px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.job_list .swiper-wrapper { height: auto !important; }
.job_list .swiper-slide { height: auto !important; position: relative; }
.job_list .pagination { position: absolute; left: 0; text-align: center; bottom: 0px; width: 100%; }
.job_list .swiper-pagination-switch { display: inline-block; width: 15px; height: 13px; background: url(../images/icon/web11.png) no-repeat; margin: 0 3px; cursor: pointer; }
.job_list .swiper-active-switch { background: url(../images/icon/web11_1.png) no-repeat; }
.job { letter-spacing: -4px; font-size: 0; }
.job li { letter-spacing: 0px; width: 25%; display: inline-block; vertical-align: top; padding: 10px; }
.job li a { display: block; border: 1px solid #e5e5e5; box-shadow: 2px 2px 4px #e5e5e5; padding: 15px; }
.job li h4 { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 10px; }
.job li p { font-size: 12px; color: #666; line-height: 26px; }

@media screen and (max-width:768px) {
    .job_list { padding-bottom: 40px; }
    .job li { width: 100%; padding: 0px; margin-top: 15px; }
}

.recruit_list { letter-spacing: -4px; font-size: 0; }
.recruit_list li { padding: 10px; border: 1px solid #e5e5e5; margin-bottom: -1px; text-align: left; line-height: 25px; letter-spacing: 0px; font-size: 12px; }
.recruit_list li.col3 { width: 33.3333%; display: inline-block; vertical-align: top; letter-spacing: 0px; }
.recruit_list li p { margin: 10px 0px; }
.recruit_txt { font-size: 14px; color: #666; line-height: 24px; text-align: left; margin-top: 10px; }
.recruit_link { margin-top: 10px; text-align: left; }


/*********营销推广*********/
.marketing_box { background: url(../images/img/bg34.jpg) repeat-y center center; }
.marketing_list { margin: 50px auto; }
.marketing_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.marketing_list li { height: 200px; text-align: center; width: 16.6666%; float: left; }
.marketing_list li.li1 { background: #10a6ec; width: 33.3333%; }
.marketing_list li.li2 { background: #13dace; }
.marketing_list li.li3 { background: #54c6fb; }
.marketing_list li.li4 { background: #1078ec; }
.marketing_list li.li5 { background: #00fcff; }
.marketing_list li.li6 { background: #085cb9; }
.marketing_list li.li7 { background: #0d73f1; }
.marketing_list li.li8 { background: #00ff90; width: 33.3333%; }
.marketing_list li.li9 { background: #1049ec; }
.marketing_list li.li10 { background: #00baff; }
.marketing_list li a { display: block; width: 100%; height: 100%; }
.marketing_list li img { margin-top: 50px; }
.marketing_list li p { font-size: 16px; font-weight: bold; color: #fff; margin-top: 10px; }
.marketing_list li:hover img { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.marketing_list li:hover p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@media screen and (max-width:768px) {
    .marketing_list li { width: 50% !important; height: 140px; }
    .marketing_list li img { width: 30px; margin-top: 35px; }
    .marketing_list li p { font-size: 14px; }
}

/*电商托管*/
.site_title3 { font-size: 14px; color: #666; text-align: center; margin-top: 15px; }
.market_ele { background: url(../images/img/bg20.jpg) no-repeat center center; }
.market_problem { background: url(../images/img/bg21.jpg) no-repeat center bottom; min-height: 295px; letter-spacing: -4px; font-size: 0; }
.market_problem li { width: 35%; display: inline-block; vertical-align: top; min-height: 142px; letter-spacing: 0; margin-top: 50px; padding: 20px 25px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.market_problem li.li1 { background: #35a9e4; }
.market_problem li.li2 { background: #35bde4; margin-left: 30%; }
.market_problem li.li3 { background: #1bdad8; }
.market_problem li.li4 { background: #35e4b5; margin-left: 30%; }
.market_problem li h4 { font-size: 16px; font-weight: bold; color: #fff; line-height: 30px; }
.market_problem li p { font-size: 14px; color: #fff; line-height: 24px; }

@media screen and (max-width:768px) {
    .market_problem { background: none; margin-top: 50px; }
    .market_problem li { width: 100%; margin-left: 0px !important; margin-top: 0px; }
}

.market_service { background: url(../images/img/bg22.jpg) repeat-y center center; padding-bottom: 45px; margin-top: 50px; }
.ms_left { width: 16%; float: left; }
.ms_left .site_title { text-align: left; }
.ms_left .line { width: 40px; height: 5px; display: block; background: #fff; margin-top: 20px; }
.ms_left p { font-size: 14px; color: #fff; line-height: 24px; margin-top: 20px; }
.ms_right { letter-spacing: -4px; font-size: 0; width: 84%; float: left; margin-top: 50px; }
.ms_right li { width: 18%; display: inline-block; vertical-align: top; letter-spacing: 0; border: 5px solid #fff; text-align: center; padding: 20px 10px; margin-left: 2%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.ms_right li img { margin-bottom: 10px; }
.ms_right li h4 { font-size: 14px; font-weight: bold; color: #fff; line-height: 24px; margin-bottom: 10px; }
.ms_right li p { font-size: 12px; color: #fff; line-height: 24px; text-align: left; }
.ms_bg { height: 45px; background: url(../images/img/m02.jpg) no-repeat center center; }

@media screen and (max-width:1000px) {
    .ms_left { width: 100%; }
    .ms_left .site_title { text-align: center; }
    .ms_left .line { margin: 20px auto; }
    .ms_left p { margin-top: 0; text-align: center; }
    .ms_right { width: 100%; }
    .ms_right li { margin: 0 1%; }
}

@media screen and (max-width:768px) {
    .ms_right li { margin: 0px auto 15px; width: 100%; border: 2px solid #fff; }
}

.market_advantage { margin-top: 50px; }
.img_box img { width: 100%; font-size: 0px; display: block; margin: 0 auto; }
.market_list1 { letter-spacing: -4px; font-size: 0; }
.market_list1 li { display: inline-block; vertical-align: top; letter-spacing: 0; width: 20%; min-height: 300px; padding: 15px 15px 35px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.market_list1 li.li1 { background: #35a9e4; }
.market_list1 li.li2 { background: #35bde4; }
.market_list1 li.li3 { background: #1bdad8; }
.market_list1 li.li4 { background: #25daa9; }
.market_list1 li.li5 { background: #2adc54; }
.market_list1 li h4 { font-size: 18px; font-weight: bold; color: #fff; text-align: center; margin-top: 35px; }
.market_list1 li p { font-size: 14px; color: #fff; line-height: 30px; margin-top: 20px; }

@media screen and (max-width:768px) {
    .market_advantage .img_box { display: none; }
    .market_list1 li { min-height: initial; width: 100%; }
    .market_list1 li h4 { margin-top: 20px; }
}

.market_process { letter-spacing: -4px; font-size: 0; margin-top: 50px; }
.market_process li { display: inline-block; vertical-align: top; letter-spacing: 0; text-align: center; width: 16.6666%; position: relative; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.market_process li img { margin-bottom: 20px; }
.market_process li:after { content: ""; width: 23px; height: 23px; display: block; background: url(../images/icon/m12.png) no-repeat center center; position: absolute; left: 50%; top: 53px; margin-left: -11.5px; }
.market_process li p { text-align: left; border-top: 5px solid #35a9e4; font-size: 14px; line-height: 24px; padding: 20px 15px; }

@media screen and (max-width:768px) {
    .market_process li { width: 100%; padding-left: 60px; }
    .market_process li:after { left: 60px; top: 50%; margin-top: -11.5px; background-size: 15px 15px; }
    .market_process li img { position: absolute; left: 0; top: 50%; margin-top: -20px; }
    .market_process li p { border-left: 1px solid #35a9e4; border-top: none; padding: 20px; }
}

.market_process2 li { width: 20%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.market_process2 li:after { content: ""; width: 23px; height: 23px; display: block; background: url(../images/icon/m12.png) no-repeat center center; position: absolute; left: 50%; top: 31px; margin-left: -11.5px; }
.market_process2 li h4 { font-size: 15px; font-weight: bold; padding-bottom: 20px; }

@media screen and (max-width:768px) {
    .market_process2 li { width: 100%; padding-left: 80px; }
    .market_process2 li:after { left: 80px; top: 50%; margin-top: -11.5px; background-size: 15px 15px; }
    .market_process2 li h4 { position: absolute; left: 0; top: 50%; margin-top: -10px; width: 80px; text-align: left; }
    .market_process2 li p { border-left: 1px solid #35a9e4; border-top: none; padding: 20px; }
}


/*国际营销*/
.market_international { background: url(../images/img/bg23.jpg) no-repeat center center; background-size: cover; }
. idea { position: relative; min-height: 26px; margin-top: 50px; }
.mi_idea .site_title { text-align: left; margin-top: 0; position: absolute; left: 0; top: 50%; margin-top: -13px; }
.mi_txt1 { font-size: 14px; line-height: 30px; margin-top: 15px; }
.mi_idea2 { background: url(../images/img/bg25.jpg) no-repeat center center; padding: 40px 0; background-size: cover; text-align: center; margin-top: 50px; }
.mi_idea2 .txt1 { font-size: 16px; font-weight: bold; color: #fff; height: 56px; line-height: 50px; border: 2px solid #fff; padding: 0 30px; display: inline-block; }
.mi_idea2 .txt2 { font-size: 20px; font-weight: bold; color: #fff; margin-top: 15px; }
.mi_idea2 .txt3 { font-size: 16px; font-weight: bold; color: #fff; margin-top: 10px; }

@media screen and (max-width:768px) {
    .mi_idea img { display: none; }
    .mi_idea .site_title { text-align: center; position: initial; }
}

.market_list2 { letter-spacing: -4px; font-size: 0; margin-top: 50px; }
.market_list2 li { letter-spacing: 0; display: inline-block; vertical-align: top; width: 25%; text-align: center; padding: 0 30px; border-right: 1px solid #eaeaea; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.market_list2 li:last-child { border-right: none; }
.market_list2 li h4 { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.market_list2 li img { margin-bottom: 10px; }
.market_list2 li p { font-size: 12px; color: #666; line-height: 24px; text-align: left; text-align: Justify; text-justify: inter-ideograph; }

@media screen and (max-width:768px) {
    .market_list2 { margin-top: 35px; }
    .market_list2 li { width: 100%; border: none; padding: 0px; margin-top: 15px; }
}

.market_advantage2 { background: url(../images/img/bg26.jpg) no-repeat center center; background-size: cover; margin-top: 50px; padding: 50px 0; }
.site_title4 { font-size: 24px; font-weight: bold; color: #fff; margin-top: 20px; }
.ma_left { width: 24%; float: left; border: 10px solid #fff; padding: 40px 15px; margin-right: 2%; min-height: 217px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.ma_left .site_title { margin-top: 5px; text-align: left; }
.ma_right { width: 74%; letter-spacing: -4px; font-size: 0; float: left; }
.ma_right li { display: inline-block; vertical-align: top; letter-spacing: 0; width: 33.33%; padding: 15px; }
.ma_right li.li2, .ma_right li.li3, .ma_right li.li5, .ma_right li.li6 { border-left: 1px solid rgba(255,255,255,.2); }
.ma_right li.li1, .ma_right li.li2, .ma_right li.li3 { border-bottom: 1px solid rgba(255,255,255,.2); }
.ma_right li h4 { font-size: 16px; font-weight: bold; color: #fff; line-height: 20px; position: relative; padding-left: 30px; margin-bottom: 10px; }
.ma_right li h4:before { content: ""; width: 10px; height: 10px; display: block; border: 5px solid #fff; position: absolute; left: 0; top: 0; }
.ma_right li p { font-size: 12px; color: #fff; line-height: 24px; }

@media screen and (max-width:1000px) {
    .ma_left { min-height: initial; border: none; width: 100%; margin-right: 0; padding: 0; }
    .ma_left .site_title { text-align: center; }
    .ma_left .site_title4 { display: none; }
    .ma_right { width: 100%; margin-top: 50px; }
}

@media screen and (max-width:768px) {
    .ma_right li { width: 100%; border: none !important; }
}


/*行业推广*/
.market_industry { background: url(../images/img/bg27.jpg) no-repeat center bottom; }

@media screen and (max-width:768px) {
    .market_industry { background: url(../images/img/bg27.jpg) no-repeat center top; }
}

.mi_tab { width: 75%; height: 83px; margin: 25px auto 0; letter-spacing: -4px; font-size: 0; transform: rotate(-2deg); -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -o-transform: rotate(-2deg); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.mi_tab li { width: 33.33%; display: inline-block; vertical-align: top; letter-spacing: 0; border: 1px solid #eaeaea; }
.mi_tab li a { display: block; line-height: 50px; text-align: center; font-size: 16px; }
.mi_tab li a.active { color: #fff; background: #35a9e4; }

.mi_service { background: url(../images/img/bg28.png) no-repeat center center; background-size: cover; min-height: 442px; padding: 110px 0px; margin-top: -35px; position: relative; }
.mi_service:after { content: ""; width: 60px; height: 60px; display: block; background: url(../images/icon/m23.png) no-repeat; position: absolute; left: 50%; bottom: 5px; margin-left: -30px; }
.mi_service ul { width: 75%; margin: 0 auto; }
.mi_service li { margin: 20px 0; position: relative; padding-left: 44px; }
.mi_service li h4 { font-size: 14px; font-weight: bold; color: #fff; line-height: 24px; }
.mi_service li p { font-size: 14px; color: #fff; line-height: 24px; }
.mi_service li img { position: absolute; left: 0; top: 0; }

@media screen and (max-width:768px) {
    .mi_tab { width: 100%; }
    .mi_tab li a { font-size: 14px; }
    .mi_service ul { width: 100%; }
}

.mi_have { letter-spacing: -4px; font-size: 0; margin-top: 40px; text-align: center; }
.mi_have li { letter-spacing: 0; display: inline-block; vertical-align: top; width: 25%; text-align: center; padding: 0 20px; border-right: 1px solid #eaeaea; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.mi_have li:last-child { border-right: none; }
.mi_have li img { margin-bottom: 15px; }
.mi_have li h4 { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.mi_have li p { font-size: 12px; color: #666; line-height: 24px; text-align: left; }

@media screen and (max-width:768px) {
    .mi_have li { width: 100%; margin-top: 15px; border-right: none; padding: 0; }
}

.mi_choose { background: url(../images/img/bg29.jpg) no-repeat center top #52a5f5; min-height: 570px; padding: 130px 0 50px; margin-top: 50px; position: relative; }
.mi_choose:before { content: ""; width: 60px; height: 60px; display: block; background: url(../images/icon/m23.png) no-repeat; position: absolute; left: 50%; top: 5px; margin-left: -30px; }
.choose_left, .choose_right { width: 50%; float: left; padding: 0 30px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.choose_left { border-right: 1px solid rgba(255,255,255,.2); }
.choose_title { padding-left: 20px; }
.mi_choose li { margin-top: 25px; position: relative; padding-left: 20px; }
.mi_choose li:before { content: ""; width: 6px; height: 6px; display: block; background: #fff; position: absolute; left: 0; top: 12px; }
.mi_choose h4 { font-size: 16px; font-weight: bold; color: #fff; line-height: 30px; }
.mi_choose p { font-size: 14px; color: #fff; line-height: 30px; }

@media screen and (max-width:768px) {
    .choose_left, .choose_right { width: 100%; float: none; padding: 0; border: none; }
}

.market_advantage3 { background: #f6f6f6; padding: 50px 0; }
.market_advantage3 .left { border: 10px solid #35a9e4; width: 18%; float: left; margin-right: 2%; min-height: 230px; padding: 15px; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.market_advantage3 .left:after { content: ""; width: 10px; height: 60px; display: block; background: #f6f6f6; position: absolute; right: -10px; top: 33px; z-index: 0; }
.market_advantage3 .left .title1 { font-size: 20px; font-weight: bold; }
.market_advantage3 .left .title2 { font-size: 24px; font-weight: bold; color: #35a9e4; margin-top: 5px; background: #f6f6f6; position: relative; z-index: 1; }
.market_advantage3 .left .title3 { font-size: 14px; color: #666; margin-top: 5px; white-space: nowrap; z-index: 1; position: relative; }
.market_advantage3 .left img { display: block; margin: 25px auto 0; }
.market_list3 { width: 80%; float: left; letter-spacing: -4px; font-size: 0; }
.market_list3 li { display: inline-block; vertical-align: top; letter-spacing: 0; width: 25%; border-right: 1px solid #eaeaea; padding: 0 15px; min-height: 234px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
.market_list3 li:last-child { border-right: none; }
.market_list3 li h4 { font-size: 18px; font-weight: bold; margin-bottom: 10px; position: relative; padding-left: 20px; }
.market_list3 li h4:before { content: ""; width: 10px; height: 10px; display: block; background: #35a9e4; position: absolute; left: 0; top: 8px; }
.market_list3 li p { font-size: 14px; color: #666; line-height: 30px; }

@media screen and (max-width:1000px) {
    .market_advantage3 .left { border: none; width: 100%; margin-right: 0; min-height: initial; padding: 0; text-align: center; float: none; }
    .market_advantage3 .left:after { display: none; }
    .market_advantage3 .left .title2 { background: none; font-size: 12px; font-weight: 400; font-family: SimSun; color: #333; }
    .market_advantage3 .left img { display: none; }
    .market_list3 { width: 100%; margin-top: 50px; }
}

@media screen and (max-width:768px) {
    .market_list3 { margin-top: 35px; }
    .market_list3 li { width: 100%; border: none; margin-top: 15px; min-height: initial; padding: 0; }
}

/*基础推广*/
.market_basis { background: url(../images/img/bg30.png) no-repeat center top; }
.market_basis img { margin-top: 15px; }
.market_basis2 { background: #e0941c; letter-spacing: -4px; font-size: 0; margin-top: -138px; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.market_basis2 li { letter-spacing: 0; display: inline-block; vertical-align: top; width: 33.33%; border-right: 1px solid rgba(255,255,255,.2); padding: 25px; min-height: 138px; }
.market_basis2 li:last-child { border-right: none; }
.market_basis2 li h4 { font-size: 16px; font-weight: bold; color: #fff; line-height: 30px; margin-bottom: 10px; }
.market_basis2 li p { font-size: 14px; color: #fff; line-height: 24px; }
.market_basis3 { font-size: 18px; font-weight: bold; border: 3px solid #118bc9; display: inline-block; margin-top: 50px; padding: 10px 30px; line-height: 24px; text-align: left; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.market_basis3:before { content: ""; width: 40px; height: 40px; display: block; background: url(../images/icon/m28.png) no-repeat center center #fff; position: absolute; left: 10px; top: -27px; }

@media screen and (max-width:768px) {
    .market_basis2 { margin-top: -25px; }
    .market_basis2 li { width: 100%; padding: 15px 0; border: none; min-height: initial; }
    .market_basis3 { font-size: 14px; padding: 10px 15px; }
}

.promote { background: url(../images/img/bg31.jpg) repeat-y center top; margin-top: 50px; padding: 60px 0 50px; position: relative; }
.promote:before { content: ""; width: 70px; height: 35px; display: block; background: url(../images/icon/m29.png) no-repeat; position: absolute; left: 50%; top: 0; margin-left: -35px; }
.promote .left { border: 10px solid #222; margin-right: 0; }
.promote .left:after { background: #c4e5f4; top: 63px; }
.promote .left .title2 { background: #c4e5f4; color: #333; }
.market_list4 { float: left; width: 82%; }
.market_list4:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.market_list4 li { width: 45%; background: #fff; min-height: 230px; float: left; margin-left: 5%; padding: 25px; }
.market_list4 li h4 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.market_list4 li p { font-size: 14px; color: #666; line-height: 24px; }

@media screen and (max-width:1000px) {
    .promote .left { border: none; }
    .promote .left .title2 { background: none; }
    .market_list4 { float: none; width: 100%; margin-top: 50px; }
    .market_list4 li { width: 48%; margin-left: 1%; margin-right: 1%; }
}

@media screen and (max-width:768px) {
    .market_list4 { margin-top: 35px; }
    .market_list4 li { width: 100%; margin: 0; float: none; margin-top: 15px; }
}

.trusteeship { background: url(../images/img/bg32.jpg) repeat-y center top; margin-top: 50px; }
.trust_txt1 { font-size: 14px; color: #fff; line-height: 30px; text-align: center; }
.trust_txt1 .fw { font-size: 16px; font-weight: bold; }
.trust_content { background: url(../images/img/bg33.png) repeat-y center top; min-height: 140px; margin: 50px auto 60px; position: relative; }
.trust_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.trust_content li { width: 50%; float: left; font-size: 14px; color: #fff; line-height: 30px; min-height: 140px; display: table; }
.trust_content li .cell { display: table-cell; vertical-align: middle; max-height: 90px; overflow: hidden; }
.trust_content li.li1 { padding: 25px 110px 25px 65px; }
.trust_content li.li2 { padding: 25px 65px 25px 110px; }
.trust_title { width: 140px; height: 140px; line-height: 140px; text-align: center; font-size: 16px; font-weight: bold; color: #35a9e4; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; }

@media screen and (max-width:1000px) {
    .trust_title { position: initial; width: 100%; height: initial; text-align: center; color: #fff; line-height: 30px; left: 0; top: 0; margin-top: 0; margin-left: 0; margin-bottom: 15px; }
    .trust_content { background: #42b2eb; padding: 15px; min-height: initial; }
    .trust_content li { width: 100%; float: none; padding: 0 !important; min-height: initial; }
}

/*内容推广*/
.market_con { background: url(../images/img/bg35.png) repeat-y center top; }
.market_problem2 { margin-top: 35px; background: url(../images/img/m09.jpg) no-repeat center center; min-height: 316px; }
.market_problem2 .left { width: 35%; float: left; }
.market_problem2 .left li::after { content: ""; width: 12px; height: 14px; display: block; background: url(../images/icon/m45.png) no-repeat; position: absolute; right: 0; bottom: -7px; }
.market_problem2 .right { width: 35%; float: left; margin-left: 30%; }
.market_problem2 .right li::after { content: ""; width: 12px; height: 14px; display: block; background: url(../images/icon/m46.png) no-repeat; position: absolute; left: 0; bottom: -7px; }
.market_problem2 li { font-size: 14px; color: #666; line-height: 24px; padding: 20px 0; border-bottom: 1px solid #d9d9d9; position: relative; padding-left: 50px; }
.market_problem2 li:before { content: ""; width: 23px; height: 29px; display: block; background: url(../images/icon/m44.png) no-repeat; position: absolute; left: 0; top: 15px; }
.market_problem2 li .num { font-size: 16px; font-weight: bold; color: #35a9e4; position: absolute; left: 25px; top: 25px; }

@media screen and (max-width:768px) {
    .market_problem2 { background: none; }
    .market_problem2 .left, .market_problem2 .right { width: 100%; float: none; margin-left: 0; }
    .market_problem2 .right li::after { background: url(../images/icon/m45.png) no-repeat; left: initial; right: 0; }
}

.market_benefit { background: url(../images/img/bg36.jpg) repeat-y center center; margin-top: 50px; }
.benefit_txt1 { font-size: 14px; color: #fff; line-height: 30px; text-align: center; margin-top: 35px; }
.benefit_list { margin: 40px auto 50px; width: 80%; }
.benefit_list li { font-size: 14px; color: #fff; line-height: 30px; padding: 30px 40px; text-align: center; border-bottom-left-radius: 50px; border-top-right-radius: 50px; width: 46%; margin: 0 2%; float: left; }
.benefit_list li.li1 { background: #0ebddd; }
.benefit_list li.li2 { background: #14a1fa; }
.mi_have.percent6 li { width: 16.6666%; }

@media screen and (max-width:768px) {
    .benefit_list { width: 100%; }
    .benefit_list li { width: 100%; float: none; margin: 15px 0 0; }
    .mi_have.percent6 li { width: 100%; }
}

.network { background: url(../images/img/bg37.jpg) repeat-y center center; }
.net_list { width: 30%; float: left; margin-left: 5%; margin-top: 15px; }
.net_list .list_box { background: #fff; }
.net_list ul { letter-spacing: -4px; font-size: 0; }
.net_list li { border: 1px solid #eaeaea; width: 50%; display: inline-block; vertical-align: top; letter-spacing: 0; }
.net_list li img { width: 100%; }
.net_list .net_title { font-size: 16px; font-weight: bold; letter-spacing: 0; text-align: center; margin-bottom: 20px; }
.net_list .ellipsis { background: url(../images/icon/m53.png) no-repeat center center; height: 40px; }

@media screen and (max-width:768px) {
    .net_list { width: 100%; margin-left: 0; }
}

/*品牌营销*/
.site_title3 em { font-weight: bold; color: #333; margin: 0 5px; }
.market_brand { background: url(../images/img/bg38.jpg) repeat-y center center; }
.brand_list1 { min-height: 300px; background: url(../images/img/m29.jpg) no-repeat center center; margin-top: 35px; position: relative; }
.brand_list1 li { font-size: 14px; color: #333; line-height: 30px; padding-top: 12px; min-height: 52px; position: absolute; }
.brand_list1 li .fw { font-weight: bold; }
.brand_list1 li .num { width: 59px; height: 52px; display: inline-block; background: url(../images/icon/m54.png) no-repeat; line-height: 52px; text-align: center; font-size: 20px; color: #35a9e4; font-weight: bold; }
.brand_list1 li.li1, .brand_list1 li.li2, .brand_list1 li.li3 { text-align: right; padding-right: 70px; }
.brand_list1 li.li4, .brand_list1 li.li5, .brand_list1 li.li6 { text-align: left; padding-left: 70px; }
.brand_list1 li.li1 .num, .brand_list1 li.li2 .num, .brand_list1 li.li3 .num { position: absolute; right: 0; top: 0; }
.brand_list1 li.li4 .num, .brand_list1 li.li5 .num, .brand_list1 li.li6 .num { position: absolute; left: 0; top: 0; }
.brand_list1 li.li1 { right: 65%; top: 50px; }
.brand_list1 li.li2 { right: 70%; top: 145px; }
.brand_list1 li.li3 { right: 65%; top: 240px; }
.brand_list1 li.li4 { left: 65%; top: 50px; }
.brand_list1 li.li5 { left: 70%; top: 145px; }
.brand_list1 li.li6 { left: 65%; top: 240px; }

@media screen and (max-width:768px) {
    .brand_list1 { background: none; }
    .brand_list1 li { position: relative; left: initial !important; top: initial !important; right: initial !important; text-align: left !important; padding-left: 25px !important; padding-right: 0 !important; }
    .brand_list1 li .num { left: 0 !important; background: none; text-align: left; }
}

.market_service2 { background: url(../images/img/bg39.jpg) no-repeat center top; margin-top: 50px; }
.market_service2 .percent66 { width: 66%; margin: 0 auto; }
.ms_txt1 { font-size: 14px; color: #fff; line-height: 30px; margin: 40px auto; }
.market_service2 .site_title3 { line-height: 30px; text-align: left; }
.mb_solution { background: #f6f6f6; margin-top: 50px; padding-bottom: 50px; text-align: center; }
.mbs_title_box { text-align: center; margin: 35px auto; }
.mbs_title { height: 50px; border: 3px solid #1f9cdc; display: inline-block; padding: 0 30px; font-size: 14px; font-weight: bold; line-height: 44px; letter-spacing: 1px; position: relative; }
.mbs_title:before { content: ""; width: 20px; height: 3px; display: block; background: #1f9cdc; position: absolute; left: -12px; top: 50%; margin-top: -1.5px; }
.mbs_title:after { content: ""; width: 20px; height: 3px; display: block; background: #1f9cdc; position: absolute; right: -12px; top: 50%; margin-top: -1.5px; }

@media screen and (max-width:768px) {
    .market_service2 .percent66 { width: 100%; }
    .mb_solution { display: none; }
}

.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-inner { overflow: hidden; margin: 3em 0; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; }
.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; }
.nbs-flexisel-inner { overflow: hidden; margin: 0 auto; width: 100%; }
.nbs-flexisel-item { float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; display: inline-block; }
.nbs-flexisel-item img { width: 55%; cursor: pointer; position: relative; margin-bottom: 0px; display: inline; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; }
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 20px; height: 36px; position: absolute; top: 50% !important; margin-top: -18px; cursor: pointer; z-index: 100; }
.nbs-flexisel-nav-left { left: -15px; background: url(../images/icon/m55.png) 0px 0px no-repeat; }
.nbs-flexisel-nav-right { right: -15px; background: url(../images/icon/m56.png) 0px 0px no-repeat; }

.brand_list2 { margin-top: 35px; }
.brand_list2 .client { margin: 0 10px; }
.brand_list2 .txt1 { background: #1fa2dc; padding: 20px; min-height: 203px; }
.brand_list2 .txt1 h4 { font-size: 16px; font-weight: bold; color: #fff; text-align: center; margin: 10px auto 20px; }
.brand_list2 .txt1 p { font-size: 12px; color: #fff; line-height: 28px; }
.brand_list2 .txt2 { border: 1px solid #1fa2dc; color: #333; line-height: 24px; padding: 15px 20px; margin-top: 10px; min-height: 104px; }

.advocate { background: #1fb1dc; margin-top: 50px; padding-bottom: 50px; }
.advocate img { display: block; margin: 35px auto 0; }

@media screen and (max-width:768px) {
    .advocate { display: none; }
}

.brand_list3 { letter-spacing: -4px; font-size: 0; margin-top: 50px; }
.brand_list3 li { width: 25%; display: inline-block; vertical-align: top; letter-spacing: 0; z-index: -1; }
.brand_list3 li h4 { font-size: 14px; font-weight: bold; color: #fff; text-align: center; height: 50px; line-height: 50px; position: relative; }
.brand_list3 li h4:after { content: ""; width: 15px; height: 50px; display: block; position: absolute; right: -14px; top: 0; z-index: 1; }
.brand_list3 li.li1 h4 { background: #1f9ddc; }
.brand_list3 li.li1 h4:after { background: url(../images/icon/m57.png) no-repeat; }
.brand_list3 li.li2 h4 { background: #1fb2dc; }
.brand_list3 li.li2 h4:after { background: url(../images/icon/m58.png) no-repeat; }
.brand_list3 li.li3 h4 { background: #1fc4dc; }
.brand_list3 li.li3 h4:after { background: url(../images/icon/m59.png) no-repeat; }
.brand_list3 li.li4 h4 { background: #1fdcbb; }
.brand_list3 li .list_txt { border: 1px solid #eaeaea; padding: 20px; }
.brand_list3 li p { font-size: 14px; line-height: 30px; }

@media screen and (max-width:768px) {
    .brand_list3 li { width: 100%; }
    .brand_list3 li.li4 h4:after { background: url(../images/icon/m60.png) no-repeat; }
}

/*社区营销*/
.market_community { background: url(../images/img/bg40.jpg) repeat center top; }
.mi_have.percent5 li { width: 20%; }
.mc_txt1 { background: url(../images/img/bg41.jpg) repeat center center; min-height: 200px; text-align: center; margin-top: 50px; }
.mc_txt1 p { font-size: 18px; color: #fff; line-height: 36px; padding: 30px; background: #35a9e4; display: inline-block; margin-top: 50px; width: 60%; text-align: center; }

@media screen and (max-width:1000px) {
    .mc_txt1 p { font-size: 16px; }
}

@media screen and (max-width:768px) {
    .mi_have.percent5 li { width: 100%; }
    .mc_txt1 { display: none; }
}

.mc_benefits { background: url(../images/img/bg42.jpg) repeat center top; margin-top: 50px; }
.benefits_list2 { margin: 50px auto; letter-spacing: -4px; font-size: 0; }
.benefits_list2 li { padding: 20px; font-size: 14px; color: #fff; line-height: 30px; position: relative; width: 23%; margin-left: 1%; margin-right: 1%; letter-spacing: 0; display: inline-block; vertical-align: top; min-height: 130px; }
.benefits_list2 li .num { font-size: 60px; font-weight: bold; color: #fff; position: absolute; right: 0; bottom: 0; line-height: 50px; }
.benefits_list2 li.li1 { background: #35a9e4; }
.benefits_list2 li.li2 { background: #35cde4; margin-top: 45px; }
.benefits_list2 li.li3 { background: #3594e4; }
.benefits_list2 li.li4 { background: #35e4a8; margin-top: 45px; }

@media screen and (max-width:768px) {
    .benefits_list2 li { width: 100%; margin: 15px 0 0 !important; }
}

.market_list3.percent3 { margin-top: -35px; }
.market_list3.percent3 li { width: 33.3333%; min-height: initial; border: none; margin-top: 35px; }
.market_list3.percent3 li h4 { font-size: 14px; }
.market_list3.percent3 li h4:before { top: 5px; }
.market_list3.percent3 li p { font-size: 12px; line-height: 20px; }

@media screen and (max-width:1000px) {
    .market_list3.percent3 { margin-top: 0; }
}

@media screen and (max-width:768px) {
    .market_list3.percent3 { margin-top: 25px; }
    .market_list3.percent3 li { width: 100%; margin-top: 15px; }
}

/*搜索引擎*/
.market_engine { background: url(../images/img/bg43.jpg) repeat center top; }
.me_content { background: #f6f6f6; padding: 50px 0; }
.me_content .left { width: 30%; float: left; position: relative; }
.me_content .left_txt { position: absolute; right: 10%; top: 16%; background: rgba(0,0,0,.9); padding: 20px; }
.me_content .left_txt .txt1 { font-size: 18px; color: #fff; line-height: 30px; }
.me_content .left_txt .txt2 { font-size: 20px; font-weight: bold; color: #fff; }
.me_content .right { width: 70%; float: left; position: relative; padding-right: 7%; }
.me_content .right p { font-size: 14px; line-height: 30px; margin-top: 40px; }
.me_content .right .img1 { float: right; margin-right: -10%; }
.me_content .right .img2 { position: absolute; right: 0; top: 0; }

@media screen and (max-width:1000px) {
    .me_content .txt1, .me_content img { background: none; display: none; }
    .me_content .left, .me_content .right { width: 100%; padding-right: 0; }
    .me_content .left_txt { padding: 0; background: none; position: initial; right: initial; }
    .me_content .left_txt .txt2 { color: #333; text-align: center; background: none; }
}

.engine_service { background: url(../images/img/bg44.jpg) repeat center center; margin-top: 50px; }
.engine_service .left, .engine_service .right { width: 50%; float: left; padding: 0 50px 50px; }
.es_title { font-size: 16px; font-weight: bold; color: #fff; width: 200px; height: 75px; line-height: 70px; text-align: center; display: block; margin: 0 auto 20px; }
.engine_service .left .es_title { background: url(../images/icon/m66.png) no-repeat; }
.engine_service .right .es_title { background: url(../images/icon/m67.png) no-repeat; }
.es_txt1 { font-size: 14px; color: #fff; line-height: 30px; margin-bottom: 25px; }
.es_title2 { font-size: 16px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 20px; }
.es_list li { background: #0881be; padding: 10px 15px; margin-top: 15px; }
.engine_service .right .es_list li { background: #1aa9c3; }
.es_list li h4 { font-size: 14px; font-weight: bold; color: #fff; line-height: 30px; }
.es_list li p { font-size: 14px; color: #fff; line-height: 24px; }

@media screen and (max-width:768px) {
    .engine_service .main { padding: 0; }
    .engine_service .left { width: 100%; float: none; padding: 0 15px 30px; background: #35a9e4; }
    .engine_service .right { width: 100%; float: none; padding: 0 15px 30px; background: #35c9e4; }
}

/*移动营销*/
.market_mobile { background: url(../images/img/bg45.jpg) repeat center top; }
.mi_have li.li1 em { color: #35a9e4; font-weight: bold; }
.mi_have li.li2 em { color: #35c5e4; font-weight: bold; }
.mi_have li.li3 em { color: #35e4c9; font-weight: bold; }
.mi_have li.li4 em { color: #35e47b; font-weight: bold; }

.mm_benefit { background: #fff1e5; margin-top: 50px; }
.benefit_list3 { width: 75%; letter-spacing: -4px; font-size: 0; float: left; margin-top: 35px; padding-bottom: 50px; }
.benefit_list3 li { width: 50%; display: inline-block; vertical-align: top; letter-spacing: 0; padding: 0 30px; margin-top: 15px; }
.benefit_list3 li h4 { font-size: 14px; font-weight: bold; line-height: 30px; padding-left: 20px; position: relative; }
.benefit_list3 li h4::before { content: ""; width: 10px; height: 10px; display: block; background: url(../images/icon/m72.png) no-repeat; position: absolute; left: 0; top: 10px; }
.benefit_list3 li p { font-size: 14px; color: #666; line-height: 24px; }
.benefit_img { width: 25%; float: left; margin-top: 35px; }

@media screen and (max-width:1000px) {
    .benefit_list3 { width: 100%; }
    .benefit_img { display: none; }
}

@media screen and (max-width:768px) {
    .benefit_list3 li { width: 100%; padding: 0; }
}

.mm_advantage { background: url(../images/img/bg46.jpg) repeat center top; padding-bottom: 50px; }
.advantage_list2 { letter-spacing: -4px; font-size: 0; text-align: center; position: relative; margin-top: 60px; }
.advantage_list2 li { min-height: 80px; display: inline-block; vertical-align: top; letter-spacing: 0; width: 50%; margin-top: 30px; }
.advantage_list2 li.li1 { background: url(../images/img/bg47.png) no-repeat right center; }
.advantage_list2 li.li2 { background: url(../images/img/bg48.png) no-repeat left center; }
.advantage_list2 li.li3 { background: url(../images/img/bg49.png) no-repeat right center; text-indent: 90px; }
.advantage_list2 li.li4 { background: url(../images/img/bg50.png) no-repeat left center; text-indent: -90px; }
.advantage_list2 li.li5 { background: url(../images/img/bg51.png) no-repeat center center; }
.advantage_list2 li h4 { font-size: 16px; font-weight: bold; color: #fff; line-height: 30px; padding-top: 12px; }
.advantage_list2 li p { font-size: 14px; color: #fff; line-height: 24px; }
.advantage_list2 .img { position: absolute; left: 50%; bottom: 80px; margin-left: -82px; }

@media screen and (max-width:768px) {
    .advantage_list2 { margin-top: 40px; }
    .advantage_list2 li { width: 100%; margin-top: 1px; text-indent: 0 !important; }
    .advantage_list2 li.li1 { background: #35a9e4; }
    .advantage_list2 li.li2 { background: #248de6; }
    .advantage_list2 li.li3 { background: #21bddf; }
    .advantage_list2 li.li4 { background: #35e4c9; }
    .advantage_list2 li.li5 { background: #0ede61; }
    .advantage_list2 .img { display: none; }
}

/*整合营销*/
.market_intergrate { background: #17b1ed; }
.mi_list1 { letter-spacing: -4px; font-size: 0; width: 95%; margin: 50px auto 0; }
.mi_list1 li { width: 12.5%; display: inline-block; vertical-align: top; letter-spacing: 0; text-align: center; font-size: 14px; color: #fff; }
.mi_list1 li span { width: 80px; height: 80px; line-height: 80px; border-radius: 100%; display: inline-block; }
.mi_list1 li.li1 span { background: #2b9fda; }
.mi_list1 li.li2 span { background: #2bbbda; }
.mi_list1 li.li3 span { background: #2bd0da; }
.mi_list1 li.li4 span { background: #20cfa8; }
.mi_list1 li.li5 span { background: #20cf5a; }
.mi_list1 li.li6 span { background: #dbb725; }
.mi_list1 li.li7 span { background: #f09c51; }
.mi_list1 li.li8 span { background: #eb733e; }

@media screen and (max-width:768px) {
    .mi_list1 { margin-top: 25px; width: 100%; }
    .mi_list1 li { width: 25%; margin-top: 10px; font-size: 12px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
    .mi_list1 li span { width: 60px; height: 60px; line-height: 60px; }
}

.mi_list2 { letter-spacing: -4px; font-size: 0; width: 95%; margin: 35px auto 0; }
.mi_list2 li { width: 50%; display: inline-block; vertical-align: top; letter-spacing: 0; min-height: 170px; font-size: 14px; color: #fff; line-height: 24px; padding: 20px 30px; }
.mi_list2 li.li1 { background: url(../images/img/bg52.png) no-repeat left top; }
.mi_list2 li.li2 { background: url(../images/img/bg53.png) no-repeat right top; }

@media screen and (max-width:1000px) {
    .mi_list2 { width: 100%; }
    .mi_list2 li { }
    .mi_list2 li.li1 { background: #36aae4; }
    .mi_list2 li.li2 { background: #2ca0db; }
}

@media screen and (max-width:768px) {
    .mi_list2 li { width: 100%; }
}

.mi_content { background: url(../images/img/bg54.jpg) repeat-y center top; padding-bottom: 50px; }
.mi_content .tab-title { text-align: center; margin-top: 45px; letter-spacing: -4px; font-size: 0; }
.mi_content .tab-title li { width: 140px; height: 45px; display: inline-block; vertical-align: top; letter-spacing: 0; border: 1px solid #fff; border-radius: 45px; line-height: 43px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin: 0 25px; }
.mi_content .tab-title li.current { background: #fff; color: #333; }
.mi_list3 { letter-spacing: -4px; font-size: 0; margin-top: 15px; text-align: center; }
.mi_list3 li { width: 20%; display: inline-block; vertical-align: top; margin-top: 30px; letter-spacing: 0; padding: 0 20px; border-right: 1px solid rgba(255,255,255,.2); }
.mi_list3 li:last-child { border: none; }
.mi_list3 li h4 { font-size: 16px; color: #fff; line-height: 30px; text-align: center; margin-bottom: 10px; }
.mi_list3 li p { font-size: 14px; color: #fff; line-height: 30px; text-align: left; }

@media screen and (max-width:768px) {
    .mi_content .tab-title li { width: 48%; margin: 5px 1%; font-size: 14px; height: 35px; line-height: 35px; }
    .mi_list3 li { width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,.2); padding: 15px 0; }
}

/*网站建设  功能介绍*/
.feature_bg { background: #f6f6f6; margin-top: 50px; margin-bottom: -50px; padding-bottom: 50px; }
.feature_box { background: #fff; border: 1px solid #d9d9d9; margin-top: 30px; padding: 20px; }
.feature_info { position: relative; padding-left: 70px; min-height: 50px; border-bottom: 1px solid #eaeaea; padding-bottom: 20px; margin-bottom: 20px; }
.feature_info img { position: absolute; left: 0; top: 0; }
.feature_info h4 { font-size: 18px; line-height: 30px; }
.feature_info p { font-size: 12px; color: #666; line-height: 20px; }
.feature_box dl { }
.feature_box dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.feature_box dl dt { font-size: 14px; font-weight: bold; float: left; line-height: 24px; }
.feature_box dl dd { margin-left: 115px; border-left: 1px solid #eaeaea; padding-bottom: 20px; }
.feature_box dl:last-child dd { padding-bottom: 0px; }
.feature_box dl dd span { font-size: 14px; color: #666; margin-left: 20px; display: inline-block; vertical-align: top; line-height: 24px; min-width: 100px; }

@media screen and (max-width:768px) {
    .feature_box { padding: 15px; }
    .feature_box dl dd { margin-left: 100px; padding-bottom: 15px; }
    .feature_box dl dd span { margin-left: 15px; }
}

.backtop { width: 35px; height: 35px; display: block; background: url(../images/top.png) no-repeat; position: fixed; right: 0; bottom: 50px; }
.about_news { font-size: 16px; font-weight: bold; }
.notice_list { }
.notice_list li { position: relative; line-height: 21px; border-bottom: 1px dashed #ccc; }
.notice_list li a { display: block; padding: 10px 100px 10px 0; }
.notice_list li span { display: block; font-size: 14px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice_list li em { position: absolute; right: 0; top: 5px; font-size: 12px; color: #999; }
.notice_list li:hover span { color: #1883ba; }

.footer_phone_box { height: 50px; display: none; }
.footer_phone { width: 100%; position: fixed; width: 100%; bottom: 0px; z-index: 999999; letter-spacing: -4px; font-size: 0; }
.footer_phone_left { background: #167aad; display: inline-block; width: 50%; text-align: center; height: 50px; line-height: 50px; font-size: 14px; color: #fff; letter-spacing: 0px; }
.footer_phone_left:before { content: ""; width: 18px; height: 18px; display: inline-block; background: url(../images/icon/index15.png) no-repeat; position: relative; right: 4px; top: 4px; }
.footer_phone_right { background: #000000; display: inline-block; width: 50%; text-align: center; height: 50px; line-height: 50px; font-size: 14px; color: #fff; letter-spacing: 0px; }
.footer_phone_right:before { content: ""; width: 20px; height: 20px; display: inline-block; background: url(../images/icon/zx2.png) no-repeat; position: relative; right: 4px; top: 4px; }

@media screen and (max-width:768px) {
    .footer_phone_box { display: block; }
}

.news_detail pre, .news_detail blockquote { position: relative; padding: 0 30px; background: #f6f6f6; font-family: 'Microsoft YaHei'; line-height: 25px; }
.news_detail pre:before, .news_detail blockquote:before { content: ""; width: 28px; height: 28px; display: block; background: url(../images/icon/yh1.gif) no-repeat; position: absolute; left: 0; top: 0; }
.news_detail pre:after, .news_detail blockquote:after { content: ""; width: 28px; height: 28px; display: block; background: url(../images/icon/yh1_1.gif) no-repeat; position: absolute; right: 0; bottom: 0; }
.news_detail h3 { font-weight: bold; }

a[href^="mailto:"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -242px; }
a[href$=".doc"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -161px; }
a[href$=".xls"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -282px; }
a[href$=".pdf"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -79px; }
a[href$=".mp3"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -204px; }
a[href$=".swf"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -120px; }
a[href$=".rar"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -38px; }
a[href$=".zip"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -38px; }
a[href*="qianduan.net"] { background: url(../images/ico.gif) no-repeat; padding-right: 18px; background-position: right -328px; }

.news_detail ol { padding-left: 15px; margin-bottom: 15px; }
.news_detail ol li { list-style: inherit; font-size: 14px; color: #777; line-height: 24px; }
.news_detail ul { padding-left: 15px; margin-bottom: 15px; }
.news_detail ul li { font-size: 14px; color: #777; line-height: 24px; }
.news_detail em { font-style: italic; }
.hm-t-go-top { display: none !important; }

.wechat_marketing { position: relative; padding-left: 184px; }
.wechat_marketing dt { display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -15px; font-size: 24px; }
.wechat_marketing dd { /*border-left: 1px solid #d3001a;*/ min-height: 24px; padding: 20px 0; position: relative; }
/*.wechat_marketing dd:first-of-type:before { content: ""; width: 1px; height: 50%; display: block; background: #fff; position: absolute; left: -1px; top: 0; }
.wechat_marketing dd:last-of-type:before { content: ""; width: 1px; height: 50%; display: block; background: #fff; position: absolute; left: -1px; bottom: 0; }*/


.wechat_marketing dd h2 { display: inline-block; position: absolute; left: 15px; top: 50%; margin-top: -10.5px; }
/*.wechat_marketing dd h2:before { content: ""; width: 10px; height: 1px; display: block; background: #d3001a; position: absolute; left: -15px; top: 10px; }*/
.wechat_marketing dd > ul { margin-left: 100px; }
.wechat_marketing dd > ul > li { min-height: 30px; position: relative; }
.wechat_marketing dd > ul > li h3 { position: absolute; left: 15px; top: 50%; margin-top: -10px; }
.wechat_marketing dd > ul > li ul { margin-left: 90px; }
.wechat_marketing dd > ul > li ul li { line-height: 24px; padding-left: 15px; position: relative; }
.wechat_marketing dd a { color: #5bc7f7; }
.wechat_marketing dd a:hover { color: #1883ba; }


@media screen and (max-width:768px) {
    .wechat_marketing { position: initial; padding: 0; }
    .wechat_marketing dt { display: block; text-align: center; position: initial; left: initial; top: initial; margin: 30px 0; }
    .wechat_marketing dd { border-left: none; min-height: 24px; padding: 20px 0; position: relative; }
    .wechat_marketing dd::before, .wechat_marketing dd::after { display: none; }
    .wechat_marketing dd h2 { left: 0; }
    .wechat_marketing dd h2:before { display: none; }
    .wechat_marketing dd > ul { margin-left: 90px; }
}

.wechat_marketing li::before, .wechat_marketing li::after { content: ""; position: absolute; bottom: 50%; left: 0%; width: 10px; height: 50%; border-left: 1px solid #ccc; }
.wechat_marketing li:after { bottom: auto; top: 50%; border-top: 1px solid #ccc; }
.wechat_marketing li:first-child::before, .wechat_marketing li:last-child::after { border: none 0; }
.wechat_marketing li:last-child::before { border-bottom: 1px solid #ccc; -webkit-border-radius: 0 0px 0px 10px; -moz-border-radius: 0 0px 0px 10px; border-radius: 0 0px 0px 10px; }
.wechat_marketing li:first-child::after { -webkit-border-radius: 10px 0 0 0px; -moz-border-radius: 10px 0 0 0px; border-radius: 10px 0 0 0px; }
.wechat_marketing li:only-child::before, .wechat_marketing li:only-child::after { border: none; }
.wechat_marketing li:only-child { padding-top: 0; }
.wechat_marketing ul { position: relative; }
.wechat_marketing ul::before { content: ""; position: absolute; left: -10px; top: 50%; border-top: 1px solid #ccc; width: 10px; height: 0; }

.wechat_marketing dd::before, .wechat_marketing dd::after { content: ""; position: absolute; bottom: 50%; left: 0%; width: 10px; height: 50%; border-left: 1px solid #ccc; }
.wechat_marketing dd:after { bottom: auto; top: 50%; border-top: 1px solid #ccc; }
.wechat_marketing dd:first-child::before, .wechat_marketing dd:first-of-type:before, .wechat_marketing dd:last-child::after { border: none 0; }
.wechat_marketing dd:last-child::before { border-bottom: 1px solid #ccc; -webkit-border-radius: 0 0px 0px 10px; -moz-border-radius: 0 0px 0px 10px; border-radius: 0 0px 0px 10px; }
.wechat_marketing dd:first-child::after, .wechat_marketing dd:first-of-type:after { -webkit-border-radius: 10px 0 0 0px; -moz-border-radius: 10px 0 0 0px; border-radius: 10px 0 0 0px; }
.wechat_marketing dd:only-child::before, .wechat_marketing dd:only-child::after { border: none; }
.wechat_marketing dd:only-child { padding-top: 0; }



/*专题页*/



/*moble*/

.moblie_ad { height: 801px; width: 100%; background: url(../images/zt/mob01.jpg) no-repeat center center; background-size: auto 100%; }
.ht_title h3 { font-size: 40px; text-align: center; max-width: 520px; border-bottom: 1px solid #959595; position: relative; padding-bottom: 10px; margin: 50px auto 0; }
.ht_title p { font-size: 16px; text-align: center; margin-top: 16px; color: #585858; }
.ht_title h3:after { content: ""; width: 160px; height: 5px; background: #129ada; position: absolute; bottom: -3px; left: 0; right: 0; margin: auto; }
.mobile_ban h4 { font-size: 12px; text-align: center; color: #999; }
.mobile_ban h5 { font-size: 16px; text-align: center; }
.mobile_ban h5 b { color: #ff001f; }
.mobile_ban h5 em { color: #FF001F; margin-left: 12px; font-weight: bold; }
.ban1_main { width: 860px; position: relative; margin: 25px auto 66px; }

.mob_dl { background: #129ada; color: #fff; position: absolute; top: 53px; right: 0px; z-index: -1; width: 600px; box-sizing: border-box; padding: 40px; padding-left: 150px; }
.mob_dl dt { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.mob_dl dd { font-size: 14px; line-height: 28px; }



.mobile_ban.ban2 { width: 100%; background: url(../images/zt/ban_bg2.jpg) no-repeat center center; background-size: cover; overflow: hidden; height: 596px; }
.mobile_ban.ban2 .ht_title h3 { color: #fff; border-bottom-color: #fff; margin-top: 130px; }
.mobile_ban.ban2 .ht_title p { color: #fff; }
.mobile_ban.ban2 .ht_title h3:after { background: #fff; }


.ban2_main { text-align: center; }
.ban2_main .img1 { display: inline-block; *display: inline; zoom: 1; margin-top: 30px; }
.ban2_main h3 { margin-top: 10px; }
.ban2_main p { font-size: 16px; margin-top: 12px; color: #666; }

.mob_dl2 { margin-top: 100px; padding-bottom: 50px; text-align: center; }
.mob_dl2 dl { color: #fff; border-radius: 8px; display: inline-block; padding: 24px 32px; text-align: left; position: relative; margin: 0 20px; vertical-align: top; margin-bottom: 20px; width: 324px; box-sizing: border-box; }

.mob_dl2 dl dd { line-height: 2; font-size: 16px; color: #fff; }

.mob_dl2 .dl1 { background: #009fcd; }
.mob_dl2 .dl2 { background: #ff4848; }

.mob_dl2 .dl1 dt { left: -90px; top: -60px; position: absolute; }
.mob_dl2 .dl2 dt { right: -90px; top: -60px; position: absolute; }

.mob_dl2 dl dt em { display: none; }

.mob_ul { width: 1200px; margin: 80px auto 0; }
.mob_ul li { display: inline-block; width: 48%; vertical-align: top; margin-bottom: 50px; }


.mob_ul li .img { display: table-cell; vertical-align: middle; width: 19%; }
.mob_ul li dl { display: table-cell; vertical-align: middle; padding-left: 40px; color: #fff; max-width: 262px; padding-right: 20%; }
.mob_ul li dl dt { font-size: 20px; font-weight: bold; margin-bottom: 8px; color: #fff; }
.mob_ul li dl dd { font-size: 16px; line-height: 1.5; color: #fff; }
.mobile_ban.ban3 { padding-bottom: 80px; width: 100%; background: url(../images/zt/ban_bg3.jpg) repeat-y center center; background-size: cover; overflow: hidden; height: 848px; }


.mobile_ban.ban3 .ht_title { text-align: center; color: #fff; }
.mobile_ban.ban3 .ht_title h3 { color: #fff; border-bottom-color: #fff; }
.mobile_ban.ban3 .ht_title h3:after { background: #fff; }
.mobile_ban.ban3 .ht_title p { color: #fff; }
.mobile_ban.ban3 .ht_title p a { color: #fff; margin-left: 5px; }

.mo_box { position: relative; margin: 30px auto; width: 1000px; z-index: 3; }
.mo_box .img { width: 332px; left: 50%; margin-left: -163px; position: absolute; top: 0; z-index: 2; }
.mo_ul { float: left; margin-top: 80px; position: relative; z-index: 3; }
.mo_ul li { margin-bottom: 32px; }
.mo_ul li img { display: inline-block; vertical-align: middle; }
.mo_ul2 { float: right; margin-top: 80px; position: relative; z-index: 3; }
.mo_ul2 li { margin-bottom: 32px; }
.mo_ul2 li img { display: inline-block; vertical-align: middle; }

.moble_bg { width: 100%; height: 385px; background: url(../images/zt/mob_bg.png) no-repeat center center; }
.moble_box { width: 1200px; margin: 0 auto; text-align: center; }
.moble_box .img { display: inline-block; vertical-align: middle; }
.moble_box dl { display: inline-block; vertical-align: middle; margin-left: 230px; text-align: left; }
.moble_box dl dt { display: inline-block; vertical-align: middle; margin-right: 15px; }
.moble_box dl dd { display: inline-block; vertical-align: middle; color: #fff; }
.moble_box dl dd h4 { font-size: 24px; }
.moble_box dl dd p { font-size: 18px; margin-top: 10px; }

.mob_wrapper { width: 1200px; margin: 0 auto; }
.b4_top { border: 1px solid #c8c8c8; padding: 20px 0 36px; text-align: center; margin-bottom: 20px; margin-top: 70px; }
.b4_top .txt p { font-size: 16px; line-height: 2; }
.b4_top .txt { display: inline-block; vertical-align: middle; text-align: left; margin-right: 90px; }
.b4_top .img { display: inline-block; vertical-align: middle; }
.white { background: #fff; }
.m4_ul { border: 1px solid #c8c8c8; border-right: none; border-bottom: none; word-spacing: -60px; display: inline-table; font-size: 0; }
.m4_ul li { display: inline-block; width: 33.3333%; text-align: center; padding: 15px; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-sizing: border-box; display: inline-block; word-spacing: 0; vertical-align: top; }
.m4_ul li img { display: inline-block; width: 100%; }
.mobile_ban.ban4 { padding-bottom: 80px; width: 100%; background: url(../images/zt/ban_bg4.jpg) repeat-y center center; background-size: cover; overflow: hidden; height: 1090px; }


.mobile_ban.ban4 .ht_title { text-align: center; color: #fff; }
.mobile_ban.ban4 .ht_title h3 { color: #fff; border-bottom-color: #fff; }
.mobile_ban.ban4 .ht_title h3:after { background: #fff; }
.mobile_ban.ban4 .ht_title p { color: #fff; }
.mobile_ban.ban4 .ht_title p a { color: #fff; margin-left: 5px; }

.pic_center { text-align: center; }

.mobile_ban.ban5 { background: #f0f0f0; overflow: hidden; }

.mobile_ban.ban7 { background: #f0f0f0; padding: 40px 0; }
.mob_ul2 { word-spacing: -60px; display: inline-table; font-size: 0; width: 100%; }
.mob_ul2 li { display: inline-block; word-spacing: 0; font-size: 14px; vertical-align: top; width: 33.333%; padding-left: 50px; }
.mob_ul2 li dt { font-size: 28px; color: #c30d23; margin-bottom: 20px; }
.mob_ul2 li dt em { font-size: 25px; color: #999; margin-left: 4px; }
.mob_ul2 li dd { line-height: 32px; border-bottom: 1px dotted #cfcfcf; }
.mob_ul2 li dd:last-child { border: none; }
.mob_ul2 li dd a { color: #666; font-size: 12px; }
.mob_ul2 li dd a:hover { color: #FF001F; text-decoration: underline; }
.mob_ul2 li dd em { color: #C30D23; }

.mob_ul3 { word-spacing: -60px; display: inline-table; font-size: 0; width: 100%; margin-top: 50px; margin-bottom: 120px; text-align: center; }
.mob_ul3 li { display: inline-block; word-spacing: 0; font-size: 14px; vertical-align: top; width: 180px; height: 40px; line-height: 40px; background: #f0f0f0; margin: 0 0.8%; text-align: center; margin-bottom: 26px; }
.mob_ul3 li a { display: block; font-size: 18px; }
.mob_ul3 li:hover { background: #129ada; }
.mob_ul3 li:hover a { color: #fff; }

.mob_ul4 { text-align: center; margin: 60px auto 80px; word-spacing: -60px; display: inline-table; font-size: 0; width: 100%; }
.mob_ul4 li { display: inline-block; vertical-align: top; border: 1px solid #C8C8C8; word-spacing: 0; font-size: 14px; width: 25%; margin-bottom: 10px; }
.mob_ul4 li img { width: 90%; margin: 15px auto; display: block; max-width: 280px; }
.mob_ul4 li b { font-size: 18px; display: block; text-align: center; line-height: 44px; border-top: 1px solid #c8c8c8; }



.mob_swider { width: 60%; max-width: 680px; margin: 40px auto 50px !important; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; position: relative; }
.mob_swider .swiper-container { width: 100% !important; }
.mob_swider .swiper-wrapper { height: auto !important; }
.mob_swider .swiper-slide { height: auto !important; position: relative; }
.mob_swider img { width: 100%; max-height: none !important; font-size: 0px; display: block; }
.mob_swider .show_txt { background: #fff; padding: 10px 15px; height: 95px; overflow: hidden; font-size: 14px; color: #333; line-height: 25px; }
.mob_swider .show_txt p { height: 75px; overflow: hidden; }
.mob_swider .arrow-left { width: 36px; height: 67px; display: block; background: url(../images/zt/btn_l.png) no-repeat; position: absolute; left: 0%; top: 50%; margin-top: -33px; z-index: 1; cursor: pointer; }
.mob_swider .arrow-right { width: 36px; height: 67px; display: block; background: url(../images/zt/btn_r.png) no-repeat; position: absolute; right: 0%; top: 50%; margin-top: -33px; z-index: 1; cursor: pointer; }

.box_pic { text-align: center; margin: 36px 0; }
.box_pic .pic { margin-bottom: 86px; }


@media screen and (max-width:1200px) {
    .mob_ul { width: 94%; }
    .mob_ul li dl { padding-left: 30px; padding-right: 15%; }
    .b4_top { font-size: 0; }
    .b4_top .txt { width: 40%; margin: 0; padding: 0 15px; }
    .b4_top .img { width: 60%; padding: 0 15px; }
    .moblie_ad { height: 500px; }
    .ban2_main { width: 94%; margin: 0 auto; }
    .mob_dl2 { margin-top: 90px; }
    .mob_dl2 dl { margin: 0 10px; }
    .mob_wrapper { width: 94%; margin: 0 auto; }
}

@media screen and (max-width:1199px) {
    .mo_box { width: 100%; margin: 0 auto; }
    .mo_box .img { opacity: 0.1; filter: alpha(opacity=10); }
    .mo_box li .ig2 { display: none; }
}

@media screen and (max-width:960px) {
    .mob_dl2 dl { height: auto !important; }
    .mob_dl2 dl dt img { display: none; }
    .mob_dl2 dl dt { position: static !important; font-size: 20px; }
    .mob_dl2 dl dt em { display: block; }
    .box_pic { text-align: center; margin: 25px 0; }
    .box_pic .pic { width: 50%; margin: 0 auto 20px; }

    .pic_center { display: none; }
}

@media screen and (max-width:880px) {
    .ban1_main { width: 94%; margin-top: 50px; }
    .ban1_main .img1 { width: 100px; height: 100px; position: absolute; left: 0; top: -30px; }
    .mob_dl { position: static; width: 95%; box-sizing: border-box; margin-left: 5%; padding-left: 60px; }
}

@media screen and (max-width:799px) {
    .mobile_ban.ban2 .ht_title h3 { margin-top: 50px; }
    .mob_swider { width: 94%; margin: 25px auto 40px !important; }
    .mo_box { overflow: visible; padding-bottom: 40px; text-align: left; height: auto; }

    .mo_box .img { display: none; }
}


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

    .mob_dl2 dl { margin-bottom: 20px; }
    .ht_title h3 { font-size: 20px; width: 80%; }
    .ht_title p { font-size: 12px; margin-top: 10px; }

    .ht_title h3:after { width: 80px; }
    .mobile_ban.ban2 { height: auto; }
    .mobile_ban.ban4 { height: auto; }
    .mo_box { overflow: hidden; }
    .mo_ul { width: 48%; margin-top: 30px; }
    .mo_ul2 { width: 48%; margin-top: 30px; }
    .mo_ul li { margin-bottom: 15px; }
    .mo_ul2 li { margin-bottom: 15px; }
    .mobile_ban.ban3 { height: auto; padding-bottom: 0; }
    .mob_ul { width: 94%; margin: 30px auto; }
    .mob_ul li .img { vertical-align: top; }
    .mob_ul li { padding: 24px 0; }
    .mob_ul li dl { padding-left: 15px; }
    .mob_ul li dl dt { font-size: 14px; }
    .mob_ul li dl dd { font-size: 12px; }
    .moble_bg { background: #333333; height: auto; }
    .moble_box { width: 94%; margin: 0px auto; overflow: hidden; }
    .moble_box .img { margin-bottom: 25px; margin-top: 20px; }
    .moble_box dl { margin-left: 0; padding-bottom: 20px; }
    .moble_box dl dt { width: 15%; }
    .moble_box dl dd h4 { font-size: 18px; }
    .moble_box dl dd p { font-size: 14px; }
    .mob_ul3 { margin-bottom: 50px; margin-top: 30px; }
    .mob_ul3 li { width: 142px; margin-bottom: 12px; }
    .mob_ul3 li a { font-size: 14px; }
    .mob_dl2 { margin-top: 40px; padding-bottom: 20px; }

    .mob_dl2 dl { width: 100%; margin-left: 0; margin-right: 0; }
    .mob_dl2 dl dt { background: none; position: static; width: auto; height: auto; text-align: left; padding-top: 0; padding-bottom: 10px; }


    .mob_wrapper { width: 94%; margin: 0 auto; }
    .m4_ul li { width: 50%; }
    .mob_ul4 li { width: 49%; }
    .mob_ul4 { margin: 30px auto; }
    .mob_ul4 li:nth-child(2n) { margin-left: 2%; }
    .mob_ul4 li b { font-size: 14px; line-height: 30px; }
    .mob_ul4 li img { width: 94%; margin: 8px auto; max-width: 280px; }


    .mob_ul2 li { width: 100%; padding-left: 0; margin-bottom: 15px; }
    .mob_ul2 li dt { font-size: 20px; }
    .mob_ul2 li dt em { font-size: 18px; }

    .b4_top { text-align: left; padding-left: 5%; }
    .b4_top .txt { margin-bottom: 20px; width: 90%; }
    .b4_top .img { width: 90%; }
    .mobile_ban.ban4 { padding-bottom: 40px; }
}

@media screen and (max-width:640px) {
    .ht_title h3 { margin-top: 25px; }
    .mob_ul li { width: 100%; margin-bottom: 20px; padding: 0; }
    .mob_ul li .img { vertical-align: middle; }
    .mob_ul li dl { padding-right: 0; }
    .ban3 .h_title .txt { border: none; width: 100%; height: auto; }
    .ban3 .h_title h5 { position: static; margin-top: 12px; }
    .mob_dl2 dl dd { font-size: 14px; }
    .moblie_ad { height: 300px; }

    .ban1_main { margin: 50px auto 30px; }
    .ban1_main .img1 { width: 75px; height: 75px; }
    .mob_dl { padding: 20px 20px 20px 60px; }

    .mob_dl dt { font-size: 16px; margin-bottom: 8px; }
    .mob_dl dd { font-size: 12px; line-height: 1.5; }
    .mob_dl2 dl { margin-bottom: 20px; }
    .b4_top { text-align: left; padding-left: 5%; margin-top: 30px; }
    .b4_top .img { width: 90%; }
    .b4_top .txt p { font-size: 14px; }

    .mo_box { padding-bottom: 20px; }
}


@media screen and (max-width:420px) {
    .m4_ul li { width: 100%; }
}


/*moble2*/

.moblie_ad2 { height: 502px; width: 100%; background: url(../images/zt/mob02.jpg) no-repeat center center; background-size: auto 100%; }

.mobile_ban.ban9 { background: #f0f0f0; overflow: hidden; }
.mob2_ul { width: 100%; text-align: center; margin: 80px auto 110px; }
.mob2_ul li { width: 149px; background: url(../images/zt/mob2_l01.png) no-repeat; display: inline-block; vertical-align: middle; margin: 0 30px; }

.mob2_ul li p { font-size: 24px; line-height: 36px; }
.mob2_ul li .txt { margin-top: 50%; position: relative; }

@media screen and (max-width:1200px) {
    .moblie_ad2 { height: 320px; }
    .mob2_ul { margin: 40px auto 60px; }
    .mob2_ul li { margin: 0 20px; }
}

@media screen and (max-width:768px) {
    .moblie_ad2 { height: 240px; }
    .mob2_ul li { width: 20%; background-size: 100%; height: auto; }
    .mob2_ul li p { font-size: 18px; line-height: 24px; }
}

@media screen and (max-width:420px) {
    .mob2_ul li { width: 28%; margin: 0 5px; background-size: 100%; }
    .moblie_ad2 { height: 140px; }
    .mob2_ul li p { font-size: 16px; line-height: 18px; }
}

.mob_table { width: 65%; margin: 40px auto 0; border: 1px solid #c2c2c2; }
.mob_table th { font-size: 20px; color: #fff; padding: 12px 0; background: #5f5f61; text-align: left; padding-left: 3%; border-right: 3px solid #fff; }
.mob_table td { font-size: 20px; padding: 12px 0; padding-left: 3%; border-right: 3px solid #fff; color: #5f5f61; }


.mob_box { background: #e3e3e3; width: 96%; margin: 40px auto 20px; padding: 12px 30px; overflow: hidden; position: relative; }
.mob_box dt { font-size: 23px; font-weight: bold; margin-bottom: 8px; }
.mob_box dd { font-size: 17px; line-height: 36px; }
.mob_l { float: left; }
.mob_r { float: right; }
.mob_box .img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 316px; height: 176px; z-index: 0; }

@media screen and (max-width:1199px) {
    .mob_table { width: 80%; }

    .mob_box .img { opacity: 0.1; filter: alpha(opacity=10); }
}

@media screen and (max-width:767px) {
    .mob_table { width: 100%; }
    .mob_table th { font-size: 14px; }
    .mob_table td { font-size: 14px; }
    .mob_box { width: 100%; }
    .mob_box dt { font-size: 18px; }
    .mob_box dd { font-size: 14px; line-height: 30px; }
    .mob_r { width: 100%; }
    .mob_l { margin-bottom: 30px; width: 100%; }
}


.mobile_ban.ban11 { background: #201f24; overflow: hidden; }
.mobile_ban.ban11 h3 { color: #fff; }
.mobile_ban.ban11 h4 { color: #868589; }

.m_title { padding-left: 120px; background: url(../images/zt/mtit.png) no-repeat; height: 64px; overflow: hidden; margin: 50px 0; }
.m_title p { font-size: 20px; color: #a71c2e; margin-top: 15px; }
.m_title em { color: #868589; font-size: 12px; }


.mob2_ul2 { word-spacing: -60px; display: inline-table; font-size: 0; width: 100%; padding-bottom: 70px; border-bottom: 1px dashed #454447; }
.mob2_ul2 li { display: inline-block; word-spacing: 0; font-size: 14px; width: 154px; text-align: center; margin: 0 4px; vertical-align: top; }
.mob2_ul2 li .ig { display: inline-block; margin-top: -4px; }
.mob2_ul2 li p { font-size: 16px; font-weight: normal; line-height: 18px; color: #808080; }


.mob_box2 { width: 768px; margin: 0 auto; padding-bottom: 60px; }

.mob_img { padding-bottom: 70px; border-bottom: 1px dashed #454447; }

.mob_ban { overflow: hidden; margin-bottom: 20px; }
.mob_ban .img { width: 35%; float: left; }
.mob_ban .box { width: 60%; float: right; }

.mob_box3 dl { padding: 10px 15px; background: #302f33; color: #fff; margin-bottom: 22px; }
.mob_box3 dl dd { font-size: 15px; line-height: 24px; }
.mob_box3 dl dt { font-size: 20px; font-weight: bold; margin-bottom: 13px; }
.mob_box3 dl dt em { color: #a71c2e; }


@media screen and (max-width:767px) {
    .mob_box2 { width: 100%; }
    .mob2_ul2 li .ig { display: none; }
    .mob2_ul2 li p { margin-top: 15px; font-weight: bold; }

    .mob2_ul2 { word-spacing: -60px; display: inline-table; font-size: 0; }
    .mob2_ul2 li { display: inline-block; word-spacing: 0; font-size: 14px; width: 50%; margin: 0; margin-bottom: 30px; }
    .mob_ban .img { display: none; }
    .mob_ban { margin-bottom: 0; }
    .mob_ban .box { float: none; width: 100%; }
}


@media screen and (max-width:640px) {
    .mob_box3 dl dd { font-size: 14px; line-height: 20px; }
    .mob_box3 dl dt { font-size: 16px; margin-bottom: 10px; }
}

.mob2_ul3 { word-spacing: -60px; display: inline-table; font-size: 0; padding-bottom: 70px; border-bottom: 1px dashed #454447; }
.mob2_ul3 li { background: #808080; padding: 0 18px; line-height: 60px; display: inline-block; word-spacing: 0; font-size: 19px; margin-right: 18px; margin-bottom: 26px; }


@media screen and (max-width:767px) {
    .mob2_ul3 li { font-size: 14px; line-height: 40px; padding: 0 8px; margin-right: 5px; margin-bottom: 14px; }
}

.mob_ul5 { word-spacing: -60px; display: inline-table; font-size: 0; margin-top: 60px; margin-bottom: 50px; }
.mob_ul5 li { display: inline-block; word-spacing: 0; font-size: 14px; width: 25%; text-align: center; vertical-align: top; }
.mob_ul5 li img { display: inline-block; }
.mob_ul5 li dl { width: 50%; margin: 0 auto; min-width: 145px; }
.mob_ul5 li dl dt { font-size: 20px; font-weight: bold; margin-top: 12px; margin-bottom: 10px; }
.mob_ul5 li dl dd { font-size: 16px; line-height: 24px; }

.mob_ul6 { word-spacing: -60px; display: inline-table; font-size: 0; margin-top: 60px; margin-bottom: 50px; width: 100%; text-align: center; }
.mob_ul6 li { display: inline-block; word-spacing: 0; font-size: 14px; width: 19%; margin: 0 2%; text-align: center; vertical-align: top; position: relative; min-width: 226px; margin-bottom: 26px; }
.mob_ul6 li img { display: inline-block; }
.mob_ul6 li dl { position: absolute; top: 25%; left: 15%; width: 70%; }
.mob_ul6 li dl dt { font-size: 20px; font-weight: bold; margin-top: 12px; margin-bottom: 10px; }
.mob_ul6 li dl dd { font-size: 14px; line-height: 24px; }

.mobile_ban.ban13 { background: #f0f0f0; overflow: hidden; }

.mob_ban2 { overflow: hidden; padding: 30px 20px; border: 1px solid #c8c8c8; margin: 60px 0 80px; }
.mob_ban2 .img { width: 50%; float: left; margin-right: 1%; }
.mob_ban2 .img img { display: inline-block; }
.mob_ban2 .txt p { font-size: 16px; line-height: 2; }

.mob_box4 ul { display: none; }
.mob_box4 ul li { font-size: 16px; color: #8b8b8b; margin-bottom: 18px; }
.mob_box4 ul li img { display: inline-block; height: 36px; vertical-align: middle; margin-right: 10px; }


@media screen and (max-width:767px) {
    .mob2_ul2 { padding-bottom: 30px; }
    .mob2_ul3 { padding-bottom: 30px; }
    .mob_box2 { padding-bottom: 30px; }
    .mob_ul5 { margin-top: 30px; margin-bottom: 20px; }
    .mob_ul5 li img { width: 50%; min-width: 80px; }
    .mob_ul5 li { width: 50%; }
    .mob_ul5 li dl dt { font-size: 16px; margin: 8px 0 5px; }
    .mob_ul5 li dl dd { font-size: 14px; line-height: 20px; }
    .mob_ban2 .img { width: 100%; float: none; text-align: center; }
    .mob_box4 ul { display: block; }
    .mob_box4 .img { display: none; }
}

@media screen and (max-width:480px) {
    .mob_ban2 .txt p { font-size: 14px; }
    .mob_ban2 { padding: 15px 10px; margin: 30px 0; }
}


/*网站地图*/
.sitemap { padding: 0 15px; background: #f6f6f6; border-radius: 7px; }
.sitemap li { padding: 15px 0 15px 100px; border-bottom: 1px dashed #e6e6e6; position: relative; }
.sitemap li:last-child { border-bottom: none; }
.sitemap li .label { font-size: 14px; font-weight: bold; position: absolute; left: 0; top: 18px; }
.sitemap li a { font-size: 12px; color: #666; display: inline-block; vertical-align: top; margin: 5px 0 5px 15px; }




/*营销案例*/
.page { overflow: hidden; width: 100%; }
.page1 { background: url(../images/case/banner.jpg) no-repeat center top; background-size: 100% auto; border-top: 1px solid #eaeaea; }

.page_title { text-align: center; }
.page_title h2 { font-size: 40px; font-weight: bold; color: #2c7ab4; opacity: 0; filter: alpha(opacity=0); }
.page_title h5 { font-size: 28px; color: #2c7ab4; opacity: 0; filter: alpha(opacity=0); }
.page_title span { font-size: 18px; color: #2e2e2e; line-height: 1.8; display: inline-block; width: 68%; margin: 18px 0 30px; opacity: 0; filter: alpha(opacity=0); }
.page2 h4 { margin-bottom: 18px; }
.page2 h4 em { display: inline-block; font-size: 40px; font-weight: bold; color: #fff; }
.page2 h4 s { display: inline-block; font-size: 40px; font-weight: bold; color: #fff; margin-bottom: 18px; text-decoration: none; }
.page2_con .pic { margin: 40px 0 30px; width: 88px; }

.page2_con { position: absolute; left: 0; top: 30%; opacity: 0; filter: alpha(opacity=0); transition: all 1s; -moz-transition: 1s; }


.page2_con.active { opacity: 1; filter: alpha(opacity=1); transition: all 1s; -moz-transition: 1s; }

.page_swiper { position: relative; opacity: 0; filter: alpha(opacity=100); transition-delay: 1.5s; transition: all 3s; -moz-transition: 3s; -ms-transform: scale(1.3); /* IE 9 */ -webkit-transform: scale(1.3); /* Safari */ transform: scale(1.3); /* 标准语法 */ }
.page_bd { position: relative; }
.page_hd { position: absolute; left: 40.46%; top: 50%; margin-top: -30px; margin-left: -60px; z-index: 999; opacity: 0; filter: alpha(opacity=100); transition-delay: 0.2s; transition: all 1.5s; -moz-transition: 1.5s; -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari */ transform: scale(1.5); /* 标准语法 */ }
.page_hd a { display: inline-block; width: 60px; height: 60px; cursor: pointer; }
.page_hd .prev { background: url(../images/case/prev0.png) no-repeat; background-size: 200% 100%; background-position: left center; transition: all 0.6s; -moz-transition: 0.6s; }
.page_hd .next { background: url(../images/case/next0.png) no-repeat; background-size: 200% 100%; margin-left: -4px; background-position: left center; transition: all 0.6s; -moz-transition: 0.6s; }



.p2_l { display: table-cell; vertical-align: middle; position: relative; }
.p2_r { display: table-cell; vertical-align: middle; position: relative; }
.page2_con .box { position: absolute; top: 0; }
.p2_l .box { right: 100px; width: 380px; }
.p2_r .box { left: 170px; top: 35%; }
.page2_con .box p { color: #fff; font-size: 20px; line-height: 1.6; }

.case_man { margin-top: 30px; }
.case_man .box2 { opacity: 0; filter: alpha(opacity=0); }
.case_man dl, .case_man em, .case_man span { display: inline-block; vertical-align: middle; text-align: center; }
.case_man dl { background: #4cbcc7; border-radius: 4px; color: #fff; width: 100px; height: 76px; }
.case_man dl dt { margin-top: 3px; }
.case_man dl dd { display: block; font-size: 18px; }
.case_man em { color: #4cbcc7; font-size: 34px; margin: 0 5px; display: none; }
.case_man span { font-size: 28px; text-align: center; width: 140px; height: 76px; line-height: 76px; background: #4cbcc7; border-radius: 4px; color: #fff; }

.page3 { background: url(../images/case/thirdpage.jpg) no-repeat center center; }

.page_title0 h2 { font-size: 40px; font-weight: bold; color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); position: relative; z-index: 2; }
.page_title0 h5 { font-size: 28px; color: #fff; text-align: center; margin-top: 15px; opacity: 0; filter: alpha(opacity=0); position: relative; z-index: 1; }
.case_ul { text-align: center; max-width: 1280px; margin: 20px auto 0; overflow: hidden; }
.case_ul li { width: 23%; float: left; background: #fff; margin: 30px 1%; cursor: default; padding-bottom: 40px; opacity: 0; filter: alpha(opacity=0); transition: all 1s; -moz-transition: 1s; }
.case_ul li h4 { font-size: 24px; padding: 5px 8px; border-radius: 20px; background: #62badc; color: #fff; min-width: 160px; display: inline-block; margin: 46px 0 42px; transition: all 1s; -moz-transition: 1s; }
.case_ul li span { display: block; width: 84%; margin-left: 12px; padding-left: 28px; font-size: 16px; line-height: 1.8; text-align: left; margin-bottom: 20px; background: url(../images/case/sbg.png) no-repeat left 2px; }
.case_ul li p { width: 80%; margin-left: 10%; font-size: 16px; line-height: 1.8; text-align: left; }

.case_ul li.show { opacity: 1; filter: alpha(opacity=100); }

.case_ul li:nth-child(1):hover h4 { background: #fff; color: #f74616; }
.case_ul li:hover span { background: url(../images/case/sbg2.png) no-repeat left 2px; color: #fff; }
.case_ul li:nth-child(2):hover h4 { background: #fff; color: #31b9a9; }
.case_ul li:hover p { color: #fff; }
.case_ul li:nth-child(3):hover h4 { background: #fff; color: #f74616; }
.case_ul li:hover h4 { background: #fff; color: #84cd1d; }





.page4 { background: url(../images/case/pbg4.jpg) no-repeat center bottom; }
.page_title2 { text-align: center; margin-bottom: 50px; }
.page_title2 h2 { font-size: 40px; color: #2c7ab4; position: relative; opacity: 0; filter: alpha(opacity=0); }
.page_title2 span { display: inline-block; color: #4b87b4; font-size: 16px; line-height: 1.6; margin-top: 5px; position: relative; opacity: 0; filter: alpha(opacity=0); }
.case_ul2 { text-align: center; max-width: 1200px; margin: 0 auto; overflow: hidden; }
.case_ul2 li { float: left; color: #fff; width: 17%; margin: 0 1.5%; }
.case_ul2 li h4 { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.case_ul2 li p { font-size: 14px; }
.case_ul2 li img { margin: 45px 0 50px; }
.case_ul2 li .box { box-sizing: border-box; padding: 0 20px 30px; background: url(/images/case/ulbg2.png) no-repeat; background-size: 100% 100%; opacity: 0; filter: alpha(opacity=0); transform: translate(200px,370px); -ms-transform: translate(200px,370px); /* IE 9 */ -webkit-transform: translate(200px,370px); /* Safari and Chrome */ transition: all 1.5s; -moz-transition: 1.5s; }
.case_ul2 li .box.show { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); -ms-transform: translate(0,0); /* IE 9 */ -webkit-transform: translate(0,0); /* Safari and Chrome */ }

.case_ul3 { text-align: center; max-width: 1200px; margin: 0 auto; }
.case_ul3 li { float: left; width: 24%; margin: 0 0.5%; position: relative; opacity: 0; filter: alpha(opacity=0); transition: all 1s; -moz-transition: 1s; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); }

.case_ul3 li.show { opacity: 1; filter: alpha(opacity=100); transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); }


.case_ul3 li .bg { position: absolute; left: 0; top: 0; z-index: 1; }
.case_ul3 li dl { position: relative; z-index: 2; color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all 2s; -moz-transition: 2s; transform: rotateY(270deg); -webkit-transform: rotateY(270deg); -moz-transform: rotateY(270deg); -ms-transform: rotateY(270deg); }

.case_ul3 li dl.show { opacity: 1; filter: alpha(opacity=100); transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); }

.case_ul3 li dl dt { font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.case_ul3 li dl dt b { display: block; }
.case_ul3 li dl dd { font-size: 15px; line-height: 24px; }


.page5 { background: url(../images/case/fivepage.jpg) no-repeat center center; }


.page_title3 { text-align: center; margin-bottom: 50px; }
.page_title3 h2 { font-size: 40px; color: #a6d3f4; position: relative; opacity: 1; filter: alpha(opacity=100); }
.page_title3 span { display: inline-block; color: #7594ab; font-size: 16px; line-height: 1.6; margin-top: 5px; position: relative; opacity: 1; filter: alpha(opacity=100); }
.page6 { background: url(../images/case/pbg6.jpg) no-repeat center center; background-size: 100% 100%; }
.page6 .more { width: 158px; height: 42px; line-height: 42px; text-align: center; background: #3380ce; color: #fff; font-size: 28px; display: block; margin: 60px auto 0; border-radius: 13px; opacity: 0; filter: alpha(opacity=0); }

.case_ul4 { width: 1280px; margin: 0 auto; }
.case_ul4 li { width: 32%; float: left; position: relative; opacity: 0; filter: alpha(opacity=0); }
.case_ul4 li:nth-child(2) { margin: 0 2%; }
.case_ul4 li img { display: block; width: 100%; transition: all 1.4s; -moz-transition: 1.4s; }
.case_ul4 li p { font-size: 20px; text-align: center; transition: all 0.5s; -moz-transition: 0.5s; color: #fff; margin-top: -25px; }

.case_ul4 li:hover img { -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Safari */ transform: scale(1.2); /* 标准语法 */ }


.page7 { background: url(../images/case/pbg7.jpg) no-repeat center center; background-size: 100% 100%; }
.case_ul5 { text-align: center; max-width: 1400px; margin: 0 auto; }
.case_ul5 li { float: left; width: 33.2%; background: #1b94d3; color: #fff; box-sizing: border-box; padding: 0 10px 40px; opacity: 0; filter: alpha(opacity=0); }

.case_ul5 li:nth-child(2) { margin: 0 0.1%; opacity: 0; filter: alpha(opacity=0); }
.case_ul5 li img { margin: 90px 0 32px; }



.case_ul5 li h4 { font-size: 20px; font-weight: bold; }
.case_ul5 li em { font-size: 12px; margin: 5px 0 45px; display: block; }
.case_ul5 li p { max-width: 356px; display: inline-block; font-size: 16px; line-height: 1.8; }
.case_ul5 li:hover { background: #2aa0e7; }


.page8 { background: url(../images/case/eightpage.jpg) no-repeat center center; background-size: 100% 100%; }
.page_title4 { text-align: center; margin-bottom: 50px; }
.page_title4 h2 { font-size: 42px; color: #fff; }
.page_title4 span { color: #c6dbee; font-size: 18px; line-height: 1.6; margin-top: 5px; display: inline-block; }
.page9 .page_title4 span { color: #fff; }
.case_ul6 { text-align: center; max-width: 1200px; margin: 0 auto; overflow: hidden; }
.case_ul6 li { width: 24%; margin: 0 0.5%; color: #fff; float: left; }
.case_ul6 li .pic { display: inline-block; margin-top: 20px; margin-bottom: 30px; position: relative; }
.case_ul6 li .pic .circle { position: absolute; left: 0; top: 0; clip: rect(60px,131px,131px,60px); transition: all 0.8s; -moz-transition: 0.8s; }
.case_ul6 li .pic .circle.on { clip: rect(0px,191px,191px,0px); transition: all 0.8s; -moz-transition: 0.8s; }





.case_ul6 li p { font-size: 15px; line-height: 22px; opacity: 0; filter: alpha(opacity=0); }

.page9 { background: url(../images/case/ninepage.jpg) no-repeat center center; }

.case_ul7 { text-align: center; max-width: 1100px; margin: 0 auto; }
.case_ul7 ul { width: 100%; display: table; }
.case_ul7 li { display: table-cell; vertical-align: top; width: 33.333%; color: #fff; }
.case_ul7 li img { margin-bottom: 16px; opacity: 0; filter: alpha(opacity=0); }
.case_ul7 li p { color: #fff; font-size: 16px; line-height: 28px; opacity: 0; filter: alpha(opacity=0); }
.case_ul7 li:nth-child(2) { border-left: 1px solid #fff; border-right: 1px solid #fff; }





@media screen and (max-width:1600px) {
    .p2_l .box { width: 72%; right: 18%; }
    .page2 .pic { width: 60px; margin: 25px 0; }
    .p2_r .box { top: 27%; }
    .page2 h4 { margin-bottom: 8px; }
    .page2 h4 em { font-size: 24px; }
    .page2 h4 s { font-size: 24px; }
    .page2_con .box p { font-size: 14px; }
    .case_man { margin-top: 18px; }
    .case_man dl { width: 60px; height: 48px; }
    .case_man dl dt { margin-top: 3px; }
    .case_man dl dt img { width: 50%; }
    .case_man dl dd { font-size: 12px; }
    .case_man em { font-size: 24px; margin: 0 2px; }
    .case_man span { width: 80px; height: 48px; line-height: 48px; font-size: 16px; }
}


@media screen and (max-width:1366px) {
    .page_hd { margin-left: -40px; margin-top: -20px; }
    .page_hd a { width: 40px; height: 40px; }
    .p2_r .box { left: 15%; }

    .case_ul { margin-top: 10px; max-width: 1000px; }
    .case_ul li { padding-bottom: 20px; }
    .case_ul li h4 { font-size: 18px; margin: 30px 0 20px; }
    .case_ul li span { font-size: 14px; }
    .page_title span { font-size: 14px; width: 80%; }
    .case_ul li p { font-size: 12px; }
    .case_ul li span { margin-bottom: 6px; }

    .case_ul4 li p { font-size: 16px; }


    .case_ul2 li img { margin: 20px 0; }

    .case_ul3 { max-width: 1000px; }
    .page3 h2 { font-size: 32px; }
    .page3 h5 { font-size: 24px; }

    .case_ul2 { max-width: 1000px; }
    .case_ul2 li { padding: 0 10px 40px; }
    .case_ul2 li h4 { font-size: 16px; }
    .case_ul2 li p { font-size: 14px; }
    .case_ul5 { max-width: 1000px; }
    .case_ul5 li h4 { font-size: 16px; }
    .case_ul5 li img { margin: 40px 0 20px; }
    .case_ul5 li p { font-size: 14px; }

    .case_ul6 { width: 1000px; }
    .case_ul6 li .pic { width: 60%; margin: 20px auto 30px; }
    .case_ul6 li p { font-size: 14px; }
    .case_ul3 li dl dt { font-size: 15px; margin-bottom: 14px; }
    .case_ul3 li dl dd { font-size: 13px; }
}

@media screen and (max-width:1199px) {
    .case_ul4 { width: 94%; }
    .case_ul3 { width: 94%; }
}


/* Bounce To Top */
.hvr-bounce-to-top { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
.hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f98528; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; }
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }


.hvr-bounce-to-top2 { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
.hvr-bounce-to-top2:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #28cbb6; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-bounce-to-top2:hover, .hvr-bounce-to-top2:focus, .hvr-bounce-to-top2:active { color: white; }
.hvr-bounce-to-top2:hover:before, .hvr-bounce-to-top2:focus:before, .hvr-bounce-to-top2:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.hvr-bounce-to-top3 { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
.hvr-bounce-to-top3:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #84cd1d; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-bounce-to-top3:hover, .hvr-bounce-to-top3:focus, .hvr-bounce-to-top3:active { color: white; }
.hvr-bounce-to-top3:hover:before, .hvr-bounce-to-top3:focus:before, .hvr-bounce-to-top3:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }



/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {

    100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}

@keyframes hvr-ripple-out {


    100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}

.hvr-ripple-out { -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; }
.hvr-ripple-out:before { content: ''; position: absolute; border: #fff solid 6px; top: 0; right: 0; bottom: 0; left: 0; border-radius: 8px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; }

.law_box { padding-top: 10px; padding-bottom: 50px; }
.law_w h1 { text-align: center; font-size: 18px; font-weight: bold; }
.law_w p strong { color: #333; margin-top: 30px; display: block; }
.law_w p { font-size: 15px; margin-top: 10px; line-height: 28px; text-align: justify; }

@media screen and (max-width:640px) {
    .law_box { padding-top: 10px; padding-bottom: 30px; }
}


/*.sale_main { width:100%;max-width:950px;margin:0 auto;position:relative; }
.sale_title { height:86px;background:url(../images/img/sale01.jpg) no-repeat;text-align:center;border-bottom:5px solid #025bd9;position:relative; }
.sale_title img { position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;padding:20px; }
.sale_list { background:url(../images/img/sale03.png) center center; }
.sale_list ul { display:inline-table;width:100%; }
.sale_list li { width:25%;display:inline-block;vertical-align:top;border-left:1px solid #025bd9;border-bottom:1px solid #025bd9; }
.sale_list li:first-child { border-left:none; }
.sale_list .top { background:#fff;padding:20px; }
.sale_list .top h4 { font-size:20px;font-weight:bold; }
.sale_list .top p { font-size:14px;margin-top:5px; }
.sale_list .top p em { color:#025bd9; }
.sale_list .con { padding:20px; }
.sale_list .con p { font-size:13px;color:#fff;line-height:22px; }
.sale_list .con .color { font-size:14px;color:#025bd9; }
.sale_list.sh2 li { width:50%;text-align:center; }
.sale_list.sh2 li.f100 { width:100%;border-left:none; }
.sale_list.sh2 .con { padding:40px 20px; }
.sale_list .btn { display:block;width:153px;height:42px;margin:35px auto 0; }

@media screen and (max-width: 768px) {
    .sale_list li { width:100% !important;border-left:none; }
    .sale_list.sh2 .con { padding:20px; }
    .sale_list .btn { margin:20px auto 0; }
}*/

.sale_bg { background: url(/images/img/sale03.jpg) repeat-y center top; }
.sale_top { background:url(../images/img/sale02.png) no-repeat center center; }
.sec_title_bg { height:112px;background:url(../images/img/sale04.png) no-repeat center center;text-align:center;padding:31px 0;position:relative; }
.sec_title_bg.pd0 { padding:0; }
.sec_title_bg.pd0 img { position:absolute;left:0;top:0;right:0;bottom:0;margin:auto; }
.sec_title { display:inline-block;vertical-align:top;height:50px;background:#012543;border-radius:5px;position:relative; }
.sec_title:after { content:"";width:0;height:0;display:block;border-top:12px solid #012543;border-left:13px solid transparent;border-right:13px solid transparent;position:absolute;left:50%;bottom:-12px;margin-left:-13px; }
.sale_list { max-width:1000px;margin:0 auto;background:url(../images/img/sale14.png) no-repeat center center;padding-bottom:80px; }
.sale_list ul { display:inline-table;width:100%; }
.sale_list li { background:#2243af;border:1px solid #2c6df6;width:40%;margin:30px 5% 0;display:inline-block;vertical-align:top;padding:30px;text-align:center; }
.sale_list li img { width:210px;height:168px;margin-top:30px;margin-bottom:30px; }
.sale_list .title { font-size:24px;font-weight:bold;color:#fff;letter-spacing:2px; }
.sale_list .txt1 { font-size:18px;color:#fff;margin-top:10px; }
.sale_list .txt2 { font-size:16px;color:#fff;line-height:27px; }
.sale_list .txt3 { font-size:14px;color:#fff;line-height:24px; }
.sale_list span { color:#fffc06; }
.sale_txt { background:url(../images/img/sale09.png) no-repeat;max-width:698px;min-height:156px;margin:30px auto;padding:30px;font-size:18px;color:#fff;line-height:32px;text-align:center; }
.sale_txt span { color:#fed130; }

@media screen and (max-width: 768px) {
    .sale_list { background:none; }
    .sale_list li { width:100%;margin:30px 0 0; }
    .sale_list .txt3 { text-align:left; }
    .sale_txt { background:#3860dd;border:1px solid #2c6df6;border-radius:5px;font-size:15px;text-align:left; }
}


.news_class { display:none; }
.man_left { width:70%;float:left; }
.man_right { width:28%;float:right;border:1px solid #eaeaea;margin-top:20px;padding:20px; }
.sec_title1 { font-size: 14px; color: #333; line-height: 30px; position: relative; }
.sec_title1 span { font-size: 26px; font-family: SimSun; display: inline-block; vertical-align: top; margin-right: 4px; }
.sec_title1 .more { font-size: 12px; color: #666; position: absolute; right: 0; top: 0; }
.sec_title1.mt20 { margin-top:20px; }
.sec_title1.mt25 { margin-top:25px; }
.mr_list1 li { width: 300px; height: 193px; position: relative; }
.mr_list1 li img { width: 100%; height: 100%; }
.mr_list1 li p { width: 100%; height: 40px; background: rgba(0,0,0,.7); line-height: 40px; padding: 0 15px; font-size: 14px; color: #fff; position: absolute; left: 0; bottom: 0; }
.mr_list2 li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 15px; }
.mr_list2 li a { font-size: 14px; color: #666; line-height: 20px; }
.mr_list2 li a:hover { color: #333; }
.mr_label { margin-top:10px; }
.mr_label:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.mr_label a { width: 48%; height: 40px; border: 1px solid #d9d9d9; line-height: 38px; text-align: center; font-size: 14px; color: #666; display: inline-block; vertical-align: top; float: left; margin: 5px 1%; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr_label a.active, .mr_label a:hover { background: #0879c9; border: 1px solid #0879c9; color: #fff; }


@media screen and (max-width: 1024px) {
    .news_class { display:block; }
    .man_left { width:100%; }
    .man_right { display:none; }
}