/* 通用 */
body{font-family: "microsoft yahei";font-size: 12px;font-weight: 500;color: #333;}
p{text-align: inherit;font-size: inherit;}
a:hover{filter: brightness(1.1);}
.content{max-width: 1182px;margin: 0 auto;padding:80px 0;position: relative;}
.big_title{font-size: 36px;font-weight: 500;line-height: 36px;font-family: "microsoft yahei";margin-bottom: 20px;}
.small_title{color: #666666;font-family: "Microsoft Yahei";font-size: 16px;line-height: 16px;font-weight: 500;}
.margin_top{margin-top:50px;}
.padding_top{padding-top:50px;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.inline{display: inline-block;}
.gray{background: #eeeeee;}
.float_l{float: left;}
.float_r{float: right;}
.img_box{position: relative;}
.img_box img{top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}

/* 悬浮框对展开效果有影响 */
.active11{display: none;}

/* banner2 */
.banner2 {height:480px;background: url(../images/2019index/banner.jpg) no-repeat;background-position: center top; background-size: cover;position: relative;}
.banner2 .content{padding: 0;height: inherit;}
.banner2 .left_pc{height: inherit;font-size: 14px;position: absolute;
z-index: 10;width: 280px;background-color: rgba(0,0,0,0.6);color: #fff;overflow: hidden;text-align: left;padding: 20px 10px 0;box-sizing: border-box;}
.banner2 .left_mobile{display: none;}

.banner2 .left_pc .ul_pc{width: 1150px;}
.banner2 .left_pc li{height: 40px;line-height: 40px;color: #ccc;box-sizing: border-box;padding: 0 20px;cursor: pointer;width: 260px;border-radius: 20px;overflow: hidden;}
.banner2 .left_pc li.hot{background-color: #333333;border-radius: 20px;}
.banner2 .icon{margin-right: 5px;}

.banner2 .mask{position: absolute;width: 100%;height: 100%;z-index: 100;display: none;}
.banner2 .right{right: 0; width: 75%;text-align: center;padding-top: 60px;position: absolute;color: #fff;}
.banner2 .title1{font-size: 46px;line-height: 1.3;margin-bottom: 5px;}
.banner2 .title2{font-size: 36px;}
.banner2 .computer {padding-top: 55px;}
.banner2 .industry{display: none;}
.banner2 .close{display: none;position: fixed;z-index: 100;top: 20px;left: 10px;}
    
/* 推荐企业建站展示型建站套餐 */

.style_dh .content{padding: 0;}
.style_dh .top li{color: #999999;height: 90px;width: 25%;box-sizing: border-box;padding-top: 10px;font-size: 14px;width: 280px;cursor: pointer;}
.style_dh .top li.hot{color: #333;background-color: #eeeeee;}
.style_dh .top li .t1{font-size: 24px;}

.style_box{height: 650px;}
.style_box .content{padding: 0;}
.style_box .pkbox{box-sizing: border-box;}
.style_box .pkbox .pkboxs{display: none;}
.style_box .pkbox .pkboxs:first-child{display: block;}
.style_box .pkbox .pkboxs li{width: 280px;font-size: 14px;background-color: #fff;box-sizing: border-box;}
.style_box .pkbox .pkboxs .title_box{padding: 20px 0;color: #fff;color: #999999;background-color: #f4f4f4; position: relative;}
.style_box .pkbox .pkboxs .title_box:after{ content:''; background: url(../../images/hot828.png) no-repeat right top; background-size: auto 100%; position: absolute; z-index: 2; width: 85px; height: 85px; right: -5px; top: -5px;}
.style_box .pkbox .pkboxs .title_box p:last-child{line-height: 1.5;}
.style_box .pkbox .pkboxs .para_box{padding: 15px;text-align: left;}
.style_box .pkbox .pkboxs .t1{font-size: 24px;color: #333333;}
.style_box .pkbox .pkboxs li:hover .title_box{color: #fff;background-color: #CC0000;}
.style_box .pkbox .pkboxs li:hover .t1{color: #fff;}
.style_box .pkbox .pkboxs .para{color: #666666;margin: 20px 0;height: 100px;}
.style_box .pkbox .pkboxs .oldprice{ color: #999; margin-bottom: 30px;}
.style_box .pkbox .pkboxs .price{font-size: 30px;}
.style_box .pkbox .pkboxs .bq{color: #CC0000; background: url(../images/2019index/pk/bq.png) no-repeat center;font-size: 12px;float: right;width: 65px;text-align: center;margin-right: 20px;}
.style_box .pkbox .pkboxs .btns{height: 40px;}
.style_box .pkbox .pkboxs .btns a{border: 1px solid #cc0000;padding: 7px 30px;color: #cc0000;}
.style_box .pkbox .pkboxs .btns .buy{background-color: #cc0000;color: #fff;}
.para_box .icon_img img{margin-right: 5px;}
.style_box .pkbox .pkboxs .para label{cursor: pointer;}
.style_box .pkbox .pkboxs .para input{vertical-align: middle;margin-right: 5px;}

/* 企业建站行业存在的建站痛点 */
.pain .content{padding: 80px 0 0;}
.pain .margin_top {margin-top: 90px;}
.pain ul li{width: 30%;font-size: 24px;box-sizing: border-box;margin-bottom: 100px;}
.pain ul li .img_box{width: 100px;height: 100px;}
.pain ul li p{line-height: 1.5;}

/* 你需要的是一个六站合一智慧官网 */
.need .content{padding: 80px 0 0;}
.need .margin_top {margin-top: 90px;}
.need ul li{width: 30%;font-size: 14px;box-sizing: border-box;color: #999999;margin-bottom: 100px;}
.need ul li .img_box{width: 100px;height: 100px;}
.need ul li .t1{font-size: 24px;color: #333333;margin-bottom: 10px;}
.need ul li p span{display: block;}
.need ul li p{line-height: 1.5;}

/* 简单三步 轻松建站 高效营销 */
.blue_bgc{background-color: #3399ff;}
.blue_text{color: #3399ff;}
.orange_bgc{background-color: #ff6600;}
.orange_text{color: #ff6600;}
.red_bgc{background-color: #cc0000;}
.red_text{color: #cc0000;}

.three .big_ul>li{width: 33%;box-sizing: border-box;padding:30px;font-size: 14px;}
.three .big_ul>li h1{font-size: 24px;font-weight: 500;}
.three .big_ul>li .yuan{color: #fff;border-radius: 50%;width: 40px;height: 40px;display: inline-block;line-height: 40px;margin-right: 20px;}
.three .big_ul li .step{font-size: 20px;}
.three .small_ul>li{width: 50%;margin-bottom: 40px;}
.three .big_ul li:last-child .small_ul>li{width: 100%;}
.three .small_ul .img_box{width: 40px;height: 40px;}

/* 为什么选择我们 */
.why .content{padding: 80px 0 0;}
.why ul li{width: 30%;margin-bottom: 100px;}
.why ul li .img_box{width: 100px;height: 100px;}
.why ul li .t1{font-size: 24px;margin: 10px 0 5px;}
.why ul li .t2{font-size: 14px;color: #999999;line-height: 1.5;}
.why ul li .t2 span{display: block;}

@media screen and (max-width:1024px) {
	.content{width: 96%;}
	.style_dh .top li{width: 24%;}
	.style_box .pkbox .pkboxs li{width: 24%;}
	.pkboxs:nth-child(1) .para_box .icon_img,.pkboxs:nth-child(2) .para_box .icon_img{height: 75px;}
	.style_box .pkbox .pkboxs .btns a{padding: 5px 9%;}
	.style_box .pkbox .pkboxs .para{margin: 10px 0;}
	.style_box .pkbox .pkboxs .price{font-size: 28px;}
	.style_box .pkbox .pkboxs .bq{margin-right: -10px;}
	.banner2{background-position: -572px top;}
	.banner2 .left_pc{height: inherit;font-size: 14px;position: absolute;display: none;
	z-index: 10;width: 100%;background-color: rgba(0,0,0,0.6);color: #fff;overflow: hidden;text-align: left;padding: 15px 10px 0;box-sizing: border-box;}
	.banner2 .left_pc .ul_pc{width: 100%;}
	.banner2 .left_pc li{height: 40px;line-height: 40px;color: #ccc;box-sizing: border-box;padding: 0 20px;cursor: pointer;width: 24%;border-radius: 20px;}
	.banner2 .left_pc li.hot{background-color: #333333;border-radius: 20px;}
	.banner2 .industry{display: block;position: absolute;top: -23px;right: 0;width: 36px;}
	.banner2 .right{width: 100%;}
}

@media screen and (max-width:768px) {
	.banner2{height: 425px;}
	.banner2 .industry{top: -10px;right: 6px;width: 36px;}
	.banner2 .right{padding-top: 50px;}
	.banner2 .title1{font-size: 40px;}
	.banner2 .title2{font-size: 30px;}
	.banner2 .computer{padding-top: 35px;}
	.banner2 .left_pc li{height: 35px;line-height: 35px;font-size: 12px;padding: 0 5px 0 10px;}
	.style_dh .top li{font-size: 12px;}
	.style_dh .top li .t1{font-size: 20px;}
	.big_title{font-size: 30px;}
	/* .margin_top{margin-top: 30px;}
	.padding_top{padding-top: 30px;} */
	.style_box{height: 600px;}
	.style_box .pkbox{overflow-x: scroll;}
	.style_box .pkbox .pkboxs{width: 140%;}
	.content{padding: 50px 0;}
	
	.pain .content {padding: 50px 0 0;}
	.pain .margin_top,.need .margin_top{margin-top: 50px;}
	.pain ul li{font-size: 18px;margin-bottom: 50px;font-size: 18px}
	.pain ul li p{margin-top: 10px;}
	
	.need ul li,.why ul li{width: 50%;margin-bottom: 50px;}

	.style_box .pkbox .pkboxs .title_box:after{ width: 65px; height: 65px;}
	
}

@media screen and (max-width:414px) {
	.content {padding: 30px 0;}
	.big_title{font-size: 24px;}
	.small_title{font-size: 14px;}
	.banner2 {height: 345px;}
	.banner2 .industry {top: -10px;right: 9px;width: 30px;}
	.banner2 .right {padding-top: 65px;}
	.banner2 .title1 {font-size: 24px;}
	.banner2 .title2 {font-size: 18px;}
	.banner2 .computer{width: 150px;}
	.banner2 .left_pc{position:fixed; top: 0;left: 0;width: 100%;height: 100%;padding: 10px;background-color: rgba(0,0,0,1);}
	.banner2 .left_pc li{width: 33%;height: 33px;line-height: 33px;overflow: hidden;}
	.padding_top{padding-top:30px;}
	.margin_top{margin-top: 30px;}
	.banner2 .left_pc .ul_pc {width: 100%;margin: 60px auto 0;}
	.banner2 .left_pc .flex{justify-content: flex-start;}
	
	.style_dh .content{overflow-y: scroll;}
	.style_dh .content ul{width: 200%;}
	.style_box{height: 560px;}
	.style_box .pkbox .pkboxs{width: 200%;}
	.style_box .pkbox .pkboxs li{width: 24%;font-size: 12px;}
	.style_box .pkbox .pkboxs .t1{font-size: 20px;}
	.style_box .pkbox .pkboxs .para_box{padding: 10px;}
	.pkboxs .para_box .icon_img{height: 75px;}
	.style_box .pkbox .pkboxs .para{height: 85px;}
	.style_box .pkbox .pkboxs .pri{text-align: center;position: relative;height: 50px;padding-top: 28px;box-sizing: border-box;}
	.style_box .pkbox .pkboxs .oldprice{ margin-bottom: 15px; text-align: center; margin-top: 5px;}
	.style_box .pkbox .pkboxs .bq{float: none;display: block;position: absolute;top: 0;left: 50%;
    transform: translateX(-50%);margin: 0;}
	
	.pain .content{padding: 30px 0 0;}
	.pain .margin_top, .need .margin_top{margin-top: 30px;}
	.pain ul li{font-size: 16px;margin-bottom: 30px;width: 50%;}
	.pain ul li .img_box{width: 80px;height: 80px;}
	.pain ul li .img_box img{width: 70%;}
	    
	.need .content {padding: 30px 0 0;}
	.need ul li .t1{font-size: 18px;}
	.need ul li p:last-child{padding: 0px 7px;}
	.need ul li p span{display: inline;}
	.need ul li, .why ul li{margin-bottom: 30px;}
	
	.three .small_ul>li{margin-bottom: 30px;}
	.three .big_ul>li{font-size: 12px;padding: 0;}
	.three .big_ul>li h1{font-size: 16px;}
	.three .big_ul>li .yuan{width: 24px;height: 24px;line-height: 24px;margin-right: 5px;}
	.three .big_ul li .step {font-size: 15px;}
	
	
	.why .content{padding: 30px 0 0;}
	.why ul li .img_box{width: 80px;height: 80px;}
	.why ul li .img_box img{width: 70%;}
	.why ul li .t1{font-size: 18px;}
	.why ul li .t2{font-size: 12px;}
}

@media screen and (max-width:375px) {
	.banner2 .left_pc li{height: 30px;line-height: 30px;}
	.style_dh .content ul{width: 220%;}
	.style_box .pkbox .pkboxs{width: 220%;}
	.sec8_img01{line-height: 1.3;top: 0;width: 96%;}
	.sec8_txt01 {top: 92px;}
	
	.big_ul> li:first-child ul li:nth-last-child(1),.big_ul> li:first-child ul li:nth-last-child(2){margin-bottom: 10px;}
	.why ul li .t2{padding: 0 5px;}
	.why ul li .t2 span{display: inline;}
}

@media screen and (max-width:320px) {
	.big_title {font-size: 22px;}
	.style_dh .content ul {width: 260%;}
	.style_box .pkbox .pkboxs{width: 260%;}
	.banner2 .left_pc li{height: 26px;line-height: 26px;}
	.need ul li .t1 {font-size: 15px;}
	.three .big_ul li .step {font-size: 14px;}
}