/*千城千站首推优惠套餐*/
.combo{background: #eee;position: relative;text-align: center;}
.combo .section-box-content{overflow:visible;display: table;}
.combo ul{height: auto;}
.combo_p{font-size: 14px;color: #666;line-height: 25px;padding-bottom: 30px;}
.combo ul li{position:relative;width: 32%;background: #fff;border-top: 2px solid #cc0000;margin-right: 2%;float: left;padding: 0 20px 30px;box-sizing:border-box;}
.combo ul li:last-child{margin-right: 0;}
.combo ul li:hover{box-shadow: 5px 5px 5px #ccc;}

.combo_top{border-bottom: 1px solid #ebebeb;}
.combo_top p:nth-child(1){font-size: 24px;color: #333333;margin-top: 36px;text-align: center;}
.combo_top p:nth-child(2){font-size: 14px;color: #666666;font-family:simsun;margin: 13px 0 28px;text-align: center;}
.combo_t{padding-bottom: 44px;}
.combo_tit p:nth-child(1){font-size: 14px;color: #666666;margin-top: 30px;line-height: 15px;text-align: center;}
.combo_tit p:nth-child(2){font-family:Verdana;font-size: 20px;color: #333;margin-top: 13px;line-height: 20px;text-align: center;}
.combo_tit p:nth-child(2) a{color:#cc0000;}
.comboprice p{font-size: 14px;color: #666666;text-align: center;position: relative;}
.comboprice p .price{font-size: 30px;color: #cc0000;font-family: 'Georgia';}
.combobut{font-family:simsun;width: 220px;height: 38px;background: #cc0000;margin: 21px auto 0;text-align: center;}
.combobut a{width: 220px;height: 38px;color: #fff;line-height: 38px;cursor: pointer;font-size: 14px;display: block;}
.combobut a:hover{color:#fff;}
.section-box-subtitle font{display:none;}
.padding15{padding-top: 15px;font-size: 14px;display: inline-block;color:#cc0000;}



/*网络营销普遍遇到的4大问题*/
.sida{background: #fff;width: 100%;float: left;text-align: center;position: relative;}
.sida ul{overflow: hidden;}
.sida ul li{width: 24.8%;padding:23px 0 25px;float: left;text-align: center;transition: all .2s linear;border-left: 1px solid #ebebeb;}
.sida ul li:nth-last-child(1){margin-right: 0px;border-right: 1px solid #ebebeb;}
.sida_logo{width: 60px;height: 60px;margin: 0 auto;}
.sida_tit{margin-top: 40px;}
.sida_tit p{text-align: center;}
.sida_tit p:nth-child(1){font-size: 18px;color: #333333;}
.sida_tit p:nth-child(2){font-size: 14px;color: #666666;margin-top: 13px;font-family:simsun;line-height:24px;}
.sida_tit p:nth-child(3){font-size: 14px;color: #666666;margin-top: 9px;font-family:simsun;}

/*千城千站为你实现*/
.realize{width: 100%;background: #eeeeee;clear: both;text-align: center;}
.realize ul{overflow: hidden;}
.rz_left{float: left;width: 50%;text-align: center;}
.rz_right{float: right;width: 50%;text-align: center;}
.rz_content{overflow:visible;width: 50%;height: 342px;display: flex;justify-content: center;align-items: center;background:#fff;position:relative;}
.rz_content:nth-of-type(3){margin-top:40px;}
.rz_content:nth-of-type(4){margin-top:40px;}
.realize .text_left{text-align: left;width: 65%;position: relative;z-index: 1;}
.realize_tit1 p:nth-child(2),.realize_tit2 p:nth-child(2){margin-top: 35px;}
.tit_p1{font-size: 36px;color: #333333;}
.tit_p2{font-size: 16px;color: #666666;line-height: 28px;position:relative;padding-left:20px;}
.tit_p2:before{content:"";border-radius:100%;background:#cc0000;width:8px;height:8px;position:absolute;left:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.realize_img1:before{content:"";position:absolute;width:0;height:0;content:"";left:32px;top:0;border-style:solid;border-color:#eee transparent transparent #eee;border-width: 81px 130px;}
.realize_img1:after{content:"";position:absolute;width:32px;height:100%;background:#eee;left:0;top:0;}
.realize_img2:before{content:"";position:absolute;width:0;height:0;content:"";right:32px;top:0;border-style:solid;border-color:#eee #eee transparent transparent;border-width: 81px 130px;}
.realize_img2:after{content:"";position:absolute;width:32px;height:100%;background:#eee;right:0;top:0;}
.realize_img1 img{position:absolute;left:0;position: absolute;z-index: 2;}
.realize_img2 img{position:absolute;right:0;position: absolute;z-index: 2;}
.realize_img1,.realize_img2{display: -ms-grid;}


/*六大武器全面出击*/
.luda{width: 100%;background: #fff;}
.luda_box{height: 354px;position: relative;padding: 0 50px;}
.luda_bg{height: 354px;margin: 0 auto;overflow: hidden;position: relative;}
.luda ul{width: 2000px;position: absolute;}
.luda ul li{width: 268px;height: 354px;float: left;border-right: 1px solid #ebebeb;}
.luda ul li:last-child{border-right: 0;}
.luda_img{width: 77px;height: 64px;margin: 10px auto 0}

.ludai01{background: url(/multisite/images/index/ludai01.png);}
.luda_li1:hover .ludai01{background: url(/multisite/images/index/ludai01b.png);}
.luda_bg li:hover .luda_t1{color: #cc0000;}

.ludai02{background: url(/multisite/images/index/ludai02.png);}
.luda_li2:hover .ludai02{background: url(/multisite/images/index/ludai02b.png);}

.ludai03{background: url(/multisite/images/index/ludai03.png);}
.luda_li3:hover .ludai03{background: url(/multisite/images/index/ludai03b.png);}

.ludai04{background: url(/multisite/images/index/ludai04.png);}
.luda_li4:hover .ludai04{background: url(/multisite/images/index/ludai04b.png);}

.ludai05{background: url(/multisite/images/index/ludai05.png);}
.luda_li5:hover .ludai05{background: url(/multisite/images/index/ludai05b.png);}

.ludai06{background: url(/multisite/images/index/ludai06.png);}
.luda_li6:hover .ludai06{background: url(/multisite/images/index/ludai06b.png);}

.luda_title{margin-top: 35px;height: 200px}
.luda_title p{color: #666666;}
.luda_title .luda_t1{font-size: 18px;line-height: 25px;margin-top: 25px;text-align: center;color: #333333;}
.luda_t2{font-size: 14px;line-height: 25px;width: 225px;text-align: justify;margin: 15px auto 0;}
.luda_but{width: 100px;height: 30px;background: #cc0000;margin: 0 auto;text-align: center;}
.luda_but a{display: block;width: 100px;height: 30px;color: #fff;font-size: 12px;line-height: 30px;font-family:simsun;}
.luda_but a:hover{color:#fff;}
.luda_alt{width: 22px;height: 42px;position: absolute;top: 50%;margin-top: -21px;left: 0px}
.luda_art{width: 22px;height: 42px;position: absolute;top: 50%;margin-top: -21px;right: 0px;}

/*系统特点*/
.trait{width: 100%;background: url("/multisite/images/index/trait_bg.jpg") no-repeat 50% 50%;background-size:cover;}
.trait .section-box-title{color:#fff;}
.trait h2{color: #333333;font-weight: normal;}
.trait ul{margin-top: -12px;display:table;}
.trait ul li{width: 32%;margin-right: 2%;text-align: center;background: #fff;float: left;}
.trait ul li:nth-last-child(1){margin-right: 0;}
.trait_img{width: 61px;height: 61px;float: left;margin: 6% 6% 0 6%;}
.trait01{background: url(/multisite/images/index/trait01.png) no-repeat;}
.trait02{background: url(/multisite/images/index/trait02.png) no-repeat;}
.trait03{background: url(/multisite/images/index/trait03.png) no-repeat;}

.trait ul li:hover .trait01{background: url(/multisite/images/index/trait01b.png) no-repeat;}
.trait ul li:hover .trait02{background: url(/multisite/images/index/trait02b.png) no-repeat;}
.trait ul li:hover .trait03{background: url(/multisite/images/index/trait03b.png) no-repeat;}

.trait_li1:hover,.trait_li2:hover,.trait_li3:hover{box-shadow: 5px 5px 5px #ccc;}

.trait_tit{width: 63.5%;;float: left;margin: 6% 6% 6% 0;text-align: left;}
.trait_tit p:nth-child(1){font-size: 18px;color: #333333;line-height: 20px}
.trait_tit p:nth-child(2){font-size: 14px;color: #666666;line-height: 25px;margin-top: 15px;}
.trait_but{width: 100px;height: 30px;background: #118cda;margin-top:15px;text-align: center;float: left;}
.trait_but a{display: block;width: 100px;height: 30px;line-height: 30px;color: #fff;}

/*系统优势*/
/* .advantage{width: 100%;clear: both;text-align: center;}
.advantage h2{color: #333333;font-weight: normal;}
.advantage ul{height: 460px;overflow: hidden;}
.advantage ul li{border: 1px solid #cccccc;margin-top: 20px;}
.advantage ul li:nth-child(1),.advantage ul li:nth-child(2){margin-top: 0;}
.adv_left{float: left;width: 49%;text-align: center;}
.adv_right{float: right;width: 49%;text-align: center;}
.adv_content{height: 98px;display: flex;justify-content: center;align-items: center;}
.advantage_img{width: 58px;height: 58px;float: left;margin: 0px 20px 0 20px}
.advlg01{background: url(/multisite/images/index/advlg01.png);}
.advlg02{background: url(/multisite/images/index/advlg02.png);}
.advlg03{background: url(/multisite/images/index/advlg03.png);}
.advlg04{background: url(/multisite/images/index/advlg04.png);}
.advlg05{background: url(/multisite/images/index/advlg05.png);}
.advlg06{background: url(/multisite/images/index/advlg06.png);}
.advlg07{background: url(/multisite/images/index/advlg07.png);}
.advlg08{background: url(/multisite/images/index/advlg08.png);}
.advantage_tit{float: left;width: 445px;text-align: left;}
.advantage_tit p:nth-child(1){font-size: 18px;color: #333333;line-height: 25px}
.advantage_tit p:nth-child(2){font-size: 14px;color: #666666;margin-top: 8px;font-family:simsun;} */

.adv_content:hover{border: 1px solid #cc0000;}
.advantage_li1:hover .advlg01{background: url(/multisite/images/index/advlg01b.png);}
.advantage_li2:hover .advlg02{background: url(/multisite/images/index/advlg02b.png);}
.advantage_li3:hover .advlg03{background: url(/multisite/images/index/advlg03b.png);}
.advantage_li4:hover .advlg04{background: url(/multisite/images/index/advlg04b.png);}
.advantage_li5:hover .advlg05{background: url(/multisite/images/index/advlg05b.png);}
.advantage_li6:hover .advlg06{background: url(/multisite/images/index/advlg06b.png);}
.advantage_li7:hover .advlg07{background: url(/multisite/images/index/advlg07b.png);}
.advantage_li8:hover .advlg08{background: url(/multisite/images/index/advlg08b.png);}


/*系统效果*/
.effect{width: 100%;background: #eee;}
.effect h2{color: #333;font-weight: normal;}
.effect_nav{height: 29px;border-bottom: 1px solid #d9d9d9;}
.effect_ul{margin: 0 auto;display:table;position: relative;}
.effect_ul li{line-height: 27px;font-size: 14px;line-height: 27px;color: #333333;cursor: pointer;}
.effect_ul li a{color:inherit;}
.effect_ul li:nth-child(1){border-bottom:2px solid #cc0000;}
.effect_ul li:nth-child(2){color:#999999;position: absolute;top:0;right:-30px;transform: translateX(100%);-o-transform: translateX(100%);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);}
.effect_lion{border-bottom: 2px solid #118cda;color: #118cda;}
.effect_box{height: 600px;overflow: hidden;}
.effectb_ul li{width: 1180px;height: 600px;}
.effectb_bg1{background: url(/multisite/images/index/effect_bg1.png) no-repeat center;background-size: cover; }
/*.effectb_bg2{background: url(share/images/thousand/effect_bg2.png);}*/

/* .advantage-ul {
    padding: 0 45px;
  }
  .advantage-li {
  	width: 300px;
    padding: 20px 0 35px;
    margin-bottom: 20px;
    background: #fff;
    float: left;
  }
	.advantage-li:nth-child(2),.advantage-li:nth-child(5){
		margin: 0 95px;
	}
  .advantage-li:hover {
  	box-shadow: 5px 5px 5px #ccc;
  }
  .advantage-img {
  	display: block;
  	width: 210px;
  	height: auto;
  	margin: 0 auto;
  }
  .advantage-title {
    font-size: 24px;
    line-height: 35px;
    color: #333;
    text-align: center;
    margin-top: 10px;
  }
  .advantage-subtitle {
    font-size: 15px;
    line-height: 25px;
    color: #666;
    text-align: center;
    margin-top: 10px;
  }
  .intelligence-img {
    width: 100%;
  }
  .case-ul {
    margin-left: -7px;
  }
  .case-li {
    width: 228px;
    height: 118px;
    border: 1px solid #e0e0e0;
    float: left;
    margin-left: 7px;
  }
  .case-li > a {
    width: 100%;
    height: 100%;
  }
  .case-li > a > img {
  	width: 100%;
  } */
  
  


.section-box .section-box-content { overflow: hidden; padding: 15px 20px 10px; max-width: 1180px; margin: 0 auto; }
/* 浠?涔堟槸鍗冨煄鍗冪珯锛? */
  .what.section-box{
    background: url(../images/bg_what.jpg) no-repeat center;
	text-align: left;
	padding: 20px 0;
  }
  .what .what-tit {
    float: right;
    width: 600px;
  }
  .what .what-tit .what-title {
    font-size: 28px;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 35px;
    line-height: 45px;
  }
  .what .what-tit .what-title span {
    color: #ff3d01;
  }
  .what .what-tit .what-subtitle {
    font-size: 16px;
    color: #fff;
    margin-bottom: 35px;
    line-height: 29px;
    text-indent: 2em;
  }
  
/* 浣庢垚鏈?锛岀渷浜哄伐 */
  .section-box.cost {
    background: #fff;
  }
  .section-box.cost .section-box-title {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .section-box.cost .section-box-content {
    position: relative;
  }
  .cost p ,.cost div{
    font-size: 16px;
    color: #666;
    line-height: 25px;
  }
  .cost .cost_title {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    line-height: 36px;
    padding: 0 30px;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 18px;
  }
  .cost_left,
  .cost_right,
  .cost_center {
    position: absolute;
  }
  .cost_left {
    text-align: right;
    left: 18%;
    margin-top: 25px;
  }
  .cost_left .cost_title {
    background: #069ef5;
    margin-bottom: 20px;
  }
  .cost_left p span {
    color: #069ef5;
  }
  .cost_right {
    text-align: left;
    left: 67%;
    margin-top: 25px;
    width: 270px;
  }
  .cost_right .cost_title {
    background: #7106f5;
    margin-bottom: 20px;
  }
  .cost_right p span {
    color: #7106f5;
  }
  .cost_center {
    display: inline-block;
    background: url(../images/cost_center_bg.png);
    text-align: center;
    padding-top: 160px;
    padding-bottom: 160px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
  }
  .cost_center p {
    font-size: 32px;
    color: #ff3d01;
    line-height: 40px;
  }
  .cost_bottom {
    text-align: center;
    margin-top: 400px;
  }
  .cost_bottom .cost_title {
    background: #f56606;
  }
  .cost_bottom p span,.cost_bottom div span{
    color: #f56606;
  }
.use {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .use .section-box-title {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 30px;
  }
  .advantage-li {
    width: 380px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 30px 0;
    background: #fff;
    float: left;
    text-align: center;
  }
  .advantage-li:nth-child(3n+3) {
    margin-right: 0;
  }
  .advantage-li:hover {
    box-shadow: 5px 5px 5px #ccc;
  }
  .advantage-title {
    font-size: 20px;
    color: #000;
  }
  .advantage-subtitle {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
    line-height: 25px;
    max-width: 200px;
    min-height: 50px;
    margin: 0 auto;
  }
	/* 鍏?澶т汉宸ユ櫤鑳? 蹇?閫熸彁鍗囨帹骞挎晥鏋? */
  .intelligence {
    background: url(../images/advantage/intelligence-bg.jpg) center no-repeat;
    padding-top: 75px;
    padding-bottom: 70px;
	text-align: left;
	background-size: cover;
  }
  .section-box.intelligence .section-box-subtitle {
    font-size: 20px;
    margin-bottom: 35px;
  }
  .section-box.intelligence .section-box-content {
    overflow: visible;
  }
  .intelligence-box {
    margin-left: 600px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 10px #343e4d;
    padding: 30px;
  }
  .intelligence-boxinner {
    margin-bottom: 18px;
  }
  .intelligence-boxinner:nth-last-child(1) {
    margin-bottom: 0;
  }
  .intelligence-tag {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    width: 26px;
    display: inline-block;
    float: left;
    background: #1653bf;
    border-radius: 50%;
    text-align: center;
  }
  .intelligence-title {
    font-size: 18px;
    color: #1653bf;
    margin-left: 40px;
    margin-bottom: 5px;
    line-height: 26px;
  }
  .intelligence-subtitle {
    font-size: 16px;
    color: #666;
    margin-left: 40px;
    line-height: 25px;
    max-width: 460px;
  }
/* 鎴戜滑甯?浣犺В鍐崇綉绔欐帹骞跨棝鐐? */
  .pain {
    padding-top: 75px;
    padding-bottom: 75px;
    background: url(../images/advantage/pain_bg.jpg) center no-repeat;
  }
  .pain .section-box-title {
    font-size: 32px;
    color: #000;
    margin-bottom: 25px;
  }
  .pain .section-box-title span {
    color: #fff;
  }
  .pain_left,
  .pain_right {
    width: 45%;
    float: left;
  }
  .pain_left {
    text-align: left;
  }
  .pain_right {
    text-align: right;
  }
  .pain_center {
    width: 10%;
    float: left;
    text-align: center;
  }
  .pain_tit {
    display: inline-block;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    border-radius: 24px;
    min-width: 470px;
    margin-top: 15px;
    margin-bottom: 32px;
  }
  .pain_tit:nth-of-type(6) {
    margin-bottom: 0;
  }
  .pain_left .pain_tit {
    color: #000;
    background: #fff;
    margin-left: 48px;
  }
  .pain_left .pain_tit span {
    color: #0066cc;
  }
  .pain_right .pain_tit {
    color: #333;
    background: #e0e4e9;
  }
  .pain_center .pain_tit {
    max-width: 40px;
    min-width: 40px;
    line-height: 20px;
    padding: 15px;
    margin: 0 auto;
    color: #fff;
    background: #1063df;
    border-radius: 50%;
    margin-top: 0;
    margin-bottom: 26px;
  }
  .pain_center .pain_tit:nth-last-child(1) {
    margin-bottom: 0;
  }
  .pain_center .pain_tit_1 {
    margin-left: 55px;
  }
  .pain_center .pain_tit_2 {
    margin-left: 80px;
  }
  .pain_center .pain_tit_3 {
    margin-left: 85px;
  }
  
/* 鐢ㄥ績鐨勬湇鍔★紝绠?鍗曠殑娴佺▼ */
  .flow {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-box.flow .section-box-title {
    font-size: 32px;
    color: #000;
    margin-bottom: 30px;
  }
  .section-box.flow .service {
    background: url(../images/advantage/flow_img.png) center no-repeat;
    height: 513px;
    max-width: none;
  }
	/* 琛屼笟缃戠珯瀹㈡埛妗堜緥 */
.popup .popup-title i {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .case {
    background: url(../images/advantage/case_bg.jpg) no-repeat center;
    text-align: center;
    padding: 50px 0;
    background-size: cover;
  }
  .case .section-box-title {
    font-size: 32px;
  }
  .case .section-box-content {
    padding-top: 30px;
  }
  .case .case-line {
    width: 100%;
    overflow: hidden;
  }
  .case .case-lines {
    position: relative;
    width: 96%;
    height: 30px;
    padding-bottom: 3px;
    display: inline-block;
    overflow: hidden;
  }
  .case .case-name {
    width: 2000px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .case .case-names {
    float: left;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
    color: #999;
    margin-left: 40px;
  }
  .case .case-names.active,
  .case .case-names:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
  }
  .case .case-names:hover {
    color: #fff;
    border-color: #fff;
  }
  .nams-left,
  .nams-right {
    margin-top: 8px;
    border-width: 10px;
    border-style: solid;
    cursor: pointer;
  }
  .nams-left {
    float: left;
    border-color: transparent #fff transparent transparent;
  }
  .nams-right {
    float: right;
    border-color: transparent transparent transparent #fff;
  }
  .case-home {
    width: 100%;
    margin-top: 45px;
    clear: both;
  }
  .case-box {
    width: 3000px;
  }
  .case-boxs {
    position: relative;
    float: left;
    margin-right: 20px;
    background-color: #535353;
  }
  .case-showbox {
    cursor: pointer;
    width: 280px;
    background: #535353;
  }
  .case-boxs .case-logo {
    width: 90px;
    height: 90px;
    border: #fff;
    border-radius: 50%;
    background: #fff;
    margin: 20px auto 0;
    overflow: hidden;
  }
  .case-boxs .case-showbox img {
    max-width: 100%;
    max-height: 100%;
  }
  .case-boxs .case-boxs-tit {
    font-size: 14px;
    color: #ccc;
    line-height: 1;
    margin-top: 10px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-spacing: normal;
  }
  .case-boxs .case-boxs-tit.case-domain {
    color: #fff;
    margin-top: 22px;
    font-size: 18px;
  }
  .case-boxs .case-description {
    min-height: 50px;
  }
  .case-boxs .case-boxs-btn {
    display: inline-block;
    width: 100%;
    background: #666;
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    line-height: 44px;
  }
  .case .case-more {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    margin-top: 70px;
    overflow: hidden;
  }
  .case-hidebox {
    display: none;
    position: absolute;
    cursor: pointer;
    top: -18px;
    left: -64px;
    width: 409px;
    height: 355px;
    background: #fff;
    overflow: hidden;
    z-index: 99999;
  }
  .case-hidebox img {
    max-width: 100%;
    cursor: pointer;
  }
  .popup {
    width: 800px;
  }
  .popup img{
    max-width: 100%;
  }
  .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }	

/*popup*/
.shadow {width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;z-index: 999;display:none;}
.popup {width: 900px;max-width: 100%;margin: 0 auto;background: #fff;font-family: '寰?杞?闆呴粦';position: fixed;top:50%;left: 50%;z-index: 999999;display:none;border: 1px solid #ddd; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0);}
.popup .popup-title {padding: 0 15px;background: #f5f5f5;overflow: hidden;}
.popup .popup-title h2 {height: 48px;line-height: 48px;font-size: 18px;font-weight: 400;float: left; padding-top: 0; padding-bottom: 0;}
.popup .popup-title i {color: #c2c2c2;width: 22px;height: 22px;display: block;float: right;margin-top: 11px;text-align: center;font-size: 20px;font-style: normal;padding: 2px 1px 0 1px;cursor: pointer;border: 0;line-height: 1;margin-right: -8px;}
.popup .popup-content { height: calc(100vh - 215px); overflow-y: auto; padding: 15px;border-bottom: 1px solid #eee;padding-bottom:12px;}
.popup .popup-content ul {margin-bottom: 20px;}
.popup .popup-content ul li {display: inline-block;vertical-align: middle;font-size: 14px;}
.popup .popup-content ul li select{height: 37px;padding: 0 15px;}
.popup .popup-content ul li select {width: 180px;margin-right: 10px;cursor: pointer;}
.popup .popup-footer {padding: 10px 50px; line-height: 35px;}
.popup .popup-footer .mainButton {height: 35px; width: auto; min-width: initial;}
.domain-popup .popup-footer { overflow: hidden; }
.demo-popup .popup-content div { font-size: 16px; padding: 5px 0; }

 .popup .popup-title i {
    margin-top: 5px;
    margin-bottom: 5px;
  }

/*2018五一活动(20180427)*/
.section-box-content .combo_tit p{font-family: Verdana;font-size: 18px;color: #333;}
.section-box-content .combo_tit span{margin-top: 10px;display: block;}
.section-box-content .combo_tit p a{color:#cc0000;}
.section-box-content .combo_tit label{font-size: 18px;color:#cc0000;padding-top: 10px;display: inline-block;}
.section-box-content .combo_tit .lab01{padding-right: 14px;}
.combo_t{margin-top: 25px;padding-bottom: 25px;}
.combo_tit p{margin-bottom: 6px;}
.combo_tit p:nth-child(1){margin: 20px 0;}
.combo_tit p:nth-child(2){margin-top: 8px;}
.combo ul li{position:relative;}
.combo ul li img{position:absolute;top:0;left:0;}
.combo_tit p font{color:#cc0000;}
.combo_padding16{padding-top: 45px;}
.comboprice .bq{position: absolute;top: 3px;right: 25px;background: url(../../images/bq.png) no-repeat center;font-size: 14px;color: #cc0000;padding: 0px 10px 0 15px;background-size: 100%;}
.comboprice p{position: relative;}
/* .section-box-padding16{padding-top: 40px; padding-bottom: 45px;} */

/*活动名称较长时的样式*/
.comboprice .bq.long_activity{
  padding: 3px 10px 3px 15px;
  right: 8px;
  font-size: 12px;
}

@media screen and (max-width:1182px){
	/*千城千站首推优惠套餐*/
	.combo ul li{width:32%;margin-right:2%;padding: 0 2% 30px;}
	.combo_tit p:nth-child(2){font-size: 18px;}
	.combo_top p:nth-child(2){font-size: 12px;}

	/*系统特点*/
	.trait_img{margin: 6% 4% 0 6%;}

  /*系统效果*/
	.effect_box{height: auto;}
	.effectb_ul li{width:100%;height: 490px;}

  /*六大武器全面出击*/
	.luda_t2{width:100%;}
	.luda ul li{padding: 0 15px;box-sizing: border-box;}
	.luda_title{height: 185px;}
	
	.cost_left {
	  left: 14%;
	}
	.cost_right {
	  left: 69%
	}
	.span-p {
	  width: 50px;
	  height: 25px;
	  line-height: 25px;
	  font-size: 12px;
	}
	.span-form {
	  border-left: 25px solid #108cee;
	  border-right: 25px solid #108cee;
	  border-bottom: 5px solid transparent; 
	}
}

@media screen and (max-width:1024px){

	/*千城千站首推优惠套餐*/
	/* .combo ul li:first-child .combo_t{padding-bottom: 45px;} */
	.combo_t{padding-bottom: 30px;}
	.section-box-subtitle font{display:inline;}
	.section-box .section-box-subtitle{line-height: 22px;}

	/*网络营销普遍遇到的4大问题*/
	.sida_tit p:nth-child(2){font-size: 12px;}
	.sida_tit p:nth-child(3){font-size: 12px;margin-top: 2px;}

	/*千城千站为你实现*/
	.realize_img1 img,.realize_img2 img{height: 85%;}
	.realize .text_left{width: 80%;}
	.tit_p1{font-size: 24px;}
	.tit_p2 {font-size: 16px;}
	.realize_tit1 p:nth-child(2), .realize_tit2 p:nth-child(2){margin-top: 25px;}

	/*千城千站为你实现*/
	.trait_img{height: 90px;background-position:50% 50%;}

	/*系统效果*/
	.effectb_ul li{height: 365px;margin-top: 30px;}

	/*六大武器全面出击*/
	.luda_title .luda_t1{font-size: 16px;}
	.luda_t2{font-size: 12px;line-height: 22px;}
	.luda ul li{padding: 0 10px;}
	.luda_title {height: 195px;}
	
	.combo_top p:nth-child(2){min-height: 40px;}
	
	/* 六大优势 */
	.advantage-li {
	  width: 32%;
	  margin-left: 0%;
	  margin-right: 2%;
	  padding-top: 20px;
	  padding-bottom: 20px;
	}
	.advantage-li:nth-child(n+3) {
	  margin-bottom: 0;
	}
	/* intelligence */
	.section-box.intelligence {
	  padding-top: 20px;
	  padding-bottom: 40px;
	}
	.section-box.intelligence .section-box-subtitle {
	  margin-bottom: 15px;
	}
	.intelligence-box {
	  max-width: 70%;
	  padding: 15px;
	  margin: 0 auto;
	}
	.intelligence-boxinner {
	  margin-bottom: 10px;
	}
	/* 鐥涚偣 */
	.pain {
	  padding-top: 20px;
	  padding-bottom: 20px;
	}
	.pain .section-box-title {
	  margin-bottom: 10px;
	}
	.pain_tit {
	  font-size: 12px;
	  line-height: 30px;
	  border-radius: 15px;
	  min-width: 310px;
	  margin-top: 15px;
	  margin-bottom: 20px;
	}
	.pain_left .pain_tit {
	  margin-left: 0px;
	}
	.pain_center .pain_tit {
	  max-width: 26px;
	  min-width: 26px;
	  line-height: 13px;
	  margin-bottom: 10px;
	}
	.pain_center .pain_tit_1,
	.pain_center .pain_tit_2,
	.pain_center .pain_tit_3 {
	  margin-left: 0;
	}
	/* 鐢ㄥ績鏈嶅姟 */
	.flow {
	  padding-top: 20px;
	  padding-bottom: 30px;
	}
	.section-box.flow .section-box-title {
	  margin-bottom: 20px;
	}
	.section-box.flow .service {
	  height: 290px;
	  background-size: cover;
	}
	.comboprice .bq{right: -5px;}
	
	.case-box{width: 100%!important;}
	.case-boxs{width: 23%;margin-right: 2%;}
	.case-boxs:nth-child(4n){margin-right: 0;}
	.case-showbox{width: 100%;}
}
 


@media screen and (min-width:769px) and (max-width:1024px){
	.rz_content{height: 252px;}
	.combo ul li{padding: 0 19px 15px;height: auto;}
	.combobut{width: auto;}
	.luda_t2{width: auto;}
	.luda{padding-bottom: 30px;height: auto;}
	.luda_box{height: 380px;}
	.luda_bg{height: 380px;}
	.luda ul li{height: 380px;}
	.adv_content{height: 60px;align-items: flex-start;padding: 30px 0;}
	.advantage_img{float: none;}
	.advantage_tit{width: 270px;margin: 0px;float: none;}
	.advantage ul{height: auto;}
	.trait_tit{width: auto;float: none;}
	

}

@media screen and (max-width:768px){

	/*千城千站首推优惠套餐*/
	.combo ul li img{width: 60px;}
	.combo_tit p:nth-child(2){font-size: 16px;line-height: 24px;margin-top: 10px;}
	.combo_tit p:nth-child(1){margin-top: 20px;}
	.combo ul li{padding: 60px 2% 30px;}
	.combo_top p:nth-child(1){margin-top: 0;}
	.combo_top p:nth-child(2){margin: 13px 0;}
	.combo ul li:first-child .combo_t{padding-bottom: 25px;}

	/*网络营销普遍遇到的4大问题*/
	.sida ul li{box-sizing: border-box;padding: 23px 1% 25px;}
	.sida_tit p:nth-child(2) font{display:none;}
	.sida_tit p:nth-child(2) span{display:none;}

  /*千城千站为你实现*/
	.realize_img1 img,.realize_img2 img{height: 80%;}
	.rz_content{height:210px;}
	.tit_p2 {font-size: 14px;}
	.tit_p1 {font-size: 20px;}
	.realize_tit1 p:nth-child(2), .realize_tit2 p:nth-child(2) {margin-top: 15px;}
	.rz_content:nth-of-type(3),.rz_content:nth-of-type(4){margin-top: 20px;}

	/*系统特点*/
	.trait_img{width:100%;margin:0;width:100%;background-position:50% 50%;margin-bottom: 20px;}
	.trait ul li:hover .trait_img{background-position:50% 50%;}
	.trait_tit{width:100%;margin: 0;}
	.trait_tit p:nth-child(1),.trait_tit p:nth-child(2){text-align:center;}
	.trait ul li{margin-right:2%;padding: 4% 2%;box-sizing: border-box;}
	.trait_tit p:nth-child(2){font-size: 12px;}

	.combobut{width: 200px;}
	.combobut a{width:auto;}
	/*系统优势*/
	.effectb_ul li{height: 300px;margin-top: 20px;}

	/*六大武器全面出击*/
	.luda_t2{font-size: 14px;text-align:center;}
	.luda_title {margin-top: 20px;height: 150px;}
	.luda_img{margin-top:0;}
	.luda ul li{padding:15px 10px;height:auto;}
	.luda_box{height:auto;}
	.luda_bg {height: 300px;}
	.luda ul li:nth-of-type(2n){border-right:0;}
	
	/* 浣庢垚鏈?鐪佷汉宸? */
    .section-box.cost {
      padding: 20px 0;
    }
    .section-box.cost .section-box-title {
      margin-bottom: 10px;
    }
    .cost_center {
      width: 200px;
      background-size: cover;
      margin-left: -100px;
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .cost_center p {
      font-size: 28px;
      line-height: 30px;
    }
    .cost_right,
    .cost_left {
      margin-top: 10px;
    }
    .cost .cost_title {
      margin-bottom: 10px;
    }
    .cost_right {
      max-width: 200px;
      left: 65%;
    }
    .cost_left {
      left: 12%;
    }
    .cost_bottom {
      margin-top: 220px;
    }
}

@media screen and (min-width:415px) and (max-width:767px){
	.t_submenu_ul li a{margin-right: 20px;}
	.combobut{width: 110px;}
	.combobut a{width: 110px;}
	.sida ul li{width: 24%;}
	.trait_tit{float: none;width: auto;}
	.trait_but{width: 80px;}
	.trait_but a{width: 80px;}
	.advantage ul{height: auto;}
	.adv_content{height: 120px;}
	.advantage_tit{float: none;}
	.realize_tit1,.realize_tit2{margin-top: 0px;}
	.mtop{margin-top: 0px;}
	.t_submenu_but{display: none;}
	  	.Homebanner ul li:nth-child(1) .tb_tit3 {
  	  top: 40px;
  	  left: 50%;
  	}
  	.Homebanner ul li:nth-child(1) .newbanner-title {
  	  font-size: 18px;
  	  line-height: 25px;
  	  text-align: center;
  	}
  	.Homebanner ul li:nth-child(1) .newbanner-subtitle {
  	  font-size: 14px;
  	  line-height: 25px;
  	  text-align: center;
  	  margin-top: 10px;
  	}
  	.Homebanner ul li:nth-child(1) .newbanner-button {
  	  font-size: 14px;
  	  padding: 0 30px;
  	  line-height: 35px;
  	  margin-top: 10px;
  	}
  	.advantage-ul {
  	  margin-left: 0;
  	  padding: 0;
  	}
  	.advantage-li {
  	  margin-left: 0;
  	  margin-bottom: 0;
  	  margin: 0 auto 20px;
  	  float: none;
  	}
  	.case-ul {
  	  margin-top: -20px;
  	  margin-left: 0;
  	}
  	.case-li {
  	  margin-left: 0;
  	  float: none;
  	  margin: 20px auto 0;
  	}
}

@media screen and (max-width:640px){

	/*千城千站首推优惠套餐*/
	.combo ul li{width:100%;margin-bottom:2%;}
	.combo ul li:last-child{margin-bottom:0;}
	.combo_top{min-height: auto;}
	.combo_top p:nth-child(2){font-size: 14px;}
	.combo_tit p:nth-child(1){font-size: 14px;}
	.combo_tit p:nth-child(2){font-size: 16px;}

	/*网络营销普遍遇到的4大问题*/
	.sida ul li{box-sizing: border-box;padding: 23px 1% 25px;}
	.sida_tit p:nth-child(2) font{display:inline;}
	.sida_tit p:nth-child(2) span{display:inline;}
	.sida ul li{width:50%;}
	.sida_tit p:nth-child(2){font-size:14px;line-height: 24px;}
	.sida_tit{margin-top: 30px;}
	.sida ul li:nth-of-type(1),.sida ul li:nth-of-type(2){margin-bottom:2%;}



  /*系统效果*/
	.effectb_ul li {height: 190px;}

	/*六大武器全面出击*/
	.luda_t2{font-size: 12px;}
	.luda_title {height: 190px;}
	.luda_bg {height: 330px;}
	.luda_box{padding: 0 25px;}
}

@media screen and (max-width:414px){

	/*千城千站首推优惠套餐*/
	.combo_top p:nth-child(1){font-size: 18px;}
	.combo_tit p:nth-child(1){font-size: 14px;margin-top: 15px;}
	.combo_tit p:nth-child(2){font-size: 16px;}
	.comboprice p .price {font-size: 24px;}
	.combo_top p:nth-child(2){font-size: 12px;}

	/*网络营销普遍遇到的4大问题*/
	.sida ul li{box-sizing: border-box;padding: 20px 2% 20px;}
	.sida_tit p:nth-child(2) span{display:none;}
	.sida_tit p:nth-child(2){font-size:12px;}
	.sida_logo{margin-top:0;}

	/*千城千站为你实现*/
	.rz_content{width:100%;height: 200px;}
	.realize_img1 img, .realize_img2 img {height: 85%;}
	.realize_tit1{width:calc(100% - 15px);width:-moz-calc(100% - 15px);width:-webkit-calc(100% - 15px);float:right;}
	.realize_img1:after{width:15px;}
	.realize_img1:before{left: 15px;}
	.realize .text_left{width:90%;}
	.rz_content:nth-of-type(4){margin-top: 0;}
	.realize_img2:before {bottom: 0;border-color: transparent #eee #eee transparent ;border-width: 81px 130px;top:auto;right:15px;}
	.realize_img2:after{width: 15px;}
	.realize_tit2{width:calc(100% - 15px);width:-moz-calc(100% - 15px);width:-webkit-calc(100% - 15px);}

	/*网络营销普遍遇到的4大问题*/
	.trait_img{width: 30%;margin-bottom: 0;height: 100%;}
	.trait_tit p:nth-child(1), .trait_tit p:nth-child(2){text-align:left;}
	.trait ul li{height: 130px;box-sizing: border-box;}
	.trait_tit{margin: 8px 0 0 0;}
	.trait_tit p:nth-child(2) {font-size: 14px;}



	/*六大武器全面出击*/
	.luda ul li{border:0;padding: 0 10px;}
	.luda_t2{font-size: 12px;}
	.luda_title {height: 145px;}
	.luda_bg {height: 290px;}
	
	/* 浠?涔堟槸鍗冨煄鍗冪珯锛? */
	.what {
	  text-align: center;
	}
	.what.section-box{
		padding: 35px 0;
	}
	.what .what-tit {
	  float: none;
	  width: 100%;
	}
	.what .what-tit .what-title {
	  font-size: 16px;
	  line-height: 25px;
	  margin-top: 0;
	  margin-bottom: 20px;
	}
	.what .what-tit .what-subtitle {
	  font-size: 14px;
	  line-height: 1.8;
	  margin-bottom: 0;
	}
	
	/* 鐪佷汉宸? */
	.section-box.cost {
      padding: 20px 0;
    }
    .cost p ,.cost div{
      font-size: 14px;
      line-height: 20px;
    }
    .section-box.cost .section-box-content {
      text-align: center;
    }
    .section-box.cost .section-box-title {
      margin-bottom: 10px;
    }
    .cost .cost_title {
      font-size: 16px;
      line-height: 30px;
      padding: 0 15px;
      margin-bottom: 10px;
      border-radius: 15px;
    }
    .cost_left,
    .cost_right,
    .cost_center,
    .cost_bottom {
      position: relative;
      left: 0;
	  width:100%;
      max-width: 100%;
      text-align: center;
      margin-left: 0;
    }
    .cost_left,
    .cost_right,
    .cost_bottom {
      margin-top: 20px;
    }
    .cost_center {
      width: 120px;
      padding: 45px 0;
      background-size: cover;
    }
    .cost_center p {
      font-size: 12px;
      line-height: 15px;
    }
	.section-box .section-box-content{padding: 0;width: 92%;margin: 10px auto;}
	
	.section-box .section-box-title{font-size: 20px;margin-bottom:15px;}
	.section-box-content{padding-top: 15px;}
	.section-box {padding: 40px 0;}	
	
	.advantage-ul li.advantage-li:nth-of-type(2n){margin-left: 0;}
	.advantage-subtitle{font-size: 12px;padding: 5px;}
	.pain_left .pain_tit,.pain_right .pain_tit{min-width: 100%;line-height: 1.8;padding: 10px;height: 60px;margin: 10px 0;display: block;box-sizing: border-box;}
	.pain_center{display: none;}
	.pain_left{margin-right: 2%;}
	.pain_left, .pain_right{width: 48%;display: inline-block;}
	.pain_right{float: right;}
	.section-box.flow .service{height: 180px;}
	.section-box.intelligence .section-box-subtitle{margin-bottom: 20px;font-size: 16px;}
	.section-box.flow .section-box-title{font-size: 24px;}
	
	.case-boxs{width: 48%;margin-right: 2%;margin-bottom: 10px;}
}

@media screen and (max-device-width: 414px) and (min-width: 320px){
	.t_p1{font-size: 18px;}
	.t_p2{font-size: 12px;}
	.t_but{width: 80px;height: 30px;line-height: 30px;font-size: 12px;}

	.thousand_submenu{height: auto;width: auto;padding: 0 10px;}
	.thousand_submenu .t_submenu_ul{margin-left: 0;}
	.thousand_submenu .t_submenu_ul li a{line-height: 40px;font-size: 12px;height: 37px;margin: 0px;padding:0 0 9px 0;margin: 0 16px 0 0;}
	.thousand_submenu .t_submenu_but{display: none;}

	.combo_t{padding-bottom: 15px;}
	.combo h2{padding: 20px 0 10px;}
	.combo_p{padding-bottom: 10px;}
	.combo_top p:nth-child(2){margin: 10px 0 15px;}
	.combo_tit p:nth-child(2){margin-top: 8px;}
	.combobut{margin-top: 10px;}
	.sida h2{padding: 10px 0;}
	.sida_tit{margin-top: 20px;}
	.sida_tit p:nth-child(2),.sida_tit p:nth-child(3){margin-top: 10px;}
	.realize{padding-bottom: 20px;}
	.realize h2{padding: 20px 0;}
	.realize_tit1 p:nth-child(2), .realize_tit2 p:nth-child(2){margin-top: 20px;}
	.realize_img2{margin-top: 15px;}
	.luda h2{padding: 20px 0;}
	.luda ul li{width: 14.1%;}
	.luda{padding-bottom: 15px;}
	.luda_t2{width: auto;}
	.luda_box{padding: 0 12%}


	.trait{padding-bottom: 10px;} 
	.trait h2{padding: 20px 0;}
	.trait ul{height: auto;}
	.trait ul li{width: 100%;margin-bottom: 2%;padding-bottom: 15px;}
	.trait_tit{width: auto;float: none;}

	
	.effect h2{padding: 20px 0;}
	.effect_box{height: 203px;}
	.effect_nav{margin-top: 0px;}

	  	.Homebanner ul li:nth-child(1) .tb_tit3 {
  	  top: 40px;
  	  left: 50%;
  	}
  	.Homebanner ul li:nth-child(1) .newbanner-title {
  	  font-size: 18px;
  	  line-height: 25px;
  	  text-align: center;
  	}
  	.Homebanner ul li:nth-child(1) .newbanner-subtitle {
  	  font-size: 14px;
  	  line-height: 25px;
  	  text-align: center;
  	  margin-top: 10px;
  	}
  	.Homebanner ul li:nth-child(1) .newbanner-button {
  	  font-size: 14px;
  	  padding: 0 30px;
  	  line-height: 35px;
  	  margin-top: 10px;
  	}
  	.advantage-ul {
  	  margin-left: 0;
  	  padding: 0;
  	}
  	.advantage-li {
  	  margin-left: 0;
  	  margin-bottom: 0;
  	  /* margin: 0 auto 20px; */
  	  /* float: none; */
  	}
  	.case-ul {
  	  margin-top: -20px;
  	  margin-left: 0;
  	}
  	.case-li {
  	  margin-left: 0;
  	  float: none;
  	  /* margin: 20px auto 0; */
  	}
		
		

	
}

@media screen and (max-width:375px){
	/*系统优势*/
	.advantage ul li{height: 200px;}

	/*系统效果*/
	.effectb_ul li {height: 170px;}
	
	.section-box.flow .service{height: 160px;}
}


@media screen and (max-width:320px){
	/*网络营销普遍遇到的4大问题*/
	.sida_tit p:nth-child(2) font{display:none;}

	/*千城千站为你实现*/
	.realize_img1 img, .realize_img2 img{height:80%;}

	/*网络营销普遍遇到的4大问题*/
	.trait_img{width: 35%;}

  /*系统效果*/
	.effectb_ul li {height: 150px;}
	
	.advantage-title{font-size: 16px;}
	.advantage-ul li.advantage-li{height: 200px;}
	.pain_left .pain_tit, .pain_right .pain_tit{height: 80px;}
	
	.section-box.flow .service {height: 135px;}
}





















