.w{width: 1250px;  margin: 0 auto; position: relative;}
.grid_box{background-color:#f5f5f5;padding:0 10%}
.grid_box .grid_tit{text-align: center;padding:91px 0 40px 0;}
.grid_box .grid_tit p:nth-child(1){font-size:30px;color:#333;}
.grid_box .grid_tit p:nth-child(2){font-size:14px;color:#666;margin-top:10px;}
.grid_box .sort_box{text-align: center;}
.grid_box .sort_box a{display: inline-block;padding:16px 35px 32px;margin-left:42px;}
.grid_box .sort_box a:hover{background-color:#e2e2e2;}
.grid_box .sort_box i{font-size:50px;color:#f77304;}
.grid_box .sort_box em{font-size:13px;color:#333;display: block;}
.fangan_box{float: left;width: 600px;  height: 380px;  margin-top: 20px;  padding-left: 170px;  background: #fff;  color: #999;  }
.fangan_box a{ color: #999;display: block}
.fangan_box:nth-child(even){ margin-left: 20px;}
.fangan_box .bg{  float: left;  width: 160px;  height: 360px;  margin-left: -170px;  padding: 20px;  color: #fff;  font-size: 18px;  font-weight: 700;  }
.fangan_box.n1 .bg{  background: #f6b022 url(../images/fangan.png) no-repeat;  }
.fangan_box.n1 .iconfont{  color: #f6b022;  }
.fangan_box.n2 .bg{  background: #f15c44 url(../images/fangan.png) no-repeat -180px 0;  }
.fangan_box.n2 .iconfont{  color: #f56449;  }
.fangan_box.n3 .bg{  background: #3e8ef0 url(../images/fangan.png) no-repeat -720px 0;  }
.fangan_box.n3 .iconfont{  color: #3e8ef0;  }
.fangan_box.n4 .bg{  background: #ffa02f url(../images/fangan.png) no-repeat -540px 0;  }
.fangan_box.n4 .iconfont{  color: #ffa02f;  }

.fangan_box .head{  position: relative;  height: 130px;  padding: 30px;  border-bottom: 1px solid #f2f2f2;}
.fangan_box .head .iconfont{  position: absolute;  right: 20px;  bottom: 10px;  font-size: 40px;  }
.fangan_box .tit, .fangan_box .t{  font-size: 14px;  color: #333333;  font-weight: 700;  padding-bottom: 10px;  }
.fangan_box .summ{  line-height: 22px;  }
.fangan_box .in{  position: relative;  float: left;  width: 200px;  height: 180px;  padding: 30px;
    border-top: 1px solid #f2f2f2;  }
.fangan_box .in:nth-child(odd){  width: 200px;  border-right: 1px solid #f2f2f2;}
.fangan_box .in:nth-child(1), .fangan_box .in:nth-child(2){  border-top: none;  }
.fangan_box .in:nth-child(1):hover{padding: 29px 30px 29px 29px;}
.fangan_box .in:nth-child(2):hover{padding: 29px;}
.fangan_box .in:nth-child(2):hover .iconfont{right:9px;}
.fangan_box .in .c{line-height: 22px;}
.fangan_box .in .iconfont{  position: absolute;  right: 10px;  bottom: 10px;  font-size: 40px;  }
.fangan_box .in:hover{padding:30px 30px 29px 29px;}
.fangan_box .in:hover .iconfont{bottom: 9px;}
.fangan_box .link{text-align: center;}
.fangan_box .link a{  float: left;  width: 138px;  height: 93px;  border-left: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;  color: #333;padding:0 1px 1px 0;}

.fangan_box .link img{  display: block;  width: 40px;  height: 40px;  border-radius: 15px;  margin: 20px auto 5px;  }
.fangan_box .link .more{  color: #f15c44;  line-height: 34px;  }
.fangan_box .link .iconfont{  display: block;  color: #fcd2cb;  font-size: 40px;  margin-top: 24px;  }
.fangan_box .link a:nth-child(1),.fangan_box .link a:nth-child(2),.fangan_box .link a:nth-child(3){border-top:0 none;padding:1px 1px 1px 0;}

.fangan_box .link a:hover{padding:0;}
.fangan_box .erp_ul li{  padding: 8px 0;  }
.fangan_box .erp_ul .iconfont{  float: left;  line-height: 19px;  margin-right: 5px;  }
.fangan_box .erp_ul span{  color: #333;  font-weight: 700;  margin-right: 15px;  }
.fangan_box .sample{padding: 30px;}
.fangan_box .sample a{float: left;padding:1px;margin:0 10px;}
.fangan_box .sample a:hover{padding:0;background-color: transparent;}
.fangan_box .sample .t{  padding-bottom: 20px;}
.fangan_box a:hover{background-color:#fff3ea;border:1px solid #ffd4b0!important;}
.fangan_box a.head:hover{padding:29px 29px 30px 29px;}
.fangan_box a.head:hover .iconfont{right:19px;}
.fangan_box .erp_a{ padding: 25px 1px 28px 30px;}
.fangan_box .erp_a:hover{padding: 24px 0 27px 29px;}
.case{margin-left:-8px;}
.case a{display: inline-block;width:190px;height:114px;margin:0 0 6px 8px;}
.case img{width: 100%;height:100%;}
.grid_box .case_more{text-align: center;margin-top:33px;}
.grid_box .case_more a{font-size:13px;color:#f77304;width:188px;text-align: center;display: inline-block;
    height:42px;line-height:42px;border:1px solid #f77304;}
.grid_box .case_more a:hover{background-color:#f77304;color:#fff;}
.grid_box .introduce,.grid_box .dynamic{float: left;}
.grid_box .introduce{width:411px;}
.grid_box .introduce p{font-size:12px;color:#666;line-height:29px;margin-top:10px;}
.grid_box .introduce a{color:#f77304;margin-left:10px;}
.grid_box .dynamic{width:324px;margin-left:70px;font-size:12px;}
.grid_box .dynamic .tit{font-weight:bold;}
.grid_box .dynamic .tit a{color:#333;}
.grid_box .dynamic ul{margin-top:10px;}
.grid_box .dynamic li{position:relative;padding-left:10px;line-height:32px;color:#666;}
.grid_box .dynamic li:before{content:'?¡è';display: inline-block;color:#999;position:absolute;left:0; top:0px;}
.grid_box .dynamic li a{color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;}
.grid_box .dynamic li a:hover{color:#f77304;}
.select_box{margin-left:-50px;padding:35px 0 99px;}
.select_box li{float:left;width: 16%;margin-left:50px;text-align: center;}
.select_box span{border:1px solid #dfdfdf;width:94px;height:94px;border-radius:50%;display: inline-block;
    text-align: center;}
.select_box i{color:#f77304;font-size:60px;margin-top:3px;display: inline-block;}
.select_box p:nth-child(2){color:#333;font-size:14px;margin-top:25px;}
.select_box p:nth-child(3){color:#999;font-size:12px;text-align:left;margin-top:10px;line-height:27px;}

@font-face {
    font-family: 'iconfont';  /* project id 265331 */
    src: url('//at.alicdn.com/t/font_265331_5jfifw2joy6.eot');
    src: url('//at.alicdn.com/t/font_265331_5jfifw2joy6.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_265331_5jfifw2joy6.woff') format('woff'),
    url('//at.alicdn.com/t/font_265331_5jfifw2joy6.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_265331_5jfifw2joy6.svg#iconfont') format('svg');
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-icon_weidian:before { content: "\e61d"; }

.icon-icon_wangpu:before { content: "\e61e"; }

.icon-icon_changxian:before { content: "\e61f"; }

.icon-icon_qianzheng:before { content: "\e620"; }
/*********** home/index end **********/