/*顶部图标分类*/ .container_nav .row ul li.li1 a i {background-image: url(../images/service/service_li1.png);} .container_nav .row ul li.li2 a i {background-image: url(../images/service/service_li2.png);} .container_nav .row ul li.li3 a i {background-image: url(../images/service/service_li3.png);} .container_nav .row ul li.li4 a i {background-image: url(../images/service/service_li4.png);} .container_nav .row ul li.li5 a i {background-image: url(../images/service/service_li5.png);} .container_nav .row ul li.li6 a i {background-image: url(../images/service/service_li6.png);} .container_nav .row ul li.li7 a i {background-image: url(../images/service/service_li7.png);} .container_nav .row ul li.li8 a i {background-image: url(../images/service/service_li8.png);} @font-face { font-family:"Trump"; src: url(../font/trumpgothiceast_bold-webfont.ttf); font-weight: normal; font-style: normal; } button,input{overflow:visible;vertical-align:middle;outline:0;} input[type=button],input[type=submit]{cursor:pointer} /*模块标题*/ .i-warp .title {text-align: center;} .i-warp h2 {font-size: 38px;font-weight: normal;color: #333333;font-weight: bold;} /*用心做服务*/ .i-advantage {background: #ffffff;padding: 0px 0px 50px;border-bottom: 1px solid #f3f3f3;} .i-advantage .content {max-width: 1200px;margin: 50px auto 0;} .i-advantage .top-box {margin: 0 auto 0;} .i-advantage .text {font-size: 13px;color: #585858;line-height: 26px;text-align: center;} .i-advantage .num {margin: 50px auto 0;width: 680px;} .i-advantage .num ul {width: 100%;max-width: 100%;overflow: hidden;} .i-advantage .num li {width: 25%;float: left;padding: 0 20px;text-align: center;position: relative;box-sizing:border-box;} .i-advantage .num h4 {font-size: 74px;color: #333333;font-family: "Trump";line-height: 1;} .i-advantage .num p {font-size: 14px;color: #333;line-height: 24px;opacity: 0.3;filter: alpha(opacity=30);} .i-advantage .num .line {position: absolute;right: 0;top: 50%;width: 1px;height: 88px;background: #eaeaea;margin-top: -44px;} .i-advantage .bot-box {margin: 65px 0 0;overflow: hidden;} .i-advantage .bot-box ul {float: left;width: 100.1%;} .i-advantage .bot-box li {float: left;width: 16.6%;} .i-advantage .bot-box .box {margin: 0 auto 0;width: 170px;height: 70px;position: relative;} .i-advantage .bot-box .box .color {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition: all 0.6s;transition: all 0.6s;} .i-advantage .bot-box .box:hover .color {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);} .i-advantage .link {margin-top: 75px;font-size: 0;text-align: center;} .i-advantage .link a {margin: 0 20px;width: 198px;height: 58px;line-height: 58px;font-size: 18px;border-radius: 2px;border: 1px solid #e5e5e5;} /*选择我们*/ .i-ensure {background-color: #25a79f;padding:80px 0px;} .i-ensure .link {margin: 20px auto 0;font-size: 0;text-align: center;} .i-ensure .link li {float: none;display: inline-block;margin: 0 45px;white-space: nowrap;} .i-ensure .link a {display: block;font-size: 18px;color: #fff;line-height: 64px;height: 64px;padding-bottom: 3px;position: relative;} .i-ensure .link a span {position: relative;z-index: 2;} .i-ensure .link a i {position: absolute;width: 0;height: 3px;left: 0;bottom: 0;right: 0;margin: auto;background: #fff;-webkit-transition: left 0.3s,width 0.3s;transition: left 0.3s,width 0.3s;} .i-ensure .link a.cur i, .i-ensure .link a:hover i {width: 100%;left: 0;} .i-ensure .content {margin: 60px auto 0;max-width: 1200px;} .i-ensure .list li {float: left;width: 49%;margin: 0 2% 20px 0;background-color: #fff;height: 180px;display: table;vertical-align: middle;background-color: #ffffff;background-repeat: no-repeat;background-position: right 50px center;-webkit-transition: -webkit-transform 0.6s;transition: -webkit-transform 0.6s;transition: transform 0.6s;transition: transform 0.6s, -webkit-transform 0.6s;} .i-ensure .list li:nth-child(2n) {margin-right: 0px;} .i-ensure .list li:hover{transform: translate(0,-5px);} .i-ensure .list li .text {padding: 0 40px 0 40px;display: table-cell;vertical-align: middle;} .i-ensure .list li .text h4 {font-size: 24px;color: #333333;font-weight: bold;line-height: 40px;margin-bottom: 5px;width: 500px;} .i-ensure .list li .text p {font-size: 14px;color: #666666;line-height: 24px;width: 500px;} /*精选案例展示*/ .i-case {padding: 80px 0px;} .i-case .link {margin: 20px auto 40px;font-size: 0;text-align: center;} .i-case .link li {float: none;display: inline-block;margin: 0 45px;white-space: nowrap;} .i-case .link a {display: block;font-size: 18px;color: #999999;line-height: 48px;height: 48px;padding-bottom: 3px;position: relative;} .i-case .link a i {position: absolute;width: 0;height: 3px;left: 50%;bottom: 0;background: #000000;-webkit-transition: left 0.3s,width 0.3s;transition: left 0.3s,width 0.3s;} .i-case .link a.cur i, .i-case .link a:hover i {width: 100%;left: 0;} .i-case .list ul {width: 100%;} .i-case .list li {float: left;width: 33.333%;} .i-case .list .box {display: block;position: relative;overflow: hidden;transition: clip-path 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);opacity: 0;} .i-case .list .box.active {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);opacity: 1;} .i-case .list .mask {position: absolute;left: 0;right: 0;height: 102px;padding: 125px 6% 0;bottom: -102px;background: url(../images/service/x_shadow1.png) no-repeat center;-webkit-transition: opacity 0.6s,bottom 0.6s;transition: opacity 0.6s,bottom 0.6s;opacity: 0;filter: alpha(opacity=0);} .i-case .list .box:hover{display: block; position: relative; overflow: hidden; } .i-case .list .box:hover .mask{opacity: 1;filter: alpha(opacity=100);bottom: 0px;} .i-case .list .mask h3, .i-case .list .mask p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .i-case .list .mask h3 {font-size: 28px;color: #ffffff;font-weight: bold;line-height: 40px;margin-bottom: 6px;width: 100%;} .i-case .list .mask p {font-size: 14px;color: #ffffff;line-height: 24px;width: 100%;} .i-case .bottom {margin-top: 50px;} .i-case .bottom .link-btn {font-size: 0;text-align: center;} .i-case .bottom .btn {margin: 0 10px;display: inline-block;width: 198px;height: 52px;line-height: 52px;font-size: 18px;border-radius: 2px;border: 1px solid #e5e5e5;text-align: center;color: #333;} .i-case .bottom .btn:hover {background-color: #ff5800;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;} .i-case .bottom .btn2 {background: #e5e5e5;} /*服务流程*/ .i-liuc {padding: 80px 0px;} .i-liuc .content .content_img {text-align: center;padding: 0 20px;} /*seo*/ .seo_banner{height:335px;padding-top: 0px;} .seo_title{text-align: center;} .seo_title h2{font-size: 2.25rem; font-weight: bold;} .seo_title p{color: #666;font-size: 1rem;} .seo_content ul{margin:30px 0;} .seo_content ul li{width:calc(23% - 1px);padding:10px 1%;margin:30px 0px;float: left;border-right: 1px #e2e2e2 solid;} .seo_content ul li img{margin: auto;display: block;padding-bottom: 30px;} .seo_content ul li h6{font-size: 0.95rem;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .seo_content ul li p{color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:42px;} .seo_content .seo_li{border-right: none;} .w_problem{width:100%;background: url(../images/service/seo_bg.jpg) repeat;padding:50px 0 30px;} .problem_title{width:100%;text-align: center;} .problem_title h2{font-size: 2.25rem; font-weight: bold;} .problem_title p{color: #666;font-size: 1rem;} .problem_content{text-align: center;padding:30px 0px;} .w_mark{padding:40px 0px;} .mark_title{width:100%;text-align: center;} .mark_title strong{font-size: 2.25rem; font-weight: bold;} .mark_title p{color: #666;font-size: 1.3rem;font-weight: bold;color: #eee;} .mark_content{text-align: center;padding:40px 0px;} .mark_zx {margin:auto;width:160px;} .mark_zx a{width:160px;text-align: center;background: #ff5800;border-radius: 5px;line-height: 50px;height:50px;color:#fff;display: block;font-size:1.1rem;} .m_mark{padding:20px 3%;display: none;} .m_mark strong{font-size: 0.9rem;} .m_mark .mark_one{background: url(../images/service/1.png) left top no-repeat ;} .m_mark .mark_two{background: url(../images/service/2.png) left top no-repeat ;} .m_mark .mark_three{background: url(../images/service/3.png) left top no-repeat ;} .m_mark .mark_four{background: url(../images/service/4.png) left top no-repeat ;} .m_mark .mark_five{background: url(../images/service/5.png) left top no-repeat ;} .m_mark .mark_six{background: url(../images/service/6.png) left top no-repeat ;} .m_mark_content{padding-left:50px;padding-bottom: 20px;} .support_hotline{background: url(../images/service/seo_bg01.jpg) center no-repeat;height:400px;background-size: cover;} .support_hotline .sup_hot{top: 100px;position: relative;} .support_hotline p{color: #006acd;font-size: 2rem;} .support_hotline .contact_num{font-size: 1.2rem;background:#ff5800;border-radius: 40px;width:32%;color:#fff;height:60px;line-height: 60px;text-align: center;margin-top: 30px;} .contact_num span{font-size: 1.9rem;font-weight: bold;} .w_compared{margin:50px auto;} .compared_title{background: url(../images/service/seo_bg02.png) center no-repeat;text-align: center;} .compared_title h2{font-size: 2.5rem;color: #ff3500; font-weight: bold; padding-top: 25px;} .compared_title p{font-size: 1.5rem;color: #000;padding: 10px 0 25px;} .compared_left h2{font-size: 1.75rem;text-align: center;} .compared_content{background: url(../images/service/seo_bg03.png) no-repeat center;margin:50px 0 20px;} .compared_left{width: 32%;margin: 20px 10px 50px 10px;float: left;} .compared_left .tradition{background: url(../images/service/seo_bg04.png) no-repeat left 10px;padding-left: 20px;margin-top: 30px;} .compared_left .tradition h3{font-size: 1.25rem;font-weight: normal;} .compared_left .tradition p{color: #000;padding-top: 10px;line-height: 24px;font-size:0.9rem;} .compared_left .tradition_one{padding-bottom: 65px;} .compared_left .tradition_two{padding-bottom: 30px;} .compared_left .tradition_three{padding-bottom: 60px;} .compared_right{width: 32%;margin: 20px 10px 50px 10px;float: right;} .compared_right h2{font-size: 1.75rem;text-align: center;color: #fff;} .compared_right .tradition{background: url(../images/service/seo_bg05.png) no-repeat left 10px;padding-left: 20px;margin-top: 30px;} .compared_right .tradition h3{font-size: 1.25rem;font-weight: normal;color:#fff;} .compared_right .tradition p{color: #afafaf;padding-top: 10px;line-height: 24px;font-size:0.9rem;} .compared_right .tradition_one{padding-bottom: 65px;} .compared_right .tradition_two{padding-bottom: 65px;} .compared_right .tradition_three{padding-bottom: 30px;} .seo_painful{background: #f6f6f6;padding:50px 0 70px;} .w_painful{position: relative;} .painful_text{float:left;padding-left: 80px;background: url(../images/service/01.png) left top no-repeat;width:40%;} .painful_text p{font-size:1rem;color:#c6c6c6;} .painful_text h2{font-size: 2rem;font-weight: bold;line-height: 40px;} .painful_text h2 span{color:#ff5800;} .painful_text ul{padding-top: 30px;} .painful_text ul li{font-size: 1.3rem;line-height: 40px;color:#737373;} .painful_img{position: absolute;right:0;top:50px;width:40%;} .seo_adv_title{float:left;padding-left: 80px;background: url(../images/service/02.png) left center no-repeat;width:80%;height:70px;margin-top: 50px;} .seo_adv_title p{font-size:1rem;color:#c6c6c6;} .seo_adv_title h2{font-size: 2rem;font-weight: bold;line-height: 40px;} .seo_adv_title h2 span{color:#ff5800;} .seo_adv_text{float: left;width: 95%;margin-left:5%;background: url(../images/service/seo_img02.png) center no-repeat;color:#fff;padding-bottom: 90px;} .seo_adv_text h3{font-size: 1.3rem;padding-left: 20px;} .seo_adv_text p{font-size: 1rem;} .seo_adv_text .adv_num{width:25%;padding:14px 0;} .seo_adv_text .adv_num p{padding-left: 30px} .seo_adv_text .adv_one,.seo_adv_text .adv_three{float: left;} .seo_adv_text .adv_two,.seo_adv_text .adv_four{float: right;} .seo_adv_text .adv_one{background: url(../images/service/no1.png) left center no-repeat;margin:90px 20% 0 5%;} .seo_adv_text .adv_one span{color:#005ede;font-weight: bold;} .seo_adv_text .adv_two{background: url(../images/service/no2.png) right center no-repeat;margin:90px 5% 0 20%;} .seo_adv_text .adv_two span{color:#005ede;font-weight: bold;} .seo_adv_text .adv_three{background: url(../images/service/no4.png) left center no-repeat;margin:90px 25% 0 0;} .seo_adv_text .adv_three span{color:#e20000;font-weight: bold;} .seo_adv_text .adv_four{background: url(../images/service/no3.png) right center no-repeat;margin:90px 0 0 25%;} .seo_adv_text .adv_four span{color:#ffcc00;font-weight: bold;} .seo_key{background: #f6f6f6;padding:50px 0 70px;} .key_words{position: relative;} .key_text{float:left;padding-left: 80px;background: url(../images/service/03.png) left top no-repeat;width:40%;} .key_text p{font-size:1rem;color:#c6c6c6;} .key_text h2{font-size: 2rem;font-weight: bold;line-height: 40px;} .key_text h2 span{color:#ff5800;} .key_text ul{padding-top: 30px;} .key_text ul li{font-size: 1.3rem;line-height: 40px;color:#737373;} .key_img{position: absolute;right:0;top:50px;width:40%;} .seo_promise_title{float:left;padding-left: 80px;background: url(../images/service/04.png) left center no-repeat;width:80%;height:70px;margin-top: 50px;} .seo_promise_title p{font-size:1rem;color:#c6c6c6;} .seo_promise_title h2{font-size: 2rem;font-weight: bold;line-height: 40px;} .seo_promise_title h2 span{color:#ff5800;} .seo_promise_text{float: left;width: 100%;background: url(../images/service/seo_img04.png) center no-repeat;color:#fff;margin-bottom: 70px;} .seo_promise_text .promise_num{width:50%;margin-top: 60px;} .seo_promise_text p{font-size: 1.4rem;line-height: 100px;height:100px;padding-left:110px;padding-right: 10px} .seo_promise_text .promise_one,.seo_promise_text .promise_three{float: left;} .seo_promise_text .promise_two,.seo_promise_text .promise_four{float: right;text-align: right;} .seo_promise_text .promise_one{background: url(../images/service/seo09.png) left center no-repeat;} .seo_promise_text .promise_two{background: url(../images/service/seo10.png) right center no-repeat;} .seo_promise_text .promise_three{background: url(../images/service/seo11.png) left center no-repeat;} .seo_promise_text .promise_four{background: url(../images/service/seo12.png) right center no-repeat;} .seo_hzlc{background: #f6f6f6;padding:50px 0 70px; } .seo_hzlc_title{float:left;padding-left: 80px;background: url(../images/service/05.png) left center no-repeat;width:80%;height:70px;} .seo_hzlc_title p{font-size:1rem;color:#c6c6c6;} .seo_hzlc_title h2{font-size: 2rem;font-weight: bold;line-height: 40px;} .seo_hzlc_title h2 span{color:#ff5800;} .seo_hzlc_text{margin:100px 0 100px 5%;width:95%;float: left;} .hzlc_num{width:10.5%;float: left;text-align: center;margin-left:1%;margin-right:1%;color:#fff;} .hzlc_num h2{font-size:3rem;font-family: "黑体";} .hzlc_num p{padding-bottom: 15px;font-size: 1rem;} .hzlc_single{background: #fe6725;} .hzlc_double{background: #006acd;margin-top: 40px;} /*成品建站*/ .inside_fl {position: relative;z-index: 2;margin-bottom: 40px; border:#e7e7e7 solid 1px; padding:10px 24px;float: left;} .inside_fl .list {width: 230px;float: left;position: relative; height:30px; line-height:30px;} .inside_fl .list h5 {height: 34px;line-height: 34px;font-weight: normal;color: #333;position: relative;z-index: 1;padding-left: 30px;} .inside_fl .list h5 a {color: #333;font-size: 15px;} .inside_fl_1 {background: url(../images/service/dao_01.gif) 0px center no-repeat;} .inside_fl_2 {background: url(../images/service/dao_02.gif) 0px center no-repeat;} .inside_fl_3 {background: url(../images/service/dao_03.gif) 0px center no-repeat;} .inside_fl_4 {background: url(../images/service/dao_04.gif) 0px center no-repeat;} .inside_fl_5 {background: url(../images/service/dao_05.gif) 0px center no-repeat;} .inside_fl_6 {background: url(../images/service/dao_06.gif) 0px center no-repeat;} .inside_fl_7 {background: url(../images/service/dao_07.gif) 0px center no-repeat;} .inside_fl_8 {background: url(../images/service/dao_08.gif) 0px center no-repeat;} .inside_fl_9 {background: url(../images/service/dao_09.gif) 0px center no-repeat;} .inside_fl_10 {background: url(../images/service/dao_10.gif) 0px center no-repeat;} .inside_fl_11 {background: url(../images/service/dao_11.gif) 0px center no-repeat;} .inside_fl_12 {background: url(../images/service/dao_12.gif) 0px center no-repeat;} .inside_fl_13 {background: url(../images/service/dao_13.gif) 0px center no-repeat;} .atation .section {padding: 0px 0px 20px;} .atation .section .section_wrap .h {color: #666;font-size: 24px;margin-bottom:5px;} .atation .section .section_wrap ul {} .atation .section .section_wrap ul li {float: left;margin-bottom: 40px;width:31.333%;padding:0 1%;} .atation .section .section_wrap ul li .img {position: relative;} .atation .section .section_wrap ul li .img a {display: block;overflow: hidden;} .atation .section .section_wrap ul li .img a img {display: block;width: 100%;height: 100%;-webkit-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s;} .atation .section .section_wrap ul li .img a .mask {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background-color: rgba(0,0,0,0.5);opacity: 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .atation .section .section_wrap ul li .img .item {min-height: 30px;text-align: center;background-color: #fff;padding: 5px 2px;border-radius: 3px;position: absolute;bottom: 15px;margin:0 10%;width:80%;z-index: 3;opacity: 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .atation .section .section_wrap ul li .img .item a {display: block;float: left;margin: 0 2%;width:46%;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;border-radius: 5px;overflow: hidden;} .atation .section .section_wrap ul li .img .item a.preview {background-color: #009cff;} .atation .section .section_wrap ul li .img .item a.preview:hover {background-color: #0085da;} .atation .section .section_wrap ul li .img .item a.ontrial {background-color: #ff592d;} .atation .section .section_wrap ul li .img .item a.ontrial:hover {background-color: #dd4b24;} .atation .section .section_wrap ul li:hover .img a img {-webkit-transform: scale(1.06, 1.06); transform: scale(1.06);} .atation .section .section_wrap ul li:hover .img a .mask {opacity: 1;} .atation .section .section_wrap ul li:hover .img .item {opacity: 1;} .atation .section .section_wrap ul li .pro_info {padding: 10px 0px;} .atation .section .section_wrap ul li .pro_info .name {width:70%;} .atation .section .section_wrap ul li .pro_info .name p {color: #666;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .atation .section .section_wrap ul li .pro_info .name h4 {color: #999;font-size: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .atation .section .section_wrap ul li .pro_info .price {text-align: center;color: #fff;font-size: 14px;background-color: #e72f3c;margin-top: 5px;border-radius: 5px;width:30%;height:35px;line-height: 35px;} /*网页培训*/ .template {padding: 0px 0px 20px;background: #f8f8f8;} .template .section_wrap h2{text-align: center;font-size:2.25rem;margin-bottom:35px; font-weight:bold;} .template .section_wrap ul li {float: left;margin-bottom: 40px;width:31.333%;padding:0 1%;} .template .section_wrap ul li .img {position: relative;} .template .section_wrap ul li .img a {display: block;overflow: hidden;} .template .section_wrap ul li .img a img {display: block;width: 100%;height: 100%;-webkit-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s;} .template .section_wrap ul li .img a .mask {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background-color: rgba(0,0,0,0.6);opacity: 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .template .section_wrap ul li .img .item {position: absolute;top: 0px;padding:10px 5%;width:90%;z-index: 3;opacity: 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#fff;display: block;line-height: 30px;font-size: 1rem;overflow: hidden;text-align:center;height:262px;justify-content: center;align-items: center; display: -webkit-flex;cursor:pointer;} .template .section_wrap ul li:hover .img a img {-webkit-transform: scale(1.06, 1.06); transform: scale(1.06);} .template .section_wrap ul li:hover .img a .mask {opacity: 1;} .template .section_wrap ul li:hover .img .item {opacity: 1;} .template .section_wrap ul li .pro_info {padding: 10px 0px;width:100%;color: #666;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;} .features{margin:60px 0;} .features h2{text-align: center;font-size:2.25rem;padding-bottom:35px;font-weight:bold; } .features ul li{float:left;padding: 30px 0;border-bottom: 1px solid #f2f2f2;} .features ul li span{float: left;border: 3px solid #0166c5;font-size: 6rem;color: #0166c5;width:10%;height: 178px;text-align: center;line-height: 178px;} .features ul li img{max-width: 100%;max-height: 200px;} .features .features_con{width:calc(70% - 3px);float: left;background: #fff;margin: 30px 0 0 -6px;font-size: 14px;color: #666;} .features .features_con h3{color: #0166c5;font-size: 20px;padding: 10px 0;} .features li:nth-child(2n) .features_con {float: right;text-align: right;margin: 30px -3px 0 0;} .features li:nth-child(2n) span {float: right;} .features .features_img{width:20%;float: right;} .features li:nth-child(2n) .features_img{float: left;} .szhl_f {background: url(../images/service/grxy_f_bg.jpg) center no-repeat;padding: 135px 0;} .szhl_f_con {background: #0166c5;margin: 0 auto;padding:50px 0;} .szhl_f_con h2 {font-size:2.25rem;color: #fff;padding: 0px 0 20px;text-align: center; font-weight:bold;} .szhl_f_con p {font-size: 14px;color: #fff;text-align: center;padding-top: 20px;line-height: 30px;} .szhl_f_con h3{font-size: 22px;text-align: center;background: #ffd800;width: 25%;height: 50px;line-height: 50px;border-radius: 25px 25px;margin: 0 auto;display: block;} .szhl_g {padding-bottom: 60px;} .szhl_g h2 {font-size:2.25rem; font-weight:bold;color: #333;text-align: center;padding: 40px 0 30px;} .szhl_g h2 span {font-size: 50px;color: #ef0000;} .szhl_g_con {background: url(../images/service/grxy_g_bg.jpg) center no-repeat;height: 320px;position: relative;} .szhl_g_li {font-size: 14px;color: #666;line-height: 24px;position: absolute;width: 25%;} .gr_g_1 {top: 15px;left: 2%;} .gr_g_2 {top: 215px;left: 2%;} .gr_g_3 {top: 15px;right: 1%;} .gr_g_4 {top: 215px;right: 1%;} .szhl_g_li span {float: left;font-size: 45px;color: #ef0000;line-height: 45px; margin-right: 5px;} .course_content{background: #211b3d;padding:80px 0;} .course_title {text-align: center;margin: 0px auto 50px;width:60%;} .course_cc {text-align: center;margin: 0 auto;} .course_content img{max-width: 100%;max-height: 100%;} .szhl_i {padding: 0 0 50px 0;} .szhl_i h2 {font-size: 2.25rem;color: #333;font-weight:bold;text-align: center;padding: 40px 0;} .szhl_i li {width: 48%;margin:0 1%;height: 60px;line-height: 60px;background: #e8e8e8;border-radius: 33px;margin-bottom: 20px;float: left;font-size: 16px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .szhl_i span {color: #ef0000;font-size: 22px;padding-left: 30px;} .szhl_i_btn {width: 50%;height: 66px;line-height: 66px;text-align: center;font-size: 18px;color: #fff;background: #1177f5;border-radius: 33px 33px;margin: 0 auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /*电话介绍*/ .slick-slider{position:relative;outline:0;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:after,.slick-track:before{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;outline:0 none;height:100%;min-height:1px} [dir=rtl] .slick-slide{float:right} .slick-slide img{display:block;margin:auto} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-dots button{display:none} .slick-slider .xi_bpri{line-height: 70px;} .slick-slider .xi_spri{line-height: 37px;} .xi_tel_info{ background: url(../images/service/xbg3.jpg) top center no-repeat; background-size: cover; padding: 0px 0 60px; } .xi_tel_info .xi_tibox{ padding: 50px 2%; background:#fff; } .xi_ti_h2{ text-align: center; font-size: 38px; color: #333; margin-bottom: 45px; font-weight: bold; } .xi_ti_h2 span{ position: relative; padding: 0 60px; } .xi_ti_h2 span:before{ content: ''; position: absolute; top: 50%; height: 1px; left: -340px; width: 380px; background: #f6f6f6; } .xi_ti_h2 span:after{ content: ''; position: absolute; top: 50%; height: 1px; right: -340px; width: 380px; background: #f6f6f6; } .xi_ti_icon{ text-align: center; } .xi_ti_icon li{ height: 55px; line-height: 55px; border-left: 1px solid #eee; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 5%; } .xi_ti_icon li:first-child{ border-left: none; } .xi_ti_icon li img{ max-height: 100%; max-width: 120px; vertical-align: bottom; } .xi_ti_text{ margin: 30px auto 35px; text-align: center; color: #333; font-size: 14px; line-height: 40px; } .xi_ti_des{ text-align: center; } .xi_ti_des li{ display: inline-block; *display: inline; *zoom: 1; margin: 0 2%;width:20%; } .xi_ti_des img{ width: 20%;display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .xi_ti_des .text{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 12px; color: #555; width:78%; } .xi_ti_des .text p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .xi_ti_des li:hover img{ animation: bounce 1s 0s linear normal; -webkit-animation: bounce 1s 0s linear normal; } .xi_tel_inq{ padding: 40px 0 60px; text-align: center; } .xi_tiq_list{ margin-top: 45px; } .xi_tiq_list li{ overflow: hidden; padding-top: 36px; height: auto; float: left; width: 25%; box-sizing: border-box; border: 1px solid #eee; border-left: none; transition: all .25s; -webkit-transition: all .25s; } .xi_tiq_list li:first-child{ border-left: 1px solid #eee; } .xi_tiq_list dd .xi_box{ font-size: 15px; color: #555; height: auto; line-height: 38px; margin: 0 24px; box-sizing: border-box; float: left; } .xi_tiq_list dd p{ font-size: 15px; color: #555; height: auto; line-height: 38px; margin: 0 24px 20px 24px; box-sizing: border-box; float: left; } .xi_tiq_list dd a{ display: none; } .xi_tiq_list .xi_h2{ padding: 0 10px; font-size: 24px; color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .xi_tiq_list .xi_num{ color: #fff; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; font-size: 72px; font-weight: bold; margin: 28px auto 30px; } .xi_tiq_list .xi_box a{ background: #fff; min-width: 100px; border-radius: 3px; } .xi_tiq4 .xi_num{ font-size: 30px; font-weight: bold; } .xi_tiq1:hover,.xi_tiq1 .xi_num{ background: #ff9000; } .xi_tiq2:hover,.xi_tiq2 .xi_num{ background: #3b99f0; } .xi_tiq3:hover,.xi_tiq3 .xi_num{ background: #57be5b; } .xi_tiq_1:hover,.xi_tiq_1 .xi_num{ background: #ff9000; font-size: 30px; } .xi_tiq_2:hover,.xi_tiq_2 .xi_num{ background: #3b99f0; font-size: 30px; } .xi_tiq_3:hover,.xi_tiq_3 .xi_num{ background: #57be5b; font-size: 30px; }.xi_tiq4:hover,.xi_tiq4 .xi_num{ background: #ff6868; } .xi_tiq_list li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); } .xi_tiq_list li:hover *{ color: #fff; } .xi_tiq_list li:hover .xi_num{ background: #fff; } .xi_tiq_list li .xi_box:hover span{ display: none; } .xi_tiq_list li .xi_box:hover a{ display: inline-block; *display: inline; *zoom: 1; } .xi_tiq1:hover .xi_num,.xi_tiq1 .xi_box a{ color: #ff9000; } .xi_tiq2:hover .xi_num,.xi_tiq2 .xi_box a{ color: #3b99f0; } .xi_tiq3:hover .xi_num,.xi_tiq3 .xi_box a{ color: #57be5b; } .xi_tiq_1:hover .xi_num{ color: #ff9000; } .xi_tiq_2:hover .xi_num{ color: #3b99f0; } .xi_tiq_3:hover .xi_num{ color: #57be5b; } .xi_tiq4:hover .xi_num,.xi_tiq4 .xi_box a{ color: #ff6868; } .xi_tiq_form{ font-size: 0; padding: 58px 0 0; } .xi_tiq_form p{ font-size: 18px; color: #333; margin-bottom: 16px; } .xi_tiq_form input{ font-size: 14px; padding: 0 20px; height: 48px; line-height: 48px; _line-height: 48px; *line-height: 48px; border: 1px solid #ddd; } .xi_tiq_form .xi_binp{ width: 22%; margin: 0 1%; } .xi_tiq_form .xi_code_box{ margin: 0 1%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .xi_tiq_form .xi_code_box input{width:120px;} .xi_tiq_form .xi_code_img{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 120px; height: 50px; line-height: 50px; text-align: center; font-size: 0; } .xi_tiq_form .xi_code_img input.wc_yzm{width: 100%;background: #3b99f0;border: none;color:#fff;height:50px;} .xi_tiq_form .xi_sub{ cursor: pointer; margin: 0 1%; width:10%; height: 50px; background: #3b99f0; color: #fff; border: none; text-align: center; font-size: 16px; transition: all .25s; -webkit-transition: all .25s; } .xi_tiq_form .xi_sub:hover{ -moz-box-shadow: 0 0 5px 1px #ededed inset; -webkit-box-shadow: 0 0 5px 1px #ededed inset; box-shadow: 0 0 5px 1px #ededed inset; } .xi_tel_pac ul.clearfix{ margin-top: 50px;} .xi_tel_pac .xi_li{ float: left; margin-right: 2%; position: relative; padding: 50px 20px 40px; text-align: center; width: 18.4%;box-sizing: border-box; border-top: 2px solid #ddd; background: #fff; transition: all .25s; -webkit-transition: all .25s; } .xi_tel_pac .xi_li:last-child{ margin-right: 0; } .xi_tel_pac .xi_li:before{ content: ''; position: absolute; left: 0; top: -2px; width: 0; height: 2px; background: #3b99f0; transition: all .25s; -webkit-transition: all .25s; } .xi_tel_pac .xi_li .xi_tit{ width: 21px; height: 42px; display: block; position: absolute; left: 30px; top: -2px; } .xi_tel_pac .xi_li.new .xi_tit{ background: url(../images/service/xicon34.png) center no-repeat; } .xi_tel_pac .xi_li.year .xi_tit{ background: url(../images/service/xicon35.png) center no-repeat; } .xi_tel_pac .slick-dots{ bottom: 70px; } .xi_tel_pac .slick-dots li{ background: #eee; width: 14px; height: 14px; margin: 0 5px; border-radius: 50%; display: inline-block; *display: inline; *zoom: 1; } .xi_tel_pac .slick-dots li.slick-active{ background: #3b99f0; } .xi_pack_buy:hover{ -moz-box-shadow: 0 0 5px 1px #ededed inset; -webkit-box-shadow: 0 0 5px 1px #ededed inset; box-shadow: 0 0 5px 1px #ededed inset; } .xi_tel_pac .xi_li:hover:before{ width: 100%; } .xi_tel_pac .xi_bpri{ margin-bottom: 20px; color: #e6000a; } .xi_tel_fun{ padding: 40px 0 20px; } .xi_tel_fun ul{ margin-top: 85px; } .xi_tel_fun li{ margin-bottom: 44px; float: left; width: 25%; text-align: center; } .xi_tel_fun li img{ border-radius: 8px; overflow: hidden; width: 120px; height: 120px; margin-bottom: 30px; transition: all .25s; -webkit-transition: all .25s; } .xi_tel_fun li h2{ padding: 0 20px; box-sizing: border-box; color: #555; font-size: 18px; height: 72px; transition: all .25s; -webkit-transition: all .25s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .xi_tel_fun li:hover h2{ color: #3b99f0; } .xi_tel_fun li:hover img{ -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-shadow: 0 10px 20px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .xi_tel_adv{ padding: 60px 0 65px; background: #f6f6f6; } .xi_tel_adv li .xi_text_p{ font-size: 18px; color: #555; line-height: 36px; height: 72px; } .xi_tel_adv li:hover *{ color: #fff; } .xi_tel_adv li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); } .xi_tela1:hover{ background: #ff9a16; } .xi_tela1 .xi_dosicon{ border: 1px solid #ff9a16; } .xi_tela2:hover{ background: #3b99f0; } .xi_tela2 .xi_dosicon{ border: 1px solid #3b99f0; } .xi_tela3:hover{ background: #57be5b; } .xi_tela3 .xi_dosicon{ border: 1px solid #57be5b; } .xi_tela4:hover{ background: #ff6868; } .xi_tela4 .xi_dosicon{ border: 1px solid #ff6868; } .partner{padding: 60px 0} .partner ul{text-align: center;margin-top: 60px; font-size:0px;} .partner ul li{display: inline-block; margin:0 1% 15px;} /*阿里云主机*/ @keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce} @keyframes bounceInLeft{ 0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(-100px,0,0)} 90%{transform:translate3d(5px,0,0)}to{transform:none} } .bounceInLeft{animation-name:bounceInLeft} .layout{max-width:1200px;margin:0 auto;clear:both} .xi_doetit{ text-align: center; font-weight: 100; margin-bottom: 8px; font-size: 48px; color: #ccc; line-height: 70px; transform: none;} .enfont{color:#fff;} .xi_doctit{ text-align: center; font-size:38px; line-height: 46px; font-weight: bold;} .xi_doser .layout,.xi_host_sup .layout{ overflow: hidden; } .xi_doser ul{ margin-top: 60px;} .xi_doser li{ text-align: center; background: #fff; float: left; width:48%; height: 200px; line-height: 200px; margin-bottom: 40px; margin-right: 4%; transition: all .25s; -webkit-transition: all .25s; } .xi_doser li:nth-child(2n){ margin-right: 0; } .xi_doser li a{ display: block; } .xi_doser li .xi_dostext{ text-align: left; width: 60%; } .xi_doser li h2{ font-size: 20px; color: #555; margin-bottom: 20px; } .xi_doser li .xi_text_p{ font-size: 15px; color: #999; line-height: 24px; max-height: 72px; overflow: hidden; } .xi_dosicon,.xi_dostext{ line-height: 1; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .xi_doser li .xi_dosicon{ margin-right: 40px; width: 120px; height: 120px; line-height: 120px; font-size: 0; background: #fff; border-radius: 50%; } .xi_doser li:hover *{ color: #fff; } .xi_doser li:hover .xi_dosicon img{ -webkit-animation: bounceInLeft .8s; animation: bounceInLeft .8s; } .xi_dovs1:hover{ background: #3b99f0; } .xi_dovs1 .xi_dosicon{ border: 1px solid #3b99f0; } .xi_dovs2:hover{ background: #57be5b; } .xi_dovs2 .xi_dosicon{ border: 1px solid #57be5b; } .xi_dovs3:hover{ background: #25b49b; } .xi_dovs3 .xi_dosicon{ border: 1px solid #25b49b; } .xi_dovs4:hover{ background: #ff9000; } .xi_dovs4 .xi_dosicon{ border: 1px solid #ff9000; } .host{ background: #f0f0f0 url(../images/service/xbg4.jpg) top center;background-repeat: no-repeat;} .xi_tel_pac{ overflow: hidden; padding: 50px 0; background-size: cover; } .xi_tel_pac .xi_li:last-child{ margin-right: 0; } .xi_tel_pac .xi_li:before{ content: ''; position: absolute; left: 0; top: -2px; width: 0; height: 2px; background: #3b99f0; transition: all .25s; -webkit-transition: all .25s; } .xi_tel_pac .xi_li .xi_tit{ width: 21px; height: 42px; display: block; position: absolute; left: 30px; top: -2px; } .xi_tel_pac .xi_li.hot .xi_tit{ background: url(../images/service/xicon33.png) center no-repeat; } .xi_tel_pac .xi_li.new .xi_tit{ background: url(../images/service/xicon34.png) center no-repeat; } .xi_tel_pac .xi_li.year .xi_tit{ background: url(../images/service/xicon35.png) center no-repeat; } .xi_tel_pac .xi_li h2{ margin-bottom: 30px; font-size: 24px; color: #333; } .xi_tel_pac .xi_bpri em{ vertical-align: middle; font-size: 60px; } .xi_tel_pac .xi_bpri font{ margin-left: 10px; font-size: 14px; width: 15px; word-break: break-all; word-wrap: break-word; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 15px; } .xi_tel_pac .xi_spri.xi_tel_pac .xi_spri .xi_tel_pac .xi_spri font{ margin-left: 10px; font-size: 18px; color: #e6000a; } .xi_tel_pac .xi_text{ color: #555; line-height: 30px; font-size: 14px; } .xi_tel_pac .xi_text em{ color: #3b99f0; } .xi_tel_pac .xi_stext{ margin-bottom: 13px; height: 36px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .xi_pack_buy{ border: none; margin-top: 40px; width: 100%; height: 50px; line-height: 50px; background: #ff6800; color: #fff; font-size: 18px; display: block; border-radius: 3px; transition: all .25s; -webkit-transition: all .25s; } .xi_tel_pac .xi_li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); } .xi_host_pac{ padding: 0px 0px 60px; } .xi_host_pac ul.clearfix{ margin-top: 0; } .xi_host_pac .xi_li{ width:31.3333%; padding: 40px 3% 30px; height: 600px; } .xi_host_pac .xi_li .xi_tover{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .xi_host_pac .xi_li h2{ font-size: 36px; margin-bottom: 30px; } .xi_host_pac .xi_li h2 em{ font-weight: 100; color: #ff6800; } .xi_host_pac .box{ height: 50px; border-left: 1px solid #eee; width: 33.3%; float: left; box-sizing: border-box; } .xi_host_pac .box1{ text-align: left; border-left: none; } .xi_host_pac .box3{ text-align: right; } .xi_host_pac .box .xi_btop{ font-size: 24px; color: #333; line-height: 26px; } .xi_host_pac .box .xi_bbot{ font-size: 14px; color: #999; line-height: 24px; } .xi_host_pac .xi_bpri{ margin: 40px 0; } .xi_host_pac .xi_bpri em{ font-size: 72px; } .xi_host_pac .xi_bpri font{ font-size: 18px; line-height: 18px; } .xi_host_pac .xi_text{ height: 120px; font-size: 12px; color: #777; text-align: left; line-height: 30px; } .xi_host_pac .xi_pack_buy{ height: 60px; line-height: 60px; margin-top: 36px; } .xi_host_sup{ padding: 40px 0 10px; background: url(../images/service/xbg6.jpg) top center; } .xi_host_sup ul.clearfix{ text-align: center; margin-top: 65px; } .xi_host_sup li{ margin-bottom: 30px; padding: 40px 45px; float: left; background: #fff; margin-right: 3%; width: 31.3333%; box-sizing: border-box; transition: all .25s; -webkit-transition: all .25s; } .xi_host_sup .img{ margin-bottom: 27px; height: 60px; line-height: 60px; font-size: 0; } .xi_host_sup .img img{ max-height: 100%; transition: all .25s; -webkit-transition: all .25s; } .xi_host_sup .xi_hsuph2{ margin-bottom: 20px; font-size: 20px; color: #333; } .xi_host_sup .xi_hsuptxt{ height: 72px; color: #999; font-size: 12px; line-height: 24px; } .xi_host_sup li:hover *{ color: #fff; } .xi_host_sup li:hover .img img{ animation: bounce 1s 0s linear normal; -webkit-animation: bounce 1s 0s ease-out normal; } .xi_host_sup .xi_hsup3,.xi_host_sup .xi_hsup6{ margin-right: 0; } .xi_host_sup .xi_hsup1:hover{ background: #ff9000; } .xi_host_sup .xi_hsup2:hover{ background: #3b99f0; } .xi_host_sup .xi_hsup3:hover{ background: #57be5b; } .xi_host_sup .xi_hsup4:hover{ background: #ff6868; } .xi_host_sup .xi_hsup5:hover{ background: #25b49b; } .xi_host_sup .xi_hsup6:hover{ background: #827af6; } .xi_host_adv{ background: #fff url(../images/service/xbg5.png) top center; padding: 60px 0 75px; } .xi_host_adv li{ border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; } .xi_host_adv li .xi_dosicon{ border-radius: 20px; } .xi_host_adv li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); border: #fff; } /*域名注册*/ .idc-query {width: 100%; margin: 70px 0;} .idc-query thead { border-bottom: 1px solid #aeaeae;} .idc-query thead th { padding-bottom: 10px; color: #000; font-size: 24px; font-weight: normal; text-align: left;} .idc-query tbody tr { border-bottom: 1px solid #eee;} .idc-query td { height: 49px; font-size: 16px;} .idc-query td.ym { position: relative; padding-left: 40px;} .idc-query td.ym:before { position: absolute; top: 25px; left: 13px; content: ""; width: 12px; height: 2px; background: #bcbcbc;} .idc-query td a.more { float: right; margin-right: 30px; width: 98px; height: 24px; border: 1px solid #4ba3e0; border-radius: 3px; color: #4ba3e0; font-size: 12px; line-height: 24px; text-align: center;} .idc-query tbody tr.idc-query-btn { background: #fbf9f7;} .idc-query tbody tr.idc-query-btn td { color: #e42124; font-size: 12px; text-align: center; cursor: pointer; background: url(https://www.szhulian.com/Public/home/images/icon-19.png) no-repeat 643px center;} .idc-query tbody tr:hover { background: #fff;} .idc-query tbody tr:hover a.more { background: #4ba3e0; color: #fff;} .idc-query tbody tr.noreg td { color: red;} .idc-query tbody tr.noreg .ym { color: red;} .idc-query tbody tr.noreg td.ym:before { position: absolute; top: 25px; left: 13px; content: ""; width: 12px; height: 2px; background: red;} .idc-query tbody tr.noreg td.ym:after { position: absolute; top: 20px; left: 18px; content: ""; width: 2px; height: 12px; background: red;} .xi_f6f6f6{ background: #f6f6f6; } .xi_domain{ padding: 30px 0; } .xi_doform{ font-size: 0; background: #3b99f0; padding: 26px 60px 30px; } .xi_doh2{ margin-bottom: 23px; font-size: 24px; color: #fff; text-align: center; } .xi_doinput{ padding: 0 20px; box-sizing: border-box; font-size: 16px; width:calc(80% - 20px); height: 50px; line-height: 50px; _line-height: 50px; *line-height: 50px; border: none; margin-right:20px;} .ido_domain {margin-top:10px;} .ido_domain li{font-size:1rem;display:inline-block;color:#fff;width:80px;line-height:30px;} .ido_domain li input{-webkit-appearance:checkbox;} .xi_dosub{ font-size: 18px; color: #394855; background: #ffee00; width: 20%; height: 50px; border: none; -webkit-transition: all .2s; transition: all .2s; } .xi_dosub:hover{ color: #0f70a0; -moz-box-shadow: 0 0 5px 1px #0b98de inset; -webkit-box-shadow: 0 0 5px 1px #0b98de inset; box-shadow: 0 0 5px 1px #0b98de inset; } .xi_dolink{ font-size: 0; text-align: center; padding: 15px; line-height: 20px; border-bottom: 1px solid #eee; } .xi_dolink a{ padding: 0 18px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #555; font-size: 14px; } .xi_dolink a:hover{ color: #3b99f0; } .xi_doprice{ padding: 60px 0 80px; } .xi_doadvan{ padding: 60px 0 120px; } .xi_doplist{ margin-top: 55px; text-align: center; } .xi_doplist li{ padding: 40px 0; width: 20%;box-sizing: border-box; border: 1px solid #eee; border-left: none; float: left; transition: background-color .25s; -webkit-transition: background-color .25s; transition: transform .25s; -webkit-transition: transform .25s; } .xi_doplist li:first-child{ border-left: 1px solid #eee; } .xi_doptop{ font-weight: bold; font-size: 44px; text-transform: uppercase; font-family: '微软雅黑'; } .xi_dopline{ width: 20px; height: 2px; margin: 25px auto 52px; background: #eee; } .xi_dopmid{ line-height: 25px; font-size: 16px; color: #999; margin-bottom: 4px; } .xi_dopbot{ color: #e6000a; font-size: 18px; } .xi_dopbot em{ font-size: 24px; } .xi_doplist li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); /* border: none; */position: relative; z-index: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .xi_doplist li:hover *{ color: #fff!important; } .xi_doadv li{padding-top: 35px; } .xi_doadv_h2{ padding: 0 22px; font-size: 20px; color: #555; margin-bottom: 27px; } .xi_doadv_icon{ width: 100px; height: 100px; line-height: 100px; font-size: 0; border-radius: 50%; margin: 0 auto 32px; display: block; } .xi_doadv_icon img{ max-width: 80%; max-height: 80%; } .xi_doadv_p{ height: 72px; padding: 0 22px; font-size: 12px; color: #999; line-height: 24px; } .xi_doadv li:hover .xi_doadv_icon{ background: #fff; } .xi_doadv li:hover .xi_doadv_icon img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; } .xi_li1 .xi_doptop{ color: #ff9000; } .xi_li1:hover,.xi_li1 .xi_doadv_icon{ background: #ff9000; } .xi_li2 .xi_doptop{ color: #3b99f0; } .xi_li2:hover,.xi_li2 .xi_doadv_icon{ background: #3b99f0; } .xi_li3 .xi_doptop{ color: #57be5b; } .xi_li3:hover,.xi_li3 .xi_doadv_icon{ background: #57be5b; } .xi_li4 .xi_doptop{ color: #ff6868; } .xi_li4:hover,.xi_li4 .xi_doadv_icon{ background: #ff6868; } .xi_li5 .xi_doptop{ color: #25b49b; } .xi_li5:hover,.xi_li5 .xi_doadv_icon{ background: #25b49b; } .xi_donplist{ background: #f6f6f6 url(../images/service/xbg1.jpg) top center no-repeat; padding: 60px 0; } .xi_donplist .xi_doetit,.xi_donplist .xi_doctit,.xi_host_sup .xi_doetit,.xi_host_sup .xi_doctit,.xi_ema_fun .xi_doetit,.xi_ema_fun .xi_doctit,.xi_ema_pri .xi_doetit,.xi_ema_pri .xi_doctit{ color: #fff; } .xi_donpbox{ box-shadow: 0 5px 10px rgba(0,0,0,.05); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.05); margin-top: 55px; background: #fff; } .xi_donp_top li{ cursor: pointer; width: 50%; text-align: center; height: 80px; line-height: 80px; float: left; background: #eee; color: #555; font-size: 18px; transition: all .25s; -webkit-transition: all .25s; } .xi_donp_top li.on{ background: #fff; color: #3b99f0; } .xi_donp_top li:hover{ color: #3b99f0; } .xi_donp_bot{ padding: 50px; } .xi_donp_wrap table{ width: 100%; } .xi_donp_wrap th{ border: 1px solid #eee; width: 29.333%; box-sizing: border-box; font-size: 16px; color: #333; background: #f6f6f6; height: 50px; padding: 0 2%; line-height: 50px; text-align: left; } .xi_donp_wrap td{ border: 1px solid #eee; font-size: 14px; color: #555; padding: 12.5px 2%; height: 25px; line-height: 25px; } .xi_donp_wrap tr span{ color: #007cef; } .xi_donp_wrap .xi_price{ border-right: none; color: #e6000a; } .xi_donp_wrap .xi_price.gray{ color: #555; } .xi_donp_wrap .xi_price em{ font-size: 18px; } .xi_donp_wrap .xi_new{ color: #e6000a; } .xi_donp_wrap .xi_new i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 13px; margin-left: 12px; background: url(https://www.szhulian.com/Public/home/images/service/xicon2.png) center no-repeat; } .xi_donp_wrap .xi_hot{ color: #239c28; } .xi_donp_wrap .xi_hot i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 13px; margin-left: 12px; background: url(https://www.szhulian.com/Public/home/images/service/xicon3.png) center no-repeat; } .xi_donp_wrap tr th:first-child,.xi_donp_wrap tr td:first-child{ border-left: none; } .xi_donp_bot .xi_donp_wrap{ display: none; opacity: .6; } .xi_donp_bot .xi_donp_wrap:first-child{ display: block; opacity: 1; } .domain_service{ padding: 60px 0 115px; background: #f6f6f6 url(../images/service/xbg2.png) top center no-repeat; } .xi_doser li:hover *{ color: #fff; } .xi_doser li:hover .xi_dosicon img{ -webkit-animation: bounceInLeft .8s; animation: bounceInLeft .8s; } .xi_dovs1:hover{ background: #3b99f0; } .xi_dovs1 .xi_dosicon{ border: 1px solid #3b99f0; } .xi_dovs2:hover{ background: #57be5b; } .xi_dovs2 .xi_dosicon{ border: 1px solid #57be5b; } .xi_dovs3:hover{ background: #25b49b; } .xi_dovs3 .xi_dosicon{ border: 1px solid #25b49b; } .xi_dovs4:hover{ background: #ff9000; } .xi_dovs4 .xi_dosicon{ border: 1px solid #ff9000; } /*企业邮箱*/ .xi_ema_pac .xi_li h2{ margin-bottom: 5px; } .xi_ema_pac .xi_li h3{ font-size: 16px; color: #999; } .xi_ema_pac .xi_bpri{ margin: 30px 0; } .xi_ema_pac .box{ width: 50%; text-align: center; height: 60px; } .xi_ema_pac .box .xi_btop{ font-size: 30px; line-height: 36px; } .xi_ema_pac .box .xi_btop img{ vertical-align: initial; } .xi_ema_pac .box .xi_bbot{ font-size: 16px; } .xi_ema_pac .xi_pack_buy{ margin-top: 50px; } .xi_count{ font-size: 0; } .xi_count input[type="button"]{ border: 1px solid #ddd; border-radius: 2px; width: 40px; height: 40px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; transition: all .25s; -webkit-transition: all .25s; } .xi_count input.xi_minus{ background: url(../images/service/xicon47.png) center no-repeat; } .xi_count input.xi_minus:hover{ background: url(../images/service/xicon47on.png) center no-repeat; } .xi_count input.xi_add{ background: url(../images/service/xicon48.png) center no-repeat; } .xi_count input.xi_add:hover{ background: url(../images/service/xicon48on.png) center no-repeat; } .xi_count input.xi_num{ width: 140px; font-size: 36px; color: #333; height: 39px; line-height: 39px; _line-height: 39px; *line-height: 39px; border: none; border-bottom: 1px solid #ddd; text-align: center; margin: 0 2%; } .xi_ema_pac .xi_tips{ margin: 12px 0 40px; color: #3b99f0; font-size: 16px; } .xi_count input[type="button"]:hover{ border-color: #3b99f0; } .xi_ema_fun{ padding: 40px 0 60px; background: #f6f6f6 url(../images/service/xbg7.jpg) top center no-repeat; } .xi_ema_table{ background: #fff; margin-top: 55px; box-shadow: 0 5px 10px rgba(0,0,0,.05); } .xi_ema_fea{ padding: 40px 0 80px; background: #fff url(../images/service/xbg8.png) top center no-repeat; } .xi_ema_fea li{ overflow: hidden; background: #fff; float: left; border-top: 1px solid #eee; border-left: 1px solid #eee; text-align: center; padding: 60px; width: 33.33333%; height: 280px; box-sizing: border-box; } .xi_efimg{ position: relative; top: 0; margin-bottom: 66px; height: 80px; line-height: 80px; font-size: 0; transition: all .25s; -webkit-transition: all .25s; } .xi_efimg img{ max-height: 100%; } .xi_efh2{ margin-top: 0; font-size: 20px; color: #555; transition: all .25s; -webkit-transition: all .25s; } .xi_dftxt{ margin-top: 30px; height: 0; overflow: hidden; font-size: 14px; color: #999; line-height: 24px; text-align: left; transition: all .25s; -webkit-transition: all .25s; } .xi_eflist{ margin-top: 70px; } .xi_ema_fea li.xi_efl1,.xi_ema_fea li.xi_efl4{ border-left: none; } .xi_ema_fea li.xi_efl1,.xi_ema_fea li.xi_efl2,.xi_ema_fea li.xi_efl3{ border-top: none; } .xi_ema_fea li:hover{ box-shadow: 0 5px 10px rgba(0,0,0,.05),1px 0 1px rgba(0,0,0,.04); z-index: 1; position: relative; } .xi_ema_fea li:hover .xi_efimg{ top: -100%; height: 0; } .xi_ema_fea li:hover .xi_efh2{ margin-top: -46px; } .xi_ema_fea li:hover .xi_dftxt{ height: 72px; } .xi_ema_pri{ padding: 40px 0 70px; background: #25bcb3 url(https://www.szhulian.com/Public/home/images/xbg9.jpg) top center no-repeat; } .xi_ema_pri .xi_donp_top li.rec:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 75px; background: url(https://www.szhulian.com/Public/home/images/xicon55.png) center no-repeat; display: block; } .xi_ema_pri .xi_donp_top li{ position: relative; width: 33.3%; font-size: 24px; } .xi_ema_pri .xi_donp_top li span{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 20px; } .xi_ema_pri .xi_donp_bot{ padding-top: 30px; } .xi_ema_type{ margin-bottom: 30px; font-size: 0; text-align: center; } .xi_ema_type dd{ cursor: pointer; min-width: 100px; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #ddd; text-align: center; border-radius: 18px; margin: 0 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px; color: #555; } .xi_ema_type dd.on{ background: #3b99f0; border-color: #3b99f0; color: #fff!important; } .xi_ema_type dd:hover{ color: #3b99f0; border-color: #3b99f0; } .xi_ema_pri .xi_donp_wrap th{ width: 20%; } .xi_ema_detail table{ display: none; opacity: .6; } .xi_ema_detail table:first-child{ display: table; opacity: 1; } /*摄影摄像*/ .photo_sort{max-width:1200px;overflow:hidden; margin:0px auto 30px;} .photo_sort li{ list-style:none; width:16%;margin:0 2%; float:left; position:relative; margin-bottom:10px;overflow:hidden;text-align: center;} .photo_sort li div{position:absolute; left:0; top:0;width:100%;} .photo_sort li strong{ height:20px; line-height:20px;word-spacing:5px; letter-spacing: 3px;} .photo_sort li span{font-size:10px;} .photo_sort li .p2{font-size:18px; color:#777878; margin-top:15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .photo_sort li img{max-width:100%;} .photo_sort li:hover div{left:330px;} .photo_sort li .pl{display:block;overflow:hidden;height:6px;width:60px; background:#c1c1c1; margin:10px auto 0;} .cl{clear:both; max-width:1200px;text-align:center; margin:0 auto;} .photo_design{ max-width:1200px;margin:0 auto;} .photo_design li{ float:left; margin:0 1%; width:23%; border-bottom:5px solid #999; padding-bottom:30px;color:#666;} .design_title{margin-left:5px; font-size:1rem; line-height:30px; font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .design_title a{color:#333;} .design_text{margin-left:5px; font-size:13px; line-height:22px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .photo_design li img{max-width:100%;} .photo_design li:hover{border-bottom:5px solid #ef2c26;} .photo_design li img:hover{ filter:alpha(opacity=70);opacity:0.7; } .photo_banner{width:100%;float: left;margin-top:30px;} .fullSlide{ width:100%; position:relative; height:410px; background:#000; } .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:410px; overflow:hidden; text-align:center;background-size: cover;} .fullSlide .bd li a{ display:block; height:410px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; } .fullSlide .hd ul{ text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5; line-height:999px; } .fullSlide .hd ul .on{ background:#f00; } .fullSlide .prev,.fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%; z-index:1; width:40px; height:60px; background: url(../images/service/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none; } .fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; } .design_brand{width:100%;float:left;} .zzpp{ max-width:1200px; height:130px; background:url(../images/service/zapp.jpg) center no-repeat; margin:0 auto;} .sgtb {margin: 0px auto;height: 37px;max-width: 1200px;} .sgtb ul{text-align: center;font-size: 0;} .sgtb li {display: inline-block;margin: 0 2%;text-align: center;width:15%;} .sgtb li a {line-height: 37px;height: 37px;display: block;background: #cacaca;font-size: 24px;color: #fff;border-radius: 100px;font-family: 'SimSun';font-weight: bold;} .sgtb li a:hover{background: #ef2c26;color: #fff;} .design_sort{ max-width:1200px;margin:30px auto;} .design_sort ul{font-size: 0;} .design_sort li{width:31.3333%;margin:0 1% 30px;display: inline-block;vertical-align: top;} .design_sort li img{max-width:100%;} .design_sort_title{ margin-left:15%; font-size:20px; line-height:40px; font-weight: bold; color:#626263;} .design_sort_text{margin-left:15%; font-size:13px; line-height:22px;color:#666;} .design_sort li p a{color:#333;} .design_sort li p a:hover{ color:#df0037; text-decoration:none;} .design_sort li img:hover{ filter:alpha(opacity=70);opacity:0.7; } .design_quality{width:100%;float:left;background:#646464;padding:40px 0;} .quality_service{max-width:1200px;margin:0 auto;} .design_quality_title{color:#fff;text-align:center;} .design_quality_title h2{font-size:2rem;line-height:80px;} .design_quality_title p{width:80%;margin:0 auto;font-size:0.9rem;line-height:24px;} .design_quality ul li{width:31.3333%;margin:20px 1%;float:left;} .design_quality ul li img{max-width:100%;} .own_str{ background:#f0f0f0; width:100%;float:left;} .own_content{max-width:1200px;margin:0px auto 30px;} .own_content p{text-align:center;} .own_text{ width:80%; font-size:0.9rem; color:#333;line-height:24px;margin:0 auto;} .own_content li{ float:left;width:21%;margin:40px 2% 20px;text-align:center;} .own_content li img:hover{ filter:alpha(opacity=70);opacity:0.7; } .ser_pro{width:100%;float:left;} .ser_pro p{max-width:1200px;margin:30px auto;} @media (max-width:1440px) { } @media (max-width:1200px) { .template .section_wrap ul li .img .item{height:21vw;} .support_hotline .contact_num{width:45%;} .support_hotline .sup_hot{margin:0 5%;} .compared_left .tradition_one{padding-bottom: 45px;} .compared_left .tradition_two{padding-bottom: 5px;} .compared_left .tradition_three{padding-bottom: 65px;} .compared_right .tradition_one{padding-bottom: 40px;} .compared_right .tradition_two{padding-bottom: 40px;} .compared_right .tradition_three{padding-bottom: 30px;} .seo_adv_text .adv_num{margin-top: 90px;margin-right: 0;width:29%;} .seo_adv_text{width:100%;margin-left: 0px;} .features ul li span{float: left;border: 3px solid #0166c5;font-size: 4rem;color: #0166c5;width:10%;height: 178px;text-align: center;line-height: 178px;} .peixun_banner{ } .xi_host_pac .xi_li{margin:0 1%;} .xi_tiq_list dd .xi_box{margin:0 4%;} } @media (max-width:768px) { .i-warp h2 {font-size: 24px;} .i-advantage .text {font-size: 14px;line-height: 21px;} .i-advantage {padding: 0px 20px 30px;} .i-advantage .num {width: 100%;margin: 0px;} .i-advantage .num ul li {width: 50%;margin: 10px 0px 20px;border:none;} .i-advantage .num .line,.i-advantage .bot-box {display: none;} .i-case {padding:30px 0px;} .i-case .link {margin:10px 0px 20px;} .i-case .link li {width: 20%;margin:0px;} .i-case .link a {font-size: 14px;} .i-case .list li {width: 100%;} .i-ensure {padding: 30px 20px;} .i-ensure .link li {width: 31.333333%;display: block;float: left;margin:0px 1%;} .i-ensure .link a {height: 40px;line-height: 40px;font-size: 16px;} .i-ensure .link a i {height: 2px;} .i-ensure .link a.cur i, .i-ensure .link a:hover i {width: 80%;} .i-ensure .content {margin-top: 20px;} .i-ensure .list li {width: 100%;margin: 0 0 20px 0;height: auto;padding: 15px 0px;} .i-ensure .list li .text {padding: 15px;} .i-ensure .list li .text h4,.i-ensure .list li .text p {width: auto;} .i-ensure .list li .text h4 {font-size: 18px;line-height: 30px;} .i-liuc {padding: 30px 0px;} .seo_banner{height:240px;} .seo_content ul li{width:calc(48% - 1px);padding:10px 1%;margin:10px 0px;float: left;border-right: 1px #e2e2e2 solid;} .seo_content .seo_li1{border-right: none;} .support_hotline .contact_num{width:60%;} .support_hotline .sup_hot{margin:0 5%;} .compared_left .tradition_one{padding-bottom: 20px;} .compared_left .tradition_two{padding-bottom: 5px;} .compared_left .tradition_three{padding-bottom: 20px;} .compared_right .tradition_one{padding-bottom: 15px;} .compared_right .tradition_two{padding-bottom: 40px;} .compared_right .tradition_three{padding-bottom: 10px;} .compared_title p{font-size: 1.3rem;} .seo_adv_text .adv_num{margin-top: 90px;margin-right: 0;width:37%;} .key_text{width:calc(96% - 60px);} .key_img{display: none;} .seo_promise_text p{font-size: 1.2rem;line-height: 100px;height:100px;padding-left:100px;padding-right: 0;} .seo_promise_text .promise_two,.seo_promise_text .promise_four{float: right;text-align:left;} .seo_promise_text .promise_one{background: url(../images/service/seo09.png) left center no-repeat / 100%;} .seo_promise_text .promise_two{background: url(../images/service/seo10.png) right center no-repeat / 100%;} .seo_promise_text .promise_three{background: url(../images/service/seo11.png) left center no-repeat / 100%;} .seo_promise_text .promise_four{background: url(../images/service/seo12.png) right center no-repeat / 100%;} .atation .section .section_wrap ul li .img .item{display:none;} .template .section_wrap ul li .img .item {display: none;} .features ul li span{display: none;} .features .features_con{width:80%;margin: 0px;} .features li:nth-child(2n) .features_con {margin: 0;} .szhl_f_con h3{width:40%;} .xi_host_sup li{width:48%;margin:10px 1%;} .xi_host_sup .xi_hsup3, .xi_host_sup .xi_hsup6{margin-right:1%;} .xi_doser li{width:100%;} .xi_host_pac .xi_li{width:48%;} .xi_doptop{font-size: 1.5rem;} .xi_tel_pac .xi_li{width:48%;margin:0 1%;} } @media (max-width:540px) { .i-case .bottom {margin-top: 20px;} .i-case .bottom .btn {width: 100px;height: 38px;line-height: 38px;font-size: 14px;} .seo_banner{height:180px;} .problem_title h2,.seo_title h2,.mark_title strong{font-size: 1.5rem;} .mark_title p{font-size: 0.9rem;} .mark_content{display: none;} .m_mark{display: block;} .support_hotline{height:240px;} .support_hotline .sup_hot{top:30px;} .support_hotline p{color: #006acd;font-size: 1.4rem;margin:0 5%;} .support_hotline .contact_num{font-size: 1rem;width:90%;height:40px;line-height: 40px;margin:30px auto 0;} .contact_num span{font-size: 1.2rem;} .w_problem{display: none;} .w_compared{display: none;} .painful_text{float:left;padding-left: 60px;background: url(../images/service/01.png) left top no-repeat / 50px;margin:0 2%;width:calc(96% - 60px);} .painful_text p{font-size:0.8rem;color:#c6c6c6;} .painful_text h2{font-size: 1.2rem;font-weight: bold;line-height: 24px;} .painful_text ul{padding-top: 10px;} .painful_text ul li{font-size: 1rem;line-height: 30px;color:#737373;} .painful_img{display:none;} .seo_adv_title p{font-size:0.8rem;color:#c6c6c6;} .seo_adv_title h2{font-size: 1.2rem;font-weight: bold;line-height: 24px;} .seo_adv_title{float:left;padding-left: 60px;background: url(../images/service/02.png) left top no-repeat / 50px;margin:50px 2% 0;} .seo_adv_text .adv_num{margin:20px auto 0;width:300px;} .seo_adv_text{background:none;} .seo_adv_text .adv_two{background: url(../images/service/no2.png) right center no-repeat;} .seo_adv_text .adv_four{background: url(../images/service/no3.png) right center no-repeat;} .key_text{float:left;padding-left: 60px;background: url(../images/service/03.png) left top no-repeat / 50px;margin:0 2%;width:calc(96% - 60px);} .key_text p{font-size:0.8rem;color:#c6c6c6;} .key_text h2{font-size: 1.2rem;font-weight: bold;line-height: 24px;} .key_text ul{padding-top: 10px;} .key_text ul li{font-size: 1rem;line-height: 30px;color:#737373;} .seo_promise_title p{font-size:0.8rem;color:#c6c6c6;} .seo_promise_title h2{font-size: 1.2rem;font-weight: bold;line-height: 24px;} .seo_promise_title{float:left;padding-left: 60px;background: url(../images/service/02.png) left top no-repeat / 50px;margin:50px 2% 0;} .seo_promise_text .promise_num{width:100%;margin-top: 20px;} .seo_promise_text p{font-size: 1rem;line-height: 50px;height:50px;padding-left:60px;padding-right: 0;} .seo_promise_text .promise_one{background: url(../images/service/seo09_1.png) left center no-repeat;} .seo_promise_text .promise_two{background: url(../images/service/seo10_1.png) left center no-repeat;} .seo_promise_text .promise_three{background: url(../images/service/seo11_1.png) left center no-repeat;} .seo_promise_text .promise_four{background: url(../images/service/seo12_1.png) left center no-repeat;} .seo_hzlc_title{float:left;padding-left: 60px;background: url(../images/service/05.png) left top no-repeat / 50px;margin-top: 50px;} .seo_hzlc_title p{font-size:0.8rem;color:#c6c6c6;} .seo_hzlc_title h2{font-size: 1.2rem;line-height: 24px;} .seo_hzlc_text{margin:40px 2%;width:96%;} .hzlc_num {width: 23%;float: left;text-align: center;margin-left:1%;margin-right:1%;color: #fff;} .inside_right{display: none;} .atation .section .section_wrap ul li {float: left;margin-bottom: 20px;width:48%;padding:0 1%;} .atation .section .section_wrap ul li .pro_info .name {width:100%;} .atation .section .section_wrap ul li .pro_info .price {width:100%;float: left;} .features .features_con{width:96%;margin: 0px 2%;} .features li:nth-child(2n) .features_con {width:96%;margin: 0 2%;} .features .features_img{display: none;} .template .section_wrap ul li{width:48%;margin-bottom: 10px;} .szhl_f{padding:50px 0;} .szhl_f_con h3{width:66%;} .template .section_wrap h2,.features h2,.grxy_g h2,.grxy_i h2{font-size: 1.5rem;} .features h2{padding-bottom: 0px;} .template .section_wrap h2{margin-bottom: 20px;} .szhl_g h2 span{font-size:2.5rem;} .gr_g_2{top: 150px;left: 1%;} .gr_g_4{top: 150px;right: 1%;} .szhl_g_con {background:none;} .szhl_g_li {width: 48%;} .szhl_i li{width:98%;} .szhl_i_btn{width:100%;} .xi_host_pac .xi_li{width:100%;margin: 0 0 20px;} .xi_host_sup .xi_hsuptxt{display: none;} .xi_host_sup .xi_hsuph2{margin-bottom: 0;} .xi_host_adv{padding:20px 0;} .xi_host_sup ul.clearfix{margin-top: 20px;} .xi_host_sup li{padding:40px 0;} .xi_doplist{margin-top: 20px;} .xi_doplist li{width:33.3333%;} .xi_doser li .xi_dosicon{display: none;} .domain_service{padding:20px 0;} .xi_doser li{margin-bottom: 10px;} .xi_doadv_h2{padding:0;} .xi_doetit{font-size: 1.5rem;line-height: 30px;} .xi_doctit{font-size: 1.9rem;} .xi_doform{padding:20px 4px;} .xi_donplist{display: none;} .xi_doinput{width:100%;} .sod_select{width:45%;margin: 20px 4% 0 0;} .xi_dosub{width:44%;margin-top: 20px;} .xi_ema_fea li{padding:60px 0;} .xi_ema_pri{display: none;} .xi_ema_fun{display: none;} .xi_eflist{margin-top: 20px;} .xi_ema_fea{padding:20px 0;} .xi_doadv_p{display: none;} .xi_doadv_icon{margin:0 auto;} .xi_doprice{padding:20px 0;} .xi_tel_pac{padding:20px 0;} .xi_tel_pac .xi_li{width:90%;margin:0 5%;} .xi_tiq_list{display: none;} .xi_tel_pac ul.clearfix{margin-top:20px;} .xi_tel_fun ul{margin-top: 20px;} .xi_tel_fun li{width:50%;margin-bottom:0;} .xi_doser ul{margin-top: 20px;} .xi_tel_adv{padding:20px 0;} .xi_tel_inq{display: none;} .xi_ti_icon{display: none;} .xi_tel_info .xi_tibox{padding:20px 2%;} .xi_ti_h2{font-size:1.9rem;margin-bottom: 0;} .xi_ti_text{line-height: 30px;margin:10px auto;} .xi_ti_des li{width:46%;margin:0 1% 10px;} .partner{padding: 20px 0} .partner ul{margin-top: 20px;} .partner ul li{ margin:0 1% 10px;} .photo_sort li{width:29.3333%;} .photo_design li{width:48%;margin-bottom: 10px;} .design_sort li{width:48%;} .ser_pro{display: none;} .fullSlide{height:200px;} .fullSlide .bd li{height:200px;} .fullSlide .bd li a{height:200px;} .sgtb li{width:29%;} .i-case .link li{width:33.333%} }