@charset "utf-8";
/* CSS Document */
div, ul, li { box-sizing: border-box;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; list-style: none; }

/*banner*/
.main-img { width: 100%; padding: 40px 0 0; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-bg.jpg) no-repeat; background-size: 100% 100%;}
.main-img-inner{ width: 85%; margin: 0 auto;}

.main-img-inner h2 { font-size: 1rem; font-weight: 300; padding-top: 1rem; }
.main-img-inner .desc { font-size: .6rem; margin: .5rem 0 1rem 0; }
.main-img-inner .btn { padding: .4rem 1.3rem; font-size: .6rem; color: #fff; border: 1px solid #fff; border-radius: 2px; }
.main-img-inner img { width: 70%;}
.container h2 { font-weight:bold;margin: 0.5rem auto;}
.container h2.title { font-weight:bold;margin-top: 0.5rem;}
.container h5.title { font-weight:bold;margin-top:4.0rem;}
.container .content { padding: 0 .5rem; overflow: hidden;}
.container .content h3 { font-weight: 300; color: #333;}

.container { padding: 1.3rem 0; }
.container .title { padding: 0 1rem .5rem; font-size: .9rem; font-weight: 300; line-height: 1.4rem; text-align: center; }
.container .step-title { height: 1.6rem; padding: 0 .6rem; margin: 0 1rem .8rem; font-size: .7rem; font-weight: 300; line-height: 1.7rem; color: #fff; border-radius: .1rem;}
.container .sub-title { padding: 1rem 0 .8rem; font-weight: 300; text-align: center;}
.container .sub-title span { display: inline-block; padding: .3rem 1rem; font-size: .75rem; color: #fff; background: #3eb9f5; border-radius: 3px;}
.container .desc { padding: 0 1rem 1rem; font-size: .65rem; line-height: 1.2rem; color: #666; text-align: center;}
.container .step-desc { padding: 0 1rem 1rem; font-size: .7rem; line-height: 1.2rem; color: #666;}
.container img { display: block; max-width: 90%; margin: 0 auto;}
.container img.big { width: 100%;}
.container img.small { width: 80%;}
.container .btn-title { width: 6rem; height: 1.8rem; margin: 0.5rem auto; font-size: .9rem; line-height: 2rem; color: #3eb9f5; text-align: center; background: #f5fffa; border: 1px solid #3eb9f5; border-radius: .2rem;}
.container .btn { display: block; width: 8rem; padding: .4rem 0; margin: .5rem auto 0; font-size: .8rem; color: #3eb9f5; text-align: center; border: 1px solid #3eb9f5; border-radius: 3px;}
.container .btn-primary { color: #fff; background: #3eb9f5;}
.container ul li { float: left;  text-align: center;}
.container li h4 { font-size: .75rem; font-weight: 300; line-height: 1.2rem;}
.container li p { padding: .5rem 0 0; font-size: .65rem; line-height: 1.8; color: #666;}
.container .p-btn { width: 90%; padding: .2rem .7rem; margin: .5rem auto 0; font-size: .6rem; color: #fff; text-align: center; border-radius: 2rem; box-sizing: border-box;}
.container .p-btn span { display: block; margin: 0 auto; opacity: .6; filter: alpha(opacity=60);}
.container .notice { padding-top: 1.5rem; font-size: .8rem; color: #9fa5b6; text-align: center;}
.container .notice a { color: #9fa5b6;}
.container .notice span { display: block; padding-top: .2rem; margin: 0 auto; font-size: .6rem;}

.clearfix:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix { zoom: 1; }

/*页面顶部菜单*/
ul#PageTopMenu{box-sizing: border-box;margin-top:10px;margin-bottom:10px;}
ul#PageTopMenu li{
	width: 32%;
	margin: 1.2% 0 0 1.0%;
	padding-top: 0 !important;
	line-height: 1.4rem;
	font-size: .6rem;
	color: #ff2323;
	cursor: pointer;
	border: 1px solid #ff2323;
    float:left;
    text-align:center;
    border-radius: 4px;
}
ul#PageTopMenu li a{
	color: #ff2323;
	}
ul#PageTopMenu li.active{
    color: #fff;
    background: #ff2323;
    border: 1px solid #ff2323;
}
    ul#PageTopMenu li.active a {
    color:#fff;}

/*企业网站建设--我们的强项*/
.index-6 li { width: 33.33%; }
.index-6 li .iconfont { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto; line-height: 3.5rem; color: #fff; font-size: 2.5rem; border-radius: 50%; }
.index-6 li h3 { padding-top: .5rem; font-size: .65rem; font-weight: normal; color:#666;}


/*企业网站建设--助您实现商业目标*/
.module2 ul { padding: 1rem .1rem 0;}
.module2 ul li { width: 50%; padding: 0 .5rem; margin-bottom: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.module2 ul li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; font-size: 2.0rem; line-height: 3rem; color: #fff; text-align: center; border: .15rem solid rgba(255,255,255,.6); border-radius: 50%;}

.module5 { background: url(../images/module4-bg.jpg) no-repeat; background-size: 100% 100%;}

/*企业网站建设--银果科技优势*/
.module1 li { float: none !important; display: flex;}
.module1 li .pic { width: 25%; height: auto;}
.module1 li .pic .iconfont { display: inline-block; width: 3.5rem; height: 3.5rem; font-size: 2.5rem; line-height: 3.5rem; color: #fff; overflow: hidden; border-radius: 50%; }
.module1 li .pic img { width: 100%;}
.module1 li .text { width: 75%; padding-left: 1rem; text-align: left; }
.module1 li .text h3 { font-size: .8rem; }


/*企业网站建设--他们都选择了银果科技*/
.module4 .content li { position: relative; z-index: 1; width: 45%; padding: 0 !important; margin: 2.5%; overflow: hidden; border-radius: 3px; }
.module4 .content li img { max-width: 100%; }
.module4 .content li h3 { position: absolute; right: 0; bottom: 0; left: 0; font-size: .65rem; line-height: 2.5; color: #fff; background: rgba(0,0,0,.7); }


/*营销网站建设--真正的营销型网站*/

article, footer, header, menu, nav, section {
	display: block
}
.ziyetitle h2{
	text-align: center;
	text-align: center;
	font-size: .9rem;
	color: #333;
	margin-top: 5.5rem;
}
.cakeimgbj{
	width: 100%;
    background-color:#f00!important;
	background: url(../images/yxx_img2.jpg) center no-repeat;
	background-size: auto 100%!important;
	margin-top: 2rem;
    }
.cakeimgbj .fl {
    float:left;width:100%;
}
.cakeimgbj .fr {
    float:right;width:50%;
}
.caketxt{
	width: 55%;
	padding:10% 5%;
	box-sizing: border-box;
}
.caketxt h3{
	color: #e60012;
    font-size: 1.5rem;
	font-weight: bold;
}
.caketxt h4{
	color: #fff;
	font-size: 1.2rem;
	line-height: 3rem;
	margin-bottom: 1rem;
}
.caketxt p{
	color: #fff;
	font-size: 1.0rem;
}

/*营销网站建设--营销型网站6大特点*/
.ziyetitle h3{
	text-align: center;
	font-size: .9rem;
	color: #333;
	margin-top: 2.0rem;
}
.yx2 ul li{
	width: 48%;
	border: .1rem #e7e7e7 solid;
	float: left;
	box-sizing: border-box;
	margin-left: 1.3%;
	padding: 3%;
	text-align: center;
	margin-top: 1rem;
}
.yx2 ul li h4{
	font-size: 0.75rem;
	color: #333;
	font-weight: normal;
	margin-bottom: 1rem;
}
.yx2 ul li p{
	font-size: 0.65rem;
	color: #666;
	line-height: 1.2rem;
}
.yx2 ul{
	margin-top: 1rem;
}
.yx2 ul li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; font-size: 2.0rem; line-height: 3rem; color: #fff; text-align: center; border: .15rem solid rgba(255,255,255,.6); border-radius: 50%;}

.ziyetitle h4{
	text-align: center;
	font-size: .9rem;
	color: #333;
	margin-top: 2.0rem;
}


.ziyetitle p{
	text-align: center;
	font-size: .8rem;
	color: #666;

}



.dz2{
	width: 95%;
    margin:0 auto 0 auto;
}
.dz2 ul li{
	background: #d61519;
	overflow: hidden;
	padding: 1.5rem;
	color: #fff;
	border-radius: .5rem;
	margin-top: 1.2rem;
}
.dz2 ul li i{
	width: 20%;
	float: left;
	margin-right: 2rem;
	margin-bottom: 1rem;
}
.dz2 ul li h3{
	font-size: 0.75rem;
	margin-bottom: .5rem;
    margin-left: 4.8rem;
}
.dz2 ul li p{
	font-size: 0.65rem;
	line-height: 1.2rem;
    margin-left: 4.8rem;
}
.dz2 ul{
	margin-top: 2rem;
}

.dz2 ul li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; font-size: 2.0rem; line-height: 3.2rem; color: #fff; text-align: center; border: .1rem solid rgba(255,255,255,.6); border-radius: 50%;}

.dz3{
	background: #000;
	margin-top: 2rem;
}
.dz3 ul li{
	width: 50%;
	background: #111;
	float: left;
	text-align: center;
	padding: 5%;
	box-sizing: border-box;
    height: 280px;
}
.dz3 ul li img{
	width: 50%;
}
.dz3 ul li h3{
	font-size: 0.75rem;
	color: #fff;
	margin-top: 1rem;
	margin-bottom: .5rem;
}
.dz3 ul li p{
	font-size: 0.65rem;
	color: #ccc;
	line-height: 1.2rem;
}
.dz3 ul li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; font-size: 2.0rem; line-height: 3.0rem; color: #fff; text-align: center; border: .1rem solid rgba(255,255,255,.6); border-radius: 50%;}


/*门户网站建设--最新案例*/
.mubiao{
	width: 90%;
	background-color:#f2f2f2;
	padding:5%;
}
.mubiao .mubiao_txt{
	background-color:#ffffff;
	padding:8%;
	line-height:2rem;
}
.mubiao .p2{
	line-height:1.5rem;
    font-size: 0.8rem;
    color: #666;
}
.mubiao .p1{
	text-align: center;
	font-size: 1.0rem;
	color: #333;
	font-weight:bold;
 
}
.mubiao span{
display:block;
width:10%;
height:0.2rem;
background-color:#d41f17;
margin:0 auto;
margin-top: 0.5rem;
margin-bottom:1rem;
}


/*要做就做响应式网站*/
.container h3.title { font-weight:bold;margin-top: 4.5rem;}
.index-6 li { width: 33.33%; }
.index-6 li .iconfont { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto; line-height: 3.5rem; color: #fff; font-size: 2.5rem; border-radius: 50%; }
.index-6 li h3 { padding-top: .5rem; font-size: .65rem; font-weight: normal; color:#666;}
.container ul li { padding-top: 1.5rem; text-align: center;}

.items-show {
    position: relative;
    padding: 40px 0;
}

.items-show-1 {
    background-color: #F9F9F9;
}
.main-title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 32px;
}
.img-block img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.items-show-2 {
    background-color: #FFD46C;
    padding-top: 100px;
}
.img-block img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.items-show-3 {
    background-color: #E3E3E3;
    padding-top: 100px;
}
.img-block img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}


/*SEO排名优化中心*/
.seo1{
	overflow: hidden;
	margin-top: 6rem;
	padding-bottom: 2rem;
    clear:both;
}
.seotitle{
	padding: 0 1.5rem;
}
.seotitle h2{
    text-align: center;
    font-size: 1.0rem;
    color: #333;
    font-weight: bold;
}
.seotitle h2 span{
	color: #e62022;
}
.seotitle p{
	text-align: center;
	font-size: 0.8rem;
	margin-top: .8rem;
    color: #666;
}
.seo1 ul li{
	width: 45.5%;
	margin-left: 3%;
	float: left;
	margin-top: 2rem;
	border: .1rem #e7e7e7 solid;
	padding: .8rem;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}
.seo1 ul li h3{
	text-align: center;
	font-size: 0.75rem;
	color: #333;
	font-weight:normal;
	margin-top: 1rem;
}
.seo1 ul li p{
	color: #333;
	line-height: 1.2rem;
	margin-top: 1rem;
	text-align: justify;
	font-size: 0.65rem;
}
.seo1 ul li img{
	width: 10rem;
	margin-top: -4rem;
}
.seo1 ul li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; font-size: 2.0rem; line-height: 3rem; color: #fff; text-align: center; border: .15rem solid rgba(255,255,255,.6); border-radius: 50%;}
article, footer, header, menu, nav, section {
	display: block;
}

.seo2{
	overflow: hidden;
	margin-top: 3rem;
	padding-bottom: 2rem;
}
.imgtabbox{ overflow:hidden;padding-top: 2rem;width: 80%;margin: 0 auto;}
.imgtabbox ul{overflow:hidden;}
.imgtabbox ul li{width:97%;margin-left: .4rem;border: .1rem #ddd solid;}
.imgtabbox ul li img{display:block;width:99%; max-width:100%;}
.imgtabbox ul li p{font-size:1.2rem; font-weight:normal; text-align:center; line-height:2.5rem;background: #898989;}
.imgtabbox ul li a{color:#fff;}
.imgtabbox .hd{text-align:center; padding-top:1.5rem;}
.imgtabbox .hd li{display:inline-block; width: 1rem; height: 1rem;padding: 0;border-radius: 50%; 
	background:#a9a9a9; margin:0 .4rem; color:transparent; box-sizing:border-box;}
.imgtabbox .hd li.on{background:#e62022;}
.seofenge{
	width: 100%;
	height: 1rem;
	background: #f2f2f2;
    margin: 2rem auto;

}
.seo3{
	padding: 0rem 1.5rem;
	overflow: hidden;
}
.seo3b{
	height: 5rem;
	background: url(../images/seo_03.png)left no-repeat;
	background-size: auto 70%;
	padding-left: 5rem;
}
#seo3box2 .seo3b{
	background: url(../images/seo_05.png)left no-repeat;
	background-size: auto 70%;
}
.seo3box{
	margin-top: 2rem;
}
#seo3box2{
	margin-top: 3rem;
}
.seo3b h2{
	font-size: 1.2rem;
	border-bottom: .1rem #b2b2b2 dashed;
	color: #e62022;
	font-weight: bold;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
}
.seo3b h2 span{
    font-size: 0.9rem;
    color: #333;
    font-weight: normal;
    margin-left: 1rem;
}
.seo3b h3{
	font-size: 1.0rem;
	color: #333;
}
.seo3ul{
	border: .1rem #e62022 solid;
	overflow: hidden;
	border-radius: .8rem;
	margin-top: 1.5rem;
	padding: .6rem 1rem .6rem 2.5rem;
}
.seo3ul li{
	list-style: decimal;
	font-size: 0.8rem;
	margin: .8rem 0;
}
.seo3ul li font{
	color: #e62022;
}






/*底部*/
.register-tip { padding: 1rem 0; text-align: center; background: url(../images/register-tip.jpg) no-repeat center top; background-size: auto 100%;}
.register-tip .container{ padding: .5rem 0;}
.register-tip .container .title{ padding: 0;}
.register-tip .btn-wrap{ width: 100%; margin: 0 auto; text-align: center;}
.register-tip .btn-wrap .btn { display: inline-block; width: 5rem; height: .8rem; margin: 0 .25rem; font-size: .7rem; line-height: .8rem; text-align: center; border: 1px #fff solid; color: #fff; border-radius: 3px;}
.register-tip .container p { padding-bottom: 0; margin-top: 1rem; font-size: .75rem; color: #fff; }
.register-tip .container .btn-special { color: #3ebaf8; background: #fff; }