﻿@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
	font-family:'微软雅黑'
}
.zx_top{
	float:left;
	display:block;
	width:100%;
	height:45px;
	background:#424242;
	font-size:14px;
	color:#fff;
	line-height:45px;
	text-align:left;
	position:fixed;
    top:0; left: 0;
    z-index:100000;
    filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
	}
.zx_top span{
	float:right;
	display:inline;
	font-size:14px;
	color:#fff;
	line-height:40px;
	}
.zx_top img{width:20px;}
img{color: transparent;font-size: 0px;vertical-align: middle;-ms-interpolation-mode: bicubic;border: none;}
a{text-decoration: none;}
ul,li{list-style-type: none; }
li{vertical-align: bottom;display: list-item;}
table{border-spacing: 0px;border-collapse: collapse;}
th,td,caption {font-weight: normal;vertical-align: top;}
html,body{width: 100%;height: 100%;text-align: center; font-family:'微软雅黑';}
a,h1,h2,h3,h4,h5,h6,p,div,span,li,td{text-align:left;}
html{font-size: 62.5%;}
body{
	padding: 0;
	min-width: 320px;
	max-width:720px;
	margin: 0 auto;
	font-size: 1.6rem;
	position:relative;
	}
	
.sy_top{
	float:left;
	display:none;
	width:100%;
	height:52px;
	position:relative;
	background:#37373b;
	font-size:2rem;
	color:#fff;
	line-height:52px;
	text-align:center;
	}
.sy_topz{
	float:left;
	display:inline;
	height:52px;
	font-size:1.6rem;
	color:#fff;
	line-height:52px;
	margin-left:10px;
	position:absolute;
	z-index:9;
	left:0;
	top:0;
	}	
.sy_topz img{
	float:left;
	display:inline;
	height:20px;
	margin:16px 4px 0 0;
	}
