.xiangqing{
width: 1200px;
 padding-top: 780px;
    margin :0 auto;
}



.page1 li{
width:128px;
height:28px;
background:#ef3332;
float:left;
text-align:center;
margin-left: 175px;
}
.page1 li:first-child{
margin-left: 90px;
}

.page1 li a{
color:#fff;
font-size:12px;
font-family:"Microsoft YaHei";
text-align:center;
line-height:28px;
}
.xiangqing1{width: 1200px;
    
    padding-top: 830px;
      margin :0 auto;
}

.page2 li{
width:128px;
height:28px;
background:#ef3332;
float:left;
text-align:center;
margin-left: 113px;
}


.page2 li a{
color:#fff;
font-size:12px;
font-family:"Microsoft YaHei";
text-align:center;
line-height:28px;
}

.xiangqing1 .q4{
margin-left: 288px;
}
.xiangqing1 .q411{
margin-left: 288px;
}



.xiangqing2{width: 1200px;
    
    padding-top:714px;
      margin :0 auto;
}

.page3 li{
width:128px;
height:28px;
background:#ef3332;
float:left;
text-align:center;
margin-left:81px;
}

.page3 li:nth-child(2){
margin-left:172px;
}
.page3 li:nth-child(3){
margin-left:179px;
}

.page3 li:nth-child(4){
margin-left:179px;
}



.page3 li a{
color:#fff;
font-size:12px;
font-family:"Microsoft YaHei";
text-align:center;
line-height:28px;
}




.xiangqing3{width: 1200px;
    
    padding-top: 657px;
      margin :0 auto;
}

.page4 li{
width:128px;
height:28px;
background:#ef3332;
float:left;
text-align:center;
margin-left: 81px;
}


.page4 li a{
color:#fff;
font-size:12px;
font-family:"Microsoft YaHei";
text-align:center;
line-height:28px;
}

.page4 li:nth-child(2){
margin-left: 178px;
}
.page4 li:nth-child(3){
margin-left: 178px;
}
.page4 li:nth-child(4){
margin-left: 178px;
}






#service .page .top{
	height:320px;
	overflow:hidden;
}
#service .page .top .left{
	float:left;
	width:546px;
	background:#f6f6f7;
	height:100%;
	overflow:hidden;
	padding:36px 16px;
}
#service .page .top .right{
	float:right;
	width:562px;
	background:#fff;
	height:100%;
	overflow:hidden;	
	padding:33px 22px;
}

#service .page .top .left .title{
	font-size:36px;
	color:#333;
font-family: "Microsoft YaHei";
}
#service .page .top .left .title span{
	color:#ccc;
	font-size:18px;
font-family: "Microsoft YaHei";
	width:100%;
	display:block;
	margin-top:5px;
}
#service .page .top .left .desc{
	color:#333;
	font-size:13px;
font-family: "Microsoft YaHei";
    line-height: 30px;
}
#service .page .top .left .descp{
	color:#999;
	font-size:12px;
font-family: "Microsoft YaHei";
	line-height: 26px;
    margin-top: 16px;
}
#service .page .top .left a{
	float: right;
    width: 165px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
font-family: "Microsoft YaHei";
    background: #ff5256;
    margin-top: 10px;
}
#service .page .top .right li{
	width:236px;
	height:54px;
	line-height:54px;
	background:#eaeaed;
	border:1px solid #d5d6db;
	float:left;
	margin:12px 21px;
	transition: all 0.3s ease-out 0s;
	
}
#service .page .top .right li i{
	float:left;
	width:30px;
	height:30px;
	background:url(../images/test_icon.png) no-repeat center center;
	margin:10px 16px 0 28px;
}

#service .page1{
width:100%;
height:883px;
background:url(../images/wzjs.jpg)no-repeat center;
}

#service .page2{
width:100%;
height:919px;
background:url(../images/dzsw.jpg)no-repeat center;
}

#service .page3{
width:100%;
height:813px;
background:url(../images/wxxcx.jpg)no-repeat center;
}

#service .page4{
width:100%;
height:740px;
background:url(../images/gzh.jpg)no-repeat center;
}




