@charset "UTF-8";

/*顶部图标分类*/
.container_nav .row ul li.li1 a i {background-image: url(/style/css/img/service_li1.png);}
.container_nav .row ul li.li2 a i {background-image: url(/style/css/img/service_li2.png);}
.container_nav .row ul li.li3 a i {background-image: url(/style/css/img/service_li3.png);}
.container_nav .row ul li.li4 a i {background-image: url(/style/css/img/service_li4.png);}
.container_nav .row ul li.li5 a i {background-image: url(/style/css/img/service_li5.png);}
.container_nav .row ul li.li6 a i {background-image: url(/style/css/img/service_li6.png);}
.container_nav .row ul li.li7 a i {background-image: url(/style/css/img/service_li7.png);}
.container_nav .row ul li.li8 a i {background-image: url(/style/css/img/service_li8.png);}

@font-face {
font-family:"Trump";
src: url(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/1.png) left top no-repeat ;}
.m_mark .mark_two{background: url(/style/css/img/2.png) left top no-repeat ;}
.m_mark .mark_three{background: url(/style/css/img/3.png) left top no-repeat ;}
.m_mark .mark_four{background: url(/style/css/img/4.png) left top no-repeat ;}
.m_mark .mark_five{background: url(/style/css/img/5.png) left top no-repeat ;}
.m_mark .mark_six{background: url(/style/css/img/6.png) left top no-repeat ;}
.m_mark_content{padding-left:50px;padding-bottom: 20px;}

.support_hotline{background: url(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/seo09.png) left center no-repeat;}
.seo_promise_text .promise_two{background: url(/style/css/img/seo10.png) right center no-repeat;}
.seo_promise_text .promise_three{background: url(/style/css/img/seo11.png) left center no-repeat;}
.seo_promise_text .promise_four{background: url(/style/css/img/seo12.png) right center no-repeat;}

.seo_hzlc{background: #f6f6f6;padding:50px 0 70px; }
.seo_hzlc_title{float:left;padding-left: 80px;background: url(/style/css/img/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(/style/css/img/dao_01.gif) 0px  center no-repeat;}
.inside_fl_2 {background: url(/style/css/img/dao_02.gif) 0px  center no-repeat;}
.inside_fl_3 {background: url(/style/css/img/dao_03.gif) 0px  center no-repeat;}
.inside_fl_4 {background: url(/style/css/img/dao_04.gif) 0px  center no-repeat;}
.inside_fl_5 {background: url(/style/css/img/dao_05.gif) 0px  center no-repeat;}
.inside_fl_6 {background: url(/style/css/img/dao_06.gif) 0px  center no-repeat;}
.inside_fl_7 {background: url(/style/css/img/dao_07.gif) 0px  center no-repeat;}
.inside_fl_8 {background: url(/style/css/img/dao_08.gif) 0px  center no-repeat;}
.inside_fl_9 {background: url(/style/css/img/dao_09.gif) 0px  center no-repeat;}
.inside_fl_10 {background: url(/style/css/img/dao_10.gif) 0px  center no-repeat;}
.inside_fl_11 {background: url(/style/css/img/dao_11.gif) 0px  center no-repeat;}
.inside_fl_12 {background: url(/style/css/img/dao_12.gif) 0px  center no-repeat;}
.inside_fl_13 {background: url(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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: -380px; width: 380px; background: #f6f6f6; }
.xi_ti_h2 span:after{ content: ''; position: absolute; top: 50%; height: 1px; right: -380px; 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 6%; }
.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: 480px; 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: 38px; line-height: 38px; width: 100px; margin: 0 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; 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_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_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: 23.5%;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(/style/css/img/xicon34.png) center no-repeat; }
.xi_tel_pac .xi_li.year .xi_tit{ background: url(/style/css/img/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;width:calc(23% - 2px);border:1px #eee solid;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(/style/css/img/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(/style/css/img/xicon33.png) center no-repeat; }
.xi_tel_pac .xi_li.new .xi_tit{ background: url(/style/css/img/xicon34.png) center no-repeat; }
.xi_tel_pac .xi_li.year .xi_tit{ background: url(/style/css/img/xicon35.png) center no-repeat; }
.xi_tel_pac .xi_li h2{ margin-bottom: 30px; font-size: 24px; color: #333; font-weight: 100; }
.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{ height: 110px; color: #555; line-height: 36px; 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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/xicon47.png) center no-repeat; }
.xi_count input.xi_minus:hover{ background: url(/style/css/img/xicon47on.png) center no-repeat; }
.xi_count input.xi_add{ background: url(/style/css/img/xicon48.png) center no-repeat; }
.xi_count input.xi_add:hover{ background: url(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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(/style/css/img/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;}




/*屏幕小于1440px应用一下样式*/
@media (max-width:1440px) {

}

/*屏幕小于1200px应用一下样式*/
@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{background-position:25%;}

	.xi_host_pac .xi_li{margin:0 1%;}

	.xi_tiq_list dd .xi_box{margin:0 4%;}
}


/*屏幕小于768px应用一下样式*/
@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(/style/css/img/seo09.png) left center no-repeat / 100%;}
	.seo_promise_text .promise_two{background: url(/style/css/img/seo10.png) right center no-repeat / 100%;}
	.seo_promise_text .promise_three{background: url(/style/css/img/seo11.png) left center no-repeat / 100%;}
	.seo_promise_text .promise_four{background: url(/style/css/img/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%;}

}
/*屏幕小于540px应用一下样式*/
@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(/style/css/img/06.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(/style/css/img/07.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(/style/css/img/no2.png) right center no-repeat;}
	.seo_adv_text .adv_four{background: url(/style/css/img/no3.png) right center no-repeat;}

	.key_text{float:left;padding-left: 60px;background: url(/style/css/img/08.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(/style/css/img/07.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(/style/css/img/seo09_1.png) left center no-repeat;}
	.seo_promise_text .promise_two{background: url(/style/css/img/seo10_1.png) left center no-repeat;}
	.seo_promise_text .promise_three{background: url(/style/css/img/seo11_1.png) left center no-repeat;}
	.seo_promise_text .promise_four{background: url(/style/css/img/seo12_1.png) left center no-repeat;}

	.seo_hzlc_title{float:left;padding-left: 60px;background: url(/style/css/img/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{width:calc(31.3333% - 2px);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%}

}