/* 头部 */ .header{height: 66px;background: rgba(0,0,0,0.8);font-size: 0;position: fixed;left:0;top:0;width:100%;z-index:999;} .header .nav_contaienr{width:1300px; margin:0 auto;position: relative;} .header .logo{float: left;} .header .logo img{width:178px;height: 43px;padding:11px 0;} .header .nav{float: left;height: 44px;padding:10px 0 12px 27px;} .header .nav li{float: left;position: relative;} .header .nav li a{float: left;color:#fff;height: 44px;line-height: 44px;font-size: 14px;padding:0 4px;margin:0 10px;transition: all 0.1s linear;position: relative;} .header .nav li a:after{content: '';position: absolute;left:0;;right:0;margin:0 auto;bottom:0;width:0;height: 2px;transition: all 0.1s linear;background: #0090ee;} .header .nav li a:hover{color:#0090ee;} .header .nav li a:hover:after{width:100%;} .header .nav .on>a{color:#0090ee;} .header .nav .on>a:after{width:100%;} .header .nav li .fill{position: absolute;top:44px;height: 13px;width:100%;} .header .nav li .child_nav{position: absolute;left:-8px;top:57px;z-index: 101;background: rgba(0,0,0,0.8);width:100px;text-align: center;padding:0px;display:none;} .header .nav li .child_nav a{color:#fff;color:#fff;height: 34px;line-height: 34px;font-size: 14px;padding:0 4px;transition: all 0.1s linear;position: relative;display: inline-block;float: none;margin: 5px 0;} .header .nav li .child_nav .on{color:#0090ee;} .header .nav li .child_nav .on:after{width:100%;} .header .nav li:hover .child_nav{display: block} .is_top{background: rgba(0,0,0,0.2);} .is_top .nav li .child_nav{background: rgba(0,0,0,0.2);} .header .nav_contaienr .tel_container{float: right;height: 66px;line-height: 66px;padding-left: 45px;background: url(../images/header_tel_icon.png) no-repeat left center;} .header .nav_contaienr .tel_container{font-size: 20px;color:#fff;} /* 底部 */ .fixed_bar{width:36px;position: fixed;z-index: 999;right: 10px;bottom: 60px;} .fixed_bar li{width:36px;height: 36px;background-image: url(../images/fixed_bar_icon.png);position: relative;cursor: pointer;} .fixed_bar li:hover p{display: block;} .fixed_bar .to_top{background-color: #0090ee;background-position: 0px 0px;} .fixed_bar .to_top p{width:28px;height: 28px;padding:4px;line-height: 14px;color:#fff;font-size:12px;text-align: center;display: none;background-color: #209BFD} .fixed_bar .qr_code{background-color: #0090ee;background-position: 0px -36px;position: relative;z-index:999} .fixed_bar .qr_code p{width:28px;height: 28px;padding:4px;line-height: 14px;color:#fff;font-size:12px;text-align: center;display: none;background-color: #209BFD;position: relative;z-index:999} .fixed_bar .qr_code .qr_code_container{width:0px;position: absolute;right:36px;bottom:0px;z-index:-1 } .fixed_bar .qr_code .qr_code_container .qr_code_img{width:100%;} .fixed_bar .qr_code:hover .qr_code_container{width:120px;right:36px;box-shadow: 0px 4px 18px -6px #000;} .fixed_bar .tel{background-color: #0090ee;background-position: 0px -72px;position: relative;z-index:999} .fixed_bar .tel p{width:28px;height: 28px;padding:4px;line-height: 14px;color:#fff;font-size:12px;text-align: center;display: none;background-color: #209BFD;position: relative;z-index:999} .fixed_bar .tel .tel_container{overflow: hidden;position: absolute;width:0px;right:36px;top:0px;height: 36px;line-height: 36px;background:#0090ee ;color:#fff;text-align: center;font-size:14px;} .fixed_bar .tel:hover .tel_container{width:150px;} .footer{background: #313131;} .footer .footer_nav{padding-left: 20px;} .footer .footer_nav ul{float: left;/* width:115px; */margin-right: 50px;} .footer .footer_nav .contact{width:270px;} .footer .footer_nav li{font-size: 12px;color:#aaa;display: block;line-height: 22px;} .footer .footer_nav .title{font-size:16px;color:#fff;line-height: 36px;} .footer .footer_nav a{font-size: 12px;color:#aaa;display: block;line-height: 22px;} .footer .footer_nav a:hover{color:#eee;transition: all 0.1s linear;} .footer .qr_code{float: right;text-align: center;margin-right: 20px;} .footer .qr_code img{width:120px;margin-top: 20px;} .footer .qr_code p{color:#aaa;line-height: 30px;font-size: 12px;} .footer .footer_line{height: 1px;background: #3f3f3f;} .footer .links{line-height: 22px;font-size:12px;color:#9fa2a4;padding-top: 20px;} .footer .links span{color:#9fa2a4;} .footer .links a{color:#9fa2a4;transition: all 0.1s linear;display: inline-block;margin:0 10px;} .footer .links a:hover{color:#eee;} .footer .copy{padding:40px 0;line-height: 22px;font-size:12px;color:#9fa2a4;text-align: center;} .footer .copy a{color:#9fa2a4;transition: all 0.1s linear;} .footer .copy a:hover{color:#eee;} /* 分页 */ .pages_container{width:100%;height: 46px;} .pages_container .pagination{font-size:0;text-align: center;} .pages_container .pagination li{display: inline-block;width:34px;height: 34px;line-height: 34px;border:1px solid #eee;margin:5px;transition: all 0.1s linear;} .pages_container .pagination li a{display: inline-block;font-size: 14px;width:34px;height: 34px;line-height: 34px;color:#333;transition: all 0.1s linear;} .pages_container .pagination li span{display: inline-block;font-size: 14px;width:34px;height: 34px;line-height: 34px;color:#333;} .pages_container .pagination .active{background: #0090ee;} .pages_container .pagination .active span{color:#fff;} .pages_container .pagination .disabled{background: #eee;} .pages_container .pagination .disabled span{color:#333;} .pages_container .pagination .disabled:hover{background: #eee;} .pages_container .pagination li:hover{background: #0090ee;} .pages_container .pagination li:hover a{color:#fff;} /* 首页banner */ .banner{width:100%;height: 588px;} .banner .swiper-container{width:100%;height: 588px;} .banner .swiper-container .swiper-wrapper{width:100%;height: 588px;} .banner .swiper-container .swiper-wrapper a{display: block;width:100%;height: 588px;background-repeat: no-repeat;background-position: center;} .banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:30px;height: 3px;background:#fff;opacity: 0.4;filter:alpha(opacity=40);border-radius: 0;cursor: pointer;} .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;filter: alpha(opacity=100);} .banner .swiper-container .swiper-button-prev{background-image: url(../images/banner-arrow.png);background-repeat: no-repeat;background-size: auto;width:25px;height:100px; background-position: left center;background-size: 50px 48px;top:46%;left:20px;} .banner .swiper-container .swiper-button-next{background-image: url(../images/banner-arrow.png);background-repeat: no-repeat;background-size: auto;width:25px;height:100px; background-position: right center;background-size: 50px 48px;top:46%;right:20px;} .banner .swiper-container .swiper-pagination {bottom:40px;} .banner .swiper-container .video_bg{width:100%;/* height: 588px;object-fit: cover; */background:#333;} .banner .swiper-container .video_mask{position: absolute;top:0;bottom:0;left:0;right: 0;background: url(../images/banner_video_bg.png);} .banner .swiper-container .video_mask img{position: absolute;left:0;right:0;margin:auto;top:130px;} /* 首页banner下四大活动开始 */ .event-list { position: relative; margin-top: -110px; z-index: 2 } .event-list .icon { background: url(../images/event_icon.png) 0 0 no-repeat } .event-list .group { width: 1180px; margin: 0 auto; *zoom: 1; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none } .event-list .group:before,.event-list .group:after { display: table; content: "" } .event-list .group:after { clear: both } .event-list figure { width: 295px; height: 110px; position: absolute } .event-list .event-wrp { width: 295px; height: 110px; position: absolute } .event-list .event-wrp img { position: absolute } .event-list .event-wrp #event-0-main { background: url(../images/event-0.png); width: 56px; height: 59px; position: absolute; top: 19px; left: 42px } .event-list .event-wrp #event-1-main { background: url(../images/event-1.png); width: 85px; height: 50px; position: absolute; top: 24px; left: 33px } .event-list .event-wrp #event-2-main { background: url(../images/event-2.png); width: 53px; height: 47px; position: absolute; top: 28px; left: 35px } .event-list .event-wrp #event-3-main { background: url(../images/event-3.png); width: 55px; height: 47px; position: absolute; top: 32px; left: 36px } .event-list .event-wrp .event-dot1,.event-list .event-wrp .event-dot2 { position: absolute } .event-list .event-wrp .event-dot1 img,.event-list .event-wrp .event-dot2 img { -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5) } .event-list #event-0-wrp .event-dot1 { top: 5px; left: 75px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg) } .event-list #event-0-wrp .event-dot2 { top: 90px; left: 65px; -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); -ms-transform: rotate(210deg); -o-transform: rotate(210deg); transform: rotate(210deg) } .event-list #event-1-wrp .event-dot1 { top: 80px; left: 40px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } .event-list #event-1-wrp .event-dot2 { top: 60px; left: 75px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } .event-list #event-2-wrp .event-dot1 { top: 10px; left: 70px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg) } .event-list #event-2-wrp .event-dot2 { top: 95px; left: 55px; -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); -ms-transform: rotate(210deg); -o-transform: rotate(210deg); transform: rotate(210deg) } .event-list #event-3-wrp .event-dot1 { top: 28px; left: 115px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .event-list #event-3-wrp .event-dot2 { top: 83px; left: 14px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } .event-list .event-in #dot1 { animation: dot1 1.8s cubic-bezier(.455, .03, .515, .955); -webkit-animation-delay: 0s } .event-list .event-in #dot2 { animation: dot2 1.8s cubic-bezier(.455, .03, .515, .955) } .event-list .event-in #event-1-wrp #dot1 { animation-delay: .15s; -webkit-animation-delay: .15s } @keyframes dot1 { 0% { transform: translate(0, 0) scale(.5); opacity: 1 } 20% { transform: translate(20px, 0) scale(.5); opacity: 0 } 40% { transform: translate(-40px, 0) scale(.5); opacity: 0 } 70% { transform: translate(0, 0) scale(.5); opacity: 1 } 100% { transform: translate(0, 0) scale(.5); opacity: 1 } } @keyframes dot2 { 0% { transform: translate(0, 0) scale(.5); opacity: 1 } 20% { transform: translate(20px, 0) scale(.5); opacity: 0 } 40% { transform: translate(-40px, 0) scale(.5); opacity: 0 } 70% { transform: translate(0, 0) scale(.5); opacity: 1 } 100% { transform: translate(0, 0) scale(.5); opacity: 1 } } .event-list a { display: block; float: left; width: 295px; height: 110px } .event-list a:first-child { margin-left: 0 } .event-list a:hover { text-decoration: none; background: rgba(10,9,9,0.6); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .event-list figcaption { position: absolute; top: 33px; left: 130px } .event-list h3 { margin-top: 0; color: #FFF; font-size: 14px; font-weight: normal; } .event-list p { color: #999; font-size: 14px; line-height: 30px; } .event-list .icon-event-bcd { background-position: 0 -62px } .event-list .icon-event-conference { background-position: 0 -124px } .event-list .icon-event-new-features { background-position: 0 -186px } /* 首页banner下四大活动结束 */ /* 页面板块公用样式 */ .page_block{padding:60px 0;} .page_block .page_block_title{text-align: center;} .page_block .page_block_title h3{font-size:30px;color:#333;font-weight: normal;} .page_block .page_block_title p{font-size:14px;color:#666;height: 54px;line-height: 54px;} .page_block .page_block_title_white h3{color:#fff;} .page_block .page_block_title_white p{color:#fff;} /* 首页产品服务 */ .product_container{} .product_container .product_info{width:240px;position: relative;overflow: hidden;float: left;cursor:pointer;} .product_container .product_info .product_main{width:240px;height: 350px;text-align: center;position: relative;border:1px solid #ccc;border-left: 0;} .product_container .product_info:first-child .product_main{border-left:1px solid #ccc;} .product_container .product_info .product_main .title{font-size:18px;color:#222;padding-top: 36px} .product_container .product_info .product_main .desc{font-size:12px;color:#666;height: 48px;line-height: 48px;} .product_container .product_info .product_main .icon{width:160px;height: 160px;display: inline-block;margin:0 auto;background-image: url(../images/product_icon.png);} .product_container .product_info .product_main .tips{font-size: 12px;color:#333;height: 44px;line-height: 44px;border-top: 1px dashed #ccc;position: absolute;bottom: 0;left:0;width:100%;} .product_container .product_info ul{position: absolute;top:0;bottom:0;left:240px;width:240px;background:url(../images/product_bg.jpg);background-size: cover;} .product_container .product_info ul li{background:rgba(0,0,0,0.8);color:#ccc;border-top: 1px solid #7c7c7c;height: 87.5px;line-height: 87.5px;padding-left: 80px;position: relative;} .product_container .product_info ul li a{color:#ccc;} .product_container .product_info ul li span{position: absolute;width:40px;height: 40px;top:24px;left:24px;background-image: url(../images/product_icon.png);} .product_container .product_info ul li:first-child{border:none} .product_container .product_info ul li:hover{color:#0090ee;} .product_container .product_info ul li:hover a{color:#0090ee;} .product_container .product_website .product_main .icon{background-position: 0px 0px} .product_container .product_weichat .product_main .icon{background-position: 0px -320px} .product_container .product_app .product_main .icon{background-position: 0px -160px} .product_container .product_other .product_main .icon{background-position: 0px -480px} .product_container .product_website ul li .span1{background-position: 0px -640px} .product_container .product_website ul li .span2{background-position: 0px -680px} .product_container .product_website ul li .span3{background-position: 0px -720px} .product_container .product_website ul li .span4{background-position: 0px -760px} .product_container .product_weichat ul li .span1{background-position: -80px -640px} .product_container .product_weichat ul li .span2{background-position: -80px -680px} .product_container .product_weichat ul li .span3{background-position: -80px -720px} .product_container .product_weichat ul li .span4{background-position: -80px -760px} .product_container .product_app ul li .span1{background-position: -160px -640px} .product_container .product_app ul li .span2{background-position: -160px -680px} .product_container .product_app ul li .span3{background-position: -160px -720px} .product_container .product_app ul li .span4{background-position: -160px -760px} .product_container .product_other ul li .span1{background-position: -240px -640px} .product_container .product_other ul li .span2{background-position: -240px -680px} .product_container .product_other ul li .span3{background-position: -240px -720px} .product_container .product_other ul li .span4{background-position: -240px -760px} /* 首页产品服务选中样式 */ .product_container .product_on{width:480px;} .product_container .product_on .product_main{background-color:#0090ee;border-color: #0090ee;} .product_container .product_on .product_main .title{color:#fff;} .product_container .product_on .product_main .desc{color:#fff;} .product_container .product_on .product_main .tips{color:#fff;} .product_container .product_on.product_website .product_main .icon{background-position:160px 0px; } .product_container .product_on.product_weichat .product_main .icon{background-position:160px -320px; } .product_container .product_on.product_app .product_main .icon{background-position:160px -160px; } .product_container .product_on.product_other .product_main .icon{background-position:160px -480px; } .product_container .product_website ul li:hover .span1{background-position: -40px -640px} .product_container .product_website ul li:hover .span2{background-position: -40px -680px} .product_container .product_website ul li:hover .span3{background-position: -40px -720px} .product_container .product_website ul li:hover .span4{background-position: -40px -760px} .product_container .product_weichat ul li:hover .span1{background-position: -120px -640px} .product_container .product_weichat ul li:hover .span2{background-position: -120px -680px} .product_container .product_weichat ul li:hover .span3{background-position: -120px -720px} .product_container .product_weichat ul li:hover .span4{background-position: -120px -760px} .product_container .product_app ul li:hover .span1{background-position: -200px -640px} .product_container .product_app ul li:hover .span2{background-position: -200px -680px} .product_container .product_app ul li:hover .span3{background-position: -200px -720px} .product_container .product_app ul li:hover .span4{background-position: -200px -760px} .product_container .product_other ul li:hover .span1{background-position: -280px -640px} .product_container .product_other ul li:hover .span2{background-position: -280px -680px} .product_container .product_other ul li:hover .span3{background-position: -280px -720px} .product_container .product_other ul li:hover .span4{background-position: -280px -760px} /* 首页案例 */ .index_case{background:url(../images/index_case_bg.jpg) no-repeat;background-size: cover;height: 680px;} .index_case .case_category_title{} .index_case .case_category_title ul{text-align: center;font-size:0;} .index_case .case_category_title li{display: inline-block;width:150px;height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;border-radius: 4px;font-size:14px;margin:0 5px;color:#fff;cursor: pointer;} .index_case .case_category_title .on{background:#0090ee;border-color:#0090ee;} .index_case .case_category_contaienr{} .index_case .case_category_contaienr ul{display: none;} .index_case .case_category_contaienr .on{display: block;} /* 优势 */ .index_youshi ul{} .index_youshi ul li{float: left;width: 220px;margin:10px;} .index_youshi ul li div{width:220px;height: 120px;line-height: 120px;text-align: center;color:#fff;font-weight: bold;font-size:54px;border-radius: 6px;background: linear-gradient(to bottom, #0581f4 0%,#3961f9 100%);font-family: '黑体';box-shadow: 0px 4px 18px -6px #000;letter-spacing: 4px} .index_youshi ul li p{height: 70px;line-height: 70px;text-align: center;} /* 最新签约 */ .index_sign {overflow: hidden;} .index_sign{background:url(../images/index_sign_bg.jpg) no-repeat;background-size: cover} .index_sign .sign-container{width:1200px;height: 230px;overflow: hidden;} .index_sign .swiper-wrapper{width:1200px;height: 220px} .index_sign .sign_li{width:270px;height: 180px;position: relative;overflow: hidden;background:rgba(255,255,255,0.5);float: left;margin: 15px} .index_sign .sign_li .logo{width:270px;height: 180px;position: absolute;left:0;right:0;top:0;overflow: hidden;} .index_sign .sign_li .logo img{width:270px;height: 180px;} .index_sign .sign_li .text{width:210px;height: 120px;position: absolute;left:0;right:0;top:180px;overflow: hidden;color:#fff;text-align: center;padding:50px 30px;} .index_sign .sign_li .text .title{line-height: 24px;font-size:15px;height: 48px;overflow: hidden;} .index_sign .sign_li .text .date{line-height: 36px;font-size:14px;} .index_sign .sign_li:hover .logo{top:-180px;} .index_sign .sign_li:hover .text{top:0px;} .index_sign .sign-container .swiper-pagination .swiper-pagination-bullet{width:30px;height: 3px;background:#fff;opacity: 0.4;filter:alpha(opacity=40);border-radius: 0;cursor: pointer;} .index_sign .sign-container .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;filter: alpha(opacity=100);} /* 合作流程 */ .index_liucheng{position: relative;} .index_liucheng .container_1200{overflow: hidden;} .index_liucheng ul{width:1312.5px;margin-left: -112.5px;position: relative;z-index: 3} .index_liucheng ul li{float: left;margin-left:112.5px;width:150px;height:150px;border-radius: 150px;background: linear-gradient(to bottom, #0581f4 0%,#3961f9 100%);text-align: center;box-shadow:0px 4px 18px -6px #000;} .index_liucheng ul li .icon{width:70px;height: 70px;margin:0 auto;background-image: url(../images/index_liucheng_icon.png);margin-top: 22px} .index_liucheng ul li p{line-height: 30px;color:#fff;} .index_liucheng ul .step1 .icon{background-position: 0px 0px} .index_liucheng ul .step2 .icon{background-position: -70px 0px} .index_liucheng ul .step3 .icon{background-position: -140px 0px} .index_liucheng ul .step4 .icon{background-position: -211px 0px} .index_liucheng ul .step5 .icon{background-position: -282px 0px} /* 新闻 */ .index_news{background: #fafafa;} .index_news .news_category_title{} .index_news .news_category_title ul{text-align: center;font-size:0;} .index_news .news_category_title li{display: inline-block;height: 40px;line-height: 40px;text-align: center;font-size:16px;margin:0 35px;color:#333;cursor: pointer;border-bottom:2px solid #fafafa;} .index_news .news_category_title .on{border-bottom:2px solid #0090ee;color:#0090ee;} .index_news .news_category_contaienr{} .index_news .news_category_contaienr ul{display: none;} .index_news .news_category_contaienr .on{display: block;} .index_news .news_category_contaienr ul li{width:570px;height: 91px;position: relative;overflow: hidden;float: left;position: relative;padding:15px;border-radius: 5px} .index_news .news_category_contaienr ul li:hover{background: #fff;box-shadow: 0px 4px 18px -6px #000;} .index_news .news_category_contaienr ul li img{width:150px;height: 91px;position: absolute;top:15px;left:15px;} .index_news .news_category_contaienr ul li .info{width:320px;margin-left: 180px;} .index_news .news_category_contaienr ul li .info .title{font-size: 14px;font-weight: normal;color:#333;line-height: 28px;} .index_news .news_category_contaienr ul li .info .desc{font-size: 12px;color:#666;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .index_news .news_category_contaienr ul li .date{position: absolute;top:15px;right:15px;text-align: right;color:#000;} .index_news .news_category_contaienr ul li .date .day{font-size:16px;line-height: 30px;padding-top: 10px} .index_news .news_category_contaienr ul li .date .month{font-size:12px;} /* 网站页面 */ /* banner */ .second_banner{font-size:0;position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center;} .second_banner img{opacity: 0;filter: alpha(opacity=0); } /* 套餐 */ .website_block{} .website_block .left{float: left;padding-left: 30px;} .website_block .left .websete_pic{width:600px;height: 400px;} .website_block .left .tips{text-align: center;font-size:0;padding-top: 10px;} .website_block .left .tips p{height: 30px;line-height: 30px;display:inline-block;margin:0 15px;font-size:0;position: relative;} .website_block .left .tips p em{width:30px;height: 30px;background-image: url(../images/website_icon.png);position: absolute;left:0;top:0;} .website_block .left .tips p span{font-size:12px;padding-left: 35px;} .website_block .left .tips .p1 em{background-position: 0px 0px;} .website_block .left .tips .p2 em{background-position: 0px -30px;} .website_block .left .tips .p3 em{background-position: 0px -60px;} .website_block .left .tips .p4 em{background-position: 0px -90px;} .website_block .right{float: right;padding-right: 30px} .website_block .right .title{font-size:34px;font-weight: normal;width:365px;text-align: center;height: 88px;line-height: 88px;border-bottom: 2px solid #cecece;} .website_block .right .title span{color:#0090ee;} .website_block .right ul{padding:10px 30px;} .website_block .right ul li{line-height: 32px;font-size:14px;} .website_block .right ul a{width:196px;height: 46px;line-height: 46px;font-size:20px;color:#fff;text-align: center;border-radius: 6px;display: block;background: #ff6602;margin-top: 30px;position: relative;transition: all 0.1s linear;} .website_block .right ul a:hover{margin-top:27px;box-shadow: 0px 4px 18px -6px #000; } .website_block2{background:url(../images/website_block2_bg.jpg) no-repeat center;background-size: cover;color:#fff;} .website_block4{background:url(../images/website_block4_bg.jpg) no-repeat center;background-size: cover;color:#fff;} /* 流程 */ .website_step{background:url(../images/website_step_bg.jpg) no-repeat center;background-size: cover;overflow: hidden;} .website_step .step_container{box-sizing: border-box;width:1200px;} .website_step .step_container li{float: left;width:134px;height:330px;border:1px solid #fff;position: relative;color:#fff;box-sizing: border-box;transition: all 0.1s linear; cursor: pointer;margin-left: -1px;} .website_step .step_container li .website_step_li_container{position: absolute;width:100%;height: 100%;z-index: 1} .website_step .step_container li .icon_container{width:82px;height: 82px;margin:45px auto;border:2px solid #fff;padding:1px;border-radius: 82px;font-size:0;} .website_step .step_container li .icon_container span{width:80px;height:80px;background-image: url(../images/website_step_icon.png);display: block;} .website_step .step_container li .title{text-align: center;font-size:16px;} .website_step .step_container li .person{position: absolute;bottom:0;width:100%;height: 44px;line-height: 44px;} .website_step .step_container li .person .text{float: left;width:90px;text-align: right;} .website_step .step_container li .person .num{float: right;width:30px;height: 44px;text-align: right;font-size:44px;font-weight: bold;} .website_step .step_container .step1 .icon_container span{background-position: 0px 0px;} .website_step .step_container .step2 .icon_container span{background-position: 0px -80px;} .website_step .step_container .step3 .icon_container span{background-position: 0px -160px;} .website_step .step_container .step4 .icon_container span{background-position: 0px -240px;} .website_step .step_container .step5 .icon_container span{background-position: 0px -320px;} .website_step .step_container .step6 .icon_container span{background-position: 0px -400px;} .website_step .step_container .step7 .icon_container span{background-position: 0px -480px;} .website_step .step_container .step8 .icon_container span{background-position: 0px -560px;} .website_step .step_container .step9 .icon_container span{background-position: 0px -640px;} .website_step .step_container li .website_step_li_container:hover{background:rgba(0,0,0,0.5);} /* 服务保障 */ .website_baozhang{overflow: hidden;} .website_baozhang .website_baozhang_container{width: 1242.6px;margin-left: -42.6px;} .website_baozhang .website_baozhang_container li{margin-left: 42.6px;width:268px;float: left;overflow: hidden;transition: all 0.1s linear;cursor: pointer;} .website_baozhang .website_baozhang_container li .icon_container{background: linear-gradient(to bottom, #0b7df5 0%,#3961f9 100%);width:180px;height:180px;margin:0 auto;border-radius: 180px;padding-top: 1px;transition: all 0.1s linear;} .website_baozhang .website_baozhang_container li .icon_container p{width:100px;height:100px;margin:40px auto;background-image: url(../images/website_baozhang_icon.png);} .website_baozhang .website_baozhang_container li .title{font-size:16px;color:#333;padding:0 30px;padding-top: 20px;text-align: center;line-height: 40px} .website_baozhang .website_baozhang_container li .desc{font-size:12px;color:#666;line-height: 20px;height: 60px;margin-bottom: 40px; padding:0 30px;text-align: center;} .website_baozhang .website_baozhang_container li:hover{box-shadow:0px 4px 18px -6px #000; } .website_baozhang .website_baozhang_container li:hover .icon_container{width:268px;border-radius: 6px 6px 0 0;} .website_baozhang .website_baozhang_container .step1 .icon_container p{background-position: 0px 0px;} .website_baozhang .website_baozhang_container .step2 .icon_container p{background-position: 0px -100px;} .website_baozhang .website_baozhang_container .step3 .icon_container p{background-position: 0px -200px;} .website_baozhang .website_baozhang_container .step4 .icon_container p{background-position: 0px -300px;} /* 小程序 */ /* 场景 */ .xiaochengxu_scene{background:url(../images/xiaochengxu_scene_bg.png);background-position: center top;overflow: hidden;} .xiaochengxu_scene .main_container{position: relative;} .xiaochengxu_scene .main_container .phone{margin:0 auto;width:248px;height:497px;display: block; } .xiaochengxu_scene .main_container ul{position: absolute;width:100%;left:0;top:0;z-index: 3;padding-top: 40px} .xiaochengxu_scene .main_container ul li{width:430px;height: 60px;margin-top: 68px} .xiaochengxu_scene .main_container ul li .icon{width:60px;height: 60px;float: left;background-image: url(../images/xiaochengxu_scene_icon.png);margin-right: 30px;} .xiaochengxu_scene .main_container ul li .text .title{font-size:18px;padding-top: 5px} .xiaochengxu_scene .main_container ul li .text .desc{font-size:12px;line-height: 20px;height: 20px;margin-top: 10px} .xiaochengxu_scene .main_container ul li .black{color:#333;} .xiaochengxu_scene .main_container ul li .white{color:#fff;} .xiaochengxu_scene .main_container ul .fl .text{text-align: right;} .xiaochengxu_scene .main_container ul .fl .icon{float: right;margin-left: 30px;} .xiaochengxu_scene .main_container ul .step1 .icon{background-position: 0px 0px;} .xiaochengxu_scene .main_container ul .step2 .icon{background-position: 0px -60px;} .xiaochengxu_scene .main_container ul .step3 .icon{background-position: 0px -120px;} .xiaochengxu_scene .main_container ul .step4 .icon{background-position: 0px -180px;} .xiaochengxu_scene .main_container ul .step5 .icon{background-position: 0px -240px;} .xiaochengxu_scene .main_container ul .step6 .icon{background-position: 0px -300px;} /* 功能 */ .xiaochengxu_gongneng{background:#f5f5f5;} .xiaochengxu_gongneng ul{} .xiaochengxu_gongneng ul li{float: left;width:299px;height:190px;margin-right: 1px;margin-bottom:1px;overflow: hidden;cursor: pointer;position: relative;} .xiaochengxu_gongneng ul li img{width:299px;height:190px;} .xiaochengxu_gongneng ul li .title{width:299px;height:190px;line-height: 190px;font-size:24px;color:#fff;position: absolute;top:0;left:0;z-index: 3;text-align: center;} .xiaochengxu_gongneng ul li .mask{width:299px;height:190px;position: absolute;top:0;left:0;background: rgba(0,0,0,0.5);z-index: 2;transition: all 0.2s linear; } .xiaochengxu_gongneng ul .step1:hover .mask{background: linear-gradient(to right, rgba(253, 197, 108, 0.5) 0%,rgba(254, 83, 80, 0.5) 100%);} .xiaochengxu_gongneng ul .step2:hover .mask{background: linear-gradient(to right, rgba(77, 65, 23, 0.5) 0%,rgba(37, 82, 188, 0.5) 100%);} .xiaochengxu_gongneng ul .step3:hover .mask{background: linear-gradient(to right, rgba(37, 118, 164, 0.5) 0%,rgba(25, 154, 124, 0.5) 100%);} .xiaochengxu_gongneng ul .step4:hover .mask{background: linear-gradient(to right, rgba(255, 232, 0, 0.5) 0%,rgba(255, 138, 0, 0.5) 100%);} .xiaochengxu_gongneng ul .step5:hover .mask{background: linear-gradient(to right, rgba(92, 86, 216, 0.5) 0%,rgba(132, 59, 205, 0.5) 100%);} .xiaochengxu_gongneng ul .step6:hover .mask{background: linear-gradient(to right, rgba(76, 158, 45, 0.5) 0%,rgba(38, 142, 92, 0.5) 100%);} .xiaochengxu_gongneng ul .step7:hover .mask{background: linear-gradient(to right, rgba(77, 65, 234, 0.5) 0%,rgba(37, 82, 188, 0.5) 100%);} .xiaochengxu_gongneng ul .step8:hover .mask{background: linear-gradient(to right, rgba(253, 197, 108, 0.5) 0%,rgba(254, 83, 80, 0.5) 100%);} /* 流程 */ .xiaochengxu_step{} .xiaochengxu_step ul{width:990px;margin:0 auto;} .xiaochengxu_step ul li{width:66px;float: left;height: 115px;} .xiaochengxu_step ul li .icon_container{width:62px;height:62px;margin:0 auto;overflow: hidden;border:1px solid #0093dd;border-radius: 50%;} .xiaochengxu_step ul li .icon_container .icon{background-image: url(../images/xiaochengxu_liucheng_icon.png);width:60px;height: 60px;display: block;margin:1px;} .xiaochengxu_step ul li .title{line-height: 50px;height: 50px;overflow: hidden;color:#333;text-align: center;} .xiaochengxu_step ul li .point_cont{text-align: center;} .xiaochengxu_step ul li .point_cont span{background: #0093dd;border-radius: 50%;width: 12px;height: 12px;display: inline-block;margin:25px 4px;} .xiaochengxu_step ul .step1 .icon_container .icon{background-position: 0px 0px;} .xiaochengxu_step ul .step2 .icon_container .icon{background-position: 0px -60px;} .xiaochengxu_step ul .step3 .icon_container .icon{background-position: 0px -120px;} .xiaochengxu_step ul .step4 .icon_container .icon{background-position: 0px -180px;} .xiaochengxu_step ul .step5 .icon_container .icon{background-position: 0px -240px;} .xiaochengxu_step ul .step6 .icon_container .icon{background-position: 0px -300px;} .xiaochengxu_step ul .step7 .icon_container .icon{background-position: 0px -360px;} .xiaochengxu_step ul .step8 .icon_container .icon{background-position: 0px -420px;} /* 方案 */ .xiaochengxu_fangan{background:url(../images/xiaochengxu_fangan_bg.jpg);background-position: center top;} .xiaochengxu_fangan .fangan-container{width:1200px;margin:0 auto;overflow: hidden;} .xiaochengxu_fangan .fangan-container .fangan_detail{padding:0 90px;} .xiaochengxu_fangan .fangan-container .fangan_detail .title{color:#0eb2ff;font-size:30px;height: 30px;line-height: 30px;padding-bottom: 45px;} .xiaochengxu_fangan .fangan-container .fangan_detail .desc{color:#fff;font-size:14px;height: 68px;line-height: 34px;overflow: hidden;} .xiaochengxu_fangan .fangan-container .fangan_detail ul{color:#fff;padding-top: 73px;} .xiaochengxu_fangan .fangan-container .fangan_detail ul li{width:170px;float: left;text-align: center;} .xiaochengxu_fangan .fangan-container .fangan_detail ul li .icon{width:100px;height: 100px;border:1px solid #fff;border-radius: 100px;margin:0 auto;} .xiaochengxu_fangan .fangan-container .fangan_detail ul li .icon span{width:90px;height: 90px;float: left;margin:5px;} .xiaochengxu_fangan .fangan-container .fangan_detail ul li .name{height: 74px;line-height: 74px;font-size:14px;} .xiaochengxu_fangan .fangan-container .fangan_detail ul .step1 .icon span{background-position: 0px 0px;} .xiaochengxu_fangan .fangan-container .fangan_detail ul .step2 .icon span{background-position: 0px -90px;} .xiaochengxu_fangan .fangan-container .fangan_detail ul .step3 .icon span{background-position: 0px -180px;} .xiaochengxu_fangan .fangan-container .fangan_detail ul .step4 .icon span{background-position: 0px -270px;} .xiaochengxu_fangan .fangan-container .fangan_detail ul .step5 .icon span{background-position: 0px -360px;} .xiaochengxu_fangan .fangan-container .fangan_detail ul .step6 .icon span{background-position: 0px -450px;} .fangan_pagination_container{padding-top: 60px;height: 60px;position: relative;} .fangan_pagination_container .line{width: 100%;height: 1px;background: #999999;position: absolute;left:0;bottom:11px;z-index: 2;} .fangan_pagination_container .fangan-pagination{position: relative;z-index: 3;} .fangan_pagination_container .fangan-pagination .swiper-pagination-bullet{width:133.33px;height: auto;float: left;text-align: center;color:#fff;border-radius: 0;background:none;opacity: 1;outline: none;} .fangan_pagination_container .fangan-pagination .swiper-pagination-bullet h5{font-weight: normal;font-size: 16px;padding-bottom: 16px;} .fangan_pagination_container .fangan-pagination .swiper-pagination-bullet p{width: 20px;height: 20px;border:1px solid #fff;border-radius: 20px;margin:0 auto;background: #2e3444;} .fangan_pagination_container .fangan-pagination .swiper-pagination-bullet p span{width: 10px;height: 10px;border-radius: 10px;background:#fff;float: left;margin:5px;} .fangan_pagination_container .fangan-pagination .swiper-pagination-bullet-active h5{color:#0eb2ff;} .fangan_pagination_container .fangan-pagination .swiper-pagination-bullet-active p{border-color:#0eb2ff;} .fangan_pagination_container .fangan-pagination .swiper-pagination-bullet-active p span{background:#0eb2ff;} .xiaochengxu_fangan .fangan-container .dianshang_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_dianshang.png);} .xiaochengxu_fangan .fangan-container .canyin_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_canyin.png);} .xiaochengxu_fangan .fangan-container .lingshou_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_lingshou.png);} .xiaochengxu_fangan .fangan-container .yule_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_yule.png);} .xiaochengxu_fangan .fangan-container .meiye_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_meiye.png);} .xiaochengxu_fangan .fangan-container .jiaoyu_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_jiaoyu.png);} .xiaochengxu_fangan .fangan-container .fangchan_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_fangchan.png);} .xiaochengxu_fangan .fangan-container .hunshasheying_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_hunshasheying.png);} .xiaochengxu_fangan .fangan-container .zhuangxiu_detail ul li .icon span{width:90px;height: 90px;background-image: url(../images/xiaochengxu_fangan_icon_zhuangxiu.png);} /* 优势 */ .xiaochengxu_youshi{} .xiaochengxu_youshi ul{} .xiaochengxu_youshi ul li{float: left;width:300px;text-align: center;} .xiaochengxu_youshi ul li .pic{width:166px;height: 166px;margin:0 auto;position: relative;} .xiaochengxu_youshi ul li .pic .youshi_bg{width:166px;height: 166px;} .xiaochengxu_youshi ul li:hover .pic .youshi_bg{animation: spin 8000ms infinite linear;} .xiaochengxu_youshi ul li .pic .youshi_pic{width:138px;height: 138px;border-radius: 138px;position: absolute;;top:14px;left:14px;} .xiaochengxu_youshi ul li .title{font-size:16px;font-weight: bold;text-align: center;line-height: 54px;padding-top: 15px;} .xiaochengxu_youshi ul li .button{width:206px;height: 34px;line-height: 34px;margin:0 auto;color:#fff;background: linear-gradient(to right, #0eb4ff 0%,#2457ff 100%);display: block;border-radius: 34px} .xiaochengxu_youshi ul li .desc{line-height: 28px;height: 56px;overflow: hidden;padding-top: 15px;color:#333;} @keyframes spin { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } /* 微信公众号 */ .weixin_xitong{} .weixin_xitong .xitong_block{width:520px;margin:0 40px;border-radius: 8px;overflow: hidden;box-shadow: 0px 4px 18px -6px #000; } .weixin_xitong .xitong_block .title{height:80px;line-height: 80px;background:linear-gradient(to right, #3c68f5 0%,#18a1f8 100%);color:#fff;} .weixin_xitong .xitong_block .title h4{font-size: 24px;font-weight: normal;float: left;padding-left: 43px;} .weixin_xitong .xitong_block .title h5{font-size: 10px;font-weight: normal;float: left;padding-left: 12px} .weixin_xitong .xitong_block ul{padding:10px 0 25px 0;} .weixin_xitong .xitong_block li{position: relative;padding:15px 30px;height: 75px;margin-left: 25px;} .weixin_xitong .xitong_block li .icon{position: absolute;top:13px;left:-5px;width:30px;height:30px;background-image: url(../images/weixin_xitong_icon.png);} .weixin_xitong .xitong_block li .type_title{font-size:16px;color:#000;padding-bottom: 12px} .weixin_xitong .xitong_block li .type_name{font-size:14px;color:#777;width:330px;float: left;line-height: 24px;height: 48px;} .weixin_xitong .xitong_block li .type_name span{display: inline-block;margin-right: 20px} .weixin_xitong .xitong_block li .btn{font-size:12px;color:#fff;width:90px;height:30px;line-height: 30px;text-align: center;background:linear-gradient(to bottom, #0eb4ff 0%,#2383ff 100%);display: block;border-radius: 4px;float: right;margin-right: 5px} .weixin_xitong .xitong_block .step1 .icon{background-position: 0px 0px;} .weixin_xitong .xitong_block .step2 .icon{background-position: 0px -30px;} .weixin_xitong .xitong_block .step3 .icon{background-position: 0px -60px;} .weixin_xitong .xitong_block .step4 .icon{background-position: 0px -90px;} .weixin_xitong .weixin_dingzhi li .icon{background-image: url(../images/weixin_dingzhi_icon.png);} /* 功能 */ .weixin_product{position: relative;background:#f6f6f6;} .weixin_product .weixin_product_bg{background-image: url(../images/weixin_product_bg.jpg);height:530px;position: absolute;width:100%;top:0;left:0;} .weixin_product ul{background:#fff;padding:40px 15px;box-shadow: 0px 4px 18px -6px #000;} .weixin_product ul li{width:360px;height: 180px;float:left;margin:15px;position: relative;overflow: hidden;cursor: pointer;} .weixin_product ul li img{position: absolute;top:0;left:0;width:360px;height: 180px;} .weixin_product ul li .mask{position: absolute;top:140px;left:0;width:360px;height: 180px;background: rgba(0,0,0,0.5);transition: all 0.2s linear;} .weixin_product ul li .mask .title{height: 40px;line-height: 40px;color:#fff;font-size:16px;text-align: center;padding-bottom: 5px;transition: all 0.2s linear;} .weixin_product ul li .mask .desc{height: 72px;line-height: 24px;color:#fff;font-size:12px;overflow: hidden;padding:0 25px;} .weixin_product ul li:hover .mask{top:0;background:linear-gradient(to bottom, rgba(51,97,246,0.95) 0%,rgba(13,157,249,0.95) 100%);} .weixin_product ul li:hover .mask .title{padding-top: 30px;} /* 计划*/ .weixin_plan{position: relative;background:#f6f6f6;padding-top: 0;} .weixin_plan ul{width:1120px;margin:0 auto;} .weixin_plan ul li{width: 160px;float: left;text-align: center;} .weixin_plan ul li .icon_container{width:100px;height: 100px;margin:0 auto;border-radius:118px;padding:9px;} .weixin_plan ul li .icon_container .icon{width:100px;height: 100px;background-image: url(../images/weixin_plan_icon.png);display: block;} .weixin_plan ul li .title{line-height: 24px;font-size:14px;padding-top: 5px;} .weixin_plan ul li .jia{font-size:40px;line-height: 118px;color:#444;} .weixin_plan ul .step1 .icon_container{background:linear-gradient(to bottom, #67c742 0%,#3ebc90 100%);} .weixin_plan ul .step2 .icon_container{background:linear-gradient(to bottom, #ffb84a 0%,#fb895c 100%);} .weixin_plan ul .step3 .icon_container{background:linear-gradient(to bottom, #77a1e3 0%,#737dd4 100%);} .weixin_plan ul .step4 .icon_container{background:linear-gradient(to bottom, #fd7e61 0%,#f4666f 100%);} .weixin_plan ul .step1 .icon_container .icon{background-position: 0px 0px;} .weixin_plan ul .step2 .icon_container .icon{background-position: 0px -100px;} .weixin_plan ul .step3 .icon_container .icon{background-position: 0px -200px;} .weixin_plan ul .step4 .icon_container .icon{background-position: 0px -300px;} .weixin_plan .weixin_plan_line{width:1120px;display: block;margin:10px auto;} .weixin_plan .fee{color:#333;font-size: 24px;height: 80px;line-height: 80px;text-align: center;} .weixin_plan .apply_now{width:200px;height: 50px;line-height: 50px;font-size:22px;color:#fff;border-radius: 6px;position: relative;top:0;background:linear-gradient(to right, #19a2f9 0%,#3d69f6 100%);display: block;margin:10px auto;text-align: center;} .weixin_plan .apply_now:hover{top:-3px;box-shadow: 0px 4px 18px -6px #000;} /* 优势 */ .weixin_youshi{} .weixin_youshi ul{width:1272px;margin-left: -72px;} .weixin_youshi ul li{width: 246px;margin:36px 0;margin-left: 72px;float: left;text-align: center;box-shadow: 0px 0px 10px -2px #bbb;height: 300px;cursor: pointer;transition: all 0.1s linear;} .weixin_youshi ul li .icon{width:90px;height: 90px;display: block;margin:0 auto;background-image: url(../images/weixin_youshi_icon.png);margin-top: 40px;margin-bottom: 25px;} .weixin_youshi ul li .title{font-size:18px;color:#333;line-height: 50px;transition: all 0.1s linear;} .weixin_youshi ul li .desc{font-size:14px;color:#666;line-height: 24px;transition: all 0.1s linear;} .weixin_youshi ul .step1 .icon{background-position: 0px 0px} .weixin_youshi ul .step2 .icon{background-position: 0px -90px} .weixin_youshi ul .step3 .icon{background-position: 0px -180px} .weixin_youshi ul .step4 .icon{background-position: 0px -270px} .weixin_youshi ul .step5 .icon{background-position: 0px -360px} .weixin_youshi ul .step6 .icon{background-position: 0px -450px} .weixin_youshi ul .step7 .icon{background-position: 0px -540px} .weixin_youshi ul .step8 .icon{background-position: 0px -630px} .weixin_youshi ul li:hover{background:linear-gradient(to bottom, #3d69f6 0%,#19a2f9 100%);} .weixin_youshi ul li:hover .title{color:#fff;} .weixin_youshi ul li:hover .desc{color:#fff;} .weixin_youshi ul .step1:hover .icon{background-position: 90px 0px} .weixin_youshi ul .step2:hover .icon{background-position: 90px -90px} .weixin_youshi ul .step3:hover .icon{background-position: 90px -180px} .weixin_youshi ul .step4:hover .icon{background-position: 90px -270px} .weixin_youshi ul .step5:hover .icon{background-position: 90px -360px} .weixin_youshi ul .step6:hover .icon{background-position: 90px -450px} .weixin_youshi ul .step7:hover .icon{background-position: 90px -540px} .weixin_youshi ul .step8:hover .icon{background-position: 90px -630px} /* 流程 */ .weixin_step{background: url(../images/weixin_step_bg.jpg);background-size: cover;overflow: hidden;} .weixin_step ul{} .weixin_step ul li{float:left;margin-left: -25px} .weixin_step ul li:first-child{margin-left: 0} .weixin_step ul .step{width:200px;height: 215px;} .weixin_step ul .line{width:100px;height: 215px;overflow: hidden;} .weixin_step ul .step .icon{width:200px;height: 215px;background-image: url(../images/weixin_step_icon.png);} .weixin_step ul .line .icon{width:100px;height: 20px;background-image: url(../images/weixin_step_icon.png);margin-top:82px;} .weixin_step ul .step1 .icon{background-position: 0px 0px;} .weixin_step ul .step2 .icon{background-position: 0px -215px;} .weixin_step ul .step3 .icon{background-position: 0px -430px;} .weixin_step ul .step4 .icon{background-position: 0px -645px;} .weixin_step ul .step5 .icon{background-position: 0px -860px;} .weixin_step ul .line1 .icon{background-position: 0px -1075px;} .weixin_step ul .line2 .icon{background-position: 0px -1095px;} .weixin_step ul .line3 .icon{background-position: 0px -1115px;} .weixin_step ul .line4 .icon{background-position: 0px -1135px;} .weixin_step ul .line5 .icon{background-position: 0px -1155px;} /* 为什么选择我 */ .weixin_why{overflow: hidden;} .weixin_why ul{} .weixin_why ul li{width: 560px;margin-bottom: 30px;} .weixin_why ul li .desc{width: 325px;font-size:14px;line-height: 30px;color:#333;} .weixin_why ul li .no{width: 38px;height: 38px;line-height: 38px;border-radius: 50%;text-align: center;color:#fff;font-size:22px;margin:0 30px;} .weixin_why ul li .icon_container{width:136px;height: 136px;} .weixin_why ul li .icon_container .icon{background-image: url(../images/weixin_why_icon.png);width:90px;height: 90px;margin:0 auto;display: block;} .weixin_why ul li .icon_container .title{line-height: 40px;font-size:16px;color:#fff;text-align: center;padding-top: 8px;} .weixin_why ul .fl .desc{float: left;} .weixin_why ul .fl .no{float: left;} .weixin_why ul .fl .icon_container{float: left;} .weixin_why ul .fr .desc{float: right;} .weixin_why ul .fr .no{float: right;} .weixin_why ul .fr .icon_container{float: right;} .weixin_why .step1 .no{background:linear-gradient(to right, #3ebc91 0%,#67c743 100%);} .weixin_why .step1 .icon_container{background:linear-gradient(to right, #3ebc91 0%,#67c743 100%);} .weixin_why .step1 .icon_container .icon{background-position: 0px 0px;} .weixin_why .step2 .no{background:linear-gradient(to bottom, #fb885c 0%,#ffb74a 100%);} .weixin_why .step2 .icon_container{background:linear-gradient(to bottom, #fb885c 0%,#ffb74a 100%);} .weixin_why .step2 .icon_container .icon{background-position: 0px -90px;} .weixin_why .step3 .no{background:linear-gradient(to right, #45b0f6 0%,#5f7fe6 100%);} .weixin_why .step3 .icon_container{background:linear-gradient(to right, #45b0f6 0%,#5f7fe6 100%);} .weixin_why .step3 .icon_container .icon{background-position: 0px -180px;} .weixin_why .step4 .no{background:linear-gradient(to bottom, #fd7e61 0%,#f4666f 100%);} .weixin_why .step4 .icon_container{background:linear-gradient(to bottom, #fd7e61 0%,#f4666f 100%);} .weixin_why .step4 .icon_container .icon{background-position: 0px -270px;} /* 最新签约 */ .sign_banner{position: relative;} .sign_banner a{width:150px;height: 44px;color:#fff;font-size:16px;display: block;position: absolute;bottom:30px;left:0;right:0;margin:0 auto;border:1px solid #fff;border-radius: 44px;line-height: 44px;text-align: center;} .sign_banner a:hover{bottom:33px;box-shadow: 0px 4px 18px -6px #000;} .sign_page{} .sign_page ul{} .sign_page ul li{width:100%;height: 270px;margin-bottom:40px;} .sign_page ul li .text{float: left;width:830px;background:#f5f5f5;height: 270px;} .sign_page ul li .text h4{margin:0 70px;font-size:18px;color:#333;font-weight: bold;padding-top: 45px;} .sign_page ul li .text .desc{margin:0 70px;font-size:16px;color:#666;padding-top: 40px;line-height: 30px;height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .sign_page ul li .pic{float: left;width:370px;height: 270px;} .sign_page ul li .pic img{float: left;width:370px;height: 270px;} .sign_page ul .right .text{float: right;} .sign_page ul .right .pic{float: right;} .sign_page ul li:hover .text{background:linear-gradient(to right, #4364f8 0%,#6772fc 100%);} .sign_page ul li:hover .text h4{color:#fff;} .sign_page ul li:hover .text .desc{color:#fff;} /* .list_more{width:48px;height: 38px;margin:0 auto;background: url(../images/more_icon.png);cursor: pointer;} */ .list_more{width:600px;height: 50px;display: block;margin:0 auto;margin-top: -48px;background: #eee;position: relative;z-index: 3;cursor: pointer;text-align: center;} .list_more span{display: inline-block;height: 50px;line-height: 50px;} .list_more .loading{background: url(../images/loading-2.gif) no-repeat left center;background-size:25px;padding-left:40px;} /* 新闻中心 */ .news_page ul{} .news_page ul li{width:100%;height: 200px;margin-bottom:40px;background:#f5f5f5;} .news_page ul li .pic{float: left;width:280px;height: 170px;margin:15px;} .news_page ul li .pic img{float: left;width:280px;height: 170px;} .news_page ul li .text{float: left;width:630px;height: 170px;margin:15px;} .news_page ul li .text h4{font-size:18px;color:#333;font-weight: normal;padding-top: 20px;} .news_page ul li .text .desc{font-size:12px;color:#666;padding-top: 20px;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .news_page ul li .date{float: right;height: 200px;width: 172px;text-align: center;background: #d6d6d6;color:#000;} .news_page ul li .date .day{font-size:32px;padding-top: 50px} .news_page ul li .date .month{font-size:18px;line-height: 70px;} .news_page ul li:hover{box-shadow: 0px 4px 18px -6px #000;} .news_page ul li:hover .date{color:#fff;background:linear-gradient(to right, #4364f8 0%,#6772fc 100%);} .news_page ul li:hover h4{color:#0090ee;} .crumbs_container{height: 30px;line-height: 30px;padding:20px 0;box-shadow: 0px 8px 21px -18px #000;} .crumbs_container .home_icon{width: 30px;background: url(../images/home_icon.png) no-repeat left center;height: 30px;} .crumbs_container a{float:left;transition: all 0.1s linear;height: 30px;} .crumbs_container span{float:left;padding:0 5px;height: 30px;} .crumbs_container a:hover{color:#0090ee;} /* 案例 */ .second_nav{width: 100%;text-align: center;font-size:0;} .second_nav a{display: inline-block;width:125px;height: 42px;line-height: 40px;text-align: center;font-size:16px;color:#000;background: #eaeaea;transition: all 0.1s linear;margin:0 12px;border-radius: 4px;} .second_nav a:hover{color:#fff;background:linear-gradient(to right,#3290fb 0%,#1772f9 100%);} .second_nav .on{color:#fff;background:linear-gradient(to right,#3290fb 0%,#1772f9 100%);} .case_page{} /* 网站案例 */ .case_website_container{width:1226.6px;margin-left: -26.6px;} .case_website_container li{width:280px;height: 210px;margin-left:26.6px;margin-bottom:26.6px;position: relative;overflow: hidden;float: left;} .case_website_container li .case_img{width:280px;height: 210px;} .case_website_container li .mask{position: absolute;top:0;left:0;right:0;bottom: 0;} .case_website_container li .mask .icon{background:url(../images/search_icon.png) no-repeat center bottom;background-size:40px;width:100%;height: 40px;height: 110px;position: absolute;top:-150px;} .case_website_container li .mask p{text-align: center;color:#fff;font-size:14px;height: 36px;line-height: 36px;position: absolute;width:100%;top:320px;} .case_website_container li:hover .mask{background: linear-gradient(to right, rgba(62, 125, 209, 0.75) 0%,rgba(53, 40, 84, 0.75) 100%);} .case_website_container li:hover .mask .icon{top:0;} .case_website_container li:hover .mask p{top:110px;} /* 微信案例 */ .case_weixin_container{width:1313.33px;margin-left: -113.33px;} .case_weixin_container li{width:215px;height: 442px;margin-left:113.33px;margin-bottom:30px;position: relative;overflow: hidden;float: left;background:url(../images/phone_bg.png);} .case_weixin_container li .content_container{width:187px;height: 332px;overflow: hidden;margin:54px 14px;position: relative;} .case_weixin_container li .case_img{width:187px;height: 332px;} .case_weixin_container li .content_container .mask{background:rgba(0,0,0,0.75);position: absolute;left:0;top:0;width:100%;height: 100%;z-index: 2;opacity: 0;filter: alpha(opacity=0);} .case_weixin_container li .content_container .mask .qr_code{width:120px;height: 120px;display: block;margin:70px auto 20px;} .case_weixin_container li .content_container .mask .title{color:#fff;font-size:12px;line-height: 20px;padding:0 20px;text-align: center;} .case_weixin_container li .mask .icon{background:url(../images/search_icon.png) no-repeat center bottom;background-size:20px;width:20px;height: 20px;margin:20px auto;} .case_weixin_container li .content_container:hover .mask{opacity: 1;filter: alpha(opacity=100);} /* APP案例 */ .case_app_container{width:1313.33px;margin-left: -113.33px;} .case_app_container li{width:215px;height: 442px;margin-left:113.33px;margin-bottom:30px;position: relative;overflow: hidden;float: left;background:url(../images/phone_bg.png);} .case_app_container li .content_container{width:187px;height: 332px;overflow: hidden;margin:54px 14px;position: relative;background:#ededed;} .case_app_container li .content_container .case_img{width:187px;height: 332px;position: absolute;left:0;top:332px;} .case_app_container li .content_container .mask{position: absolute;left:0;top:0;width:100%;height: 100%;z-index: 2;} .case_app_container li .content_container .mask .qr_code{width:77px;height: 77px;display: block;margin:100px auto 10px;} .case_app_container li .content_container .mask .title{color:#000;font-size:12px;line-height: 20px;padding:0 20px;text-align: center;} .case_app_container li .content_container:hover .mask{top:-332px;} .case_app_container li .content_container:hover .case_img{top:0px;} /* 关于我们 */ .about_jianjie{} .about_jianjie .about_pic{width: 635px;height: 360px;overflow: hidden;} .about_jianjie .about_pic img{width: 635px;height: 360px;overflow: hidden;} .about_jianjie .about_text{width: 512px;height: 360px;overflow: hidden;} .about_jianjie .about_text .title{padding-bottom: 10px;line-height: 70px;height: 70px;font-size:22px;font-weight: normal;text-align: center;color:#000;} .about_jianjie .about_text .desc{font-size: 14px;line-height: 26px;color:#000;} /* 员工展示 */ .about_team{background:url(../images/about_team_bg.jpg) no-repeat;background-size: cover;} .about_team .team_category_title{} .about_team .team_category_title ul{text-align: center;font-size:0;} .about_team .team_category_title li{display: inline-block;width:150px;height: 36px;line-height: 36px;text-align: center;border:1px solid #fff;border-radius: 4px;font-size:14px;margin:0 10px;color:#fff;cursor: pointer;} .about_team .team_category_title .on{background:#0090ee;border-color:#0090ee;} .about_team .team_category_contaienr{} .about_team .team_category_contaienr ul{display: none;width:1226.66px;margin-left: -26.66px;} .about_team .team_category_contaienr .on{display: block;} .about_team .team_category_contaienr li{width:280px;height: 370px;margin-left:26.66px;position: relative;overflow: hidden;float: left;font-size: 0;cursor: pointer;} .about_team .team_category_contaienr li .team_img{width:280px;height: 300px;} .about_team .team_category_contaienr li .name{height: 70px;line-height: 70px;text-align: center;background: #fff;font-size:16px;color:#333;} .about_team .team_category_contaienr li .name span{display:inline-block;width:10px;height: 16px;background: #00a0e9;line-height:16px; color:#00a0e9;} .about_team .team_category_contaienr li .name em{display:inline-block;font-style: normal;height: 16px;line-height:16px;margin:0 16px;} .about_team .team_category_contaienr li .mask{position: absolute;z-index: 2;width: 100%;height: 100%;background: linear-gradient(to right, rgba(31, 87, 247, 0.80) 0%,rgba(59, 37, 229, 0.80) 100%);top:370px;color:#fff;text-align: center;} .about_team .team_category_contaienr li .mask .type{font-weight: bold;font-size:26px;padding-top: 60px;} .about_team .team_category_contaienr li .mask .exp{font-size:18px;line-height: 100px;height: 100px;} .about_team .team_category_contaienr li .mask .geyan{font-size:14px;line-height: 24px;padding: 0 30px} .about_team .team_category_contaienr li:hover .mask{top:0;} /* 荣誉资质 */ .about_rongyu{} .about_rongyu ul{height: 330px;} .about_rongyu ul li{padding:15px 20px;background: #eaeaea;border-radius: 6px;float:left;margin:12px;cursor:pointer;transition: all 0.1s linear;} .about_rongyu ul li .pic{padding:5px;width:299px;background: #fff;transition: all 0.1s linear;font-size: 0} .about_rongyu ul li .pic img{width:299px;height: 181px;transition: all 0.1s linear;} .about_rongyu ul li .title{text-align: center;font-size: 12px;padding-top: 12px;transition: all 0.1s linear;} .about_rongyu ul .on{margin-top: -12px;} .about_rongyu ul .on .pic{width:380px;} .about_rongyu ul .on .pic img{width:380px;height: 230px;} .about_rongyu ul .on .title{font-size: 16px;padding-top: 12px;} /* 总经理致辞 */ .about_zhici{background:url(../images/about_zhici_bg.jpg) no-repeat;background-size: cover;} .about_zhici .about_zhici_title{width:412px;height: 121px;padding-top: 10px;} .about_zhici .desc{width:636px;padding-top: 50px;color:#fff;font-size:14px;line-height: 26px;} .about_zhici .about_zhici_sign{float: right;margin-right: 20px;margin-top: 0px;height: 120px;} .about_zhici .about_zhici_kuang{float: right;} .about_zhici .about_zhici_person{float: right;margin-right: -90px;margin-top: 58px;} /* 地理位置 */ .about_map{padding-bottom: 0} .about_map iframe{width:100%;height: 450px;border:none;margin:0;padding:0;} /* 联系方式 */ .about_contact{} .about_contact li{width:174px;margin:0 62px;float: left;text-align: center;} .about_contact li .icon_container{width:170px;height: 170px;border:2px solid #585858;border-radius: 50%;} .about_contact li .icon{width:100px;height: 100px;margin:35px;background-image: url(../images/about_contact_icon.png);float: left;} .about_contact li .title{line-height: 50px;height: 50px;padding-top: 10px;font-size:16px;color:#000;} .about_contact li .desc{line-height: 20px;font-size:12px;color:#000;} .about_contact .step1 .icon{background-position: 0px 0px;} .about_contact .step2 .icon{background-position: 0px -100px;} .about_contact .step3 .icon{background-position: 0px -200px;} .about_contact .step4 .icon{background-position: 0px -300px;} /* 域名空间 */ /* 域名价格 */ .domain_price{} .domain_price .price_table{width:100%;margin:0;padding:0;border-right: 1px solid #ccc;} .domain_price .price_table th{border:1px solid #ccc;height: 46px;line-height: 46px;text-align: center;color:#333;border-right: 0;background: #f5f5f5;font-size:14px;} .domain_price .price_table td{border-bottom:1px solid #ccc;border-left:1px solid #ccc;height: 46px;line-height: 46px;text-align: center;color:#333;font-size:14px;} .domain_price .price_table td span{display: inline-block;width:80px;color:#000;} .domain_price .price_table tr td:first-child{text-align: left;padding-left: 25px;} .domain_price .price_table tr:hover td{background:#f9f9f9;} /* 虚拟主机 */ .domain_zhuji{} .domain_zhuji ul{width:1245px;margin-left: -45px;} .domain_zhuji ul li{width:320px;margin-left: 45px;height: 590px;float: left;box-shadow:0px 4px 18px -6px #000; padding:10px 25px;} .domain_zhuji ul li .title{line-height: 100px;font-size: 24px;color:#000;text-align: center;font-weight: normal;} .domain_zhuji ul li .size_container{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:20px 0;margin-bottom: 10px;} .domain_zhuji ul li .size_container .size_block{float: left;width:100px;text-align: center;border-left: 1px solid #f0f0f0} .domain_zhuji ul li .size_container .size_block:first-child{border:none;} .domain_zhuji ul li .size_container .size_block .name{font-size: 20px;color:#000;line-height: 40px;} .domain_zhuji ul li .size_container .size_block .desc{font-size: 14px;color:#999;} .domain_zhuji ul li .item{font-size: 14px;color:#333;line-height: 36px;padding-left: 10px;} .domain_zhuji ul li .price_item{padding-top: 30px;} .domain_zhuji ul li .price_item span{font-size: 40px;color:#f5342c;} .domain_zhuji ul li .btn{width:200px;height: 50px;line-height:50px;text-align: center;background: #f5342c;color:#fff;border-radius: 4px;margin:50px auto;display: block;font-size:20px;transition: all 0.1s linear;} .domain_zhuji ul li .btn:hover{margin-top:47px;box-shadow: 0px 4px 18px -6px #000;} /* vps */ .domain_vps{} .domain_vps ul{width:1245px;margin-left: -45px;} .domain_vps ul li{width:320px;margin-left: 45px;height: 590px;float: left;box-shadow:0px 4px 18px -6px #000; padding:10px 25px;} .domain_vps ul li .title{line-height: 100px;font-size: 24px;color:#000;text-align: center;font-weight: normal;} .domain_vps ul li .title{line-height: 100px;font-size: 24px;color:#000;text-align: center;font-weight: normal;} .domain_vps ul li .size_container{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:20px 0;margin-bottom: 10px;} .domain_vps ul li .size_container .size_block{float: left;width:100px;text-align: center;border-left: 1px solid #f0f0f0} .domain_vps ul li .size_container .size_block:first-child{border:none;} .domain_vps ul li .size_container .size_block .name{font-size: 20px;color:#000;line-height: 40px;} .domain_vps ul li .size_container .size_block .desc{font-size: 14px;color:#999;} .domain_vps ul li .item{font-size: 14px;color:#333;line-height: 36px;padding-left: 10px;} .domain_vps ul li .price_item{padding-top: 30px;} .domain_vps ul li .price_item span{font-size: 40px;color:#f5342c;} .domain_vps ul li .btn{width:200px;height: 50px;line-height:50px;text-align: center;background: #f5342c;color:#fff;border-radius: 4px;margin:50px auto;display: block;font-size:20px;transition: all 0.1s linear;} .domain_vps ul li .btn:hover{margin-top:47px;box-shadow: 0px 4px 18px -6px #000;} /* app */ .app_type{} .app_type ul{margin-left: -67.5px;} .app_type ul li{width:355px;margin: 20px 0 40px;margin-left: 67.5px;float: left;} .app_type ul li .icon_container{width:102px;height: 102px;border-radius: 10px;float: left;} .app_type ul li .icon_container span{width:80px;height: 80px;float: left;margin:11px;background-image: url(../images/app_type_icon.png);} .app_type ul li .text{width:230px;height: 102px;float: right;} .app_type ul li .text .title{font-size: 18px;color:#111;padding-bottom: 15px;} .app_type ul li .text .desc{font-size: 12px;color:#999;line-height: 20px;} .app_type ul .step1 .icon_container{background:linear-gradient(to bottom,#02eefe 0%,#4bb0fe 100%);} .app_type ul .step2 .icon_container{background:linear-gradient(to bottom,#32e0be 0%,#3bd272 100%);} .app_type ul .step3 .icon_container{background:linear-gradient(to bottom,#fea5ac 0%,#fa3d53 100%);} .app_type ul .step4 .icon_container{background:linear-gradient(to bottom,#fe96be 0%,#ff5394 100%);} .app_type ul .step5 .icon_container{background:linear-gradient(to bottom,#c48bfe 0%,#9f3dff 100%);} .app_type ul .step6 .icon_container{background:linear-gradient(to bottom,#83eaff 0%,#6cb6ff 100%);} .app_type ul .step7 .icon_container{background:linear-gradient(to bottom,#0fe3fe 0%,#32e0bb 100%);} .app_type ul .step8 .icon_container{background:linear-gradient(to bottom,#02eefe 0%,#4ab0fe 100%);} .app_type ul .step9 .icon_container{background:linear-gradient(to bottom,#fedd43 0%,#fd8d81 100%);} .app_type ul .step1 .icon_container span{background-position: 0px 0px;} .app_type ul .step2 .icon_container span{background-position: 0px -80px;} .app_type ul .step3 .icon_container span{background-position: 0px -160px;} .app_type ul .step4 .icon_container span{background-position: 0px -240px;} .app_type ul .step5 .icon_container span{background-position: 0px -320px;} .app_type ul .step6 .icon_container span{background-position: 0px -400px;} .app_type ul .step7 .icon_container span{background-position: 0px -480px;} .app_type ul .step8 .icon_container span{background-position: 0px -560px;} .app_type ul .step9 .icon_container span{background-position: 0px -640px;} /* 为什么做app */ .app_what{background: url(../images/app_what_bg.jpg) no-repeat center; background-size: cover;} .app_what .app_what_container{overflow: hidden;} .app_what .app_what_pic{position: absolute;left: 0;top: 0; right: 0; bottom: 0; margin: auto;} .app_what .left{width:50%;} .app_what .right{width:50%;} .app_what ul{position: relative;z-index: 3;margin-top: -20px;} .app_what li{margin-top: 60px;} .app_what li .title{font-size: 0;height: 24px;} .app_what li .title span{float: left;height: 24px;line-height: 24px;font-size:16px;color:#fff;margin-right: 17px;} .app_what li .title .card{width:52px;height: 24px;text-align: center;background: url(../images/app_what_card_bg.png) no-repeat top center;} .app_what li .desc{font-size:12px;padding-top: 18px;color:#fff;} .app_what .left li{margin-right: 245px;} .app_what .left li:first-child{margin-right: 160px;} .app_what .left li:last-child{margin-right: 160px;} .app_what .left li span{float: right;margin-right: 0;margin-left: 17px;} .app_what .left li .desc{text-align: right;} .app_what .right li{margin-left: 245px;} .app_what .right li:first-child{margin-left: 160px;} .app_what .right li:last-child{margin-left: 160px;} .app_what .right .title .card{background: url(../images/app_what_card_bg.png) no-repeat bottom center;} /* 为什么做app */ .app_why{} .app_why ul{width:1270px;margin-left: -70px;} .app_why ul li{height:350px;border-radius:8px;width:247.5px;margin-left: 70px;float: left;background:linear-gradient(to bottom,#53b7f2 0%,#3d7fff 100%);cursor: pointer;position: relative;} .app_why ul li:hover{margin-top:-3px;box-shadow:0px 4px 18px -6px #000; } .app_why ul li .icon_container{width:100px;height: 100px;font-size:0;margin:50px auto 40px;} .app_why ul li .icon_container .icon{width:100px;height: 100px;font-size:0;float: left;background-image: url(../images/app_why_icon.png);} .app_why ul li .title{font-size:16px;line-height: 20px;height: 20px;text-align: center;color:#fff;padding-bottom: 18px} .app_why ul li .desc{font-size:12px;line-height: 22px;height: 44px;text-align: center;color:#fff;} .app_why ul .step1 .icon_container .icon{background-position: 0px 0px;} .app_why ul .step2 .icon_container .icon{background-position: 0px -100px;} .app_why ul .step3 .icon_container .icon{background-position: 0px -200px;} .app_why ul .step4 .icon_container .icon{background-position: 0px -300px;} /* app优势 */ .app_youshi{background: url(../images/app_youshi_bg.jpg) no-repeat center; background-size: cover;} .app_youshi ul{} .app_youshi ul li{float: left;width:600px;height: 110px;color:#fff;} .app_youshi ul li .icon_container{width:80px;height: 80px;float: left;margin-right: 22px;border-radius: 50%;} .app_youshi ul li .icon_container .icon{width:80px;height: 80px;float: left;background-image: url(../images/app_youshi_icon.png);} .app_youshi ul li .text_container{float: left;width:440px;} .app_youshi ul li .title{font-size:16px;line-height: 20px;height: 20px;color:#fff;padding-bottom: 10px} .app_youshi ul li .desc{font-size:12px;line-height: 22px;height: 44px;color:#fff;} .app_youshi ul .step1 .icon_container{background: #f05654} .app_youshi ul .step2 .icon_container{background: #20c200} .app_youshi ul .step3 .icon_container{background: #83cc2b} .app_youshi ul .step4 .icon_container{background: #0090ee} .app_youshi ul .step5 .icon_container{background: #e9835a} .app_youshi ul .step6 .icon_container{background: #21e7e5} .app_youshi ul .step7 .icon_container{background: #a2b100} .app_youshi ul .step8 .icon_container{background: #f85178} .app_youshi ul .step1 .icon_container .icon{background-position: 0px 0px;} .app_youshi ul .step2 .icon_container .icon{background-position: 0px -80px;} .app_youshi ul .step3 .icon_container .icon{background-position: 0px -160px;} .app_youshi ul .step4 .icon_container .icon{background-position: 0px -240px;} .app_youshi ul .step5 .icon_container .icon{background-position: 0px -320px;} .app_youshi ul .step6 .icon_container .icon{background-position: 0px -400px;} .app_youshi ul .step7 .icon_container .icon{background-position: 0px -480px;} .app_youshi ul .step8 .icon_container .icon{background-position: 0px -560px;} .app_step .app_step_pic{display: block;margin:0 auto;} /* 付款账户 */ .account_page{} .account_page_block{background: radial-gradient(#fff, #f5f5f5);} .account_page_block .page_block_title p{text-transform: uppercase;} .account_page_block .account_container .logo{float: left;margin-left: 160px;} .account_page_block .account_container .logo img{width: 280px;height: 280px;} .account_page_block .account_container .account_info_container{float: right;width: 560px;border-left: 1px solid #e5e5e5;padding:30px 0;padding-left: 105px;margin-top: 35px} .account_page_block .account_container .account_info_container .account_info{line-height: 50px;font-size: 20px;color:#333;} .account_page_block1 {background: radial-gradient(#19a0f8, #3c6af6);} .account_page_block1 .account_container .account_info_container .account_info{color:#fff;} .account_page_block .alipay_wechat_container{padding:0 30px;} .account_page_block .alipay_wechat_container .qrcode_container{float: left;width: 50%;text-align: center;} .account_page_block .alipay_wechat_container .qrcode_container p{line-height: 42px;font-size: 18px;color:#333;} .account_page_block .tips_container{line-height: 38px;font-size: 18px;color:#333;padding-left: 136px;} .account_page_block .sign_container{padding-right: 136px} .account_page_block .sign_container .sign{line-height: 38px;font-size: 18px;color:#333;text-align: center;float: right;padding:20px 0;position: relative;} .account_page_block .sign_container .sign .gongzhang{background:url(../images/gongzhang.png) no-repeat center;position: absolute;width:100%;height: 100%;left:0;top:0;} /* 400电话类型 */ .tel400_type{padding-bottom: 0;} .tel400_type ul{margin-left: -36px;width: 1236px;} .tel400_type ul li{width:376px;margin:35px 0;margin-left: 36px;float: left;position: relative;} .tel400_type ul li:hover{box-shadow:0px 0px 18px -6px #000;} .tel400_type ul li:hover .top_contaiiner{border-color:#3771fd; } .tel400_type ul li .tel400_type_icon{width:80px;height: 60px;background-image: url(../images/tel400_type_icon.png);position: absolute;right:30px;top:-10px;z-index: 3;font-size: 12px;color:#fff;text-align: center;line-height: 72px;} .tel400_type ul li .top_contaiiner{height: 435px;border:1px solid #cccccc;border-bottom: 0;border-radius: 3px 3px 0 0;} .tel400_type ul li .top_contaiiner .title{font-size: 16px;color:#f65f1d;padding:27px 35px 15px;} .tel400_type ul li .top_contaiiner .number_container{padding:0 27px;} .tel400_type ul li .top_contaiiner .number_container span{float: left;width:146px;height: 30px;line-height: 30px;color:#000;font-size:16px;text-align: center;border:1px dashed #999999;border-radius: 3px;margin:13px 6px;cursor: pointer;transition: all 0.1s linear;} .tel400_type ul li .top_contaiiner .number_container span:hover{border:1px solid #3771fd;background: #3771fd;color:#fff;} .tel400_type ul li .bottom_contaiiner{height: 195px;background:linear-gradient(to bottom,#3771fd 0%,#7294ff 100%);border-radius: 0 0 3px 3px;padding-top: 1px;color:#fff;} .tel400_type ul li .bottom_contaiiner .tag{margin: 30px 27px 20px 27px;width:80px;height: 20px;line-height: 20px;font-size:12px;border:1px solid #fff;text-align: center;} .tel400_type ul li .bottom_contaiiner .price_container{font-size:14px;margin-left: 27px;} .tel400_type ul li .bottom_contaiiner .price_container span{font-size:24px;margin-left: 5px;} .tel400_type ul li .bottom_contaiiner .price_container em{font-size:12px;margin-left: 30px;} .tel400_type ul li .bottom_contaiiner .btn{width:150px;height: 34px;line-height: 34px;text-align: center;color:#fff;border:1px solid #fff;border-radius: 6px;display: block;margin: 27px;} .tel400_type ul li .bottom_contaiiner .btn:hover{box-shadow:0px 4px 18px -6px #000;margin-top: 25px;} /* 开通流程 */ .tel400_step{padding-bottom: 0;} .tel400_step li{width:300px;float: left;} .tel400_step li .icon_container{height: 100px;background-image: url(../images/tel400_step_bg.png);} .tel400_step li .icon_container .icon{height: 90px;line-height: 90px;color:#fff;font-size: 18px;width:250px;text-align: center;float: left;} .tel400_step li .desc{height: 30px;line-height: 30px;color:#000;font-size: 14px;} .tel400_step li{margin-right: 14px;} .tel400_step .step4{width:258px;margin:0;} .tel400_step .step1 .icon_container{background-position: 0px 0px;} .tel400_step .step2 .icon_container{background-position: 0px -100px;} .tel400_step .step3 .icon_container{background-position: 0px -200px;} .tel400_step .step4 .icon_container{background-position: 0px -300px;} /* 为什么选择 */ .tel400_why{padding-bottom: 0;} .tel400_why ul{margin-left: -36px;width: 1236px;} .tel400_why ul li{width:376px;margin:35px 0;margin-left: 36px;float: left;position: relative;text-align: center;cursor: pointer;} .tel400_why ul li .top_contaiiner{background: #f6f7fa;padding-top: 1px;height: 200px;} .tel400_why ul li .top_contaiiner .icon{width:70px;height: 70px;margin:25px auto;display: block;background-image: url(../images/tel400_why_icon.png);} .tel400_why ul li .top_contaiiner .title{font-size: 18px;color:#000;height: 20px;line-height: 20px;font-weight: bold;padding-bottom: 3px} .tel400_why ul li .top_contaiiner .desc{font-size: 14px;color:#333;height: 38px;line-height: 38px;} .tel400_why ul li .bottom_contaiiner{border:1px solid #eee;border-top: 0;padding-top: 1px;height: 320px;} .tel400_why ul li .bottom_contaiiner .title{font-size: 18px;color:#0099ff;height: 40px;line-height: 40px;font-weight: bold;margin-top: 28px;} .tel400_why ul li .bottom_contaiiner .desc{font-size: 14px;color:#333;line-height: 28px;} .tel400_why ul .step1 .top_contaiiner .icon{background-position: 0px 0px;} .tel400_why ul .step2 .top_contaiiner .icon{background-position: 0px -70px;} .tel400_why ul .step3 .top_contaiiner .icon{background-position: 0px -140px;} .tel400_why ul li:hover{box-shadow:0px 4px 18px -10px #000;} .tel400_why ul li:hover .top_contaiiner{background:linear-gradient(to bottom,#1b7cff 0%,#75e4fa 100%);} .tel400_why ul li:hover .top_contaiiner .title{color:#fff;} .tel400_why ul li:hover .top_contaiiner .desc{color:#fff;} .tel400_why ul .step1:hover .top_contaiiner .icon{background-position: 70px 0px;} .tel400_why ul .step2:hover .top_contaiiner .icon{background-position: 70px -70px;} .tel400_why ul .step3:hover .top_contaiiner .icon{background-position: 70px -140px;} /* 套餐 */ .tel400_package{} .tel400_package ul{margin-left: -36px;width: 1236px;} .tel400_package ul li{width:376px;margin:35px 0;margin-left: 36px;float: left;position: relative;} .tel400_package ul li .top_contaiiner{height: 66px;line-height: 66px;text-align: center;color:#fff;font-size:22px;background:linear-gradient(to right,#ffb466 0%,#ff8c04 100%);letter-spacing: 2px;text-shadow: 0px 4px 12px #000;} .tel400_package ul li .bottom_contaiiner{border:1px solid #eee;border-top: 0;padding:15px;height: 385px;} .tel400_package ul li .bottom_contaiiner .desc{font-size:12px;color:#000;line-height: 26px;border-bottom: 1px solid #eee;padding-bottom: 10px;} .tel400_package ul li .bottom_contaiiner .desc span{color:#0099ff;} .tel400_package ul li .bottom_contaiiner .number_title{line-height: 40px;height: 40px;padding-top: 5px;font-size:12px;} .tel400_package ul li .bottom_contaiiner .number_title a{float: right;line-height: 40px;height: 40px;color:#0099ff;} .tel400_package ul li .bottom_contaiiner .number_container{font-size:0;border-bottom: 1px solid #eee;padding-bottom: 10px;} .tel400_package ul li .bottom_contaiiner .number_container span{width:109px;padding-left:5px;margin:5px 0;display: inline-block;font-size:14px;} .tel400_package ul li .bottom_contaiiner .price_container{padding-top: 30px;padding-left: 15px;} .tel400_package ul li .bottom_contaiiner .price_container .price{font-size:24px;font-weight: bold;background: linear-gradient(to bottom, #3367ff, #3392ff);-webkit-background-clip: text;color: transparent;letter-spacing:-2px;} .tel400_package ul li .bottom_contaiiner .price_container .heyue{font-size:12px;margin-left: 40px;color:#333;} .tel400_package ul li .bottom_contaiiner .btn{width:158px;height: 30px;line-height: 30px;border-radius: 30px;font-size: 12px;color:#fff;text-align: center;background:linear-gradient(to right,#ffb66c,#ff8a01);display: block;margin:30px auto;cursor: pointer;} .tel400_package ul li .bottom_contaiiner .btn:hover{margin-top:27px;box-shadow:0px 4px 18px -6px #000;} .tel400_package ul li:hover{box-shadow:0px 4px 18px -10px #000;} .tel400_package ul .step2 .top_contaiiner{background:linear-gradient(to right,#9768fc 0%,#8033ff 100%);} .tel400_package ul .step2 .bottom_contaiiner .btn{background:linear-gradient(to right,#9768fc 0%,#8033ff 100%);} .tel400_package ul .step3 .top_contaiiner{background:linear-gradient(to right,#fd6faa 0%,#fa357b 100%);} .tel400_package ul .step3 .bottom_contaiiner .btn{background:linear-gradient(to right,#fd6faa 0%,#fa357b 100%);} /* 详情页 */ .content_page{} .content_page h1{font-weight: normal;font-size:18px;text-align: center;line-height: 22px;} .content_page .date_hits{line-height: 100px;text-align: center;} .content_page .date_hits span{display: inline-block;width:160px;text-align: center;font-size:14px;color:#999;} .content_page .content{} .content_page .content img{max-width: 100%;} .content_page .content p{} .content_page .content p span{white-space: normal!important;} .content_page .prev_next{border-top: 1px solid #ddd;color:#666;padding:15px ;font-size: 14px;} .content_page .prev_next a{color:#666;} .content_page .prev_next a:hover{color:#0090ee;} .content_page .prev_next .prev,.detail_container .prev_next .next{width:45%;float: left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 20px;} .content_page .prev_next .next{float: right} /* 优化 */ .optimize_banner{position: relative;} .optimize_banner a{width:150px;height: 44px;color:#fff;font-size:16px;display: block;position: absolute;bottom:72px;left:0;right:0;margin:0 auto;border:1px solid #fff;border-radius: 44px;line-height: 44px;text-align: center;} .optimize_banner a:hover{bottom:75px;box-shadow: 0px 4px 18px -6px #000;} .optimize_box{background: url('../images/optimize_box.png') no-repeat; background-position:center bottom; } .optimize_box .optimize_page .puzzled_all{margin-top: 30px;} .optimize_box .optimize_page .puzzled_all li{transition: all 0.2s linear;text-align: center;float: left;border:1px solid #EEEEEE;padding: 18px 0px;font-size: 18px;width: 388px;margin-right: 15px;margin-bottom: 20px;} .optimize_box .optimize_page .puzzled_all li:nth-child(3n){margin-right: 0px;} .optimize_box .optimize_page .puzzled_all li:hover{box-shadow: 0px 0px 4px #EEEEEE;cursor:pointer;} .optimize_box .optimize_page .puzzled_all li p{margin-top: 12px;} /*优化-全网智能SEO推广如何全网营销*/ .optimize_box .marketing_page{padding-top: 0px;padding-bottom: 80px;} .optimize_box .marketing_page .marketing_all{padding: 0 28px;padding-top: 100px;} .optimize_box .marketing_page .marketing_all li{width: 540px;background: #fff;box-shadow: 0px 1px 5px #005579;float: left;margin-right: 64px;} .optimize_box .marketing_page .marketing_all li:hover{box-shadow: 0px 0px 5px #005579;} .optimize_box .marketing_page .marketing_all li:nth-child(2){margin-right: 0px;} .optimize_box .marketing_page .marketing_all li .title{background: url('../images/marketing_honor.png') no-repeat;font-size: 26px;color: #0185ff;font-weight: bold;padding: 48px 0;text-align: center;background-position: 34px 0;} .optimize_box .marketing_page .marketing_all li .desc{width: 420px;margin:0 auto;border:1px solid #F2F2F2;text-align: center;color: #666666;padding: 22px 0;} .optimize_box .marketing_page .marketing_all li .desc p{font-size: 18px;} .optimize_box .marketing_page .marketing_all li .desc p span{font-weight: bold;color: #ff8a00;} .optimize_box .marketing_page .marketing_all li .desc p:first-child{margin-bottom: 20px;} .optimize_box .marketing_page .marketing_all li .details{display:block;text-align: center;width: 170px;margin:40px auto;padding: 15px 0;font-size: 18px;color: #fff;background: linear-gradient(to right, #0eb4ff 0%,#2457ff 100%);border-radius: 10px;} /*优化-万词霸屏系统核心优势*/ .optimize_box .advantage_page{padding-top: 0px;padding-bottom: 80px;} .optimize_box .advantage_page .page_block_title h3{color: #fff;} .optimize_box .advantage_page .page_block_title p{color: #fff;} .optimize_box .advantage_page .advantage_all ul li{float: left;width: 260px;text-align: center;color: #fff;padding-top: 55px;margin-right: 53px;} .optimize_box .advantage_page .advantage_all ul li:nth-child(4n){margin-right: 0px;} .optimize_box .advantage_page .advantage_all ul li .title{font-size: 18px;margin-top: 24px;margin-bottom: 14px;} .optimize_box .advantage_page .advantage_all ul li span{width: 61px;display: inline-block;height: 70px;} .optimize_box .advantage_page .advantage_all ul li .desc{line-height: 20px;} /*优化-精准人工优化的核心优势*/ .accurate_optimize{} .accurate_optimize .accurate_all{padding-top: 42px;} .accurate_optimize .accurate_all ul li{float: left;width: 246px;text-align: center;padding-top: 42px;margin-right: 72px;box-shadow: 0px 0px 8px -4px #005579;margin-bottom: 60px;padding-bottom: 40px;} .accurate_optimize .accurate_all ul li:hover{background: linear-gradient(to top, #0eb4ff 0%,#2457ff 100%);color: #fff;} .accurate_optimize .accurate_all ul li:nth-child(4n){margin-right: 0px;} .accurate_optimize .accurate_all ul li p{font-size: 18px;line-height: 30px;} .accurate_optimize .accurate_all ul li span{width: 100px;display: inline-block;height: 100px;margin-bottom: 25px;background-image: url(../images/accurate.png);} .accurate_optimize .accurate_all ul .step1 span{background-position: 0px 0px} .accurate_optimize .accurate_all ul .step2 span{background-position: 0px -100px} .accurate_optimize .accurate_all ul .step3 span{background-position: 0px -200px} .accurate_optimize .accurate_all ul .step4 span{background-position: 0px -300px} .accurate_optimize .accurate_all ul .step5 span{background-position: 0px -400px} .accurate_optimize .accurate_all ul .step6 span{background-position: 0px -500px} .accurate_optimize .accurate_all ul .step7 span{background-position: 0px -600px} .accurate_optimize .accurate_all ul .step8 span{background-position: 0px -700px} .accurate_optimize .accurate_all ul .step1:hover span{background-position: 100px 0px} .accurate_optimize .accurate_all ul .step2:hover span{background-position: 100px -100px} .accurate_optimize .accurate_all ul .step3:hover span{background-position: 100px -200px} .accurate_optimize .accurate_all ul .step4:hover span{background-position: 100px -300px} .accurate_optimize .accurate_all ul .step5:hover span{background-position: 100px -400px} .accurate_optimize .accurate_all ul .step6:hover span{background-position: 100px -500px} .accurate_optimize .accurate_all ul .step7:hover span{background-position: 100px -600px} .accurate_optimize .accurate_all ul .step8:hover span{background-position: 100px -700px} /*优化-案例展示*/ .case_optimize{width: 100%;height: 779px;background: url('../images/case_optimize.jpg') no-repeat center;} .case_optimize .page_block_title h3{color: #fff;} .case_optimize .page_block_title p{color: #fff;} .case_optimize .case_optimize_tab{margin-top: 50px;position: relative;} .case_optimize .case_optimize_tab .case_optimize_list{width: 272px;height: 80px;text-align: center;margin: 0 auto;line-height: 80px;font-size: 22px;float: left;background: #fff;} .case_optimize .case_optimize_tab .case_optimize_list:first-child{margin-left: 294px;margin-right: 70px;} .case_optimize .case_optimize_tab .on{background: linear-gradient(to left, #0eb4ff 0%,#2457ff 100%);color: #fff;} .case_optimize .case_optimize_tab .case_all_tab{position: absolute;width: 1200px;z-index: 99;opacity: 0;} .case_optimize .case_optimize_tab .swiper-container{margin-top: 58px;height: 500px;} .case_optimize .case_optimize_tab .active{opacity: 1;z-index: 100;} .case_optimize .case_optimize_tab .swiper-container .swiper-wrapper{transform: 0 !important;} .case_optimize .case_optimize_tab .swiper-container .swiper-wrapper .swiper-slide{width: 590px !important;height: 432px;background: #576fff;margin-right: 20px !important;text-align: center;display:flex;justify-content:center;align-items:center;} .case_optimize .case_optimize_tab .swiper-container .swiper-wrapper .swiper-slide img{width: 570px;height: 412px;} .case_optimize .case_optimize_tab .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 53px; height: 4px;border-radius: 0;margin: 0 13px;background: #fff;opacity: 1;} .case_optimize .case_optimize_tab .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background: #576fff;} /*优化-优惠套餐*/ .meal_optimize .meal_optimize_box{margin-top: 50px;} .meal_optimize .meal_optimize_box .meal_optimize_list{width: 538px;box-shadow: 0px 0px 8px -4px #005579;padding-bottom: 1px;margin: 0 31px;} .meal_optimize .meal_optimize_box .meal_optimize_list .meal_optimize_title{background: linear-gradient(to left, #0eb4ff 0%,#2457ff 100%);color: #fff;font-size: 22px;text-align: center;padding-bottom: 14px;padding-top: 10px;} .meal_optimize .meal_optimize_box .meal_optimize_list .meal_optimize_title p{line-height: 34px;} .meal_optimize .meal_optimize_box .meal_optimize_list .meal_optimize_point{padding-top: 62px;padding-left: 40px;} .meal_optimize .meal_optimize_box .meal_optimize_list .meal_optimize_point .point{font-size: 16px;color: #666666;line-height: 28px;margin-left: 50px;} .meal_optimize .meal_optimize_box .meal_optimize_list .zixun{width: 196px;height: 50px;background: linear-gradient(to left, #0eb4ff 0%,#2457ff 100%);line-height: 50px;text-align: center;font-size: 18px;margin: 55px auto;} .meal_optimize .meal_optimize_box .meal_optimize_list .zixun a{color: #fff;width: 100%;height: 100%;display: inline-block;} /*游戏*/ .youxi_nav{background: #f5f5f5;padding:30px;overflow: hidden;} .youxi_nav .youxi_nav01{float:left;width:304px;height:85px;margin-left:60px;cursor: pointer;} .youxi_nav .youxi_nav01 img{width:304px;height:85px;} .youxi_cont{width:1200px;margin:auto;} .youxi_cont .youxi_cont01{position:relative;margin-top: 60px;} .youxi_cont .youxi_cont01 .youxi_text{float:left;text-align: left} .youxi_cont .youxi_cont01 .youxi_text h1{font-size:30px;color:#333;} .youxi_cont .youxi_cont01 .youxi_text .youxi_line{width:1200px;height:8px;margin:20px auto;} .youxi_cont .youxi_cont01 .youxi_text p{font-size:20px;color:#333;line-height: 32px;} .youxi_cont .youxi_cont01 .youxi_img{position: relative;float: right;} .youxi_cont .youxi_cont01 .youxi_img02{position: relative;float: left;} .youxi_cont .youxi_cont01 .youxi_img03{position: relative;float: right;} .youxi_cont .youxi_cont01 #youxi_text{float:right;text-align: right;} /* .youxi_cont .youxi_cont02{margin-top:100px;} .youxi_cont .youxi_cont03{margin-top:100px;} .youxi_cont .youxi_cont05{margin-top:300px;} .youxi_cont .youxi_cont06{margin-top:60px;} */ .youxi .slideTxtBox .hd ul li.on img{filter: drop-shadow(2px 2px 10px rgba(0,0,0,.3));} /*什么是MT4？*/ .mt4_what{width:1200px;margin:70px auto;} .mt4_what .mt4_what_left{float:left;width:440px;height:440px;margin-left:60px;} .mt4_what .mt4_what_left img{width:440px;height:440px;} .mt4_what .mt4_what_right{float:right;width:540px;margin-right: 60px;} .mt4_what .mt4_what_right h1{font-size: 34px;color:#333;margin-top: 50px;font-weight: normal;} .mt4_what .mt4_what_right p{font-size: 16px;color:#333;margin-top: 30px;line-height: 32px;} .mt4_do{width:100%;height:660px;background:url(../images/mt4_line.png) no-repeat center #f5f5f5;overflow: hidden;} .container { margin:60px auto; max-width:1000px;} .mt4_title{font-size:34px;text-align: center;margin:70px auto;} .mt4_do .mt4_do_main{margin-top: 100px;} .mt4_do .mt4_do_main .mt4_li{position: relative;} .mt4_do .mt4_do_main .mt4_li .text{position:absolute;width:800px;left:-250px;top:220px;} .mt4_do .mt4_do_main .mt4_li .text h1{font-size: 28px;color:#333;margin-bottom:20px;} .mt4_do .mt4_do_main .mt4_li .text p{font-size: 16px;color:#333;line-height: 28px;} .mt4_product{width:100%;height:574px;} .mt4_product .mt4_product01{width:16.66%;height:100%;float:left;position: relative;overflow:hidden;} .mt4_product .mt4_product01 .mt4_product01_img{position: absolute;left:0;right:0;width:100%;height:100%;} .mt4_product .mt4_product01 .mt4_product01_img img{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);} .mt4_product .mt4_product01 .mt4_product01_bg{position: absolute;left:0;right:0;width:100%;height:100%;opacity:0;transition:all .3s ease;} .mt4_product .mt4_product01 .mt4_product01_bg img{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);} .mt4_product .mt4_product01:hover .mt4_product01_bg{opacity:1;} .mt4_product .mt4_product01 .mt4_product01_text{width:100%;position:relative;margin:200px auto 0;transition:all .3s ease;} .mt4_product .mt4_product01 .mt4_product01_text span{display: block;width:64px;height:64px;margin:auto;} .mt4_product .mt4_product01 .mt4_product01_text h1{font-size: 30px;font-weight:normal;text-align: center;color:#fff;margin-top:40px;} .mt4_product .mt4_product01 .mt4_product01_text p{font-size: 16px;width:85%;margin:auto;text-align:center;line-height:28px;color:#fff;margin-top:40px;display: none;} .mt4_product .mt4_product01:hover .mt4_product01_text{transform:translate3d(0,-70px,0);} .mt4_product .mt4_product01:hover .mt4_product01_text p{display: block;} /* 服务优势 */ .mt4_youshi{width:100%;height:660px;background:url(../images/mt4_youshi_bg.jpg) no-repeat center;overflow: hidden;} .mt4_youshi_title{color:#fff;margin-top:70px;} .mt4_youshi .slideTxtBox{ width:1200px; margin:70px auto; } .mt4_youshi .slideTxtBox .hd{ height:263px; position:relative; } .mt4_youshi .slideTxtBox .hd ul{ float:left; position:absolute;height:260px; border-bottom:1px solid rgba(255,255,255,.5); } .mt4_youshi .slideTxtBox .hd ul li{ float:left;width:170px;height:170px; cursor:pointer;position:relative; margin-right: 35px; } .mt4_youshi .slideTxtBox .hd ul li:nth-child(6){margin-right: 0} .mt4_youshi .slideTxtBox .hd ul li .youshi_img{position: absolute;left:0;right:0;width:100%;height:100%;} .mt4_youshi .slideTxtBox .hd ul li .youshi_img img{width:100%;height:100%; transition: all 6s linear;} .mt4_youshi .slideTxtBox .hd ul li .youshi_bg{position: absolute;left:0;right:0;width:100%;height:100%;opacity: 0;transition:all .3s ease;} .mt4_youshi .slideTxtBox .hd ul li .youshi_bg img{width:100%;height:100%;} .mt4_youshi .slideTxtBox .hd ul li .h1{position:relative;font-size:28px;color:#fff;font-weight:normal;text-align: center;line-height: 170px; display: none;} .mt4_youshi .slideTxtBox .hd ul li:hover .youshi_img img{ transform: rotate(360deg); } .mt4_youshi .slideTxtBox .hd ul li:hover .youshi_bg{opacity: 1;} .mt4_youshi .slideTxtBox .hd ul li:hover .h1{display: block;text-shadow: 0 0 6px #095a8b;} .mt4_youshi .slideTxtBox .hd ul li .line{position:absolute;width:1px;height:40px;background:rgba(255,255,255,.5);left:85px;bottom:-90px;display: none;} .mt4_youshi .slideTxtBox .hd ul li.on .line{display: block;} .mt4_youshi .slideTxtBox .bd ul{ margin-top:50px; } .mt4_youshi .slideTxtBox .bd .youshi_li h1{ color:#fff;font-size:24px;color:#fff;margin-bottom: 20px;} .mt4_youshi .slideTxtBox .bd .youshi_li p{ color:#fff;font-size:16px;color:#fff;} /*mt4搭建*/ .mt4_dajian{/* height:660px */;background:url(../images/mt4_dajian_bg.jpg) no-repeat center;margin-top:70px;} .container_1200{width:1200px;margin:auto;} .mt4_dajian .mt4_dajian_left{float:left;width:372px;height:626px;} .mt4_dajian .mt4_dajian_right{float:right;width:735px;margin-top:100px;} .mt4_dajian .mt4_dajian_right .mt4_dajian01{float:left;width:202px;height:146px;margin:20px;overflow: hidden;} .mt4_dajian .mt4_dajian_right .mt4_dajian01 img{width:200px;height:110px;transition:all .3s ease;border:1px solid #e1e1e1;} /* .mt4_dajian .mt4_dajian_right .mt4_dajian01:hover img{transform:scale(1.1);} */ .mt4_dajian .mt4_dajian_right .mt4_dajian01 p{text-align: center;font-size: 16px;line-height: 36px;} /*案例网站链接*/ .case-show-view-btn {text-align: center;margin-top: 30px;} .case-show-view-btn:hover .case-show-text{color:#0090ee;} .case-show-view-btn .case-show-text {font-size: 18px;margin-top: 10px;}