#service .page1 .top .right li .js_icon1{
	background:url(../images/js_icon1.png) no-repeat center center;	
}
#service .page1 .top .right li .js_icon2{
	background:url(../images/js_icon2.png) no-repeat center center;	
}
#service .page1 .top .right li .js_icon3{
	background:url(../images/js_icon3.png) no-repeat center center;	
}
#service .page1 .top .right li .js_icon4{
	background:url(../images/js_icon4.png) no-repeat center center;	
}
#service .page1 .top .right li .js_icon5{
	background:url(../images/js_icon5.png) no-repeat center center;	
}
#service .page1 .top .right li .js_icon6{
	background:url(../images/js_icon6.png) no-repeat center center;	
}


#service .page2 .top .right li .js_icon1{
	background:url(../images/js_icon1.png) no-repeat center center;	
}
#service .page2 .top .right li .js_icon2{
	background:url(../images/js_icon2.png) no-repeat center center;	
}
#service .page2 .top .right li .js_icon3{
	background:url(../images/js_icon3.png) no-repeat center center;	
}
#service .page2 .top .right li .js_icon4{
	background:url(../images/js_icon4.png) no-repeat center center;	
}
#service .page2 .top .right li .js_icon5{
	background:url(../images/js_icon5.png) no-repeat center center;	
}
#service .page2 .top .right li .js_icon6{
	background:url(../images/js_icon6.png) no-repeat center center;	
}

#service .page .top .right li a{
	color:#333;
}

#service .page .top .right li:hover{
	background:#77f1ff;
}
#service .page .top .right li:hover a{
	color:#000;
}



#service .page .top .left1{
	float:left;
	width:546px;
	background:#f6f6f7;
	height:194px;
	overflow:hidden;
	padding:36px 16px;
}
#service .page .top .right1{
	float:right;
	width:541px;
	background:#fff;
	height:200px;
	overflow:hidden;	
	padding:33px 22px;
}

#service .page .top .left1 .title{
	font-size:36px;
font-family: "Microsoft YaHei";
	color:#333;
}
#service .page .top .left1 .title span{
	color:#ccc;
	font-size:18px;
font-family: "Microsoft YaHei";
	width:100%;
	display:block;
	margin-top:5px;
}
#service .page .top .left1 .desc{
	color:#333;
	font-size:13px;
font-family: "Microsoft YaHei";
    line-height: 30px;
}
#service .page .top .left1 .descp{
	color:#999;
	font-size:12px;
font-family: "Microsoft YaHei";
	line-height: 26px;
    margin-top: 16px;
}
#service .page .top .left1 a{
	float: right;
    width: 165px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
font-family: "Microsoft YaHei";
    background: #ff5256;
    margin-top: 10px;
}
#service .page .top .right1 li{
	width:236px;
	height:54px;
	line-height:54px;
	background:#eaeaed;
	border:1px solid #d5d6db;
	float:left;
	margin:12px 15px;
	transition: all 0.3s ease-out 0s;
	
}
#service .page .top .right1 li i{
	float:left;
	width:30px;
	height:30px;
	background:url(../images/test_icon.png) no-repeat center center;
	margin:10px 16px 0 28px;
}
#service .page1 .top .right1 li .js_icon1{
	background:url(../images/js_icon1.png) no-repeat center center;	
}
#service .page1 .top .right1 li .js_icon2{
	background:url(../images/js_icon2.png) no-repeat center center;	
}
#service .page1 .top .right1 li .js_icon3{
	background:url(../images/js_icon3.png) no-repeat center center;	
}
#service .page1 .top .right1 li .js_icon4{
	background:url(../images/js_icon4.png) no-repeat center center;	
}


#service .page .top .right1 li a{
	color:#333;
}

#service .page .top .right1 li:hover{
	background:#77f1ff;
}
#service .page .top .right1 li:hover a{
	color:#000;
}







#service .page .top .left2{
	float:left;
	width:546px;
	background:#f6f6f7;
	height:194px;
	overflow:hidden;
	padding:36px 16px;
}
#service .page .top .right2{
	float:right;
	width:541px;
	background:#fff;
	height:200px;
	overflow:hidden;	
	padding:33px 22px;
}

#service .page .top .left2 .title{
	font-size:36px;
font-family: "Microsoft YaHei";
	color:#333;
}
#service .page .top .left2 .title span{
	color:#ccc;
	font-size:18px;
font-family: "Microsoft YaHei";
	width:100%;
	display:block;
	margin-top:5px;
}
#service .page .top .left2 .desc{
	color:#333;
	font-size:13px;
font-family: "Microsoft YaHei";
    line-height: 30px;
}
#service .page .top .left2 .descp{
	color:#999;
	font-size:12px;
font-family: "Microsoft YaHei";
	line-height: 26px;
    margin-top: 16px;
}
#service .page .top .left2 a{
	float: right;
    width: 165px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
