/* banner */
/* banner */
.banner{
	width:100%;
	position: relative; margin:0 auto; background: url(../images/line1.gif) left bottom repeat-x; background-size:4.5%; 
}
.banner .logo{ position: absolute; width:19.84375%; left:3.125%; top:0}
.ai_1img{ position:absolute;left:3.125%; width:18.90625%; top:1.2rem}
/*---index----*/
.ma_ab{ margin-top:-2%;position: relative; z-index:1}
.ma_ab1{ padding-top:4%}
.about_i_c{ text-align:center;
	line-height: 2;
	padding:0% 2% 1% 2%;
	font-size: 0.175rem;
	color:#565656;
}
.about_i_c img{ margin:2% 0}
.about_i_c font{ color:#19934e; font-weight:bold;}
.about_i_c .ff{ color:#d5af5e; font-size:0.22rem}
.liang_hmoref{ width:100%; text-align:center; padding:3%  0}
.liang_hmore{ display:inline-block;  width:33.28125%; margin:0 2%; line-height:2;background:url(../images/phone1.gif) center top no-repeat; background-size:100% 100% ; color:#fff; font-size:0.19rem}

.case_i{ padding:4% 0 0 0; background: #d9e8cb center top no-repeat; background-size:100%; }
.ai_con1{ width:100%; text-align:center; font-size:0.175rem; box-sizing:border-box; padding:2% 1%; line-height:1.6; color:#654173;}
.caseindex{ margin:0 auto;
	 width:96%; padding:0 0 0 3%;
}
.caseindex ul li{ border:1px solid #e3e3e6; background:#fff;
	width: 48%;
	float: left; 
	text-align: center;
	margin:0px auto;
	 margin:0 0 15px 0; 
}
.caseindex ul li h4{ background:#ececec; color:#565656; margin:0; padding:3% 0; font-weight:normal; font-size:0.2rem}
.caseindex ul li .img{ padding:6% 0; border-bottom:2px solid #e6eaed}
.caseindex ul li img{ width:40.4%;display:block; margin:0 auto; }
.caseindex ul li  span{ background:#fff; color:#2f1e1b; display:block; line-height:2; font-size:0.22rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.caseindex ul li  label{ border-top:1px solid #e6eaed;background:#fff;  color:#2f1e1b; display:block; line-height:2; font-size:0.17rem; letter-spacing:-0.02rem}
.caseindex ul li:hover{border:1px solid #19934e; position: relative; z-index:11;background:#19934e;padding-top:3%; margin-top:-3%;}
.caseindex ul li a:hover h4{ background:#19934e; color:#fff; }
.caseindex ul li a:hover .img{ background:#1da859;border-bottom:2px solid #1da859}

.llmore{ text-transform:uppercase; color:#bf9f62; font-size:0.18rem; border:1px solid #bf9f62; padding:0.4% 2%; margin:5% 0 0 0; display:block; width:28%}
.more_i{ width:100%; text-align: center; margin: 0% auto ;padding:0 ;  }
.more_i img{ display:inline-block; width:50.15625%; }
.about_i_c1{ text-align:center;
	line-height: 2;
	padding: 2% 0;
	font-size: 0.175rem;
	color:#565656;
}
.ma_pro{ background:url(../images/phone4.jpg) center top  no-repeat; background-size:100% 100%; padding:4% 0  0 0}
.about_i_c2{ text-align:center;
	line-height:1.6;
	padding: 2% 0;
	font-size: 0.175rem;
	color:#fff;
}
.case_i_c{ padding:0.5rem 0 0 }
.case_i_c ul li{ float:left;  width:28.4375%;  margin:0 0 0 3.6%; background:#fff; }
.case_i_c ul li i { width:1rem; height:1rem; border-radius:50%; margin:-0.5rem auto 0; display:block; overflow:hidden; border:0.05rem solid #5e386a}
.case_i_c ul li i img{ width:100%; display:block;}
.case_i_c ul li a{ float:left; width:100%;color:#222222;  line-height:1.8;  border-radius:0.2rem; background:url(../images/l1.png) 4% center no-repeat;}
.case_i_c ul li h4{ margin:0; line-height:1.8; color:#654173; text-align:center;
	
	font-size: 0.20rem;
	
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.case_i_c ul li span{ width:100%; box-sizing:border-box; padding:0 5%; line-height:1.6; color:#565656;font-size: 0.17rem;font-weight: normal;-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
}
.case_i_c ul li label{ display:block; width:80%; margin:8% auto; background:#dab463; text-align:center; line-height:1.5; font-size:0.18rem; color:#fff;}
.baoming { background: url(../images/phone9.jpg) center top no-repeat; background-size:100% 100%; margin-top:4%; 
    width: 100%;
    padding: 3% 0;
   
    font-family: "microsoft yahei";
    color: #ffffff;
    text-align: center;
}
.index_login01{ width:56.5625%; margin:3% auto; padding:4%  0; background:rgba(0,0,0,0.6); border-radius:0.1rem}
.index_login01 h4{ margin:0 0 0.5rem 0; font-weight:normal; font-size:0.23rem}
.index_login01 p{ float:left; width:100%; height:0.4rem; line-height:0.4rem;   margin:6% 0 0 0; }

.index_login01 p label{ float:left; width:28%;  padding:0 0 0 3%;  color:#FFF; font-size:0.19rem;}
.index_login01 p input{ float:left; border:0;font-size:0.2rem;height:0.4rem; line-height:0.4rem; background:rgba(0,0,0,0.5); color:#FFF; }
 .inp180{ width:62%; }
 .subf{float:left; width:70%; padding:2% 0 0 30%}
.index_login03{ float:left; width:40%; text-align:center; line-height:2;border:none; cursor:pointer; background:#815889; font-size:0.19rem;  font-family:"微软雅黑"; color:#fff; margin:5% 0 0 2%; border-radius:0.05rem}
.index_login04{ float:left;  width:40%; text-align:center; line-height:2;border:none; cursor:pointer; background:#dab463; font-size:0.19rem;  font-family:"微软雅黑"; color:#fff; margin:5% 0 0 6%;border-radius:0.05rem}

/*notice*/
.ai_nav{ width:100%; background:#875d90}
.ai_nav li{ float:left;width:24.4%; border-right:1px solid #8e6496 }
.ai_nav li:nth-child(4){ border:0}

.ai_nav li a{ display:block; color:#fff; font-size:0.2rem; text-align:center; padding:5% 0 2%; border-bottom:0.03rem solid #875d90}
.ai_nav li a:hover{border-bottom:0.03rem solid #654173}
.ai_nav li a img{ display:inline-block; margin:0 2%; vertical-align:middle; width:22.5%}
/* footer */
.footer{width:100%;height:0.55rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:0.5rem; padding-top:0.05rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; background:#19934e}
.foot-relative{position:relative;width:100%;height:0.8rem;}
.foot a{display:block;float:left;width:33%;color:#ffffff; }
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a span img{ display:inline-block; width:25%; max-width:60px}
/*ad*/
.ai_adul{ margin:0 auto; width:93.75%; box-sizing:border-box;}
.ai_adul li{ background:#f3f3f3; float:left; border-radius:0.5rem; padding:2% 0; margin:4% 0 0}
.ai_adul li:nth-child(1){ width:100%}
.ai_adul li:nth-child(2){ width:49%; margin-right:2%}
.ai_adul li:nth-child(3){ width:49%}
.ai_adul li img{ float:left; border-radius:50%; margin:3% 0 0 3%; width:16%}
.ai_adul li:nth-child(2) img,.ai_adul li:nth-child(3) img{ width:34.8% ; margin-top:6%}
.ai_adul li .rr{ float:left; width:75%; padding:0 0 0 3%; color:#2b2b2b;height:1.1rem;}
.ai_adul li:nth-child(2) .rr,.ai_adul li:nth-child(3) .rr{ width:56%; height:1.2rem }
.ai_adul li .rr h4{ margin:0;color:#2b2b2b; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.ai_adul li .rr h4 label{ float:left; border-bottom:1px solid #d7b468; line-height:1.5; font-size:0.2rem}
.ai_adul li .rr  section{-webkit-line-clamp: 4; color:#2b2b2b; font-size:0.16rem; line-height:1.4; padding:2% 0 0;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;}
/*cost*/
.about_i_c3{ 
	line-height:1.6;
	padding: 2% 1%;
	font-size: 0.17rem;
	color:#393939;
}
.about_i_c3 img{ margin:2% 0}
/*project*/
.ai_pul{ width:93.75%; margin:0 auto;}
.ai_pul li{ float:left; width:100%}
.ai_pul li:nth-child(1) img{ float:left; width:39.4%; margin-left:5%}
.ai_pul li:nth-child(1) .rr{ float:left; width:50%; box-sizing:border-box; padding-left:2%; padding-top:0.7rem}
.ai_pul li:nth-child(1) .rr h4{ text-align:right; color:#815889; font-size:0.2rem; font-weight:normal; margin:4% 0; padding-right:22%}

.ai_pul li:nth-child(1) .rr span{ width:69.6%; float:left; margin-left:5% }
.ai_pul li:nth-child(1) .rr span img{ width:100%; float:left;}
.ai_pul li:nth-child(2) .rr,.ai_pul li:nth-child(3) .rr{ float:left; width:44%; box-sizing:border-box; padding-left:2%; padding-top:0.7rem}
.ai_pul li:nth-child(2) .rr h4,.ai_pul li:nth-child(3) .rr h4{ text-align:left; color:#815889; font-size:0.2rem; font-weight:normal; margin:4% 0}
.ai_pul li:nth-child(2) .rr span{ width:79.5%; float:left;  }
.ai_pul li:nth-child(2) img,.ai_pul li:nth-child(3) img{ float:left; width:53%; margin-left:3%}
.ai_pul li:nth-child(2) .rr span img{ width:100%; float:left;  }

.ai_pul li:nth-child(3) .rr span img{ width:95.5%}
.ai_pul li:nth-child(3) .rr span { width:100%}


.ai_pul li:nth-child(4) .rr{ float:left; width:50%; box-sizing:border-box; padding-left:2%; padding-top:0.7rem}
.ai_pul li:nth-child(4) .rr h4{ text-align:right; color:#815889; font-size:0.2rem; font-weight:normal; margin:4% 0}
.ai_pul li:nth-child(4) img{ float:left; width:44%; margin-left:5%}

.ai_pul li:nth-child(4) .rr span{ width:100%; float:left; }
.ai_pul li:nth-child(4) .rr span img{ width:94%; margin:0;}



.toplinks {width:50%;height:29px;display:block;position:absolute;right:2%;top:3%;z-index:100;text-aligN:right;}
.toplinks a {display:inline-block;width:40%;border-radius:0.1rem;text-align:center;font:0.2rem/1.6 "microsoft yahei";color:#fff;text-align:center;background:#00b7f0;margin-left:5px;}
.toplinks a.tl1 {background:#19934e;}