.website-o{ 
	width:100%; background:url(website.jpg) no-repeat center; height:573px;margin-top: 70px;}


/*  企业网站建设  */
.firm_present{
	width:100%;
	margin:0 auto;
	overflow:hidden;}
.company_website{
	width:100%;
	overflow:hidden;}
.company_one{
	width:100%;
	overflow:hidden;}
.company_name{
	width:1200px;
	margin:0 auto;
	padding-top:75px;
	text-align:center;
	overflow:hidden;
	position:relative;}
.company_name span{
	height:60px;
	line-height:60px;
	font-size:32px;
	padding:0 50px 0px 50px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	z-index:2;
	background:#fff;}
.company_name em{
	width:1200px;
	height:1px;
	display:block;
	background:#e2e2e2;
	position:absolute;
	top:108px;
	left:0px;}
.company_name p{
	margin-top: 30px;
	width:1200px;
	font-size:16px;
	line-height:30px;
	overflow:hidden;
	color:#888;}
.company_one_content{
	width:1251px;
	height:470px;
	padding:47px 0;
	margin:0 auto;
	overflow:hidden;}
.company_one_content dl{
	width:367px;
	float:left;
	padding:0 25px;
	overflow:hidden;}
.company_one_content dl dt{
	width:367px;
	height:234px;
	overflow:hidden;
    text-align: center;
}
.company_one_content dl dt img{
	width:367px;
	height:234px;
    
}
.company_one_content dl dd{
	width:367px;
	text-align:center;
	overflow:hidden;}
.company_one_content dl dd strong{
	font-size:18px;
	height:60px;
	line-height:60px;
	padding-top:15px;
	display:block;
	overflow:hidden;
    font-weight: bold;
}
.company_one_content dl dd em{
	width:40px;
	height:2px;
	display:block;
	margin:0 auto 15px;
	background:#44B549;
	overflow:hidden;}
.company_one_content dl dd p{
	text-indent: 28px;
	font-size: 14px;
	width:367px;
	text-align:left;
	color:#555;
	line-height:28px;
	overflow:hidden;}
.company_two{
	width:100%;
	overflow:hidden;
	background:#eef1f4;}
.company_two .company_name span{
	height:65px;
	line-height:65px;
	background:#eef1f4;}
.company_two .company_name em{
	top:110px;}
.company_two_content{
	width:1200px;
	margin:0 auto;
	padding:65px 0 90px;
	overflow:hidden;}

.company_two_content {
	background:url(../web-img/picture_97.png) no-repeat center center; width:100%; height:323px;}
.company_two_content img{
	width:1200px;}
.company_three{
	width:100%;
	overflow:hidden;}
.company_three .company_name span{
	height:70px;
	line-height:70px;}
.company_three .company_name em{
	top:110px;}
.company_three_content{
	width:1200px;
	margin:40px auto 95px;
	overflow:hidden;
	border-top:solid 1px #dadada;
	border-left:solid 1px #dadada;}
.company_three_content dl{
	width:299px;
	height:288px;
	float:left;
	text-align:center;
	overflow:hidden;
	border-bottom:solid 1px #dadada;
	border-right:solid 1px #dadada;}
.company_three_content dl dt{
	width:298px;
	padding-top:12px;
	overflow:hidden;}
.company_three_content dl dt span{
	width:298px;
	height:90px;
	line-height:90px;
	font-size:24px;
	color:#666;
	display:block;
	overflow:hidden;}
.company_three_content dl dt em{
	width:66px;
	height:66px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	border-radius:3px;}
.company_three_content dl dd{
	width:235px;
	margin:23px auto 0;
	line-height:23px;
	color:#666;
	overflow:hidden;}
.company_three_content dl:hover{
	background:#44B549;}
.company_three_content dl:hover dt span,.company_three_content dl:hover dd{
	color:#fff;}
.company_three_content dl dt em.advantage_icon1{
	border:solid 3px #44B549;
	background:url(../web-img/icon_87.png) no-repeat;}
.company_three_content dl:hover dt em.advantage_icon1{
	border:solid 3px #fff;
	background:url(../web-img/icon_88.png) no-repeat;}
.company_three_content dl dt em.advantage_icon2{
	border:solid 3px #f76767;
	background:url(../web-img/icon_89.png) no-repeat;}
.company_three_content dl:hover dt em.advantage_icon2{
	border:solid 3px #fff;
	background:url(../web-img/icon_90.png) no-repeat;}
.company_three_content dl dt em.advantage_icon3{
	border:solid 3px #FF8400;
	background:url(../web-img/icon_91.png) no-repeat;}
.company_three_content dl:hover dt em.advantage_icon3{
	border:solid 3px #fff;
	background:url(../web-img/icon_92.png) no-repeat;}
.company_three_content dl dt em.advantage_icon4{
	border:solid 3px #94BE23;
	background:url(../web-img/icon_93.png) no-repeat;}
.company_three_content dl:hover dt em.advantage_icon4{
	border:solid 3px #fff;
	background:url(../web-img/icon_94.png) no-repeat;}
.company_three_content dl dt em.advantage_icon5{
	border:solid 3px #66d5a7;
	background:url(../web-img/icon_95.png) no-repeat;}
.company_three_content dl:hover dt em.advantage_icon5{
	border:solid 3px #fff;
	background:url(../web-img/icon_96.png) no-repeat;}
.company_three_content dl dt em.advantage_icon6{
	border:solid 3px #bd7f7f;
	background:url(../web-img/icon_97.png) no-repeat;}
.company_three_content dl:hover dt em.advantage_icon6{
	border:solid 3px #fff;
	background:url(../web-img/icon_98.png) no-repeat;}
.company_three_content dl dt em.advantage_icon7{
	border:solid 3px #c96ac3;
	background:url(../web-img/icon_99.png) no-repeat;}
.company_three_content dl:hover dt em.advantage_icon7{
	border:solid 3px #fff;
	background:url(../web-img/icon_100.png) no-repeat;}
.company_three_content dl dt em.advantage_icon8{
	border:solid 3px #3140b1;
	background:url(../web-img/icon_101.png) no-repeat;}
.company_three_content dl:hover dt em.advantage_icon8{
	border:solid 3px #fff;
	background:url(../web-img/icon_102.png) no-repeat;}
.company_four{
	width:100%;
	background:#eef1f4;
	overflow:hidden;}
.company_four .company_name{
	padding-top:70px;}
.company_four .company_name span{
	height:62px;
	line-height:62px;
	background:#eef1f4;}
.company_four .company_name em{
	top:105px;}
.company_four_content{
	width:1920px;
	height:785px;
	margin:0 auto;
	padding-bottom:90px;
	overflow:hidden;
	background:url(../web-img/picture_98.png) no-repeat;}
.company_five{
	width:100%;}
.company_five .company_name{
	padding-top:70px;}
.company_five .company_name span{
	height:72px;
	line-height:72px;}
.company_five_content{
	width:1200px;
	margin:35px auto 95px;
	border-top:solid 1px #e5e5e5;
	border-left:solid 1px #e5e5e5;
	overflow:hidden;}
.company_five_content ul li{
	width:239px;
	height:138px;
	float:left;
	overflow:hidden;
	border-bottom:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;}

@media screen and (max-width: 768px){

	.website-o{width:100%; 
	background:url(website.jpg) no-repeat center;
	background-size: 180% auto; 
	height:0;
	padding-bottom:60% ;
	margin-top: 50px;}

.firm_present{
	width:100%;
	margin:0 auto;
	/*float: left;*/
	overflow:hidden;}
.company{width:100%;}
.company_name{
	width:96%;
	*margin:0 auto;
	padding-top:45px;
	text-align:center;
	position:relative;}


.company_name span{
	font-size:26px;
	padding:0 30px 0px 30px;
}
.company_name em{
	width:100%;
	height:1px;
	display:block;
	background:#e2e2e2;
	position:absolute;
	top:78px;
	left:0px;}
.company_name p{
	margin-top: 30px;
	width:100%;
	font-size:14px;
	line-height:30px;
	overflow:hidden;
	color:#888;
    text-indent: 28px;}
.company_one_content{
	width:100%;
	height:1330px;
	padding:30px 0;
	margin:0 auto;
	overflow:hidden;}

.company_one_content dl{
	width:100%;
	float:left;
	margin:0 auto;
	padding:0;
	overflow:hidden;}

.company_one_content dl dd strong{

	padding-top:0px;
}
.company_one_content dl dt{
	width:90%;
	margin:0 auto;
	height:auto;
	overflow:hidden;}
.company_one_content dl dt img{
	width:60%;
	height:auto;
	margin: 0 auto;}
.company_one_content dl dd{
	width:90%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
    margin-bottom: 30px;}
.company_one_content dl dd p{
	width:100%;}
.company_two{
	width:100%;
	overflow:hidden;
	background:#eef1f4;}
.company_two .company_name span{
	height:65px;
	line-height:65px;
	background:#eef1f4;}
.company_two .company_name em{
	top:75px;}
.company_two_content{
	width:400px;
	margin:0 auto;
	padding:65px 0 90px;
	overflow:hidden;}
.company_two_content {
	background:url(../web-img/picture_0097.png) no-repeat center center; width:100%; height:449px;}

.company_two_content img{
	width:100%;}
.company_three{
	width:100%;
	overflow:hidden;
	padding-bottom: 50px;}
.company_three .company_name span{
	height:70px;
	line-height:70px;}
.company_three .company_name em{
	top:80px;}
.company_three_content{
	width:92%;
	margin:0 auto;
	overflow:hidden;
	border-top:solid 1px #dadada;
	border-left:solid 1px #dadada;}

.company_three_content dl{
	width:-webkit-calc(33.3% - 1px); 
	width:-moz-calc(33.3% - 1px); 
	width:calc(33.3% - 1px); 
	height:308px;
	float:left;
	text-align:center;}
.company_three_content dl dt{
	width:100%;
	padding-top:12px;
	overflow:hidden;}
.company_three_content dl dt span{
	width:100%;
	height:90px;
	line-height:90px;
	font-size:24px;
	color:#666;
	display:block;
	overflow:hidden;}
.company_three_content dl dt em{
	width:66px;
	height:66px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	border-radius:3px;}
.company_three_content dl dd{
	width:165px;
	margin:23px auto 0;
	line-height:23px;
	color:#666;
	overflow:hidden;}
.company_four{
	display: none;}
.company_four .company_name{
	padding-top:70px;}
.company_four .company_name span{
	height:62px;
	line-height:62px;
	background:#eef1f4;}
.company_four .company_name em{
	top:105px;}
.company_four_content{
	width:400px;
	height:785px;
	margin:0 auto;
	padding-bottom:90px;
	overflow:hidden;
	background:url(../web-img/picture_98.png) no-repeat;}
.company_five{
	width:100%;
	background:#eef1f4;
	padding-bottom: 50px;}
.company_five .company_name{
	padding-top:40px;}
.company_five .company_name span{
	height:72px;
	line-height:72px;
	background:#eef1f4;}
.company_five_content{
	width:96%;
	margin:0 auto;
	margin:35px auto 0px;
	border-top:solid 1px #e5e5e5;
	border-left:solid 1px #e5e5e5;
	overflow:hidden;}

.company_five_content ul li{
	width:-webkit-calc(50% - 1px); 
	width:-moz-calc(50% - 1px); 
	width:calc(50% - 1px); 
	height:auto;
	float:left;
	overflow:hidden;
	border-bottom:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;}
.company_five_content ul li img{
	width:100%;}

}
	@media screen and (max-width: 414px){
.website-o{width:100%; 
	background:url(website1.jpg) no-repeat center;
	background-size: 100% auto; 
	height:0;
	padding-bottom:130% ;
	margin-top: 30px;}
.company_two_content {
	background:url(../web-img/picture_097.png) no-repeat center center; width:100%; height:1049px;}

.company_one_content dl dt img{
	width:100%;
	height:auto;}

.company_one_content{
	height:1330px;}
.company_three_content dl{
	width:-webkit-calc(50% - 1px); 
	width:-moz-calc(50% - 1px); 
	width:calc(50% - 1px); 
	height:308px;
	float:left;
	text-align:center;}


}