font-family: "Microsoft YaHei";
    background: #ff5256;
    margin-top: 10px;
}
#service .page .top .right2 li{
	width:236px;
	height:54px;
	line-height:54px;
	background:#eaeaed;
	border:1px solid #d5d6db;
	float:left;
	margin:12px 15px;
	transition: all 0.3s ease-out 0s;
	
}
#service .page .top .right2 li i{
	float:left;
	width:30px;
	height:30px;
	background:url(../images/test_icon.png) no-repeat center center;
	margin:10px 16px 0 28px;
}
#service .page1 .top .right2 li .js_icon1{
	background:url(../images/js_icon1.png) no-repeat center center;	
}
#service .page1 .top .right2 li .js_icon2{
	background:url(../images/js_icon2.png) no-repeat center center;	
}
#service .page1 .top .right2 li .js_icon3{
	background:url(../images/js_icon3.png) no-repeat center center;	
}
#service .page1 .top .right2 li .js_icon4{
	background:url(../images/js_icon4.png) no-repeat center center;	
}


#service .page .top .right2 li a{
	color:#333;
}

#service .page .top .right2 li:hover{
	background:#77f1ff;
}
#service .page .top .right2 li:hover a{
	color:#000;
}








#service .page .bottom .mt{
	height:80px;
	line-height:80px;
	padding-left:38px;
	color:#333;
	font-size:24px;
font-family: "Microsoft YaHei";
}
#service .page .bottom .mc{
	margin:0
}
#service .page .bottom .mc li{
	width:288px;
	background:#fff;
	float:left;
	padding:28px 0 30px 0;
	margin-right:16px;
}

.mr_0 {
    margin-right: 0!important;
}
#service .page .bottom .mc li .title{
	text-align: center;
	font-size:18px;
font-family: "Microsoft YaHei";
	color:#313131;
	margin-bottom:22px;
}
#service .page .bottom .mc li .title span{
	color:#999;
	font-size:12px;
font-family: "Microsoft YaHei";
	display:block;
	margin-top:15px;
}
#service .page .bottom .mc li img{
	width:100%;
	height:240px;
}
#service .page .bottom .mc li a{
	width:160px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
font-family: "Microsoft YaHei";
	color:#fff;
	background:#ff4d5b;
	display:block;
	margin:34px auto 0;
}

#service .page .bottom .mt1{
	height:80px;
	line-height:80px;
	padding-left:38px;
	color:#333;
	font-size:24px;
font-family: "Microsoft YaHei";
}
#service .page .bottom .mc1{
	margin:0
}
#service .page .bottom .mc1 li{
	width:592px;
	background:#fff;
	float:left;
	padding:28px 0 30px 0;
	margin-right:16px;
}
#service .page .bottom .mc1 li .title{
	text-align: center;
	font-size:18px;
font-family: "Microsoft YaHei";
	color:#313131;
	margin-bottom:22px;
}
#service .page .bottom .mc1 li .title span{
	color:#999;
	font-size:12px;
font-family: "Microsoft YaHei";
	display:block;
	margin-top:15px;
}
#service .page .bottom .mc1 li img{
	width:100%;
	height:484px;
}
#service .page .bottom .mc1 li a{
	width:160px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
font-family: "Microsoft YaHei";
	color:#fff;
	background:#ff4d5b;
	display:block;
	margin:34px auto 0;
}


#service .page .bottom .mt2{
	height:80px;
	line-height:80px;
	padding-left:38px;
	color:#333;
	font-size:24px;
font-family: "Microsoft YaHei";
}
#service .page .bottom .mc2{
	margin:0
}
#service .page .bottom .mc2 li{
	width:389px;
	background:#fff;
	float:left;
	padding:28px 0 30px 0;
	margin-right:16px;
}
#service .page .bottom .mc2 li .title{
	text-align: center;
	font-size:18px;
font-family: "Microsoft YaHei";
	color:#313131;
	margin-bottom:22px;
}
#service .page .bottom .mc2 li .title span{
	color:#999;
	font-size:12px;
font-family: "Microsoft YaHei";
	display:block;
	margin-top:15px;
}
#service .page .bottom .mc2 li img{
	width:100%;
	height:320px;
}
#service .page .bottom .mc2 li a{
	width:160px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
font-family: "Microsoft YaHei";
	color:#fff;
	background:#ff4d5b;
	display:block;
	margin:34px auto 0;
}