@charset "utf-8";
/*
**************************
(C)2017
update: 2017-4-25 14:15:34
person: WangRupeng
**************************
*/

body{font-family: "微软雅黑", "Microsoft YaHei" ;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0; max-width:100%;}ul,li{list-style-type:none;}
a{outline:none;}
a,a:visited{text-decoration:none;}
*{ box-sizing: border-box; }
@media only screen and (max-width:1600px) and (min-width:1440px){
	body{ font-size: 83.33%; }
}

@media only screen and (max-width:1440px) and (min-width:1366px){
	body{ font-size: 75%; }
}

@media only screen and (max-width:1366px) and (min-width:1200px){
	body{ font-size: 71.3%; }
}

@media only screen and (max-width:1200px) and (min-width:1040px){
	body{ font-size: 62.5%; }
}

@media only screen and (max-width:1040px) and (min-width:720px){
	body{ font-size: 100%; }
}

@media only screen and (max-width:720px) and (min-width:640px){
	body{ font-size: 88.88%; }
}

@media (max-width: 640px){
	body{ font-size: 62.5%; }

	.develop .text{
		background: url(../images/nline.jpg) left repeat-y;
		padding-left: 1em;
		background-origin: content-box;
	}
	.develop .text ul li{
		background: url(../images/round.jpg) left top no-repeat;
		margin-left: -9px;
	}
	.develop .text ul li .box{
		width: 30%;
		text-align: left;
	}
	.develop .text ul li .boxing{
		width: 70%;
		text-align: left;
	}
	.develop .text ul li:nth-of-type(odd) .box{
		text-align: left;
		background: url(../images/nline1.jpg) left no-repeat;
		padding-right: 2em;
		background-origin: content-box;
	}
	.develop .text ul li:nth-of-type(odd) .box span{
		padding-left: 35px;
	}
	.develop .text ul li:nth-of-type(even) .box{
		float: right;
		width: 70%;
	}
	.develop .text ul li:nth-of-type(even) .boxing{
		float: right;
		width: 30%;
	}
	.develop .text ul li:hover{
		background: url(../images/roundon.jpg) left top no-repeat;
		color: #3085c1;
	}
	.jishu li img{
		height: auto;
	}

	/*/*支付方式*/
	.pay .paylist img{
		width: 100%;
	}
	.pay .paylist div{
		width: 100%;
	}
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
/*网站建设*/
.cont {
	padding-right: 5%;
	padding-left: 5%;
	margin-right: auto;
	margin-left: auto;
	/*overflow: hidden;*/
}
@media (min-width:768px) {
	.container{
		width: 750px;
	}
}
@media (min-width:992px) {
	.container{
		width: 970px;
	}
}
@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}

/*恒凯技术*/
@media (max-width: 992px) {
	.active li:nth-child(3n-1) .tit{
		position: static;
	}
	.active li:nth-child(3n-1) .pic{
		position: static;
	}
}



/*案例导航*/

@media (max-width: 1800px) {
	.form.container{
		position: relative;
		margin-top: 1.5em;
		top:0;
		left: 0;
	}
	.form .bk{
		opacity: 0.8;
	}
}

@media (max-width: 1656px) {
	.caser .d2{
		/*width: 45%;*/
	}
}
@media (max-width: 1200px) {
	.jj3 .d1 p{
		font-size: 1.5em;
	}
	.jj3 .line{
		margin: 3.8em 0;
	}
	.jj2 .d2 img{
		width: 65%;
		right: 3%;
		top:-10%;
	}

	.seocon1>div{
		padding: 0 2em;
	}
	.seocon1 p{
		padding: 0 0.5em;
	}
	.seocon1 span{
		font-size: 1.5em;
	}

	.casetit{
		padding-top: 0;
	}
}
@media (max-width: 992px) {
	.form .conr{
		border-left: none;
		padding-left: 0;
	}
	.formcon input.submit{
		background-position: 40%;
	}
	.caser .d1 p{
		width: 80%;
	}
	.caser .d2{
		width: 50%;
		padding-bottom: 2em;
	}
	.form.container{
		margin-top: 4em;
	}

	/*竞价*/
	.jj2 .d1:nth-child(1), .jj2 .d1:nth-child(2), .jj2 .d1:nth-child(3), .jj2 .d1:nth-child(4){
		background-size: 12% 100%;
	}
	.jj2 .d1 h4{
		width: 10%;
	}
	.jj2 .d1 h4 span{
		top: 20%;
	}
	.jj2 .d2 div{
		width: 84%;
	}
	.jj3 .container>div{
		padding: 0 1em;
	}

	.slidesc .bd li{
		background: #d9d7d7;
		/*padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;*/
	}
	.slidesc .bd h4{
		font-size: 2em;
		margin-bottom: 1.5em;
		margin-top: 1.5em;
	}
	.slidesc .bd p{
		margin-top: 0.5em;
		font-size: 1.4em;
	}
}


@media (max-width: 768px) {
	.active ul li{
		margin-bottom: 1em;
	}
	.case_nav1 .navbar-brand{
		background:none;
		color: #333;
		font-size: 2em;
		height: auto;
	}
	.caser .d2{
		width: 70%;
	}
	/*.casetit h4{float: none;}*/
	.casetit span{
		margin-top: 1em;
		text-align: right;
		/*width: 100%;*/
		/*padding-left: 60%;*/
	}
	.casetit span a{
		display: inline;
	}

	.jj3 .d1 p{
		font-size: 1.28em;
	}
	.jj3 .line{
		margin: 1em;
	}

	.hezuo b{
		font-size: 2em;
		color: #333333;
	}
	.hezuo h3 span{
		font-size: 1em;		
	}
	.hezuo h3 em {
	    font-size: 1em;
	}
	.hezuo h3 a {
	    font-size: 0.7em;
	}

	.tscj p{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.houhui span{
		padding: 1em ;
	}

	.home3 .hd ul li{
		margin-bottom: 0.5em;
	}
	.home6{
		margin-top: 3em;
	}
	.about .text{
		text-align: left;
		padding: 0 10px;
	}
	.active .tit h5{
		margin-top:0.5em;
		font-size: 2.2em;
	}
	.active .tit p{
		font-size: 1.8em;
		line-height: 2em;
	}

	.newsshow h1{
		font-size: 2em;
    	padding: 0.5em 0;
	}
	.newsinfo {
	    padding: 0 10px;
	}
}
@media (max-width: 600px) {
	.seocon1>div{
		padding: 0 1em;
	}
	.seocon1 p{
		padding: 0;
	}
	.seocon1 span{
		font-size: 1em;
	}
}
@media (max-width: 500px) {
	.caser .d2{
		width: 90%;
		margin: 1em auto;
		background-size:100% 100%;
	}

	.jj2 .d1:nth-child(1), .jj2 .d1:nth-child(2), .jj2 .d1:nth-child(3){
		background-size: 16% 100%;
	}
	.jj2 .d1 h4{
		width: 13%;
	}
	.jj2 .d1:nth-child(3) h4 span, .jj2 .d1:nth-child(4) h4 span{
		top: 25%;
	}
	.seocon1 span{
		font-size: 0.5em;
	}

	.casetit span{
		padding-right: 0;
	}
} 

@media (max-width: 459px) {
	.chanchu .d1:nth-child(4) .con img:nth-child(3), .chanchu .d1:nth-child(5) .con img:nth-child(3){
		margin-top: 2.2em;
	}
	.newsinfo {
	   display: none;
	}
}