/* 通用 */
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: auto;padding:80px 0;}
.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;margin: 23px 0 20px;font-weight: 500;}
.margin_top{margin-top:50px;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.inline{display: inline-block;}
.red{background-color: #c52727;}



/* banner */
.banner { height:770px;background-size: cover; background-repeat: no-repeat; background-position: center top; position: relative;}
.banner>div{position: absolute;left: 50%;transform: translateX(-50%);top: 35px;font-size: 18px;}
.banner .title1{font-size: 45px;}
.banner .title2{font-size: 24px;}
.banner .title3{font-size: 22px;margin-bottom: 10px;}
.banner .num{margin: 15px 0;font-size: 70px;font-weight: 700;font-family: helvetica;line-height: 1;}
.banner .num span{background-color: #dd0000;color: #fff;display: inline-block;padding: 5px 15px;position: relative;}
.banner .num span:before{content: '';width: 100%;background-color: #cf1615;position: absolute;top: 49%;left: 0;
border-top: 1px solid #cd0909;border-bottom: 2px solid #ee1515;}
.banner .free{
	color: #dd0000;
	display: inline-block;
	padding: 15px 60px;
	border: 1px solid;
	margin-right: 15px;
}
.banner .open{
	color: #fff;
	display: inline-block;
	padding: 15px 60px;
	border: 1px solid #dd0000;
	background-color: #dd0000;
}



/* 促销活动 */
.discount{background-color: #333;}
.discount .inline{border-radius: 111px;height: 222px;width: 222px;color: white;}
.discount .inline:hover{background-color: #b82424;filter:unset;}

.discount .content{padding: 45px 0;}
.discount ul{color: #fff;border-radius: 150px;padding:30px 65px;font-size: 20px;}
.discount ul li{text-align: left;position: relative;}
.discount ul li .t1{margin-top: 25px;}
.discount ul li .t2{margin: 25px 0 10;}
.discount ul li .t3{font-size: 14px;}
.discount ul li span{
	font-size: 170px;
	color: #000;
	opacity: 0.1;
	font-weight: 700;
}

/* 六站合一 抢占全网入口 */
.six{background-color: #fff}
.six ul li{width: calc(90%/5);padding: 35px 0;color: #fff;font-size: 20px;color: #fff;font-size: 20px;}
.six ul li .img_box{margin: 20px auto;width: 50px;height: 50px;} 
.six ul li .t2{font-size: 14px;}

/* 建站宝盒“十二”大核心优势 */
.advantage{background-color: #eeeeee;}
.advantage ul li{padding: 45px 0 30px;width: 23.5%;background-color: #fff;box-sizing: border-box;margin-bottom: 20px;}
.advantage ul li .img_box{margin-bottom:10px;width: 50px;height: 84px;position: relative;}
.advantage ul li .img_box img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.advantage ul li .t1{font-size: 24px;margin-bottom: 8px;}
.advantage ul li .t2{font-size: 14px;color: #999999;}
.advantage ul li .t2 span{display: block;}

/*全平台行业解决方案*/
.industry li{
  margin-right: 22px;
  margin-top: 22px;
  width: 150px;
  height: 150px;
}

.design_type {background-color: #fff}
.design_type .pro_title{
  color: #232323;
}
/* .design_type .content{
  padding: 0;
} */
.industry li:nth-of-type(7n){
  margin-right: 0;
}
.industry li:nth-of-type(14n){
  margin-right: 0;
}
.industry li:nth-of-type(21n){
  margin-right: 0;
}
.section{
    padding: 60px 0;
    text-align: center;
    clear: both;
}
.section8{height: 724px;    margin-bottom: 75px;}
.consha_pro .mk_content h3{
  color: #333;
}

/* 我们的实力保障 */
.protect{padding: 80px 0 0;}
.protect li{width: calc(100%/6);font-size: 20px;padding: 70px 0;color: #fff;}
.protect li img{margin-bottom: 30px;}
.protect li:nth-child(odd){background-color: #666666;}
.protect li:nth-child(even){background-color: #c52727;}

/* H5响应式建站，知名企业的共同选择 */
.partner{background:#fff; width:100%; padding-top:0; color:#333;}
.partner ul{overflow:hidden; padding:25px 0 30px; float:left; width:1182px;}
.partner ul li{float:left; width:calc(100%/6); margin-bottom:35px;}
.partner ul li img{width:70%; cursor:pointer;}
.partner .slide_warp{width:100%; overflow:hidden; position:relative;}
.partner .slide{width:calc(1182px*2); position:relative;}
.partner .slide_nav{text-align:center; padding-bottom:0;}
.partner .slide_nav a{display:inline-block; border-radius:100%; width:16px; height:16px; background:#eee; margin:0 6px}
.partner .slide_nav a.current{background:#c00;}
.partner .view{position:fixed; top:0; left:0; width:100%; height:100%;display:none; z-index:999; background:rgba(0,0,0,0.3);}
.partner .view ul{width:900px; height:500px; box-sizing:border-box; position:relative; top:50%; left:50%;transform: translate(-50%,-50%); background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); }
.partner .view ul li{width:860px; height:460px; overflow-x:hidden; overflow-y:scroll;}
.partner .view ul li img{width:100%; height:auto;}




.advantage_box{ background: #ececec;}
.advantage_box .section_ul{ margin: 0 auto; overflow: hidden;}
.advantage_box .advantage_box_li{ width: 180px; position: relative; float: left; margin: 10px;}
.advantage_box .advantage_box_li:nth-child(-n+5):after{ content:''; width: 1px; height: 140px; position: absolute; background: linear-gradient(to bottom, #ececec,#ddd,#ececec); right: -9px; top: 50%; transform: translateY(-50%); z-index: 2;}
.advantage_box .advantage_content .title{ font-size: 24px; padding: 26px 0;}
.advantage_box .advantage_content .summ{ font-size: 14px; color: #666;}
.advantage_box .img_box{ width: 70px; height: 64px; margin: 0 auto; overflow: hidden;}
.advantage_box .img_box img{ transition: transform .3s;}
.advantage_box .advantage_box_li:hover img{ transform: translateY(-64px);}

.advantage_box .advantage_content .advantage_mobile{display: none;}


/* 案例 */
.section .section_div {overflow: hidden;}
.case_box{;background: #ececec;}
.case_box li {width: 380px;background: #fff;float: left;margin: 10px;box-shadow: 0 0 10px #e8e8e8;}
.case_box .img{height: 155px;overflow: hidden;}
.case_box .info_box{padding: 30px 20px;}
.case_box .info_box .title_item{overflow: hidden;font-size: 16px;padding-bottom: 20px;}
.case_box .info_box .title_item .title_left{float: left;max-width: calc(100% - 110px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case_box .info_box .title_item .trade{color: #999;float: right;width: 100px;text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case_box .info_box .sub_info{color: #999;font-size: 14px;text-align: left; height: 80px;}
.case_box .bottom_btn{margin-top: 40px;}
.case_box .bottom_btn a:first-of-type {background: #fff;}
.case_box .bottom_btn  a {display: inline-block;width: 390px;height: 60px;line-height: 60px;font-size: 18px;margin: 0 10px;}
.case_box .bottom_btn a:hover{opacity: 0.8;}
.case_box .bottom_btn a.more_btn:hover{color: #fff;}
.case_box li:hover{transform: scale(1.05);}
.case_box .window_width{padding: 0;}

@media screen and (max-width:767px){
    .case_box{display: none;}
}

@media screen and (max-width:1200px){

	/*挑选您喜欢的H5响应式建站模板*/
	#templatelist{width:100%;}

  .industry li{
    width: -webkit-calc(86%/7);
    height: -webkit-calc(86%/7);
  }
  .design_type .content ul li{
    height: 150px;
  }

}

@media screen and (max-width:1024px){
	/*banner*/
	.banner{height:400px;}

	/*案例*/
	.moban{display: inherit;}
	.moban_mobile{display:block;}
	.moban_mobile .mainPage ul{clear: both;overflow: hidden;margin: 20px 0 20px 0;}
	.moban_mobile .mainPage ul li{box-sizing:border-box;width:-moz-calc(95.5%/4);width:-webkit-calc(95.5%/4);width:calc(95.5%/4);margin:0 1.5% 1.5% 0;height: 300px;overflow: hidden;float: left;padding: 10px;background: rgba(224, 224, 224, 1);}
	.moban_mobile .mainPage ul li:nth-of-type(4n) {margin-right: 0;}
	.moban_mobile .mainPage ul li .hImg{overflow: hidden;height: 100%;background: #fff;}
	.moban_mobile .mainPage ul li .hImg img {width: 100%;}
	.moban_mobile{height:auto;}
	.moban_mobile #border{clear: both;overflow: hidden;}
	#templatelistBg{padding-top: 25px;padding-bottom: 45px;}

  .sec1_bg2{
    height: 385px;
  }
  .sec1_video{
    height: 368px;
  }
  .section{
    height: 82%;
  }
  .section8{
    height: 724px;
  }
  .sec8_img01{
    padding-top: 30px;
  }
  #webok .section9{
    padding-bottom: 0;
  }
	.banner>div{top: 19px;}
	.banner .title1{font-size: 28px;}
	.banner .title2{font-size: 16px;}
	.banner .num{margin: 10px 0;font-size: 45px;}
	.banner .title3{font-size: 16px;margin-bottom: 5px;}
	.banner .free,.banner .open{font-size: 14;padding: 5px 20px;}
	
	.discount ul{font-size: 16px;}
	.discount ul li span{font-size: 140px;}
	.discount ul li .t2{margin: 15px 0 10px;}
	.discount ul li .t3{font-size: 12px;}
	
}


@media screen and (max-width:768px){
	/*banner*/
	.banner{height:350px;}
	.content{width: 96%;padding: 40px 0;}
	
	/*案例*/
	.moban_mobile .mainPage ul li{width:32%;margin:0 2% 2% 0;}
	.moban_mobile .mainPage ul li:nth-of-type(4n) {margin-right:2%;}
	.moban_mobile .mainPage ul li:nth-of-type(3n) {margin-right:0;}
	.moban_mobile .mainPage ul li:nth-of-type(7) {display:none;}
	.moban_mobile .mainPage ul li:nth-of-type(8) {display:none;}

	.createDesign .text a{font-size:18px;}
	.sec img{width:auto;}

  .industry li{
    margin-right: 0;
    width: -webkit-calc(88%/7);
    height: -webkit-calc(88%/7);
  }
	.industry li span{margin-top: 20px;}
  .design_type .content ul li{
    height: 10%;
  }
  .sec1_video{
    height: 276px;
  }
  .sec1_bg2{
    height: 294px;
  }
  .section{
    height: 68%;
      padding: 30px 0;
  }
  .section8{
    height: 724px;
      margin-bottom: 30px;
  }
  .animated p{
    text-align: center;
  }
  .sec9_img01{
    top: 40px;
  }
  .industry{
    margin-top: 20px;
  }
  .section9 .design_style{
    padding: 120px 0 50px;
  }
	
	.banner>div{width: 100%;}
	.banner .title1{font-size: 24px;}
	.banner .title2 {font-size: 12px;}
	.banner .num {font-size: 30px;}
	.banner .title3 {font-size: 12px;margin-bottom: 5px;}
	.banner .free, .banner .open {font-size: 12px;padding: 5px 20px;}
	
	.discount ul{padding: 30px;font-size: 14px;}
	.discount ul li .t2{margin: 10px 0 0px;}
	.discount ul li span {font-size: 120px;}
	
	.big_title{font-size: 24px;margin-bottom: 5px;}
	.small_title{font-size: 12px;line-height: 12px;margin: 0;}
	.margin_top {margin-top: 30px;}
	
	.six ul li{padding: 20px 0;width: calc(95%/5);font-size: 16px;}
	.six ul li .t2 {font-size: 12px;}
	.advantage ul li{width: 24%;padding: 30px 10px 20px;}
	.advantage ul li .t1 {font-size: 18px;}
	.advantage ul li .t2{font-size: 12px;}
	
	.section8 {height: 700px;}
	.sec8_img01{font-size: 24px;padding-top: 0;}
	.sec8_txt01{top: 80px;}
	.sec8_txt01 p{font-size: 12px;}
	.moban{top: 80px;}
	.sec8_btn{top: 600px;}
	
	.protect li{padding: 30px 5px 20px;box-sizing: border-box;font-size: 14px;}
	.protect li img{width: 75%;margin-bottom: 20px;}
	
	.partner .view ul{width: 96%;top: calc(50%);left: calc(50%);transform: translate(-50%,-50%);}
	.partner .view ul li{top: inherit;left: inherit;width: 100%;height: 100%;}
	.partner .slide {width: calc(100%*2);position: relative;}
	.partner ul{width: 50%;}
}

@media screen and (max-width:640px){
	/*banner*/
	.banner{height:320px;}

    .discount .inline:hover{background-color:unset;}

	/*案例*/
	.moban_mobile .mainPage ul li{width:32%;margin:0 2% 2% 0;height:250px;}
	.moban_mobile .showall_btn{width:80%;}
	.showall_btn{width: 80%;max-width:460px;font-size: 16px;line-height: 50px;height: 50px;}
	.moban_mobile .mainPage ul{margin: 20px 0 25px 0;}

  .industry li{
    width: 32%;
      height: 32%;
  }
  .design_type .content ul li{
    height: 27%;
  }
  .section{
    height: 46%;
  }

  .section8{
    height: 700px;
  }
  .sec1_video{
    height: 230px;
  }
  .sec1_bg2{
    height: 245px;
  }
  .sec8_txt01{
    top: 80px;
  }
  .moban{
    top: 110px;
  }
  .sec8_btn{
    top: 608px;
  }
}

@media screen and (max-width:414px){
	.big_title{font-size: 22px;}
	/*banner*/
	.content{width: 92%;padding: 30px 0;}
	.banner{height:300px; background-size: cover;}
	.banner .title1{font-size: 20px;}
	.banner .title2 {font-size: 12px;}
	.banner .num{margin: 5px 0;}
	.banner .num span:before{top: 50%;border-bottom: 1px solid #ee1515;}
	.banner .title3{font-size: 12px;}
	.banner .free, .banner .open{font-size: 12px;padding: 0px 20px;}
	
	/*案例*/
	.moban_mobile .mainPage ul li{width:49%;margin:0 2% 2% 0;}
	.moban_mobile .mainPage ul li:nth-of-type(4n) {margin-right:2%;}
	.moban_mobile .mainPage ul li:nth-of-type(3n) {margin-right:2%;}
	.moban_mobile .mainPage ul li:nth-of-type(2n) {margin-right:0%;}

	.createDesign .text a{font-size:14px;}
	.sec img{width:70%;}
  .design_type .content ul li{
    height: 18%;
  }
  .use_num{
    height: 230px;
  }
  .section{
    height: auto;
  }
  .section8{
    height: 452px;
  }
  .sec1_video{
    height: 150px;
  }
  .sec1_bg2{
    height: 164px;
  }
  .flexslider01{
    height: 192px;
  }
    .discount ul li .t2,.discount ul li .t1{    font-size: 14px;}
    .advantage_box .advantage_box_li:nth-child(-n+5):after{width: 0px}
    .advantage_box .section_ul {width:100%}
    .advantage_box .advantage_box_li{ width: calc((100% - 60px)/3);}

	.discount .content {padding: 35px 0;}
	.discount ul{border-radius: 20px;padding: unset;background: unset}
	.discount ul li{background-color: #c52727;margin: 0 auto 20px;width: 96%;    border-radius: 22px;height: 168px; padding-left: 10%;}
	.discount ul li span{font-size: 130px;margin-top: 40px;}
	.discount ul li:last-child{margin-bottom: 0;}
	.six ul li {padding: 15px 5px;width: calc(95%/3);font-size: 16px;margin-bottom: 20px;box-sizing: border-box;}
	.six ul li .img_box{width: 40px;height: 40px;margin: 15px auto;}
    .advantage ul li .img_box{margin-bottom: 0;}
	.advantage ul li{width: 48%;padding: unset}

	.sec8_img01{padding-top: 30px;font-size: 22px;
        top: 0px !important;}
	.moban {top: 85px;height: 350px;}
	.moban_show li{width: 182px;height: 411px;margin: 45px 0;margin-left: 10px;padding: 5px;}
	.sec8_btn {top: 500px;}
	.protect {padding: 30px 0 0;}
	.protect li{width: calc(100%/3);font-size: 12px;padding: 30px 5px}
    .partner{display: none}
	.partner .view ul{height: 230px;}
	.partner ul{padding: 25px 0 0;}
	.partner ul li{width: calc(100%/3);}

    .advantage_box .advantage_content .advantage_pc{display: none;}
    .advantage_box .advantage_content .advantage_mobile{display: block;}

	.advantage ul li .t2 span{display: inline;}
	.advantage ul li .t2{padding: 0 5px;display: none}
    .industry_type{display: none}
    #bottom{display: none}
}

@media screen and (max-width:375px){
    .six ul li {width: calc(95%/2);}
	.moban_mobile .mainPage ul li{height:220px;}
  .flexslider01{
    height: 174px;
  }
  .section9 .design_style{
    padding: 105px 0 40px;
  }
	.discount ul li{width: 90%;}
	.big_title{font-size: 20px;}
	.sec8_txt01 p {font-size: 12px;width: 92%;margin: 0 auto;line-height: 1.5;}

    .discount .inline{    width: 176px;}
}

@media screen and (max-width:320px){
	/*案例*/
	#templatelist .pro_title span{display:block;margin-top:10px;}
	.banner .num {font-size: 22px;}
  .design_type .content ul li{
    height: 15%;
  }
  .flexslider01{
    height: 146px;
  }
  .sec8_img01{font-size: 18px;}
  .sec8_txt01{top: 66px;}
  .sec8_txt01 p{font-size: 12px;margin: 0 42px;}
  .moban{height: 486px;}
	
	.discount ul{padding: 30px 0px;font-size: 14px;}
	.small_title{line-height: 1.5;}
	.moban {height: 330px;}
	.sec8_txt01 p{margin: 0 auto;}
	.big_title {font-size: 17px;}
}