#adver{ float:left; display:inline; width:100%;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wrapper img{ width:100%;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#fff;}
.swiper-container-horizontal>.swiper-pagination {
  width: 100%;
  height: 26px;
  position: absolute;
  bottom: 6px;
  left: 0;
  z-index: 10;
  padding-right: 15px;
  line-height: 36px;
  text-align:center;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 2px;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active{ background:#ea633d;}
	
.sy_fw{
	float:left;
	display:inline;
	width:100%;
	padding:20px 0;
	background:#f4f9fe url(../image/bg1.png) no-repeat top center;
	background-size:100% auto;
	border-bottom:1px solid #e2f0fd;
	}
.sy_fwt{
	float:left;
	display:inline;
	width:100%;
	text-align:center;
	}	
.sy_fwt1{
	float:left;
	display:inline;
	width:100%;
	font-size:1.8rem;
	color:#86bef7;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	}		
.sy_fwt2{
	float:left;
	display:inline;
	width:100%;
	font-size:1.5rem;
	color:#6e87b2;
	line-height:24px;
	text-align:center;
	}		
.sy_fwt3{
	float:left;
	display:inline;
	margin:5px 0;
	width:100%;
	height:2px;
	overflow:hidden;
	text-align:center;
	}	
.sy_fwt3 span{
	padding:0 15px;
	height:2px;
	background:#86bef7;
	}	
.sy_table{
	float:left;
	display:inline;
	width:96%;
	margin:0 2%;
	}	
.sy_table td{ padding:0 2.5%;}
.sy_fwnr{
	float:left;
	display:inline;
	padding:0 3%;
	width:94%;
	margin:15px 0 0 0%;
	border-radius:8px;
	box-shadow: 2px 2px 2px #bbb;
	}	
.sy_fwnr1{
	float:left;
	display:inline;
	width:100%;
	margin-top:15px;
	text-align:center;
	}	
.sy_fwnr1 img{
	width:50%;
	}
.sy_fwnr2{
	float:left;
	display:inline;
	width:100%;
	font-size:1.8rem;
	color:#fff;
	line-height:34px;
	text-align:center;
	border-bottom:1px solid #fff;
	}	
.sy_fwnr3{
	float:left;
	display:inline;
	margin:10px 0;
	width:100%;
	font-size:1.4rem;
	color:#fff;
	line-height:20px;
	text-align:center;
	}		
.sy_fwys1{ background:#f2cb88;}	
.sy_fwys2{ background:#9adb98;}	
.sy_fwys3{ background:#95dbff;}	
.sy_fwys4{ background:#f3969d;}	
.sy_fwys5{ background:#55ccbd;}	
.sy_fwys6{ background:#82b8ef;}	
		
.sy_ys{
	float:left;
	display:inline;
	width:100%;
	padding:20px 0;
	background-size:100% auto;
	}	
.sy_ysn{
	float:left;
	display:inline;
	width:96%;
	padding:0 2%;
	}		
.sy_ysnr{
	float:left;
	display:inline;
	width:22%;
	margin:10px 1.5%;
	text-align:center;
	}	
.sy_ysnr img{
	width:100%;
	}	
.sy_ysnr span{
	float:left;
	display:inline;
	width:100%;
	font-size:1.4rem;
	color:#86bef7;
	line-height:30px;
	text-align:center;
	}			
.sy_lx{
	float:left;
	display:inline;
	width:100%;
	padding:20px 0;
	background:url(../image/lx.jpg) no-repeat center;
	background-size:100% 100%;
	background-attachment:fixed;
	}	
.sy_lxc{
	float:left;
	display:inline;
	width:100%;
	text-align:center;
	margin:15px 0;
	}	
.sy_lxc img{
	width:28%;
	}	
.sy_lxn{
	float:left;
	display:inline;
	padding:20px 6%;
	width:70%;
	margin:15px 8%;
	border:2px solid #fff;
	background:rgba(50,100,122,0.5);
	border-radius:10px;
	}	
.sy_lxnr{
	float:left;
	display:inline;
	width:100%;
	margin:6px 0;
	font-size:1.6rem;
	color:#fff;
	line-height:24px;
	}
.sy_lxnr img{
	width:22px;
	height:22px;
	margin-right:3px;
	}
.sy_db{
	float:left;
	display:inline;
	width:100%;
	padding:10px 0;
	font-size:1.3rem;
	color:#303030;
	line-height:20px;
	text-align:center;
	}
.sy_foot{
	float:left;
	display:inline;
	width:100%;
	height:60px;
	position:relative;
	}
.sy_footn{
	float:left;
	display:inline;
	width:100%;
	height:60px;
	background:#fff;
	border-top:1px solid #e2e2e2;
	box-shadow: 0px -1px 2px #eee;
	position:fixed;
	z-index:999;
	left:0;
	bottom:0;
	}
.sy_footnr{
	float:left;
	display:inline;
	width:20%;
	margin-top:5px;
	font-size:1.4rem;
	color:#b4b4b4;
	line-height:22px;
	text-align:center;
	}
.sy_footnr img{
	width:25px;
	height:25px;
	}
.sy_footnr span{
	float:left;
	display:inline;
	margin-top:5px;
	width:100%;
	text-align:center;
	}
.sy_footnr_h{color:#86bef7;}

/*------网站/APP-------*/
.ap_dz{
	float:left;
	display:inline;
	width:100%;
	padding:20px 0;
	background:#fff url(../image/ap1.png) no-repeat top center;
	background-size:100% auto;
	}
.ap_dzc{
	float:left;
	display:inline;
	width:94%;
	margin:15px 3%;
	font-size:1.4rem;
	color:#6e87b2;
	line-height:20px;
	text-align:center;
	}
.ap_dzn{
	float:left;
	display:inline;
	width:96%;
	margin:10px 2%;
	}
.ap_dznr{
	float:left;
	display:inline;
	width:30%;
	margin:0 1.6%;
	}
.ap_dznr1{
	float:left;
	display:inline;
	width:100%;
	text-align:center;
	}
.ap_dznr1 img{
	width:60%;
	}
.ap_dznr2{
	float:left;
	display:inline;
	width:100%;
	font-size:1.6rem;
	line-height:34px;
	text-align:center;
	}
.ap_dznr3{
	float:left;
	display:inline;
	width:100%;
	height:2px;
	overflow:hidden;
	text-align:center;
	}
.ap_dznr3 span{
	padding:0 15px;
	height:2px;
	}
.ap_dznr4{
	float:left;
	display:inline;
	margin:10px 0;
	width:100%;
	font-size:1.2rem;
	line-height:20px;
	text-align:center;
	}
.ap_dzys1{ color:#ff7e7e;}	
.ap_dzys1 .ap_dznr3 span{ background:#ff7e7e;}	
.ap_dzys2{ color:#ffc24d;}	
.ap_dzys2 .ap_dznr3 span{ background:#ffc24d;}	
.ap_dzys3{ color:#6dca75;}	
.ap_dzys3 .ap_dznr3 span{ background:#6dca75;}	
.ap_yc{
	float:left;
	display:inline;
	width:100%;
	text-align:center;
	}	
.ap_yc img{
	width:100%;
	}	
.ap_wzjs{
	float:left;
	display:inline;
	width:100%;
	padding:20px 0;
	background:#f4f9fe url(../image/ap3.png) no-repeat bottom center;
	background-size:100% auto;
	border-top:2px solid #e2f0fd;
	}
.ap_fwnr{
	float:left;
	display:inline;
	padding:0 5%;
	width:86%;
	margin:15px 2%;
	border-radius:8px;
	box-shadow: 2px 2px 2px #bbb;
	}	
.ap_fwys1{ border:2px solid #6baadb;}	
.ap_fwys1 .sy_fwnr2{color:#6baadb; border-bottom:1px solid #6baadb; }
.ap_fwys1 .sy_fwnr3{color:#6baadb; }	
.ap_fwys2{ color:#45cecc; border:2px solid #45cecc;}
.ap_fwys2 .sy_fwnr2{color:#45cecc; border-bottom:1px solid #45cecc; }
.ap_fwys2 .sy_fwnr3{color:#45cecc; }		

.ap_jsnr{
	float:left;
	display:inline;
	width:90%;
	margin:10px 5% 0 5%;
	}	
.ap_jsys1{ color:#fe7f7f;}	
.ap_jsys1 .ap_dznr3 span{ background:#fe7f7f;}	
.ap_jsys2{ color:#f5b53b;}	
.ap_jsys2 .ap_dznr3 span{ background:#f5b53b;}	
.ap_jsys3{ color:#65c0e6;}	
.ap_jsys3 .ap_dznr3 span{ background:#65c0e6;}	
.ap_jsys4{ color:#54d880;}	
.ap_jsys4 .ap_dznr3 span{ background:#54d880;}	
	
.ap_kflc{
	float:left;
	display:inline;
	width:100%;
	padding:40px 0;
	background:#f4f9fe url(../image/ap4.png) no-repeat top center;
	background-size:100% auto;
	}
/*-----软件开发------*/	
.rj_dz{
	float:left;
	display:inline;
	width:100%;
	padding:20px 0;
	background:#fff url(../image/kf1.png) no-repeat bottom center;
	background-size:100% auto;
	}
.rj_dznr{
	float:left;
	display:inline;
	padding:0 5%;
	width:80%;
	margin:18px 5%;
	border-radius:8px;
	box-shadow: 2px 2px 2px #bbb;
	}	
.rj_dznr1{
	float:left;
	display:inline;
	width:100%;
	margin:20px 0 10px 0;
	text-align:center;
	}	
.rj_dznr1 img{
	width:40%;
	}		
.rj_dznr2{
	float:left;
	display:inline;
	width:100%;
	font-size:2.0rem;
	line-height:34px;
	text-align:center;
	}	
.sy_fwnr4{
	float:left;
	display:inline;
	width:100%;
	font-size:1.7rem;
	text-align:center;
	line-height:34px;
	margin-top:8px;
	}
.rj_dzys1{color:#ff8b94; border:3px solid #ff8b94;}	
.rj_dzys1 .rj_dznr2{color:#ff8b94; border-bottom:1px solid #ff8b94; }
.rj_dzys1 .sy_fwnr3{color:#ff8b94; }
.rj_dzys2{color:#49c7b7; border:3px solid #49c7b7;}	
.rj_dzys2 .rj_dznr2{color:#49c7b7; border-bottom:1px solid #49c7b7; }
.rj_dzys2 .sy_fwnr3{color:#49c7b7; }
.rj_dzys3{color:#629fdc; border:3px solid #629fdc;}	
.rj_dzys3 .rj_dznr2{color:#629fdc; border-bottom:1px solid #629fdc; }
.rj_dzys3 .sy_fwnr3{color:#629fdc; }

.erp_jsnr{
	float:left;
	display:inline;
	width:90%;
	margin:10px 5% 0 5%;
	}	
.erp_jsys1{ color:#6e87b2;}	
.erp_jsys1 .ap_dznr3 span{ background:#6e87b2;}		
.erp_jsys2{ color:#f5b53b;}	
.erp_jsys2 .ap_dznr3 span{ background:#f5b53b;}	
.erp_jsys3{ color:#54d880;}	
.erp_jsys3 .ap_dznr3 span{ background:#54d880;}	
.erp_jsys4{ color:#fe7f7f;}	
.erp_jsys4 .ap_dznr3 span{ background:#fe7f7f;}	
.erp_jsys5{ color:#65c0e6;}	
.erp_jsys5 .ap_dznr3 span{ background:#65c0e6;}	
.crm_jsnr{
	float:left;
	display:inline;
	width:90%;
	margin:10px 5% 0 5%;
	}	
.crm_jsys1{ color:#c897c3;}	
.crm_jsys1 .ap_dznr3 span{ background:#c897c3;}		
.crm_jsys2{ color:#84bdcb;}	
.crm_jsys2 .ap_dznr3 span{ background:#84bdcb;}		
.crm_jsys3{ color:#5edec4;}	
.crm_jsys3 .ap_dznr3 span{ background:#5edec4;}		
.crm_jsys4{ color:#ff9a7b;}	
.crm_jsys4 .ap_dznr3 span{ background:#ff9a7b;}		
.oa_jsys1{ color:#ff6c6e;}	
.oa_jsys1 .ap_dznr3 span{ background:#ff6c6e;}		
.oa_jsys2{ color:#ff8b6a;}	
.oa_jsys2 .ap_dznr3 span{ background:#ff8b6a;}		
.oa_jsys3{ color:#44ced7;}	
.oa_jsys3 .ap_dznr3 span{ background:#44ced7;}		
.oa_jsys4{ color:#f590ca;}	
.oa_jsys4 .ap_dznr3 span{ background:#f590ca;}		
.oa_jsys5{ color:#549dec;}	
.oa_jsys5 .ap_dznr3 span{ background:#549dec;}	
.khal_n{
	float:left;
	display:inline;
	width:94%;
	margin:0 3%;
	}	
.khal_nr{
	float:left;
	display:inline;
	width:25%;
	text-align:center;
	}	
.khal_nr img{
	width:86%;
	}	
.kh_aln{
	float:left;
	display:inline;
	width:96%;
	padding:10px 2%;
	background:#f5f5f5;
	}	
.kh_alnr{
	float:left;
	display:inline;
	width:45%;
	padding:8px 2%;
	margin:5px 1% 0 0%;
	}
.kh_alnr1{
	float:left;
	display:inline;
	width:100%;
	text-align:center;
	}
.kh_alnr1 img{
	width:100%;
	}	
.kh_alnr2{
	float:left;
	display:inline;
	width:100%;
	height:36px;
	overflow:hidden;
	font-size:1.6rem;
	color:#86bef7;
	line-height:36px;
	text-align:center;
	}
.kh_alnr:hover{
	background:#fff;
	}	
.al_fy{
	float:left;
	display:inline;
	width:100%;
	margin:10px 5px;
	font-size:1.6rem;
	color:#;
	line-height:30px;
	text-align:center;
	}	
.al_fy1 img{
	width:18px;
	height:18px;
	}	
.al_fy2{
	color:#333;
	margin:0 5px;
	}	
.al_fy2_h,.al_fy2:hover{
	color:#61a1e2;
	text-decoration:underline;
	}
.alxq_m{
	float:left;
	display:inline;
	width:98%;
	padding:10px 1%;
	background:#f5f5f5;
	}	
.alxq_n{
	float:left;
	display:inline;
	width:47%;
	margin:10px 1% 0 1%;
	overflow:hidden;
	border:1px solid #d7e9fb;
	}	
.alxq_n img{
	width:100%;
	}	
	
.wm_jj{
	float:left;
	display:inline;
	width:86%;
	padding:20px 2% 0px 2%;
	background:#d9ecff;
	margin:-50px 4% 0 5%;
	z-index:999;
	position:relative;
	border:1px solid #c6ddf3;
	border-radius:10px;
	}
.rj_dzys4{color:#eeb249; border:3px solid #eeb249;}	
.rj_dzys4 .rj_dznr2{color:#eeb249; border-bottom:1px solid #eeb249; }
.rj_dzys4 .sy_fwnr3{color:#eeb249; }	
	
	
	
	
	
	
	
	
			