﻿.kecheng{width:1020px; margin:0 auto; padding-top:28px; padding-bottom:45px; }
.kecheng ul{  clear:both}
.kecheng ul li{ text-align:center; height:300px; float:left; width:226px; margin-right:38px;  position:relative; }
.kecheng ul li a{ position:relative; display:block; }
.kecheng ul li a img{ width:226px; height:134px; }
.kecheng ul li span.on{ position:absolute;   left:20px; top:126px;  width:15px; height:15px; background:#fff;  -webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);transform: rotateZ(45deg); }
.kecheng ul li strong.cl{ font-weight:bold; padding-top:20px; padding-bottom:10px; color:#607290; width:100%; text-align:center; font-size:16px; line-height:22px; height:44px; }
.kecheng ul li strong.cl a{ color:#607290;}
.kecheng ul li:hover strong.cl{color:#fff;background:#a1ce46;     }
.kecheng ul li:hover span.on{ background:#a1ce46 }
.kecheng ul li:hover strong.cl a{color:#fff;}

.kecheng ul li span.cl{margin-top:10px; border-radius:5px; padding-left:10px; padding-right:10px; display:inline-block; border:1px solid #d0e6a2; background:#a1ce46; color:#fff; text-align:center; font-size:14px; line-height:20px; }
.kecheng ul li p.cl{ padding-top:10px; padding-left:10px; padding-right:10px; display:inline-block;  color:#aeb9ca; text-align:center; font-size:14px; line-height:20px; }
.kecheng ul li a .xin{transition-duration: .5s; 
-moz-transition-duration: .5s; /* Firefox 4 */
-webkit-transition-duration: .5s; /* Safari 和 Chrome */
-o-transition-duration: .5s; /* Opera */
transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background; cursor:pointer; position:absolute; width:22px; height:22px; border-radius:22px; background:#a1ce46 url(../img/aixin.png) no-repeat; background-position:6px 8px ; text-align:center;  top:11px; right:11px; }
.kecheng ul li a .xin:hover{background:#ff688a url(../img/aixin.png) no-repeat; background-position:6px 8px ;}
.kecheng ul li span.num{ display:none }
.kecheng ul li:last-child{ margin-right:0px; }

.page{ padding-top:100px; padding-bottom:50px; text-align:center }
.page a{ display:inline-block; background:#fff; color:#aeb9ca; font-size:12px; margin-left:6px; margin-right:6px;width:15px; height:15px; line-height:15px;}
.page a.on{ background:#a1ce46; color:#fff; border-radius:15px;  text-align:center;  }
.page a:hover{ background:#a1ce46; color:#fff; border-radius:15px;  text-align:center;  }
.page a.next{display:inline-block; color:#fff; border-radius:15px; text-align:center;width:15px; height:15px; background:#a1ce46 url(../img/dj.png) no-repeat; background-position:4px 3px; }
/*qiehuan*/
.spdian{ padding-right:20px; }
.spdian span{ margin-left:2px; width:32px; margin-right:2px; }
.spdian .dian.on{ cursor:pointer; display:inline-block; background:#A2CE54 url(../img/dianheng_01.png) no-repeat; background-position:6px 7px; border-radius:5px; width:31px; height:30px; }
.spdian .heng{cursor:pointer; display:inline-block; background:#B7C2CD url(../img/dianheng_01.png) no-repeat; background-position:-37px 7px; border-radius:5px; width:31px; height:30px; }
.spdian .dian{ cursor:pointer; display:inline-block; background:#B7C2CD url(../img/dianheng_01.png) no-repeat; background-position:6px 7px; border-radius:5px; width:31px; height:30px; }
.spdian .heng.on{cursor:pointer; display:inline-block; background:#A2CE54 url(../img/dianheng_01.png) no-repeat; background-position:-37px 7px; border-radius:5px; width:31px; height:30px; }

.kecheng.on ul{margin:0px;  padding:0px;}
.kecheng.on ul li{ margin:0px;  padding:0px; height:135px;  float:left; width:48%;   margin-right:2%; border-top:1px solid #eceff3; border-bottom:1px solid #eceff3; overflow:hidden }
.kecheng.on ul li a.a img{ display:none; }
.kecheng.on ul li a.a{position:absolute; right:0px; top:45px; }
.kecheng.on ul li strong.cl{margin:0px;  padding:0px;padding-top:20px;  margin-bottom:10px; height:25px; float:left; text-align:left; background:url(../img/lsjo.png) no-repeat; padding-left:20px;  background-position:5px 23px; } 
.kecheng.on ul li:hover strong.cl{  color:#fff;background:#a1ce46 url(../img/ysj.png) no-repeat; background-size:8px 13px; padding-left:20px;  background-position:5px 23px;  }
.kecheng.on ul li:hover strong.cl a{color:#fff;}
.kecheng.on ul li:hover span.on{ display:none }
.kecheng.on ul li span.cl{margin:0px;  padding:0px;  padding-left:10px; padding-right:10px; float:left; text-align:left;}
.kecheng.on ul li p.cl{margin:0px;  padding:0px; float:left;text-align:left; padding-top:10px; }
.kecheng.on ul li p.cl span{ color:#a1ce46 }
.kecheng.on ul li span.num{ display:inline-block; position:absolute; right:50px; top:10px; color:#b6c1cd; font-size:12px; line-height:28px; }


