.more { height: 70px; line-height: 70px; } .more a { position: absolute; top: 50%; right: 0; width: 28px; height: 28px; border: 1px solid #d7d7d7; background: url(../images/more.png) no-repeat center center; margin-top: -14px; } /*广告*/ .banner { width: 100%; height: 600px; margin: 0 auto; overflow: hidden; position: relative; } .banner .bd { height: 600px; overflow: hidden; position: relative; left: 50%; margin-left: -960px; width: 1920px; } .banner .bd .li2 { position: relative; background-repeat: no-repeat; background-position: center center; height: 600px; } .banner .bd .li2 .wid { width: 1200px; margin: 0 auto; height: 100%; position: relative; } .banner .bd .li2 a { position: absolute; border-radius: 50%; width: 200px; height: 200px; } .banner .bd .li2 .a1 { width: 400px; height: 400px; left: 50%; margin-left: -200px; top: 50%; margin-top: -200px; } .banner .hd { width: 100%; position: absolute; z-index: 999; left: 0; height: 16px; bottom: 40px; } .banner .hd ul { text-align: center; } .banner .hd ul li { display: inline-block; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; overflow: hidden; border: 1px solid #fff; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; background-color: #fff; } .banner .hd ul li.on, .banner .hd ul li:hover { background: #d60e03; border-color: #d60e03 } .banner .prev, .banner .next { display: block; width: 40px; height: 60px; position: absolute; z-index: 2; top: 45%; margin-top: -20px; } .banner .prev { background: url(../images/banner-pn.png) no-repeat left bottom; left: 5%; } .banner .next { background: url(../images/banner-pn.png) no-repeat right bottom; right: 5%; } /*建站案例*/ .case { background-color: #f9f9f9; } .ya-case-text, .ya_service-txt { line-height: 30px; color: #1d1c1c; text-align: center; margin-top: 18px; margin-bottom: 20px; } .ya-case-text i { font-size: 19px; font-weight: bold; color: #1769B3; } .ya_one-case { overflow: hidden; margin-top: 86px; } .ya_one-case.cs { margin-top: 58px; margin-bottom: 90px; } /*增值服务*/ .ya_service { padding-bottom: 20px; } .ya_service-ul { margin-bottom: 0; } .ya_service-ul li { margin-bottom: 20px; } .ya_service-ul li div { border: 1px solid #ccc; border-radius: 6px; text-align: center; height: 390px; behavior: url(../cx/PIE.htc); } .ya_service-ul li i { width: 130px; height: 130px; border-radius: 50%; display: inline-block; border: 1px solid #1769B3; line-height: 128px; color: #1769B3; margin-top: 25px; transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; behavior: url(../cx/PIE.htc); } .ya_service-ul li i.i1 { font-size: 78px; } .ya_service-ul li h3 { font-size: 20px; margin-top: 16px; margin-bottom: 10px; line-height: 30px; } .ya_service-ul li h3 a { color: #242424; } .ya_service-ul li p { padding-left: 7%; padding-right: 7%; text-align: left; line-height: 24px; color: #666; min-height: 72px; } .ya_service-a { display: block; width: 120px; height: 32px; line-height: 30px; border: 1px solid #1769B3; color: #1769B3; margin: 0 auto; margin-top: 20px; border-radius: 4px; opacity: 0; behavior: url(../cx/PIE.htc); } .ya_service-ul li:hover i { margin-top: 21px; background-color: #1769B3; color: #fff; border: 1px solid #1769B3; behavior: url(../cx/PIE.htc); } .ya_service-ul li:hover h3 a { color: #1769B3; } .ya_service-ul li:hover .ya_service-a { opacity: 1; color: #fff; background-color: #1769B3; } /*我们的优势*/ .ya-ys { background: url(../images/ys.jpg) no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } /* .ya-ys .wide {height: 100%;} */ .ya-ys-div-1 { margin-top: 40px; } .ya-ys-div-1 .title { height: 200px; color: #fff; } .ya-ys-div-1 .title h4 { height: 71px; position: relative; line-height: 64px; font-size: 26px; } .ya-ys-div-1 .title h4:after { content: ""; position: absolute; width: 40px; height: 2px; background-color: #fff; bottom: 0; left: 15px; } .ya-ys-div-1 .title p { line-height: 30px; margin-top: 30px; } .ya-ys-img { display: inline-block; float: left; margin-top: 24px; } .ya-ys-div-1 .txt .list { margin-top: 6px; color: #fff; } .ya-ys-div-1 .txt .list li { margin-bottom: 12px; } .ya-ys-div-1 .txt .list li h5 { font-size: 16px; line-height: 30px; } .ya-ys-div-1 .txt .list li p { font-size: 12px; line-height: 22px; margin-top: 6px; } .ya-ys-div-2 { height: 670px; background-color: rgba(12, 125, 211, .5); padding-top: 12px; } .ya-ys-div-2 ul { height: 100%; } .ya-ys-div-2 ul li { height: 23%; position: relative; } .ya-ys-div-2 ul li div { width: 100%; height: 102px; position: absolute; text-align: center; top: 50%; margin-top: -51px; color: #fff; } .ya-ys-div-2 ul li div span.counter { font-size: 70px; } .ya-ys-div-2 ul li div span.span1 { font-size: 70px; } .ya-ys-div-2 ul li div span.span2 { font-size: 70px; } .ya-ys-div-2 ul li div span.span3 { font-size: 26px; margin-left: 10px; } .ya-ys-div-2 ul li div span.span4 { font-size: 70px; } .ya-ys-div-2 ul li div .txt { font-size: 18px; line-height: 22px; } /*新闻资讯*/ .news { padding-bottom: 40px; } .new-nav { text-align: center; display: table; width: 100%; height: 34px; line-height: 34px; margin-top: 20px; margin-bottom: 28px; } .new-nav p { display: inline-block; padding-left: 10px; padding-right: 10px; cursor: pointer; margin-right: 10px; margin-left: 10px; } .new-nav p.no { background-color: #1769B3; color: #fff; } .news .box p.title.x0 { background: url(../images/x2.png) no-repeat bottom center; } .news .box p.title.x1 { background: url(../images/x3.png) no-repeat bottom center; } .news .box p.title.x2 { background: url(../images/x4.png) no-repeat bottom center; } .ya_newbox { overflow: hidden; display: none; } .ya_box .new-box { margin-top: 32px; } .new-box .ya_newbox:first-child { display: block; } .ya_newbox_l { overflow: hidden; } .ya_newbox_l dl {} .ya_newbox_l dl:first-child+dl { margin-right: 0; } .ya_newbox_l dl dd h2 { font-size: 16px; color: #444; line-height: 32px; margin: 10px 0; height: 30px; overflow: hidden; font-weight: normal; } .ya_newbox_l dl dd p { color: #666666; overflow: hidden; line-height: 20px; } .ya_newbox_l dl dd span { display: block; color: #666666; margin-top: 10px; } .ya_newbox_l dl dd span a { float: right; color: #444; } .ya_newbox_r { float: right; overflow: hidden; } .ya_newbox_r ul { margin-bottom: 0; } .ya_newbox_r ul li { height: 92px; margin-bottom: 13px; overflow: hidden; } .ya_newbox_r ul li dl { height: 100%; border: 1px solid #c1c1c1; padding: 4px; } .ya_newbox_r ul li dl dt { font-size: 46px; line-height: 58px; text-align: center; } .ya_newbox_r ul li dl dd { text-align: center; font-size: 16px; } .ya_newbox_r ul li h2 { font-size: 16px; line-height: 30px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; width: 100%; } .ya_newbox_r ul li p { font-size: 12px; color: #666666; line-height: 22px; } .ya_newbox_l dl:hover dd h2 a { color: #1769B3; } .ya_newbox_l dl:hover dd span a { color: #1769B3; } .ya_newbox_r ul li:hover { background: #1769B3; color: #fff } .ya_newbox_r ul li:hover dl { border: 1px solid #1769B3 } .ya_newbox_r ul li:hover h2 a { color: #fff; } .ya_newbox_r ul li:hover p { color: #fff; } /*合作伙伴*/ .ya_part { padding-bottom: 70px; } .ya_part-txt { line-height: 30px; margin-bottom: 30px; margin-top: 10px; text-align: center; color: #1d1c1c; } .ya_part-nav li { border: 1px solid #dcdcdc; height: 160px; line-height: 160px; margin-right: -1px; margin-bottom: -1px; text-align: center; overflow: hidden; } .ya_part-nav li img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .ya_part-nav li:hover img { -webkit-transform: scale(.85); -moz-transform: scale(.85); -ms-transform: scale(.85); -o-transform: scale(.85); transform: scale(.85); } /*网站建设*/ .wzjs_title { width: 100%; text-align: center; padding: 40px 0; } .wzjs_title span { font-size: 24px; color: #202020; display: block; margin-bottom: 5px } .wzjs_title p { font-size: 14px; color: #7a7a7a; } /* 6大痛点 */ .wzjs_td .ya_service-ul li i.i1 { font-size: 40px; } .wzjs_td .ya_service-ul li i { width: 80px; height: 80px; line-height: 80px; margin-top: 20px; } .wzjs_td .ya_service-ul li div { padding-bottom: 8px; height: 320px; overflow: hidden; } /* 套餐报价 */ .tcbj { position: relative; z-index: 6; text-align: center; } .qcys { display: block; clear: both; overflow: hidden; margin-bottom: 2px; } .wrap { display: block; /*  width:100%; */ margin: 0 auto; } .yxwzbtd li { margin-bottom: 20px; position: relative; } .yxwzbtd li .nr { position: relative; } .yxwzbtd .name { height: 45px; line-height: 45px; background-color: #8f8f8f; ; -o-text-overflow: ellipsis; ; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 8px; color: #fff; text-align: center; font-size: 18px; } .yxwzbtd .text { height: 185px; padding: 12px 8px; background-color: #eee; color: #000; font-size: 16px; line-height: 2; } .yxwzbtd li:hover .nr { behavior: url(../cx/PIE.htc); -webkit-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.267); box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.267); -ms-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.267); -moz-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.267); top: -4px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .yxwzbtd .yxtd2 .name { background-color: #21ab00; } .yxwzbtd .yxtd3 .name { background-color: #036ac1; } .yxwzbtd .yxtd4 .name { background-color: #19b0d0; } .yxwzbtd .yxtd5 .name { background-color: #f78800; } .yxwzbtd .yxtd6 .name { background-color: #c51b1b; } .yxwzbtd .yxtd7 .name { background-color: #3d10b8; } .yxwzbtd .yxtd8 .name { background-color: #09389e; } /* 6步 */ .jzlc { margin-bottom: 40px !important; width: 100%; overflow: hidden; background: url(../images/jzlc_bg.jpg) repeat-x center 61%; } .jzlc li { width: 20%; float: left; text-align: center; } .jzlc li b { font-size: 70px; color: #dad7d7; display: block; line-height: 1 } .jzlc li img { max-width: 100%; margin: 8% 0; -o-transition: all 1s ease-in; -moz-transition: all 1s ease-in; transition: all 1s ease-in; -webkit-transition: all 1s ease-in; } .jzlc li p { font-size: 16px; color: #2a2a2a; display: block; } .jzlc li:hover img { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform: rotate(360deg); } /* 为什么选择我们？ */ .xzwm { width: 100%; background: #f9f7f7; overflow: hidden; padding-bottom: 40px } .xzwm b { font-size: 24px; display: block; margin-bottom: 15px; } .xzwm li { font-size: 16px; width: 100%; border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; height: 55px; line-height: 55px; margin-bottom: 15px; behavior: url(../cx/PIE.htc); } .xzwm_L { text-align: right; } .xzwm_L b { color: #414141; padding-right: 12% } .xzwm_L li { color: #535252; background: #fff; padding-right: 12%; } .xzwm_L li:last-of-type { margin-bottom: 0px; } .xzwm_R { text-align: left; } .xzwm_R b { color: #197fdf; padding-left: 12% } .xzwm_R li { font-size: 16px; color: #fff; background: #1166ca; position: relative; padding-left: 12%; } .xzwm_R li:last-of-type { margin-bottom: 0px; } .xzwm_R li>span { background-image: -webkit-gradient(linear, left top, left bottom, from(#0c56b1), to(#1b85e4)); background-image: -moz-linear-gradient(#0c56b1, #1b85e4); background-image: linear-gradient(#0c56b1, #1b85e4); -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#0c56b1), to(#1b85e4)); -webkit-background-image: -webkit-linear-gradient(#0c56b1, #1b85e4); -o-background-image: -o-linear-gradient(#0c56b1, #1b85e4); -ms-background-image: linear-gradient(#0c56b1, #1b85e4); border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; behavior: url(../cx/PIE.htc); font-size: 20px; color: #fff; font-weight: bold; display: inline-block; filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#0c56b1", endColorstr="#1b85e4", gradientType="0"); width: 110px; height: 55px; text-align: center; position: absolute; left: -66px; } /* 新闻 */ .wzjsNews { background-color: #fcfcfc; padding-bottom: 40px; } .redian-bar .tag-bar .tit { height: 36px; line-height: 36px; font-size: 18px; position: relative; margin-bottom: 2px; color: #333; font-weight: bold; } .redian-bar .tag-bar .tit a { display: block; } .box-shadow { background-color: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05); behavior: url(../cx/PIE.htc); } .redian-bar .tag-bar { float: left; width: 32%; height: 140px; margin: 0 1.33% 40px 0; position: relative; z-index: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .redian-bar .tag-bar .all { padding: 10px 20px 20px; position: absolute; left: 0; top: 0; right: 0; z-index: 2; } .redian-bar .tag-bar .ovh { height: 98px; overflow: hidden; z-index: 2; } .redian-bar .tag-bar a { float: left; white-space: nowrap; margin-right: 30px; line-height: 36px; color: #333; width: 100%; list-style-type: square; } .redian-bar .tag-bar a:hover { color: #0c56b1 } .redian-bar .tag-bar.hover { z-index: 10; } .redian-bar .tag-bar.hover .all { -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .2); box-shadow: 0 2px 40px rgba(0, 0, 0, .2); behavior: url(../cx/PIE.htc); } .redian-bar .tag-bar.hover .tit { font-weight: 600; } .redian-bar .tag-bar.hover .tit .line { display: block; } .redian-bar .tab-item .tag-bar:nth-of-type(3n) { margin-right: 0; } .redian-bar .tag-bar:hover { z-index: 3; } .redian-bar .tag-bar:hover .ovh { height: auto; } /*新增*/ .work-txt-top { height: 450px; background-color: #f9f9f9; } .work-txt-top .wide { height: 100%; } .cap_1 { padding-top: 50px; padding-bottom: 57px; position: relative; height: 400px; } .cap_1 .cap_tit { margin-bottom: 30px } .cap_1 .cap_tit .c_img { width: 200px; height: 130px; margin-right: 30px } .cap_1 .cap_tit .c_img img { width: 200px; height: 130px } .cap_1 .cap_tit .c_tit { width: 870px } .cap_1 .cap_tit .c_tit h4 { position: relative; padding-bottom: 15px; font-size: 40px; color: #3f3f3f; line-height: 1 } .cap_1 .cap_tit .c_tit h4:before { position: absolute; left: 0; bottom: 0; width: 80px; height: 3px; content: ''; background: #1769B3 } .cap_1 .cap_tit .c_tit h6 { margin-top: 15px; line-height: 20px } .cap_1 .cap_tit .c_tit h6 span { float: left; margin-right: 30px; font-size: 16px; color: #000 } .cap_1 .cap_tit .c_tit h6 font { float: left; margin-right: 15px; font-size: 14px; color: #666 } .cap_1 .cap_mian .m_1 { float: left; width: 550px; line-height: 28px; max-height: 170px; overflow: hidden; } .cap_1 .cap_mian .m_1 p { font-size: 14px; color: #666; overflow: hidden; } .hj { font-size: 14px; color: #333; padding-bottom: 20px } .hj a { font-size: 14px; color: #333 } .hj a.chucuo { display: inline-block; width: 16px; height: 22px; margin-left: 15px; background: url(../images/Q10.png) no-repeat center; vertical-align: top } .cap_1 .cap_mian .m_2 { float: left; margin-left: 120px } .cap_1 .cap_mian .m_2 .m_ewm { float: left; text-align: center; margin-left: 100px; } .cap_1 .cap_mian .m_2 .m_ewm span { display: block } .cap_1 .cap_mian .m_2 .m_ewm span img { width: 100% } .cap_1 .cap_mian .m_2 .m_ewm font { display: block; font-size: 12px; color: #666; line-height: 24px } .cap_1 .cap_mian .m_2 .m_but { float: left; margin-left: 30px } .cap_1 .cap_mian .m_2 .m_but a { display: block; width: 164px; height: 48px; border: 2px solid #404040; font-size: 18px; color: #404040; line-height: 48px; text-align: center } .cap_1 .cap_mian .m_2 .m_but a:hover { border: 2px solid #1769B3; color: #1769B3; } .cap_1 .cap_mian .m_2 .m_but a i { display: inline-block; width: 17px; height: 18px; margin-left: 12px; background: url(../images/Q11.png) no-repeat top center; vertical-align: middle } .thispo { position: absolute; right: 0; padding-top: 1px; top: 0 } .thispo a { display: block; width: 100px; border: 1px solid #f1f1f1; background-position: center; background-repeat: no-repeat; margin-top: -1px; height: 100px; line-height: 98px; text-align: center; } .thispo a i { font-size: 45px; color: #bbb; } .thispo a.on, .thispo a:hover { background-color: #1769B3; color: #fff; } .thispo a.on i, .thispo a:hover i { color: #fff; } .cap2 { height: 50px; line-height: 50px; position: relative; } .cap2 a { height: 100%; } .cap2 a i { font-size: 30px; } .cap2 a.cap2-menu { position: absolute; width: 50px; height: 50px; background: url(../images/Q7.png) no-repeat center center; left: 50%; margin-left: -25px; } .hideshow { padding-top: 30px; padding-bottom: 20px; } .hideshow { -webkit-transition: -webkit-transform .6s, opacity 1.8s; -webkit-transition: opacity 1.8s, -webkit-transform .6s; transition: opacity 1.8s, -webkit-transform .6s; -o-transition: opacity 1.8s, -o-transform .6s; -moz-transition: transform .6s, opacity 1.8s, -moz-transform .6s; transition: transform .6s, opacity 1.8s; transition: transform .6s, opacity 1.8s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s; -webkit-transform: translate3d(0, 10%, 0) scale(.9); -moz-transform: translate3d(0, 10%, 0) scale(.9); transform: translate3d(0, 10%, 0) scale(.9); opacity: 0 } .hideshow.on { -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1 } .cases_nav { padding-bottom: 60px; } .cases_nav ul li { float: left; width: 285px; margin-left: 20px; } .cases_nav ul li:first-child { margin-left: 0; } .cases_nav ul li img { width: 285px; height: 177px; } .cases_nav ul li p { line-height: 36px; text-align: center; color: #666; margin-top: 10px; } .casesBox { height: 50px; line-height: 38px; margin-top: 50px; font-size: 24px; margin-bottom: 20px; color: #1769B3; border-bottom: 1px solid #dcdcdc; } .sag { font-size: 18px; } .sag a:hover { color: #1769B3; } /*==========联系我们===========*/ .ctUs-container { padding: 20px 0 20px; text-align: center; } .ctUs-name { line-height: 56px; font-size: 32px; } .ctUs-list { padding: 0 1.5% } .ctUs-list li { margin: 20px 0 0; text-align: center; } .ctUs-list .culist-icon { width: 136px; height: 136px; line-height: 134px; font-size: 0px; border-radius: 100%; border: 1px solid #cfcfcf; margin: 0 auto; text-align: center; behavior: url(../cx/PIE.htc); } .ctUs-list .culist-type { line-height: 23px; font-size: 16px; color: #666666; margin: 30px 0 0; } .ctUs-list .culist-con { line-height: 24px; font-size: 16px; margin: 15px 0 0; } .ctUs-list .ewm { width: 122px; height: 122px; margin: 12px auto 4px; overflow: hidden; border: 1px solid #ccc; } .ctUs-list .ewm img { width: 120px; height: 120px; } .ctUs-list .culist-icon img { -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; display: inline-block; vertical-align: middle; } .ctUs-list li:hover .culist-icon img { -moz-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .ctUs-list li:nth-child:hover .culist-icon img { -moz-transform: translateY(-10px) rotateY(0deg); transform: translateY(-10px) rotateY(0deg); -webkit-transform: translateY(-10px) rotateY(0deg); } .contact_list ul { margin-top: 40px; } .contact_list li { float: left; line-height: 32px; margin-bottom: 24px; } .contact_list li h5 { font-size: 20px; color: #0185d0; margin-bottom: 12px; font-weight: bold; } .contact_list li h6 { font-size: 16px; color: #3ab4c3; margin-bottom: 4px; line-height: 28px; font-weight: bold; } .contact_list li p { font-size: 14px; } .contact_list li img { margin-right: 8px; } .contact_list li div { border: 1px solid #b5b5b5; padding: 18px 3%; height: 180px; } .conts-zf { margin: 16px auto 40px; } .conts-zf .box { margin-bottom: 40px; } .zfbox { border: 1px solid #ccc; padding: 18px 0; } .zfbox h4 { font-size: 20px; font-weight: bold; margin-bottom: 4px; line-height: 32px; } .zfbox h4 em { font-style: normal; color: red; } .zfbox p { line-height: 36px; font-size: 16px; text-align: left; border-bottom: 1px dashed #eee; } .zfbox .pic { height: 147px; line-height: 147px; } .full-ya-cont { padding: 40px 0; background-color: #f5f5f5; } .ya-cont-info { position: relative; z-index: 1; padding: 5px 38px 0 95px; } .ya-cont-lf { padding-left: 94px; background: url(../images/arrico.png) no-repeat 0 0; } .ya-cont-lf .arr-title { margin-bottom: 31px; color: #db2035; } .ya-cont-lf .arr-title h3 { font-size: 24px; line-height: 30px; margin: 0; font-weight: bold; } .ya-cont-lf .arr-title h4 { font-size: 48px; margin: 0; line-height: 60px; text-transform: uppercase; } .ya-cont-lf .addr { font-size: 16px; line-height: 28px; color: #1a1a1a; } .ya-cont-lf .addr span { font-weight: bold; } .ya-cont-rg { overflow: hidden; border-left: 1px solid #d9d9d9; font-size: 16px; line-height: 30px; } .ya-cont-rg .tag { font-weight: bold; } .ya-cont-rg p { margin: 0; padding: 0; font-weight: normal; } #dituContent { width: 100%; height: 450px; } /*板块*/ .con3 { background: url(../images/bg2.jpg) center no-repeat; } .con3 * { padding: 0; list-style: none; } .con3 .bt { text-align: center; } .con3 .bt h4 { font-size: 52px; font-weight: bold; color: #fff; } .con3 .bt p { font-size: 18px; color: #dfdfdf; margin-top: 10px; } .ya_service-ul li .con3 .nr { position: relative; overflow: hidden; padding: 40px 0; } .con3 .nr dl { overflow: hidden; margin-bottom: 32px; text-align: center; padding: 0 8px; } .con3 .nr dl:nth-last-of-type(1), .con3 .nr dl:nth-last-of-type(2) { margin-bottom: 0px; } .con3 .nr dl .dd1 { font-size: 30px; font-weight: bold; color: #fff; } .con3 .nr dl .dd2 { font-size: 16px; color: #ccc; margin-top: 10px; line-height: 26px; color: #fff; } .con3 .nr dl dt { float: left; } .con3 .nr dl:nth-child(1) dt, .con3 .nr dl:nth-child(3) dt { float: right; } .con3 .nr dl span { overflow: hidden; display: block; padding-left: 12px; } .con3 .nr dl:hover dt img { -moz-transform: rotateZ(0deg); -ms-transform: rotate(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } .con3 .nr dl:hover dt img { -moz-transform: rotateZ(275deg); -ms-transform: rotate(275deg); -o-transform: rotateZ(275deg); transform: rotateZ(275deg); -webkit-transform: rotateZ(275deg); -o-transition: all ease-in 0.7s; -moz-transition: all ease-in 0.7s; transition: all ease-in 0.7s; -webkit-transition: all ease-in 0.7s; } .con3 .scroll_response { padding: 40px 0; } /*板块4*/ .con4 { padding: 40px 0; } .con4 .bt { text-align: center; } .con4 .bt h4 { font-size: 52px; font-weight: bold; color: #3479b8; } .con4 .bt p { font-size: 18px; color: #666; margin-top: 10px; } .con4 .nr { margin-top: 40px; position: relative; } .con4 .nr .cpul { margin: 0 auto; } .con4 .nr .cpul li { height: 60px; background: #efefef; border-radius: 16px; text-align: center; line-height: 60px; font-size: 16px; float: left; margin: 5px 0; width: 100%; behavior: url(../cx/PIE.htc); cursor: inherit; } .con4 .nr .cpul li.on { background: #3479b8; color: #fff; font-weight: bold; position: relative; } .con4 .nr .cpt { margin-top: 40px; } .con4 .nr .cpt li .img img { max-width: 100%; } .con4 .nr .cpt dl dt { font-size: 22px; font-family: 'Oswald-Medium'; margin-top: 30px; } .con4 .nr .cpt dl .dd1 { font-size: 36px; font-weight: bold; margin-top: 10px; } .con4 .nr .cpt dl .dd2 { width: 91px; height: 92px; background: url(../images/4yd.png) no-repeat; margin-top: 40px; } .con4 .nr .cpt dl .dd3 { height: 120px; overflow: hidden; line-height: 30px; font-size: 16px; color: #666; margin-top: 40px; } .con4 .nr .cpt dl .dd4 { margin-top: 20px; } .con4 .nr .cpt dl .dd4 a { width: 50px; height: 50px; background: url(../images/4gd1.png) no-repeat; display: block; } .con4 .nr .cpt dl .dd4 a:hover { background: url(../images/4gd2.png) no-repeat; } /* 小程序 */ /* 优势 */ .xcxys { padding-bottom: 40px; } .xcxysLb { margin-bottom: 24px; } .xcxysLb li { padding: 30px 25px; height: 132px; overflow: hidden } .xcxysLb li i { width: 80px; height: 80px; float: left; border-radius: 50%; display: inline-block; text-align: center; background: #2da4db; line-height: 80px; color: #fff; font-size: 45px; behavior: url(../cx/PIE.htc); } .xcxysLb li h5 { overflow: hidden; padding-left: 40px; line-height: 60px; font-size: 20px; color: #333 } .xcxysLb li p { padding-top: 10px; padding-left: 40px; font-size: 14px; color: #000; position: relative; top: 30px } .xcxysLb li:hover { background: #2da4db; border-radius: 4px; behavior: url(../cx/PIE.htc); -webkit-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; -o-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; -moz-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s } .xcxysLb li:hover:nth-child(2) { background: #2cb97a } .xcxysLb li:hover:nth-child(3) { background: #ac2af8 } .xcxysLb li:hover:nth-child(4) { background: #679ad8 } .xcxysLb li:hover:nth-child(5) { background: #cf8a35 } .xcxysLb li:hover:last-child { background: #da583e } .xcxysLb li:nth-child(2) i { background: #2cb97a } .xcxysLb li:nth-child(3) i { background: #ac2af8 } .xcxysLb li:nth-child(4) i { background: #679ad8 } .xcxysLb li:nth-child(5) i { background: #cf8a35 } .xcxysLb li:last-child i { background: #da583e } .xcxysLb li:hover h5 { line-height: normal; color: #fff; -webkit-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; -o-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; -moz-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s } .xcxysLb li:hover p { top: 0; overflow: hidden; color: #fff; -webkit-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; -o-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; -moz-transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s } /* ===怎么做小程序==== */ .xcxzf { background-color: #ebebeb; } /* li 列表 */ .xcxzf-fl { text-align: center; font-size: 0 } .xcxzf-fl .xcxzf-fl-list { display: inline-block } .xcxzf-fl .xcxzf-fl-list li { float: left; margin: 0 6px; width: 120px; height: 40px; line-height: 38px; background: #fff; behavior: url(../cx/PIE.htc); border: 1px solid #dadada; border-radius: 2px; font-size: 14px; text-align: center } .xcxzf-fl li a { display: block } .xcxzf-fl li:hover, .xcxzf-fl li.active { -webkit-transition: all .2s cubic-bezier(0.4, 0, .2, 1) 0s; -o-transition: all .2s cubic-bezier(0.4, 0, .2, 1) 0s; -moz-transition: all .2s cubic-bezier(0.4, 0, .2, 1) 0s; transition: all .2s cubic-bezier(0.4, 0, .2, 1) 0s; background: #3479b8; border: 1px solid #3479b8; -webkit-box-shadow: 3px 0 10px rgba(69, 147, 236, 0.3); box-shadow: 3px 0 10px rgba(69, 147, 236, 0.3); behavior: url(../cx/PIE.htc); } .xcxzf-fl li:hover a, .xcxzf-fl li.active a { color: #fff } /* box 列表 */ .xcxzf-nrbox { margin: 20px auto 40px; display: none } .xcxzf-nrbox.active { behavior: url(../cx/PIE.htc); display: block; box-shadow: 0 0 10px 6px rgba(0, 0, 0, .04); -webkit-box-shadow: 0 0 10px 6px rgba(0, 0, 0, .04); -webkit-transition: all .2s cubic-bezier(0.4, 0, .2, 1) 0s; -o-transition: all .2s cubic-bezier(0.4, 0, .2, 1) 0s; -moz-transition: all .2s cubic-bezier(0.4, 0, .2, 1) 0s; transition: all .2s cubic-bezier(0.4, 0, .2, 1) 0s } /* 左侧 */ .xcxzf-nrbox .xc-nrbox-L { padding: 20px; background: #fff; cursor: pointer; } .xcxzf-nrbox .pic { float: left; width: 25%; height: 256px; line-height: 256px; padding-top: 10px } /* 右侧 */ .xcxzf-nrbox .xc-nrbox-R { overflow: hidden; padding: 10px 20px 0 40px; } .xcxzf-nrbox .nrbox-Rname { font-size: 20px; color: #333; text-align: center; font-weight: 700 } /* 功能 */ .xcxzf-nrbox .nrbox-R-gn { margin-top: 10px; padding-top: 20px; border-bottom: 1px solid #bbb; position: relative; overflow: hidden } .xcxzf-nrbox .nrbox-R-gn li { padding-left: 30px; margin-bottom: 20px; float: left; background: url(../images/xcxGn_bg.png) no-repeat left center; width: 25%; font-size: 14px; color: #555; } .xcxzf-nrbox .nrbox-R-gn .nrbox-Rjj { padding-left: 0; width: 100%; height: 100%; padding: 0 1%; position: absolute; top: 170px; line-height: 30px; visibility: hidden; font-size: 14px; color: #fff; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: inherit; } .xcxzf-nrbox .nrbox-R-gn:hover { -webkit-transition: all .3s cubic-bezier(0.3, 0, .2, 1) 0s; -o-transition: all .3s cubic-bezier(0.3, 0, .2, 1) 0s; -moz-transition: all .3s cubic-bezier(0.3, 0, .2, 1) 0s; transition: all .3s cubic-bezier(0.3, 0, .2, 1) 0s; border-bottom: 1px solid #cdbdf8; } .xcxzf-nrbox .nrbox-R-gn:hover .nrbox-Rjj { top: 0; -webkit-transition: all .3s cubic-bezier(0.3, 0, .2, 1) 0s; -o-transition: all .3s cubic-bezier(0.3, 0, .2, 1) 0s; -moz-transition: all .3s cubic-bezier(0.3, 0, .2, 1) 0s; transition: all .3s cubic-bezier(0.3, 0, .2, 1) 0s; padding-top: 30px; background: #272727b9; visibility: visible;cursor: inherit; cursor: inherit; } /* 价格： */ .xcxzf-nrbox .nrbox-jg { padding-top: 24px; position: relative } .xcxzf-nrbox .nrbox-jg-title { float: left; line-height: 42px; font-size: 18px; color: #000 } .xcxzf-nrbox .nrbox-jg-title span { font-size: 28px; color: #ff6800; } .xcxzf-nrbox .nrbox-jg .ljzx { float: right; display: inline-block; width: 142px; height: 42px; line-height: 42px; background: #2087ed; behavior: url(../cx/PIE.htc); border: 0; border-radius: 4px; font-size: 18px; color: #fff; text-align: center } .xcxzf-nrbox .nrbox-jg .ljzx:hover { background: #ff6800; } /* 我们的优势 */ .wmys { padding-bottom: 40px; background: url(../images/wmys_bg.png) no-repeat bottom center #fff } .wmys-list li { padding: 0 2px; margin-top: 20px; } .wmys-list li img { display: block; margin: 0 auto } .wmys-list li p { padding-top: 10px; height: 50px; line-height: 25px; font-size: 16px; color: #666; text-align: center } /* 小程序流量入口 */ .llrk li { margin-bottom: 50px; } .llrk li img { float: left; -o-transition: all 1s ease-in; -moz-transition: all 1s ease-in; transition: all 1s ease-in; -webkit-transition: all 1s ease-in; } .llrk li .text { padding-top: 8px; padding-left: 16px; overflow: hidden; font-size: 16px; color: #666 } .llrk li .text span { font-size: 18px; color: #333 } .llrk li:hover img { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform: rotate(360deg); } /* 5步快速生成 */ .kssc .wzjs_title { padding: 2% 0 1%; } .kssc_list { width: 100%; overflow: hidden; margin-bottom: 5%; background: url(../images/jzlc_bg.jpg) repeat-x center 61%; } .kssc_list li { width: 20%; float: left; text-align: center; cursor: pointer; } .kssc_list li b { font-size: 20px; color: #fff; display: inline-block; margin: 32px 0; width: 40px; position: relative; top: 20px; height: 40px; behavior: url(../cx/PIE.htc); line-height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -o-transition: all 1s ease-in; -moz-transition: all 1s ease-in; transition: all 1s ease-in; -webkit-transition: all 1s ease-in; background-color: #40dba4; } .kssc_list li p { font-size: 16px; color: #2a2a2a; display: block; } .kssc_list li:hover b { behavior: url(../cx/PIE.htc); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform: rotate(360deg); background-color: #38c4ff; } .mscj { margin: 40px auto 50px; display: block; width: 30%; height: 60px; line-height: 60px; background: #2087ed; border-radius: 10px; behavior: url(../cx/PIE.htc); font-size: 18px; color: #fff; text-align: center; } .mscj:hover { background: #207fdd; color: #fff; }