@charset "utf-8";
/* CSS Document */

.clear{
	clear:both;
	}
	
.w1000{ width:1100px; overflow:hidden; height:auto; background:#F2F2F2; padding:20px 30px;}
.center{
	margin:0px auto;
}
.w1200 {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
}
.hj{overflow:hidden; clear:both; height:5px;}
.hj2{overflow:hidden; clear:both; height:10px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.bg3 {
    background: #fff;
    padding: 3%;
}

/* 最新建站结束 */
/* 建站套餐开始 */
.nr9{overflow:hidden; clear:both;}
.nr9 li{ padding:10px 5px; line-height:24px; color:#777;background:url(../img/bg4.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:15px; font-size:14px;}
.nr9_p1{ padding:5px 0px;}
.nr9_p1 img,.nr9_p2 img{ width:100%;}
.nr9_p2{ text-align:center;}
.nr9_p3{ color:#888; line-height:30px;}
.nr9_p0{ color:#e78523; font-weight:bold; font-size:16px;}
.nr9_p4{ color:#1667c2; font-weight:bold; font-size:16px; line-height:30px;}
.tit5{ text-align:center; padding:10px 0px; font-size:16px; line-height:28px;}
.tit5 p{ font-weight:bold;  color:#0795d7; font-size:20px;}
.nr10{overflow:hidden; clear:both; padding:1%;}
.nr10 li{ float:left; text-align:center; width:44%; padding:1%; margin:2%;box-shadow:0 0 5px #ccc; font-size:14px; border-radius:5px;}
.nr10 li a{ display:block; padding-bottom:8px;}
.nr10 li a span{ display:block;}
.nr10 li a img{ width:40%;}
/* 建站套餐结束 */
.neirong{overflow:hidden; clear:both; padding:5px 5px; text-align:left; line-height:150%}
.neirong  h2{ text-align:center; font-size:16px; font-weight:bold ; line-height:30px; height:60px;}

.neirong  img{ max-width:400px;}

.inner_head{height: 200px;width: 100%;padding-top: 35px;text-align: center;}

.inner_head_text{display: inline-block;height: 120px;text-align: center;}
.inner_head_text h1{font-size: 28px;color: #fff;line-height: 46px;margin-bottom:5px;}

.case-page .inner_head{background: url(../images/case_banner.jpg) no-repeat center center;}
.case-page .inner_head_text .line{height: 3px;width: 140px;background: #00b1ee;/*margin: 0 auto;*/margin-left: 140px;}
.fangan-page .inner_head{background: url(../images/fangan_banner.jpg) no-repeat center center;}
.fangan-page .inner_head_text .line{height: 3px;width: 140px;background: #00b1ee;/*margin: 0 auto;*/margin-left: 140px;}
.classify{ /*height: 764px;*/ background-color: #FFFFFF; overflow: hidden; }
.cla_top{ height: 162px; position: relative; text-align: center; padding-top: 40px; box-sizing: border-box; }
.cla_top img{ vertical-align: top; }
.cla_top span{ padding: 0 10px 0 10px; font-size: 28px; color:#262525; display: inline-block; font-weight: bold; }
.cla_top p{ padding-top: 10px; font-size: 14px; color:#737373; }
.show{ width:96%; max-width:1400px; margin:0 auto 10px auto;}
.case-item{width:23.5%;float:left; height:auto; margin:0 8px 46px 8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.case-item{-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;position:relative;}
.case-item:hover{-webkit-box-shadow:0 10px 35px 5px rgba(0,0,0,.2); cursor:pointer;}
.case-item01{width:23.5%;float:left; height:auto; margin:0 8px 46px 8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.case-item01{-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;position:relative;}
.case-item01:hover{cursor:pointer;}
.show .center-box{-webkit-box-shadow:5px 0 10px rgba(0,0,0,.04); box-shadow:5px 0 10px rgba(0,0,0,.04); -webkit-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s; position:relative; border:1px solid #fff;}
.show .center-box:hover{-webkit-box-shadow:0 10px 35px 5px rgba(0,0,0,.2); border:1px solid #4f8be1;}
.center-box{background:#fff; height:350px; text-align:center; overflow:hidden;}
.case-img img{margin-top:30px;}
.center-box h4{font-size:20px; line-height:40px; border-top:1px solid #4f8be1; border-bottom:1px solid #4f8be1; margin:10px auto 20px auto; width:150px; font-weight:bold;}
.center-box p{ line-height:26px; width:84%; font-size:15px; margin:0 auto; text-align:left;}
.case-img img{transition:all 0.6s;}
.show .center-box:hover .case-img img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.show .center-box:hover h4{ color:#cc0000;}
.whnrs{width:1400px; margin:auto; padding-bottom:20px; border-bottom:1px #999 dotted; margin-bottom:30px;}
.whh{width:23px; height:23px; background:url(../images/whnry.jpg) center top no-repeat; text-align:center; color:#FFF; font-size:15px; line-height:1.4}
.hj{ clear:both}
.fuwu_left{ float:left; width:60%}
.fuwu_right{ float:right; width:35%}
.fuwu_right img{  width:100%}
.featurette-heading{ line-height:2}
.text-muted{color:#777}
.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}
.contact {
    padding: 50px 0;
    background-color: #fff;
}

@media (max-width:768px){ .pc{ display:none;}
.app{ display:block;}
.QQbox{ display:none;}
.case-item{width:calc(50% - 16px);float:left; height:auto; margin:0 8px 20px 8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.whnrs_p1 li{ padding:10px; overflow:hidden; clear:both;}
.fuwu_left,.fuwu_right{ float: none; width:96%; margin:0 auto;}

.inner_head{height: 200px;width: 100%;padding-top:0;text-align: center;display: flex;  justify-content:center;  align-items:Center; text-align:center; margin-top:60px;}
.inner_head_text h1{font-size:18px;color: #fff;line-height:30px;margin-bottom:5px;}
.inner_head_text{display: inline-block;height: auto;text-align: center;}
}
@media (min-width:769px) {

.pc{ display:block;} 
.app{ display:none;} 
}