body {
  font-family: Microsoft Yahei, "Helvetica Neue", Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  background-color: #ffffff;
}
a,
a:hover,
.btn,
.btn:hover {
  text-decoration: none;
  outline: none;
}
    a, a:hover {
    color:#333;
    }
.label.label-success {
  cursor: pointer;
}
.label.label-success:hover {
  background: #30ab00!important;
  color: #ffffff!important;
}
.label.label-info {
  cursor: pointer;
}
.label.label-info:hover {
  background-color: #3283ce!important;
  color: #ffffff!important;
}
.label.label-warning:hover {
  background-color: #f27800!important;
  color: #ffffff!important;
}
.container {
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
}
#top {
  height: 40px;
  line-height: 40px;
  background-color: #e8e8e8;
}
#top .breadcrumb {
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
}
#top .breadcrumb > li + li:before {
  content: '|';
}
#top a {
  color: #777777;
}
#top a.wechat {
  margin-right: 28px;
}
#top a.wechat i.iconfont {
  font-size: 16px;
  color: #86c610;
}
header {
  background-color: #ffffff;
}
header .phone {
  text-align: right;
  line-height: 88px;
  color: #777777;
  font-size: 18px;
}
header .phone span {
  color: #f29200;
  font-weight: 700;
  margin-right: 40px;
}
header .phone span:last-child {
  margin-right: 0;
}
nav.navbar {
  background-color: #0076c0;
  margin-bottom: 0;
  border-radius: 0;
}
nav.navbar .navbar-nav > li.open > a,
nav.navbar .navbar-nav > li.open > a:hover,
nav.navbar .navbar-nav > li.open > a:focus {
  background-color: transparent;
}
nav.navbar .navbar-nav > li > a {
  color: #fff;
  font-size: 18px;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
}
nav.navbar .navbar-nav > li > a:focus,
nav.navbar .navbar-nav > li > a:hover {
  background-color: #0076c0;
  color: #ffcc01;
  text-decoration: none;
}
nav.navbar .navbar-nav > li.active > a {
  background-color: #0076c0;
  color: #ffcc01;
}
@media (min-width: 768px) {
  nav.navbar .navbar-nav > li {
    float: none;
  }
}
nav.navbar .navbar-nav .dropdown-menu {
  min-width:120px;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  text-align: center;
  background-color: white;
}
nav.navbar .navbar-nav .dropdown-menu > li > a {
  display: block;
  text-align: center;
  padding: 0;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  color: black;
  border-bottom: 1px solid #dfdfdf;
}

nav.navbar .navbar-nav .dropdown-menu > li:last-child a
{
    border:0;
}

nav.navbar .navbar-nav .dropdown-menu > li > a:hover,
nav.navbar .navbar-nav .dropdown-menu > li > a:focus {
  color: #f60;
  background-color: transparent;
}
nav.navbar .navbar-nav .dropdown-menu:after {
  position: absolute;
  left: 50%;
  top: -16px;
  width: 20px;
  height: 16px;
  margin-left: -10px;
  /*background: url(../img/arrow-menu.png) no-repeat center bottom;*/
  content: '';
}
.nav-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: 182px;
  overflow: hidden;
  z-index: 12;
}
.nav-dropdown .col-xs-3 {
  background-color: #061017;
}
.nav-dropdown .col-xs-3 ul {
  list-style: none;
  margin: 0;
  padding: 0 16px;
}
.nav-dropdown .col-xs-3 ul li {
  border-bottom: #42494e 1px solid;
}
.nav-dropdown .col-xs-3 ul li:last-child {
  border-bottom: 0;
}
.nav-dropdown .col-xs-3 ul li a {
  display: block;
  color: #fff;
  font-size: 18px;
  height: 95px;
  line-height: 95px;
  cursor: pointer;
  text-decoration: none;
}
.nav-dropdown .col-xs-3 ul li a span {
  float: right;
}
.nav-dropdown .col-xs-3 ul li a i.iconfont {
  border: #fff 1px solid;
  border-radius: 50%;
  padding: 4px;
}
.banner {
  position: relative;
  background-color: #3e9fea;
}
.banner ul.banner-dropdown {
  list-style: none;
  margin: 0;
  padding: 0 16px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  width: 230px;
  height: 380px;
  z-index: 99;
  background-color: #061017;
}
.banner ul.banner-dropdown li {
  border-bottom: #42494e 1px solid;
  padding: 22.5px 0;
}
.banner ul.banner-dropdown li:last-child {
  border-bottom: 0;
}
.banner ul.banner-dropdown li a {
  display: block;
  color: #fff;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-decoration: none;
  padding-left: 48px;
  background: url(../img/indexicons.png) no-repeat;
  overflow: hidden;
}
.banner ul.banner-dropdown li a.icon-bigdata {
  background-position: 0 0;
}
.banner ul.banner-dropdown li a.icon-html5 {
  background-position: 0 -50px;
}
.banner ul.banner-dropdown li a.icon-ui {
  background-position: 0 -100px;
}
.banner ul.banner-dropdown li a.icon-internet {
  background-position: 0 -152px;
}
.banner ul.banner-dropdown li a:hover {
  color: #ffcc01;
}
.banner ul.banner-dropdown li a span {
  float: right;
}
.banner .item {
  text-align: center;
}
.banner .item a {
  display: block;
  text-align: center;
  height: 380px;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner .item img {
  display: inline-block;
  height: 380px;
}
.banner .carousel-indicators {
  bottom: 0;
}
.banner .carousel-indicators li {
  background-color: #fff;
  background-position: center center;
  background-size: auto 100%;
  transition: width 0.5s;
}
.banner .carousel-indicators li.active {
  width: 30px;
}
.section-news {
  padding: 20px 0;
}
.section-news .news-header {
  border-bottom: #d2d2d2 1px solid;
}
.section-news .news-header h4 {
  display: inline-block;
  position: relative;
  margin: 0;
  font-size: 25px;
  line-height: 58px;
}
.section-news .news-header h4:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #0076c0;
  content: '';
}
.section-news .news-header .more {
  float: right;
  color: #777777;
  margin-top: 30px;
}
.section-news .brick {
  margin-top: 16px;
}
.section-news .brick li {
  padding-top: 10px;
}
.section-news .brick a {
  display: block;
  color: #fff;
  border: 0;
}
.section-news .brick a i.icon-ui,
.section-news .brick a i.icon-bigdata,
.section-news .brick a i.icon-html5,
.section-news .brick a i.icon-internet,
.section-news .brick a i.icon-websit ,
.section-news .brick a i.icon-qyhdata{
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url(../img/indexicons.png) no-repeat;
}
.section-news .brick a i.icon-qyhdata {
    background-image: url(../img/weixinqiyehaoqy.png);
    background-repeat:no-repeat;
    background-position:center;

    /*background-position: 0 -200px;*/
}
.section-news .brick a i.icon-bigdata {
    background-image: url(../img/zxqy_wx.png);
    background-repeat:no-repeat;
    background-position:center;

    /*background-position: 0 -200px;*/
}
.section-news .brick a i.icon-bigdata {
    background-image: url(../img/zxqy_wx.png);
    background-repeat:no-repeat;
    background-position:center;

    /*background-position: 0 -200px;*/
}
.section-news .brick a i.icon-html5 {
    background-image: url(../img/zxqy_h5.png);
    background-repeat:no-repeat;
    background-position:center;
  /*background-position: 0 -250px;*/
}
.section-news .brick a i.icon-ui {
    background-image: url(../img/zxqy_app.png);
    background-repeat:no-repeat;
    background-position:center;
  /*background-position: 0 -300px;*/
}
.section-news .brick a i.icon-internet {
    background-image: url(../img/zxqy_web.png);
    background-repeat:no-repeat;
    background-position:center;
  /*background-position: 0 -350px;*/
}
.section-news .brick a i.icon-websit {
    background-image: url(../img/zxqy_rj.png);
    background-repeat:no-repeat;
    background-position:center;
  /*background-position: 0 -350px;*/
}
.section-news .brick a:hover,
.section-news .brick a:focus,
.section-news .brick a:active,
.section-news .brick a:visited {
  background-color: transparent;
}
.section-news .brick a p {
  margin-top: 10px;
}
.section-news .brick .bg-blue {
  background-color: #488fe1;
}
.section-news .brick .bg-sblue {
  background-color: #0099FF;
}
.section-news .brick .bg-orange {
  background-color: #fe9059;
}
.section-news .brick .bg-violet {
  background-color: #9885cc;
}
.section-news .brick .bg-green {
  background-color: #7ccc7a;
}
.section-news .brick .bg-pink {
  background-color: #ff80c0;
}
.section-news .list {
  margin-top: 20px;
}
.section-news .list a {
  color: #000000;
  display: block;
  height: 33px;
  line-height: 33px;
  position: relative;
}
.section-news .list a span {
  float: right;
  color: #999898;
  font-size: 12px;
}
.section-news .list a span.label {
  font-size: 14px;
  font-weight: normal;
  background: transparent;
  transition: all .2s;
  margin-top: 4px;
  margin-left: 4px;
  border-radius: 0;
}
.section-news .list a span.label.label-success {
  color: #30ab00;
  border: #30ab00 1px solid;
}
.section-news .list a span.label.label-info {
  color: #3283ce;
  border: #3283ce 1px solid;
}
.section-news .list a span.label.label-warning {
  color: #f27800;
  border: #f27800 1px solid;
}
.section-news .news-flash {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-news .news-flash a {
  display: block;
  color: #434343;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-header {
  text-align: center;
}
.section-header h4 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 8px 0;
  color: #000000;
  font-size: 34px;
}
.section-header h4:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background-color: #00a0e9;
}
.section-header p {
  color: #777777;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 10px;
}
.section-major {
  height: 556px;
  padding: 40px 0;
  background: url("../img/s-major1.jpg") no-repeat center center;
  overflow: hidden;
}
.section-major .section-header h4 {
  color: #fff;
}
.section-major .section-header h4:before {
  background-color: #fff;
}
.section-major .section-header p {
  color: #fff;
}
.section-major .section-content {
  margin-top: 30px;
}
.section-major .section-content .nav-tabs.nav-justified > li {
  padding: 0 20px;
}
.section-major .section-content .nav-tabs.nav-justified > li a {
  border: #fdb00b 1px solid;
  border-radius: 30px;
  color: #fdb00b;
}
.section-major .section-content .nav-tabs.nav-justified > li.active a,
.section-major .section-content .nav-tabs.nav-justified > li:hover a,
.section-major .section-content .nav-tabs.nav-justified > li:focus a,
.section-major .section-content .nav-tabs.nav-justified > li:visited a,
.section-major .section-content .nav-tabs.nav-justified > li:active a {
  background-color: #fdb00b;
  border-color: #fdb00b;
  color: #fff;
}
.section-major .section-content .item {
  height: 268px;
  text-align: center;
  color: #fff;
  padding: 30px 0 0 0;
  overflow: hidden;
}
.section-major .section-content .item p {
  margin-bottom: 0;
  line-height: 20px;
}
.section-major .section-content .item i {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  background: url(../img/homeicons.png) no-repeat 0 10px;
}
.section-major .section-content .item i.icon01 {
  background-position: 0 10px;
}
.section-major .section-content .item i.icon02 {
  background-position: -72px 10px;
}
.section-major .section-content .item i.icon03 {
  background-position: -144px 10px;
}
.section-major .section-content .item i.icon04 {
  background-position: -216px 10px;
}
.section-major .section-content .item i.icon05 {
  background-position: -288px 10px;
}
.section-major .section-content .item i.icon06 {
  background-position: -360px 10px;
}
.section-major .section-content .item i.icon07 {
  background-position: -432px 10px;
}
.section-major .section-content .item .item-bg-blue {
  margin: 10px 0;
  height: 120px;
  background: url("../img/s-major-blue.png") no-repeat center center;
}
.section-major .section-content .item .item-bg-yellow {
  margin: 10px 0;
  height: 120px;
  background: url("../img/s-major-yellow.png") no-repeat center center;
}
.section-major .section-content .item .item-bg-red {
  margin: 10px 0;
  height: 120px;
  background: url("../img/s-major-red.png") no-repeat center center;
}
.section-major .section-content .item .item-bg-green {
  margin: 10px 0;
  height: 120px;
  background: url("../img/s-major-green.png") no-repeat center center;
}
.section-major .section-content .item .item-bg-pink {
  margin: 10px 0;
  height: 120px;
  background: url("../img/s-major-pink.png") no-repeat center center;
}
.section-major .section-content .item .item-bg-lightblue {
  margin: 10px 0;
  height: 120px;
  background: url("../img/s-major-lightblue.png") no-repeat center center;
}
.section-major .section-content .entrance a {
  font-size: 18px;
  display: inline-block;
  color: #fff;
  padding: 10px 90px;
  background-color: #0076c0;
}
.section-internet-table,
.section-job {
  padding: 40px 0;
  background-color: #f1f1f1;
}
.section-internet-table .section-content,
.section-job .section-content {
  position: relative;
  overflow: hidden;
}
.section-internet-table .table-container,
.section-job .table-container {
  position: relative;
  height: 332px;
  overflow: hidden;
  margin-bottom: 20px;
}
.section-internet-table .table,
.section-job .table {
  z-index: 99;
}
.section-internet-table .table .tbody,
.section-job .table .tbody {
  visibility: hidden;
}
.section-internet-table .table .tbody td,
.section-job .table .tbody td {
  border: transparent;
}
.section-internet-table .table-copy,
.section-job .table-copy {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  z-index: 0;
}
.section-internet-table .table-animate,
.section-job .table-animate {
  z-index: 1;
}
.section-internet-table .table-animate tbody,
.section-job .table-animate tbody {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.section-internet-table td,
.section-job td,
.section-internet-table th,
.section-job th {
  text-align: center;
}
.section-internet-table th,
.section-job th {
  font-weight: normal;
  background-color: #00a0e9;
  color: #fff;
}
.section-internet-table td,
.section-job td {
  color: #777777;
}
.section-internet-table tr,
.section-job tr {
  background-color: #fff;
}
.section-internet-table .table-striped > tbody > tr.even,
.section-job .table-striped > tbody > tr.even {
  background-color: #fff;
}
.section-internet-table .table-striped > tbody > tr.odd,
.section-job .table-striped > tbody > tr.odd {
  background-color: #e5f5fc;
}
.section-internet-table .more,
.section-job .more {
  display: inline-block;
  padding: 6px 70px;
  color: #00a0e9;
  border: #00a0e9 1px solid;
  border-radius: 30px;
  font-size: 20px;
  transition: all 0.5s;
}
.section-internet-table .more:hover,
.section-job .more:hover {
  background-color: #00a0e9;
  color: #fff;
}
.section-salary {
  padding: 40px 0;
  background-color: #ffffff;
}
.section-salary .col-xs-3 {
  padding-left: 10px;
  padding-right: 10px;
}
.section-salary .item {
  padding: 0 50px;
}
.section-salary .item a {
  display: block;
  color: #434343;
  font-size: 16px;
  padding-bottom: 20px;
}
.section-salary .item a img {
  width: 100%;
  margin-bottom: 12px;
}
.section-salary .item a .text-muted {
  color: #9c9c9c;
  font-size: 14px;
}
.section-salary .item p {
  margin-bottom: 0;
}
.section-salary .carousel-control {
  text-shadow: none;
  background: none;
  width: 26px;
  height: 100px;
  line-height: 100px;
  top: 50%;
  margin-top: -50px;
  background-color: #efefef;
  text-align: center;
  color: #fff;
}
.section-salary .carousel-control .iconfont {
  font-size: 32px;
}
.carousel-control {
  text-shadow: none;
  width: 30px;
  height: 100px;
  line-height: 100px;
  top: 50%;
  margin-top: -50px;
  text-align: center;
  opacity: 1;
  color: #f1f1f1;
}
.carousel-control:hover {
  opacity: 1;
}
.carousel-control .iconfont {
  font-size: 32px;
}
.carousel-control.left {
  left: 0;
}
.carousel-control.right {
  right: 0;
}
.section-student {
  padding: 40px 0;
  background-color: #f1f1f1;
}
.section-student .section-content {
  padding: 20px 10px 0;
}
.section-student .section-content a {
  padding: 20px 0 0;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.section-student .section-content a img {
  width: 168px;
  height: 168px;
  border-radius: 50%;
}
.section-student .section-content a h4 {
  font-size: 20px;
  color: #434343;
  margin: 20px 0;
}
.section-student .section-content a div.quote {
  position: relative;
  padding: 40px;
  color: #c6c5c5;
}
.section-student .section-content a div.quote:before,
.section-student .section-content a div.quote:after {
  position: absolute;
  width: 32px;
  height: 32px;
  background: url(../img/quote-left.png) no-repeat center center;
}
.section-student .section-content a div.quote:before {
  left: 20px;
  top: 0;
  content: '';
}
.section-student .section-content a div.quote:after {
  bottom: 0;
  right: 20px;
  content: '';
  background: url(../img/quote-right.png) no-repeat center center;
}
.section-student .section-content a div.text {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  transition: top 0.3s;
  background-color: rgba(0, 160, 233, 0.8);
  color: #fff;
  padding: 30px;
  line-height: 24px;
}
.section-student .section-content a:hover div.text {
  top: 0;
}
.section-student .section-content p.text-center {
  margin: 0;
}
.section-student .section-content .more {
  display: inline-block;
  padding: 6px 70px;
  color: #00a0e9;
  border: #00a0e9 1px solid;
  border-radius: 30px;
  font-size: 20px;
  margin-top: 40px;
  transition: all 0.5s;
}
.section-student .section-content .more:hover {
  background-color: #00a0e9;
  color: #fff;
}
.section-testimonials {
  background-color: #fff;
  padding: 40px 0;
}
.section-testimonials ul {
  list-style: none;
  margin: 0;
  padding: 20px 0;
}
.section-testimonials ul li {
  width: 20%;
  float: left;
}
.section-testimonials ul li a {
  display: block;
  padding: 4px;
}
.section-testimonials ul li a img {
  width: 100%;
}
.section-testimonials .more {
  display: inline-block;
  padding: 6px 70px;
  color: #00a0e9;
  border: #00a0e9 1px solid;
  border-radius: 30px;
  font-size: 20px;
  margin-top: 20px;
  transition: all 0.5s;
}
.section-testimonials .more:hover {
  background-color: #00a0e9;
  color: #fff;
}
.section-expert {
  background-color: #f1f1f1;
  padding: 40px 0;
}
.section-expert ul {
  list-style: none;
  margin: 0;
  padding: 20px 0;
}
.section-expert ul li {
  background-color: #373737;
  float: left;
  width: 16.66666666666666%;
  height: 408px;
  position: relative;
  overflow: hidden;
}
.section-expert ul li .relative .text {
  width: 0;
  float: left;
  color: #fff;
  padding: 20px 10px;
  transition: all 0.4s;
}
.section-expert ul li .relative img {
  width: 100%;
  float: right;
  transition: all 0.2s;
}
.section-expert ul li .relative .bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0 10px;
  transition: all 0.2s;
}
.section-expert ul li.active {
  width: 33.33333333333333%;
}
.section-expert ul li.active .text {
  width: 50%;
}
.section-expert ul li.active img {
  width: 50%;
}
.section-expert ul li.active .bottom {
  top: 100%;
}
.section-expert ul li:nth-child(odd) {
  background-color: #474646;
}
.section-expert .more {
  display: inline-block;
  padding: 6px 70px;
  color: #00a0e9;
  border: #00a0e9 1px solid;
  border-radius: 30px;
  font-size: 20px;
  margin-top: 40px;
  transition: all 0.5s;
}
.section-expert .more:hover {
  background-color: #00a0e9;
  color: #fff;
}
.section-cooperation {
  background-color: #fff;
  padding: 40px 0;
}
.section-cooperation .section-tab {
  text-align: center;
}
.section-cooperation .section-tab .nav {
  width: 460px;
  margin: 0 auto;
}
.section-cooperation .section-tab li a {
  font-size: 34px;
  background-color: #fff;
  color: #00a0e9;
  border: #00a0e9 1px solid;
  border-radius: 0;
}
.section-cooperation .section-tab li.active a,
.section-cooperation .section-tab li.active a:hover,
.section-cooperation .section-tab li.active a:focus {
  background-color: #00a0e9;
  color: #fff;
  border: #00a0e9 1px solid;
}
.section-cooperation .tips {
  margin: 20px 0;
  text-align: center;
  color: #e60012;
  font-size: 20px;
}
.section-cooperation .tips-grey {
  margin: 20px 0;
  text-align: center;
  color: #434343;
  font-size: 20px;
}
.section-cooperation .col-sm-2 {
  margin-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
}
.section-cooperation .col-sm-2 a {
  display: block;
  background: url(../img/logobg.png) no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  padding: 5px;
}
.section-cooperation .col-sm-2 a img {
  width: 100%;
}
.section-cooperation .question {
  margin-top: 30px;
  border-top: #d1d1d1 1px dashed;
  padding: 30px 0;
}
.section-cooperation .question h4 {
  color: #000000;
  font-size: 20px;
  margin: 0 0 20px;
}
.section-cooperation .question h4 a {
  font-size: 14px;
  margin-top: 10px;
  float: right;
  color: #000000;
}
.section-cooperation .question ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-cooperation .question ul li {
  line-height: 30px;
}
.section-cooperation .question ul li a {
  line-height: 28px;
  color: #434343;
}
.section-cooperation .question ul li span a {
  padding: 0 6px;
  line-height: 24px;
  display: inline-block;
  background-color: #e60012;
  color: #fff;
}
.section-photo {
  padding: 40px 0;
  background-color: #f1f1f1;
}
.section-photo .section-content {
  padding: 20px 0 0;
}
.section-photo .section-content > p {
  margin: 0;
}
.section-photo .col-xs-3 {
  padding-left: 8px;
  padding-right: 8px;
}
.section-photo .item a {
  display: block;
  position: relative;
  overflow: hidden;
}
.section-photo .item a img {
  width: 100%;
}
.section-photo .item a .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px;
  transition: bottom 0.2s;
}
.section-photo .item a:hover .text {
  bottom: 0;
}
.section-photo .more {
  display: inline-block;
  padding: 6px 70px;
  color: #00a0e9;
  border: #00a0e9 1px solid;
  border-radius: 30px;
  font-size: 20px;
  margin-top: 40px;
  transition: all 0.5s;
}
.section-photo .more:hover {
  background-color: #00a0e9;
  color: #fff;
}
.section-tips {
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #434343;
  background-color: #fff;
}
.section-tips i.iconfont {
  font-size: 18px;
}
.section-tips li {
  position: relative;
}
.section-tips li + li:before {
  position: absolute;
  top: 15px;
  left: 0;
  width: 1px;
  height: 20px;
  content: '';
  background-color: #434343;
}
footer {
  padding: 50px 0;
  background-color: #616060;
  color: #fff;
}
footer dl {
  padding-left: 20px;
}
footer dl.dl-horizontal dd {
  margin-left: 80px;
}
footer dl.dl-horizontal dt {
  width: 80px;
}
footer .border-right {
  border-right: #313030 1px solid;
}
footer .col-xs-3 {
  width: 30%;
}
footer .col-xs-9 {
  width: 70%;
}
footer .col-xs-4 + .col-xs-4:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 1px;
  content: '';
  background-color: #313030;
}
footer .row p {
    text-align:center;
}
footer .row p a{
    color: #fff;
    display: inline-block;
    margin: 0 8px;
}

footer .copyright {
  margin-top: 15px;
  padding-top: 20px;
  border-top: #313030 1px solid;
  text-align: center;
}
footer .copyright a {
  color: #fff;
  display: inline-block;
  margin: 0 4px;
}
.banner-emp {
  height: 621px;
  background: url("../img/banner-emp.jpg") no-repeat center center;
  padding-top: 265px;
}
.banner-emp .text {
  height: 110px;
  padding: 10px 20px;
  line-height: 30px;
  background-color: #17c176;
  text-indent: 2em;
  color: #fff;
}
.banner-emp .container {
  padding: 0 50px;
}
.banner-emp .item {
  margin-top: 20px;
  padding: 0 20px 0 100px;
  color: #737373;
  line-height: 28px;
  height: 72px;
}
.banner-emp .item.item-red {
  background: url("../img/emp1.png") no-repeat 10px center;
}
.banner-emp .item.item-green {
  background: url("../img/emp2.png") no-repeat 10px center;
}
.banner-emp .item.item-blue {
  background: url("../img/emp3.png") no-repeat 10px center;
}
.banner-emp .buttons {
  text-align: center;
  margin-top: 68px;
}
.banner-emp .buttons a {
  width: 166px;
  height: 43px;
  line-height: 43px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  margin: 0 40px;
  text-align: center;
}
.banner-emp .buttons .apply {
  background: url("../img/emp-btn1.png") no-repeat center center;
}
.banner-emp .buttons .consultation {
  background: url("../img/emp-btn2.png") no-repeat center center;
}
.section-inenterprises {
  padding: 40px 0;
  background-color: #fff;
}
.section-inenterprises .section-content {
  text-align: center;
  padding-top: 20px;
}
.section-inenterprises .section-content img {
  width: 149px;
  height: 70px;
}
.section-inenterprises .section-content .middle img {
  width: 80px;
}
.section-howsalary {
  padding: 40px 0;
  background-color: #f1f1f1;
}
.section-howsalary .list {
  margin-top: 20px;
  padding: 0 100px;
}
.section-howsalary .list .col-md-6 {
  margin-bottom: 10px;
}
.section-howsalary .list .media-body {
  padding-top: 10px;
}
.section-howsalary .list a {
  color: #000000;
}
.section-whysalary {
  padding: 40px 0;
  background-color: #fff;
  position: relative;
}
.section-whysalary .circle {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  height: 120px;
  border: #fff 3px solid;
  border-radius: 50%;
  font-size: 30px;
  padding: 20px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
.section-whysalary .text {
  padding: 60px 30px 20px;
  color: #fff;
  height: 240px;
}
.section-whysalary .item {
  padding-top: 60px;
  margin-top: 20px;
}
.section-whysalary .item h4 {
  text-align: center;
}
.section-whysalary .item.item-violet .circle {
  background-color: #dd20c0;
}
.section-whysalary .item.item-violet .text {
  background-color: #dd20c0;
}
.section-whysalary .item.item-blue .circle {
  background-color: #2ba9c8;
}
.section-whysalary .item.item-blue .text {
  background-color: #2ba9c8;
}
.section-whysalary .item.item-green .circle {
  background-color: #20dd3b;
}
.section-whysalary .item.item-green .text {
  background-color: #20dd3b;
}
.section-whysalary .item.item-yellow .circle {
  background-color: #e0ca13;
}
.section-whysalary .item.item-yellow .text {
  background-color: #e0ca13;
}
.banner-course {
  height: 764px;
  background: url("../img/banner-course.jpg") no-repeat center center;
}
.section-expert-main {
  background-color: #46a58f;
  color: #fff;
  text-align: center;
}
.section-expert-main h3 {
  margin: 0;
  padding: 0 0 20px;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
.section-expert-main .title {
  font-size: 30px;
}
.section-expert-main .split {
  margin: 20px 0;
  position: relative;
}
.section-expert-main .split:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 0;
  border-top: #85c4b5 1px solid;
  content: '';
}
.section-expert-main .split span {
  display: inline-block;
  background-color: #fff;
  color: #46a58f;
  padding: 8px 20px;
  z-index: 1;
  position: relative;
}
.section-expert-main .iconfont {
  font-size: 80px;
  border: #fff 2px solid;
  border-radius: 50%;
  padding: 6px;
}
.section-expert-main .list {
  text-align: left;
  padding: 0 20px;
}
.section-expert-main .list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-expert-main .list li {
  height: 32px;
  line-height: 32px;
}
.section-expert-main .list a {
  color: #fff;
  line-height: 32px;
}
.section-expert-main .list a.label {
  margin-left: 20px;
  line-height: 24px;
  color: #faf104;
  border: #faf104 1px solid;
  background-color: transparent;
  border-radius: 0;
}
.section-expert-main .list span {
  float: right;
  color: #dcdcdc;
}
.section-expert-main > .container {
  padding: 40px 0;
}
.section-expert-main .even {
  background-color: #399983;
  padding: 40px 0;
}
.section-expert-main .phone img {
  width: 100%;
}
.section-expert-main .flex {
  display: table;
  width: 100%;
}
.section-expert-main .flex .flexitem {
  display: table-cell;
  width: 1%;
}
.section-expert-main .flex .iconfont {
  border: 0;
}
.section-expert-main .flex h4 {
  font-size: 22px;
  margin: 10px 0;
}
.section-expert-main .flex ul {
  list-style: none;
  margin: 0;
  text-align: left;
  padding: 0 0 0 30px;
}
.section-expert-main .qqgroup {
  padding: 0 60px;
}
.section-expert-main .qqgroup ul {
  list-style: none;
  margin: 0;
  padding: 0 40px;
}
.section-expert-main .qqgroup ul li {
  line-height: 30px;
  font-size: 16px;
}
.section-expert-main .qqgroup ul li a {
  font-size: 16px;
  line-height: 28px;
  color: #434343;
}
.section-expert-main .qqgroup ul li span a {
  margin-left: 10px;
  padding: 0 6px;
  line-height: 24px;
  display: inline-block;
  background-color: #e60012;
  color: #fff;
}
.articles {
  padding: 30px 0;
  background-color: #f1f1f1;
}
.articles .container {
  background-color: #fff;
}
.articles .main {
  padding: 0 0 20px;
  border-right: #dcdcdc 1px solid;
}
.articles .main .breadcrumb {
  border-bottom: #dcdcdc 1px solid;
  margin-bottom: 0;
  background-color: #fff;
}
.articles .main .breadcrumb .current {
  color: #777777;
}
.articles .main .breadcrumb > li + li:before {
  content: '>';
}
.articles .main .breadcrumb > li.current + li:before {
  content: ':';
}
.articles .main .breadcrumb a {
  color: #000;
}
.articles .main .list {
  padding: 20px;
}
.articles .main .list .media {
  padding-bottom: 20px;
  border-bottom: #dcdcdc 1px solid;
  margin-bottom: 20px;
}
.articles .main .list .media-left img {
  width: 158px;
  height: 113px;
}
.articles .main .list h4.media-heading {
  margin-bottom: 18px;
}
.articles .main .list .date {
  color: #0076c0;
}
.articles .main .pagination > li {
  display: inline-block;
}
.articles .main .adv a {
  display: block;
  padding: 0 10px;
}
.articles .main .adv a img {
  width: 100%;
}
.articles .sidebar {
  margin-left: -1px;
  border: 0;
  padding: 0;
}
.articles .sidebar .widget {
  border: #dcdcdc 1px solid;
  padding: 10px 10px 0 10px;
  margin-bottom:20px;
}
.articles .sidebar .widget .widget-header {
  font-size: 18px;
  color: #000000;
  margin-bottom: 10px;
}
.articles .sidebar .widget .widget-header span {
  display: inline-block;
  padding-left: 10px;
  position: relative;
}
.articles .sidebar .widget .widget-header span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background-color: #0076c0;
}
.articles .sidebar .widget-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.articles .sidebar .widget-info li {
  border-bottom: #e5e5e5 1px solid;
}
.articles .sidebar .widget-info li:last-child {
  border-bottom: 0;
}
.articles .sidebar .widget-info a {
  color: #434343;
  display: block;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
}
.articles .sidebar .widget-info span {
  float: right;
  font-size: 12px;
  color: #999898;
}
.articles .sidebar .widget-info span.label {
  font-size: 14px;
  line-height: 24px;
  padding: 0 3px;
  background: transparent;
  margin-top: 4px;
  margin-left: 4px;
  border-radius: 0;
}
.articles .sidebar .widget-info span.label.label-success {
  color: #30ab00;
  border: #30ab00 1px solid;
}
.articles .sidebar .widget-info span.label.label-info {
  color: #3283ce;
  border: #3283ce 1px solid;
}
.articles .sidebar .widget-info span.label.label-warning {
  color: #f27800;
  border: #f27800 1px solid;
}
.articles .sidebar .widget-news ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.articles .sidebar .widget-news ul:before {
  position: absolute;
  top: 10px;
  left: 5px;
  bottom: 10px;
  width: 1px;
  background-color: #eeeeee;
  content: '';
}
.articles .sidebar .widget-news li {
  height: 36px;
  line-height: 36px;
}
.articles .sidebar .widget-news li:last-child {
  border-bottom: 0;
}
.articles .sidebar .widget-news a {
  display: block;
  position: relative;
  color: #434343;
  padding-left: 20px;
}
.articles .sidebar .widget-news a:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  color: #fdc364;
  font-family: iconfont;
  content: '\e60b';
}
.articles .sidebar .widget-relate ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.articles .sidebar .widget-relate ul a {
  color: #00588f;
}
.detail {
  padding: 20px;
}
.detail .container {
  background-color: #fff;
}
.detail .title {
  color: #000000;
  font-size: 22px;
  margin: 0 0 10px;

}
.detail .info {
  color: #7b7b7b;
}
.detail .info span {
  display: inline-block;
  margin-right: 40px;
  position: relative;
  height: 20px;
  padding-left: 24px;
}
.detail .info span i:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  content: '';
  background: url("../img/detailicons.png") no-repeat 0 0;
}
.detail .info span .icon-shijian:before {
  background-position: 0 0;
}
.detail .info span .icon-edit:before {
  background-position: 0 -20px;
}
.detail .info span .icon-yonghu:before {
  background-position: 0 -40px;
}
    .detail .editorcontent {
        clear:both;
        padding: 20px 0;
        padding-top: 40px;
        overflow-x: hidden;
    }
.detail .share {
  padding: 10px 0;
}
.detail .share .collection {
  border: #ff0000 1px solid;
  border-radius: 3px;
  color: #ff0000;
  padding: 4px 12px;
}
.detail .share .share-icons i.iconfont {
  font-size: 28px;
}
.detail .share .share-icons a.wechat i.iconfont {
  color: #39b41c;
}
.detail .share .share-icons a.weibo i.iconfont {
  color: #d04341;
}
.detail .share .share-icons a.qzone i.iconfont {
  color: #ffcd07;
}
.detail .sidebar {
  border: 0;
  padding: 20px 0;
}
.detail .sidebar a {
  display: block;
  line-height: 36px;
  color: #00588f;
}
.detail .widget-header {
  font-size: 24px;
}
.detail .pager {
  text-align: left;
  color: #777777;
}
.detail .pager a {
  color: #000;
}
.banner-expert {
  height: 480px;
  background: url("../img/banner-expert.jpg") no-repeat center center;
}
.expert {
  /*padding: 40px 0;*/
  text-align: center;
  /*background-color: #F1F1F1;*/
}
.expert .nav li {
  display: inline-block;
}
  .expert .pagination li.pgEmpty {
        display: none;
    }
.expert .nav li.active a {
  background-color: #fdb00b;
  color: #fff;
}
.expert .nav a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 160px;
  text-align: center;
  font-size: 18px;
  color: #fdb00b;
  border: #fdb00b 1px solid;
  border-radius: 50px;
  margin: 0 10px 20px;
  padding: 0;
}
.expert .tab-pane ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.expert .tab-pane ul li {
  padding-top: 30px;
  margin-bottom: 30px;
  position: relative;
}
.expert .tab-pane ul li .img {
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 20px;
  width: 276px;
}
.expert .tab-pane ul li .img img {
  width: 100%;
  height: 100%;
}
.expert .tab-pane ul li .text {
  padding: 20px 200px 20px 318px;
  height: 308px;
  background-color: #fff;
  text-align: left;
}
.expert .tab-pane ul li .text h4 {
  font-weight: 700;
}
.expert .tab-pane ul li .text h4 span {
  font-weight: normal;
}
.expert .tab-pane ul li .text h4 span.post {
  display: inline-block;
  width: 121px;
  height: 31px;
  line-height: 31px;
  padding-left: 20px;
  background: url("../img/expert-post.jpg") no-repeat center center;
  color: #fff;
}
.expert .tab-pane ul li .buttons {
  position: absolute;
  top: 130px;
  right: 20px;
  width: 160px;
  text-align: center;
}
.expert .tab-pane ul li .buttons a {
  display: inline-block;
  color: #fff;
  padding: 8px 36px;
}
.expert .tab-pane ul li .buttons .consultation {
  background-color: #f29406;
}
.expert .tab-pane ul li .buttons .details {
  background-color: #00a0e9;
  margin-top: 20px;
}
.expert .pagination li {
  display: inline-block;
}
.banner-recollections {
  height: 1071px;
  background: url("../img/banner-recollections.jpg") no-repeat center center;
}
.recollections {
  background-color: #F1F1F1;
}
.recollections ul {
  list-style: none;
  margin: 0;
  padding: 60px 0 0;
}
.recollections ul li {
  margin-bottom: 60px;
  position: relative;
}
.recollections ul li .fc-yellow {
  color: #f4d60e;
}
.recollections ul li .img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 370px;
  overflow: hidden;
}
.recollections ul li .img img {
  width: 100%;
}
.recollections ul li .img .row {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  transition: all 0.4s;
  padding: 24px 8px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 28px;
}
.recollections ul li .img .row .col-xs-6 {
  padding-right: 0;
}
.recollections ul li .img:hover .row {
  bottom: 0;
}
.recollections ul li .text {
  background-color: #fff;
  padding: 100px 40px 20px 400px;
  height: 380px;
  position: relative;
}
.recollections ul li .text .relative {
  position: relative;
}
.recollections ul li .text .uinfo {
  position: absolute;
  top: -140px;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 160px;
  background-color: #00a0e9;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.recollections ul li .text .uinfo p {
  color: #fff;
  padding-top: 28px;
}
.recollections ul li .text .uinfo h4 {
  font-size: 26px;
  font-weight: normal;
  margin: 0;
  line-height: 1;
}
.recollections ul li .text .uinfo hr {
  margin: 10px 0;
}
.recollections ul li .text div.quote {
  position: relative;
  padding: 50px 144px 20px;
  font-size: 18px;
  color: #c6c5c5;
  font-family: '新蒂黑板报底�?;
}
.recollections ul li .text div.quote:before,
.recollections ul li .text div.quote:after {
  position: absolute;
  width: 32px;
  height: 32px;
  background: url(../img/quote-left.png) no-repeat center center;
}
.recollections ul li .text div.quote:before {
  left: 100px;
  top: 40px;
  content: '';
}
.recollections ul li .text div.quote:after {
  bottom: 20px;
  right: 100px;
  content: '';
  background: url(../img/quote-right.png) no-repeat center center;
}
.recollections ul li .text p {
  padding: 0 40px;
  line-height: 24px;
  color: #8d8d8d;
}
.recollections ul li:nth-child(2n) .img {
  left: auto;
  right: 0;
}
.recollections ul li:nth-child(2n) .text {
  background-color: #fff;
  padding: 100px 400px 20px 40px;
}
.banner-works {
  background-color: #201f24;
}
.banner-works .carousel-control {
  box-shadow: none;
  background-image: none;
}
.section-online {
  background-color: #fff;
  padding: 40px 0;
}
.section-online .section-content {
  margin-top: 20px;
}
.section-online .list-header {
  color: #fff;
  font-size: 26px;
}
.section-online .list-header span {
  display: inline-block;
  font-size: 12px;
  background-color: #ff0000;
  border-radius: 4px;
  padding: 4px 8px;
  margin-left: 10px;
}
.section-online .list {
  color: #fff;
  padding: 20px;
}
.section-online .list .media {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: #fff 1px dashed;
}
.section-online .list .media:last-child {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.section-online .list .media-left img {
  width: 68px;
  height: 68px;
}
.section-online .list.bg-blue {
  background-color: #5ad2fe;
}
.section-online .list.bg-violet {
  background-color: #ca8ef4;
}
.section-online .list.bg-green {
  background-color: #68d547;
}
.section-exhibition {
  background-color: #f1f1f1;
  padding: 40px 0;
}
.section-exhibition .item {
  width: 100%;
  text-align: center;
}
.section-exhibition .item img {
  display: block;
  width: 100%;
}
.section-exhibition .item .text {
  position: relative;
  text-align: left;
  padding-top: 50px;
}
.section-exhibition .item .text div {
  font-size: 16px;
  color: #3a3a3a;
  margin: 30px 30px 0 0;
  padding: 20px;
  border: #a7a7a7 1px dotted;
}
.section-exhibition .item h4 {
  font-size: 30px;
}
.section-exhibition .item p {
  color: #7a7979;
}
.section-exhibition .section-content {
  margin-top: 20px;
  padding: 20px 80px;
}
.section-exhibition .nav-pills {
  width: 100%;
  margin: 0;
  text-align: center;
}
.section-exhibition .nav-pills > li {
  margin: 0 20px;
  float: none;
  display: inline-block;
}
.section-exhibition .nav-pills > li > a {
  text-indent: 0;
  padding: 0 40px;
  height: 48px;
  line-height: 48px;
  border: #ff4943 1px solid;
  border-radius: 40px;
  color: #ff4943;
  width: auto;
  height: auto;
  font-size: 18px;
}
.section-exhibition .nav-pills > li.active > a,
.section-exhibition .nav-pills > li:hover > a,
.section-exhibition .nav-pills > li:focus > a,
.section-exhibition .nav-pills > li:active > a,
.section-exhibition .nav-pills > li:visited > a {
  background-color: #ff4943;
  color: #fff;
}
.section-exhibition .tab-content {
  margin-top: 32px;
}
.login {
  background: #fff url("../img/loginbg.jpg") no-repeat center top;
}
.login header {
  background-color: #fff;
  height: 75px;
}
.login header .logo {
  display: block;
  width: 200px;
  height: 75px;
  overflow: hidden;
}
.login header .logo img {
  height: 100%;
}
.login header .phone {
  line-height: 75px;
}
.login .login-main {
  height: 620px;
  padding-top: 33px;
  background: url("../img/login-main.png") no-repeat 0 70px;
}
.login .login-main .nav-tabs.nav-justified > li > a {
  background-color: #ffffff;
  font-size: 26px;
  color: #2b2a2a;
  border-radius: 0;
  border: 0;
}
.login .login-main .nav-tabs.nav-justified > li.active > a {
  background-color: #ffa10c;
  color: #fff;
}
.login button[type=submit] {
  background-color: #ffa10c;
  color: #fff;
}
.login .reqiued {
  color: #ff6a06;
}
.login .reqiued:before {
  content: '*';
}
.login .form-ext {
  padding: 0 20px;
  color: #999999;
}
.login .form-ext h4 {
  display: table;
  white-space: nowrap;
  height: auto;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  padding: 10px 0;
  color: #666;
}
.login .form-ext h4:after,
.login .form-ext h4:before {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC");
}
.login .form-ext h4:before {
  background-position: right 1em top 50%;
}
.login .form-ext h4:after {
  background-position: left 1em top 50%;
}
.login .form-ext a {
  font-size: 18px;
  color: #999999;
  padding: 0 20px;
}
.login .form-ext a + a {
  border-left: #999999 1px dashed;
}
.login .form-ext a .iconfont {
  font-size: 22px;
}
.login .tab-pane {
  border-top: #d4d4d4 1px solid;
  padding: 60px 38px;
  color: #767676;
  background-color: #fff;
}
.login .tab-pane .input-group-addon {
  border-radius: 0;
  background-color: #eeeeee;
}
.login .tab-pane .iconfont {
  font-size: 18px;
}
.login .tab-pane .form-control {
  font-size: 16px;
  height: 48px;
  border-radius: 0;
}
.login .tab-pane .control-label {
  padding-top: 14px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: normal;
}
.login .tab-pane button[type="submit"] {
  background-color: #ffa10c;
  color: #fff;
  font-size: 18px;
  border-radius: 2px;
}
.login .tab-pane .form-code {
  position: relative;
  padding-right: 140px;
}
.login .tab-pane .form-code .img,
.login .tab-pane .form-code img {
  position: absolute;
  top: 0;
  right: 15px;
  width: 110px;
  height: 100%;
  line-height: 100%;
}
.login .tab-pane label {
  font-weight: normal;
}
.login #login .form-control {
  border-left: transparent;
}
.login #register {
  padding: 40px 20px 30px;
}
.login #register .form-control {
  height: 40px;
}
.login #register .img {
  height: 40px;
  line-height: 40px;
  background-color: #c1e3fa;
  border: #51a5dd 1px solid;
  color: #51a5dd;
  text-align: center;
}
.login footer {
  background: transparent;
  color: #777777;
  padding: 20px 0;
}
.login footer .copyright {
  margin-top: 0;
  border-top: transparent;
}
.login footer a {
  color: #777777;
}
.aboutus {
  margin-top: 18px;
  padding-bottom: 36px;
}
.aboutus .sidebar {
  padding: 15px;
  background-color: #e6f5ff;
}
.aboutus .sidebar .widget-header {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  background-color: #0076c0;
  color: #fff;
  padding: 0 20px;
}
.aboutus .sidebar .widget-header a {
  color: #fff;
}
.aboutus .sidebar .widget-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aboutus .sidebar .widget-body a {
  padding: 0 16px;
  height: 36px;
  line-height: 36px;
  color: #5c5c5c;
  font-size: 16px;
}
.aboutus .main .breadcrumb {
  border-radius: 0;
  background-color: #fff;
  border-bottom: #cfcfcf 1px solid;
}
.aboutus .main .breadcrumb > li > a {
  font-size: 16px;
  color: #5c5c5c;
}
.aboutus .main .breadcrumb > li + li:before {
  content: '>';
}
.aboutus .main .content {
  padding: 20px;
}
.banner-about {
  height: 400px;
  background: url("../img/banner-about.png") no-repeat center center;
}
.about-header h4 {
  color: #000000;
  font-size: 34px;
  display: table;
  white-space: nowrap;
  height: auto;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  padding: 10px 0;
}
.about-header h4:after,
.about-header h4:before {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAABCAIAAADCYhNkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDM5MDE2MUJDNTMxMUU2ODZEMkFGQ0MwRkM3MkY4MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDM5MDE2MkJDNTMxMUU2ODZEMkFGQ0MwRkM3MkY4MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMzkwMTVGQkM1MzExRTY4NkQyQUZDQzBGQzcyRjgzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwMzkwMTYwQkM1MzExRTY4NkQyQUZDQzBGQzcyRjgzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7w/N0QAAACJJREFUeNrswTERAAAIBCA9i30Y+2ewhgPQky0AAOC3E2AAu9sAqUm+HWUAAAAASUVORK5CYII=");
}
.about-header h4:before {
  background-position: right 1em top 50%;
}
.about-header h4:after {
  background-position: left 1em top 50%;
}
.section-about-characteristic {
  padding: 30px 0;
}
.section-about-characteristic .about-body img {
  width: 100%;
}
.section-about-team {
  background-color: #bae1fa;
  padding: 30px 0;
}
.section-about-team ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-about-team ul li {
  padding: 15px;
  text-align: center;
  float: left;
  width: 12.57%;
  margin-right: 2%;
  transition: all 0.5s;
  background-color: #bae1fa;
}
.section-about-team ul li:last-child {
  margin-right: 0;
}
.section-about-team ul li:hover {
  background-color: #fff;
}
.section-about-team ul img {
  width: 100%;
}
.section-about-team ul .radius {
  margin-top: 15px;
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 50%;
  background-color: #10dbe8;
  position: relative;
  z-index: 1;
}
.section-about-team ul .radius:after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: -1;
  width: 100px;
  height: 100px;
  background-color: rgba(16, 219, 232, 0.3);
  border-radius: 50%;
}
.section-about-team ul .radius.bg-lightblue {
  background-color: #10dbe8;
}
.section-about-team ul .radius.bg-lightblue:after {
  background-color: rgba(16, 219, 232, 0.3);
}
.section-about-team ul .radius.bg-lightred {
  background-color: #ff4545;
}
.section-about-team ul .radius.bg-lightred:after {
  background-color: rgba(255, 69, 69, 0.3);
}
.section-about-team ul .radius.bg-green {
  background-color: #5fcd33;
}
.section-about-team ul .radius.bg-green:after {
  background-color: rgba(95, 205, 51, 0.3);
}
.section-about-team ul .radius.bg-yellow {
  background-color: #f5a22c;
}
.section-about-team ul .radius.bg-yellow:after {
  background-color: rgba(245, 162, 44, 0.3);
}
.section-about-team ul .radius.bg-red {
  background-color: #ff3636;
}
.section-about-team ul .radius.bg-red:after {
  background-color: rgba(255, 54, 54, 0.3);
}
.section-about-team ul .radius.bg-violet {
  background-color: #ae3edc;
}
.section-about-team ul .radius.bg-violet:after {
  background-color: rgba(174, 62, 220, 0.3);
}
.section-about-team ul .radius.bg-blue {
  background-color: #4a4acc;
}
.section-about-team ul .radius.bg-blue:after {
  background-color: rgba(74, 74, 204, 0.3);
}
.section-about-team ul h4 {
  margin-top: 15px;
  font-size: 16px;
}
.section-about-team ul p {
  margin: 0;
  font-size: 12px;
}
.section-about-honor {
  padding: 30px 0;
}
.section-about-honor .col-xs-3 {
  padding: 0 5px;
  margin-bottom: 10px;
}
.section-about-honor img {
  width: 100%;
}
.section-about-job {
  padding: 30px 0;
  background-color: #eeeeee;
}
.section-about-job .about-header h4:before,
.section-about-job .about-header h4:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAABCAIAAADCYhNkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMUM1Mjg5MkJDNUYxMUU2QkYzM0Y2NzBDNTA3NUNFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMUM1Mjg5M0JDNUYxMUU2QkYzM0Y2NzBDNTA3NUNFNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxQzUyODkwQkM1RjExRTZCRjMzRjY3MEM1MDc1Q0U3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxQzUyODkxQkM1RjExRTZCRjMzRjY3MEM1MDc1Q0U3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YwlUIgAAAB9JREFUeNrswTEBAAAIwCDt326JrOEBbDUAAMBvJ8AA7XACeNtngJcAAAAASUVORK5CYII=");
}
.section-about-job .about-body {
  background: url("../img/about-job.png") no-repeat top center;
  padding-top: 200px;
}
.section-about-job .nav-pills {
  text-align: center;
  padding: 0 40px;
}
.section-about-job .nav-pills > li {
  float: none;
  margin: 0 10px 10px;
  display: inline-block;
}
.section-about-job .nav-pills > li > a,
.section-about-job .nav-pills > li > a:focus,
.section-about-job .nav-pills > li > a:hover {
  border-radius: 0;
  background-color: #0076c0;
  color: #fff;
  font-size: 18px;
  padding: 8px 40px;
  transition: all 0.3s;
}
.section-about-job .nav-pills > li.active > a,
.section-about-job .nav-pills > li.active > a:focus,
.section-about-job .nav-pills > li.active > a:hover {
  background-color: #ff8838;
}
.section-about-job .tab-pane {
  width: 900px;
  margin: 20px auto;
  position: relative;
  padding-top: 38px;
}
.section-about-job .tab-pane:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 38px;
  background: url("../img/about-job-top.png") no-repeat top center;
  content: '';
}
.section-about-job .tab-pane .content {
  background: url("../img/about-job-main.png") repeat-y center center;
  padding: 40px;
}
.section-about-job .tab-pane .content:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 38px;
  background: url("../img/about-job-bottom.png") no-repeat bottom center;
  content: '';
}
.section-about-job .tab-pane h3 {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  margin: 0;
  padding: 20px 0;
}
.section-about-job .tab-pane h4 {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  margin-top: 0;
  margin-bottom: 20px;
}
#sidebar-left {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -192px;
  margin-left: -660px;
}
#sidebar-left a {
  display: block;
  width: 60px;
  height: 60px;
  margin-top: 4px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding-top: 8px;
}
#sidebar-left a i.iconfont {
  font-size: 20px;
}
#sidebar-left a.btn-apply {
  background-color: #00c0a7;
}
#sidebar-left a.btn-entrance {
  background-color: #ff670c;
}
#sidebar-left a.btn-loan {
  background-color: #f51a58;
}
#sidebar-left a.btn-job {
  background-color: #d533c0;
}
#sidebar-left a.btn-qq {
  background-color: #36c12f;
}
#sidebar-left a.btn-totop {
  background-color: #0076c0;
}
#sidebar-right {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9;
  width: 30px;
  height: 145px;
  margin-top: -52px;
}
#sidebar-right a.trigger {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 145px;
  overflow: hidden;
  text-indent: -299px;
  background: url(../img/sidebar-mini.png) no-repeat center center;
  float: right;
  transition: all .2s;
}
#sidebar-right.active {
  width: 216px;
}
#sidebar-right.active a.trigger {
  transform: translateX(100%);
  opacity: 0;
}
#sidebar-right.active .sidebar-content {
  transform: translateX(0);
}
#sidebar-right .sidebar-content {
  position: relative;
  background-color: #ff9907;
  transform: translateX(100%);
  margin-top: 40px;
  margin-left: 16px;
  width: 200px;
  padding: 5px;
}
#sidebar-right .sidebar-content .sidebar-close {
  width: 16px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -18px;
  background: url(../img/sidebar-close.png) no-repeat center center;
}
#sidebar-right .text {
  position: relative;
  padding-left: 54px;
  height: 50px;
  color: #fff;
}
#sidebar-right .text i.iconfont {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 50px;
  line-height: 54px;
  font-size: 42px;
}
#sidebar-right .text h4 {
  font-size: 22px;
  line-height: 28px;
  padding-bottom: 4px;
  margin: 0;
}
#sidebar-right .text p {
  font-size: 18px;
  margin: 0;
}
#sidebar-right .form {
  margin-top: 10px;
}
#sidebar-right .form .form-control {
  width: 124px;
  border-radius: 0;
}
#sidebar-right .form button {
  background-color: #fe0000;
  color: #fff;
  width: 69px;
  border-color: #fe0000;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
#model-pop-center .modal-dialog,
#modal-pop-center .modal-dialog,
#model-pop-center .model-dialog,
#modal-pop-center .model-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -151px;
  width: 500px;
  height: 302px;
}
#modal-pop-call {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 102;
  margin-left: -115px;
  margin-top: -8px;
  width: 230px;
  height: 160px;
  background-color: #ff9907;
}
#modal-pop-call .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}
#modal-pop-call .modal-header,
#modal-pop-call .modal-header h4 {
  padding: 0 5px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: 0;
}
#modal-pop-call .modal-header button,
#modal-pop-call .modal-header h4 button {
  padding: 0;
  font-size: 40px;
  line-height: 40px;
  color: #fff;
  opacity: 1;
}
#modal-pop-call .modal-footer {
  text-align: center;
  border: 0;
  padding: 0;
}
#modal-pop-call .modal-footer .btn-call {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background-color: #e12727;
  color: #fff;
}
#modal-pop-call .form-group {
  position: relative;
  padding: 20px 10px;
  margin: 0;
}
#modal-pop-call .form-group input.form-control {
  border-radius: 0;
}
.input-group .sidetips-calling,
.form-group .sidetips-calling,
.input-group .sidetips,
.form-group .sidetips {
  position: absolute;
  top: 50%;
  right: 234px;
  z-index: 98;
  min-width: 310px;
  height: 160px;
  margin-top: -80px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 24px;
  border: #52aee8 4px solid;
  background-color: #fff;
}
.input-group .sidetips-calling p,
.form-group .sidetips-calling p,
.input-group .sidetips p,
.form-group .sidetips p {
  margin-bottom: 0;
}
.input-group .sidetips-calling p .icon-xingzhuang10,
.form-group .sidetips-calling p .icon-xingzhuang10,
.input-group .sidetips p .icon-xingzhuang10,
.form-group .sidetips p .icon-xingzhuang10 {
  font-size: 14px;
}
.input-group .sidetips-calling div,
.form-group .sidetips-calling div,
.input-group .sidetips div,
.form-group .sidetips div {
  margin-top: 10px;
}
.input-group .sidetips-calling .fc-blue,
.form-group .sidetips-calling .fc-blue,
.input-group .sidetips .fc-blue,
.form-group .sidetips .fc-blue {
  color: #52aee8;
}
.input-group .sidetips-calling .iconfont,
.form-group .sidetips-calling .iconfont,
.input-group .sidetips .iconfont,
.form-group .sidetips .iconfont {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
}
.input-group .sidetips-calling:after,
.form-group .sidetips-calling:after,
.input-group .sidetips:after,
.form-group .sidetips:after {
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -12px;
  width: 16px;
  height: 24px;
  content: '';
  background: url("../img/arrawpop.png") no-repeat center center;
}
.input-group .sidetips-calling,
.form-group .sidetips-calling {
  right: 240px;
  z-index: 99;
  width: 270px;
  height: 124px;
  font-size: 18px;
  margin-top: -62px;
  text-align: center;
}
.input-group .fs-lg,
.form-group .fs-lg {
  font-size: 30px;
  line-height: 40px;
}
.input-group .sidetips-calling,
.input-group .sidetips {
  right: 210px;
}
#pop-center {
  width: 500px;
  height: 300px;
  background: url("../img/pop-center.png") no-repeat center center;
  text-align: center;
  padding-top: 218px;
}
#pop-center a {
  font-size: 22px;
  color: #fff;
  background-color: #df0515;
  display: inline-block;
  padding: 10px 60px;
  border-radius: 28px;
}
#pop-center a.close {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: transparent;
  padding: 0;
  color: #000;
  transition: all 0.5s;
  opacity: 0.6;
}
#pop-center a.close:hover {
  transform: rotate(360deg);
}
.sitemap {
  padding: 30px 0;
}
.sitemap ol > li {
  height: 64px;
  line-height: 64px;
  padding: 0 20px;
  overflow: hidden;
  border-bottom: #e5e5e5 1px solid;
}
.sitemap ol > li a {
  color: #323232;
  font-size: 18px;
  display: inline-block;
  width: 180px;
}
.sitemap ol > li i {
  font-style: normal;
  float: left;
  background-color: #0076c0;
  color: #fff;
  border-radius: 50%;
  margin-top: 20px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-right: 10px;
}
.sitemap ol > li:last-child {
  border-bottom: 0;
}
.banner-internet {
  height: 570px;
  padding-top: 460px;
  text-align: center;
  background: url("../img/banner-internet.jpg") no-repeat center center;
}
.banner-internet a {
  display: inline-block;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  padding: 0 30px;
  line-height: 50px;
  background-color: #f6ff00;
  transition: all 0.2s;
}
.banner-internet a:hover {
  transform: scale(1.2);
}
.internet-header {
  font-size: 34px;
  font-weight: 700;
  color: #434343;
  text-align: center;
}
.internet-header .subtitle {
  font-weight: normal;
  font-size: 20px;
  color: #434343;
}
.section-internet-chart {
  padding: 20px 0;
}
.section-internet-chart .internet-body {
  padding: 20px 0;
}
.section-internet-chart .internet-body img {
  width: 100%;
}
.section-internet-chart .internet-body p {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #2b0876;
  padding: 0 60px;
  margin: 0;
}
.section-internet-job {
  padding: 20px 0;
  background-color: #f1f1f1;
}
.section-internet-job .internet-body {
  padding: 20px 0;
}
.section-internet-job .internet-body .col-xs-3 {
  padding: 0;
}
.section-internet-job .internet-body .device1 a > div,
.section-internet-job .internet-body .device3 a > div {
  top: auto;
  bottom: 10px;
}
.section-internet-job .internet-body .device1 {
  background-color: #02b8a2;
}
.section-internet-job .internet-body .device2 {
  background-color: #deb306;
}
.section-internet-job .internet-body .device3 {
  background-color: #028bb8;
}
.section-internet-job .internet-body .device4 {
  background-color: #ff2d4a;
}
.section-internet-job .internet-body a {
  display: block;
  position: relative;
  padding-top: 100%;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  text-align: right;
}
.section-internet-job .internet-body a > div {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  padding-right: 10px;
}
.section-internet-job .internet-body a > div i.iconfont {
  font-size: 28px;
}
.section-internet-job .internet-body a .icon i.iconfont {
  font-size: 64px;
  width: 64px;
  height: 64px;
  opacity: 0.5;
}
.section-internet-job .internet-body img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-internet-project {
  padding: 20px 0;
}
.section-internet-project .internet-body {
  padding: 20px 80px;
  text-align: center;
}
.section-internet-project .internet-body .col-xs-4 a {
  display: block;
  text-align: center;
}
.section-internet-project .internet-body img {
  width: 246px;
}
.section-internet-project .carousel-control {
  background: none;
  color: #f1f1f1;
}
.section-internet-project .carousel-control.left {
  left: -80px;
}
.section-internet-project .carousel-control.right {
  right: -80px;
}
.section-internet-table {
  padding: 20px 0;
}
.section-internet-table .internet-body {
  padding: 20px 0;
}
.life {
  padding-top: 500px;
  background: #0c5d57 url("../img/banner-life.jpg") no-repeat top center;
}
.life .col-xs-3 {
  padding: 0 4px;
  margin-bottom: 8px;
}
.life .col-xs-3 a {
  display: block;
}
.life .col-xs-3 a img {
  width: 100%;
}
.life .container {
  padding: 10px 0 45px;
}
.life .life-study,
.life .life-show,
.life .life-journey {
  background-color: #15726b;
}
.life .life-ceremony .life-header {
  background-position: 0 0;
}
.life .life-study .life-header {
  background-position: 0 -128px;
}
.life .life-growup .life-header {
  background-position: 0 -256px;
}
.life .life-show .life-header {
  background-position: 0 -384px;
}
.life .life-graduation .life-header {
  background-position: 0 -512px;
}
.life .life-journey .life-header {
  background-position: 0 -640px;
}
.life-header {
  height: 128px;
  padding-top: 100px;
  background: url("../img/lifeheader.png") no-repeat 0 0;
  color: #60c2c1;
}
.life-voice .life-voice-header {
  height: 100px;
  background: url("../img/life-header-voice.png") no-repeat center center;
}
.life-voice .life-voice-body {
  padding: 40px;
}
.life-voice .voice-content {
  padding: 40px 36px;
  background-color: #cadbda;
  position: relative;
}
.life-voice .voice-content:before {
  font-family: arial;
  position: absolute;
  left: 50%;
  top: -37px;
  width: 74px;
  height: 74px;
  overflow: hidden;
  text-align: center;
  margin-left: -37px;
  display: block;
  content: '�?;
  font-size: 72px;
  line-height: 104px;
  color: #fff;
  background-color: #f2830b;
  border-radius: 50%;
}
.life-voice .voice-tabnav .nav-tabs {
  text-align: center;
  border-bottom: 0;
}
.life-voice .voice-tabnav .nav-tabs > li {
  padding: 40px 5px 0;
  width: 126px;
  height: 260px;
  text-align: center;
  display: inline-block;
  float: none;
  overflow: hidden;
}
.life-voice .voice-tabnav .nav-tabs > li > a {
  display: block;
  text-align: center;
  border-color: transparent;
}
.life-voice .voice-tabnav .nav-tabs > li:after {
  position: absolute;
  left: 50%;
  top: -20px;
  width: 50px;
  height: 20px;
  margin-left: -25px;
  content: '';
  background: url("../img/arrow.png") no-repeat center top;
  overflow: hidden;
  transition: all 0.5s;
}
.life-voice .voice-tabnav .nav-tabs > li.active > a {
  background: transparent;
}
.life-voice .voice-tabnav .nav-tabs > li.active:after {
  top: 0;
}
.life-voice .voice-tabnav .nav-tabs > li h4 {
  font-size: 16px;
  color: #fff;
}
.life-voice .voice-tabnav .nav-tabs > li p {
  color: #51b0ae;
  margin: 0;
}
.life-voice .voice-tabnav .nav-tabs > li img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.life-voice .voice-more {
  text-align: center;
}
.life-voice .voice-more a {
  font-size: 20px;
  color: #f2830b;
  border: #f2830b 1px solid;
  display: inline-block;
  padding: 6px 70px;
  border-radius: 30px;
  transition: all 0.5s;
}
.life-voice .voice-more a:hover {
  background-color: #f2830b;
  color: #fff;
}
.section-major-table {
  padding: 40px 0 60px;
}
.section-major-table .table-header {
  position: relative;
  background-color: #0076c0;
  color: #fff;
  height: 80px;
  padding: 16px 0 16px 200px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 6px;
}
.section-major-table .table-header .text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 200px;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.section-major-table .table-header p {
  margin: 0;
}
.section-major-table table.table td {
  border: #fff 3px solid;
  position: relative;
  padding: 18px;
}
.section-major-table table.table td.bg-orange {
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  background-color: #ffaa3b;
}
.section-major-table table.table td.bg-lightorange {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 700;
  color: #323232;
  background-color: #ffdaa6;
}
.section-major-table table.table td.bg-grey {
  color: #424242;
  background-color: #ececec;
}
.section-major-table table.table td.bg-blue {
  vertical-align: middle;
  text-align: center;
  line-height: 26px;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  background-color: #0784d2;
}
.section-major-table table.table td.bg-lightblue {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 700;
  color: #323232;
  background-color: #acdefd;
}
.section-major-table table.table td.bg-bluegrey {
  color: #424242;
  background-color: #e4f4fe;
}
.section-major-table table.table td ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-major-table .more {
  display: inline-block;
  padding: 6px 70px;
  color: #00a0e9;
  border: #00a0e9 1px solid;
  border-radius: 30px;
  font-size: 20px;
  transition: all 0.5s;
}
.section-major-table .more:hover {
  background-color: #00a0e9;
  color: #fff;
}
.section-major-table.h5-table {
  background-color: #f1f1f1;
}
.section-major-table.h5-table .more {
  background-color: #00a0e9;
  color: #fff;
}
.section-howsalary .internet-header {
  margin-bottom: 20px;
}
.section-howsalary .howsalary {
  margin: 0 20px;
  border-left: #bfbfbf 1px solid;
  border-top: #bfbfbf 1px solid;
  padding: 0;
  list-style: none;
}
.section-howsalary .howsalary li {
  width: 20%;
  float: left;
  position: relative;
  overflow: hidden;
  padding: 20px 20px 40px;
  text-align: center;
  border-right: #bfbfbf 1px solid;
  border-bottom: #bfbfbf 1px solid;
}
.section-howsalary .howsalary li .icon {
  display: inline-block;
  text-align: center;
}
.section-howsalary .howsalary li .icon i {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: url(../img/salaryicons.png) no-repeat;
}
.section-howsalary .howsalary li .icon i.icon01 {
  background-position: 0 0;
}
.section-howsalary .howsalary li .icon i.icon02 {
  background-position: 0 -100px;
}
.section-howsalary .howsalary li .icon i.icon03 {
  background-position: 0 -200px;
}
.section-howsalary .howsalary li .icon i.icon04 {
  background-position: 0 -300px;
}
.section-howsalary .howsalary li .icon i.icon05 {
  background-position: 0 -400px;
}
.section-howsalary .howsalary li h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.section-howsalary .howsalary li .text {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 20px;
  transition: top 0.3s;
}
.section-howsalary .howsalary li .text h4 {
  line-height: 32px;
  margin-bottom: 10px;
}
.section-howsalary .howsalary li:hover .text {
  top: 0;
}
.section-howsalary .howsalary li.howsalary1 .text {
  background-color: #ea9611;
}
.section-howsalary .howsalary li.howsalary1 .icon h4 {
  color: #ea9611;
}
.section-howsalary .howsalary li.howsalary1 .icon .iconfont {
  color: #ea9611;
}
.section-howsalary .howsalary li.howsalary2 .text {
  background-color: #28b4dc;
}
.section-howsalary .howsalary li.howsalary2 .icon h4 {
  color: #28b4dc;
}
.section-howsalary .howsalary li.howsalary2 .icon .iconfont {
  color: #28b4dc;
}
.section-howsalary .howsalary li.howsalary3 .text {
  background-color: #00b48c;
}
.section-howsalary .howsalary li.howsalary3 .icon h4 {
  color: #00b48c;
}
.section-howsalary .howsalary li.howsalary3 .icon .iconfont {
  color: #00b48c;
}
.section-howsalary .howsalary li.howsalary4 .text {
  background-color: #e75fcc;
}
.section-howsalary .howsalary li.howsalary4 .icon h4 {
  color: #e75fcc;
}
.section-howsalary .howsalary li.howsalary4 .icon .iconfont {
  color: #e75fcc;
}
.section-howsalary .howsalary li.howsalary5 .text {
  background-color: #f32f2f;
}
.section-howsalary .howsalary li.howsalary5 .icon h4 {
  color: #f32f2f;
}
.section-howsalary .howsalary li.howsalary5 .icon .iconfont {
  color: #f32f2f;
}
.section-choose {
  padding: 20px 0;
  background-color: #f1f1f1;
}
.section-choose .section-content {
  padding: 20px 0;
}
.section-choose .section-content .col-xs-3 {
  padding-left: 0;
  padding-right: 0;
}
.section-choose .section-content .icon {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: #aaa 4px 4px 4px;
  text-align: center;
}
.section-choose .section-content .icon i {
  display: block;
  height: 100%;
  transition: all .1s;
  background: url(../img/dataicons.png) no-repeat 0 0;
}
.section-choose .section-content .icon i.icon01 {
  background-position: 0 0;
}
.section-choose .section-content .icon i.icon02 {
  background-position: 0 -80px;
}
.section-choose .section-content .icon i.icon03 {
  background-position: 0 -160px;
}
.section-choose .section-content .icon i.icon04 {
  background-position: 0 -240px;
}
.section-choose .section-content .icon i.icon05 {
  background-position: 0 -320px;
}
.section-choose .section-content .icon i.icon06 {
  background-position: 0 -400px;
}
.section-choose .section-content .icon i.icon07 {
  background-position: 0 -480px;
}
.section-choose .section-content .icon i.icon08 {
  background-position: 0 -560px;
}
.section-choose .section-content .icon i.icon09 {
  background-position: 0 -640px;
}
.section-choose .section-content .icon i.icon10 {
  background-position: 0 -720px;
}
.section-choose .section-content .icon i.icon11 {
  background-position: 0 -800px;
}
.section-choose .section-content .item {
  position: relative;
  padding-left: 90px;
  padding-top: 10px;
  height: 80px;
  margin-bottom: 20px;
}
.section-choose .section-content .item h4 {
  color: #00a0e9;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 10px;
}
.section-choose .section-content .item p {
  margin: 0;
}
.section-choose .section-content .item:hover .icon {
  background-color: #00a0e9;
}
.section-choose .section-content .item:hover i {
  background-position-x: -80px;
}
.banner-html5 .item {
  text-align: center;
  height: 570px;
}
.banner-html5 .item a {
  display: block;
  height: 570px;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner-html5 .carousel-indicators li {
  background-color: #fff;
  transition: width 0.5s;
}
.banner-html5 .carousel-indicators li.active {
  width: 30px;
}
.h5-anywhere {
  padding: 30px 0;
}
.h5-anywhere .section-body {
  margin-top: 20px;
  height: 350px;
  background: url("../img/h5bg.jpg") no-repeat center center;
}
.h5-anywhere .section-footer {
  text-align: center;
  padding: 20px 0;
  font-size: 20px;
}
.h5-anywhere ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 360px;
}
.h5-anywhere ul li {
  position: relative;
  height: 60px;
  padding-left: 80px;
  margin-bottom: 40px;
  background: url("../img/html5icons.png") no-repeat 0 0;
}
.h5-anywhere ul li.i1 {
  background-position: 0 0;
}
.h5-anywhere ul li.i2 {
  background-position: 0 -60px;
}
.h5-anywhere ul li.i3 {
  background-position: 0 -120px;
}
.h5-anywhere ul li.i4 {
  background-position: 0 -180px;
}
.h5-anywhere ul li.i5 {
  background-position: 0 -240px;
}
.h5-anywhere ul li.i6 {
  background-position: 0 -300px;
}
.h5-prospect {
  padding: 30px 0;
  background-color: #f1f1f1;
}
.h5-prospect .col-xs-4 {
  margin-top: 20px;
  color: #434343;
}
.h5-prospect .col-xs-4 > div {
  text-align: center;
  border: transparent 3px solid;
  height: 420px;
  padding: 170px 20px 0;
  transition: all 0.4s;
}
.h5-prospect .col-xs-4 > div.i1 {
  background: url("../img/7.png") no-repeat center 14px;
}
.h5-prospect .col-xs-4 > div.i2 {
  background: url("../img/8.png") no-repeat center 14px;
}
.h5-prospect .col-xs-4 > div.i3 {
  background: url("../img/9.png") no-repeat center 14px;
}
.h5-prospect .col-xs-4 > div:hover {
  border-color: #dcdcdc;
  background-color: #fff;
}
.h5-prospect .col-xs-4 h4 {
  font-size: 24px;
  font-weight: 700;
}
.h5-prospect .col-xs-4 p {
  font-size: 16px;
}
.h5-advantage {
  padding: 30px 0;
}
.h5-advantage .section-body {
  height: 480px;
  background: url("../img/h5-advantage.png") no-repeat center center;
}
.h5-combat {
  height: 479px;
  padding: 30px 0;
  background: url("../img/h5-combat-bg.jpg") no-repeat center center;
}
.h5-combat .internet-header {
  color: #fff;
}
.h5-combat .col-xs-3 {
  margin-top: 20px;
  color: #fff;
}
.h5-combat .col-xs-3 > div {
  text-align: center;
  position: relative;
  padding: 180px 40px 0;
}
.h5-combat .col-xs-3 > div:before {
  width: 114px;
  height: 130px;
  content: '';
  background: url("../img/h5-combat.png") no-repeat 0 0;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -57px;
}
.h5-combat .col-xs-3 > div.i1:before {
  background-position: 0 0;
}
.h5-combat .col-xs-3 > div.i2:before {
  background-position: -114px 0;
}
.h5-combat .col-xs-3 > div.i3:before {
  background-position: -228px 0;
}
.h5-combat .col-xs-3 > div.i4:before {
  background-position: -342px 0;
}
.banner-bigdata {
  height: 572px;
  background: url("../img/banner-bigdata.jpg") no-repeat center center;
}
.bigdata-why {
  padding: 30px 0;
  text-align: center;
}
.bigdata-why h5 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}
.bigdata-why p {
  margin: 10px 0;
  font-size: 15px;
}
.bigdata-why .col-xs-4 {
  margin-top: 20px;
}
.bigdata-why .col-xs-4 > div {
  border: #0076c0 3px solid;
  height: 210px;
}
.bigdata-why .col-xs-4 > div h4 {
  margin: 0;
  color: #0076c0;
  border-bottom: #e0e0e0 1px solid;
  line-height: 48px;
}
.bigdata-why .col-xs-4 > div p {
  padding: 10px 20px;
}
.bigdata-need {
  padding: 30px 0;
  background-color: #f1f1f1;
}
.bigdata-need .container {
  margin-top: 20px;
}
.bigdata-need .mbg {
  height: 455px;
  background: url("../img/bigdata-need.png") no-repeat center center;
}
.bigdata-need ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: url("../img/bigdata-need-item.png") no-repeat 0 0;
}
.bigdata-need ul li {
  width: 340px;
  height: 94px;
  margin-bottom: 2px;
  padding: 35px 0 0 132px;
}
.bigdata-need ul li span {
  color: #ff0000;
}
.bigdata-need p {
  padding: 20px 20px 0;
}
.section-bg-grey {
  background-color: #f1f1f1;
}
.bigdata-rely {
  padding: 30px 0 370px;
  background: url("../img/bigdata-rely-bottom.png") no-repeat center bottom;
}
.bigdata-rely .col-xs-4 > div,
.bigdata-rely .col-xs-6 > div {
  margin: 20px auto 0;
  width: 314px;
  height: 271px;
  overflow: hidden;
  position: relative;
  padding-top: 180px;
  text-align: center;
  color: #fff;
}
.bigdata-rely .col-xs-4 > div .text,
.bigdata-rely .col-xs-6 > div .text {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  z-index: 2;
  color: #fff;
  transition: all 0.2s;
  padding: 80px;
}
.bigdata-rely .col-xs-4 > div h4,
.bigdata-rely .col-xs-6 > div h4 {
  font-size: 20px;
}
.bigdata-rely .col-xs-4 > div:before,
.bigdata-rely .col-xs-6 > div:before {
  position: absolute;
  left: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  top: 60px;
  background: url("../img/bigdataicons.png") no-repeat 0 0;
  content: '';
}
.bigdata-rely .col-xs-4 > div:hover .text,
.bigdata-rely .col-xs-6 > div:hover .text {
  top: 0;
}
.bigdata-rely .col-xs-4 > div.i1,
.bigdata-rely .col-xs-6 > div.i1 {
  background-color: #359deb;
}
.bigdata-rely .col-xs-4 > div.i1 .text,
.bigdata-rely .col-xs-6 > div.i1 .text {
  background-color: #359deb;
}
.bigdata-rely .col-xs-4 > div.i1:before,
.bigdata-rely .col-xs-6 > div.i1:before {
  background-position: 0 0;
}
.bigdata-rely .col-xs-4 > div.i2,
.bigdata-rely .col-xs-6 > div.i2 {
  background-color: #fc6c92;
}
.bigdata-rely .col-xs-4 > div.i2 .text,
.bigdata-rely .col-xs-6 > div.i2 .text {
  background-color: #fc6c92;
}
.bigdata-rely .col-xs-4 > div.i2:before,
.bigdata-rely .col-xs-6 > div.i2:before {
  background-position: 0 -120px;
}
.bigdata-rely .col-xs-4 > div.i3,
.bigdata-rely .col-xs-6 > div.i3 {
  background-color: #26d7bd;
}
.bigdata-rely .col-xs-4 > div.i3 .text,
.bigdata-rely .col-xs-6 > div.i3 .text {
  background-color: #26d7bd;
}
.bigdata-rely .col-xs-4 > div.i3:before,
.bigdata-rely .col-xs-6 > div.i3:before {
  background-position: 0 -240px;
}
.bigdata-rely .col-xs-4 > div.i4,
.bigdata-rely .col-xs-6 > div.i4 {
  background-color: #7cc422;
}
.bigdata-rely .col-xs-4 > div.i4 .text,
.bigdata-rely .col-xs-6 > div.i4 .text {
  background-color: #7cc422;
}
.bigdata-rely .col-xs-4 > div.i4:before,
.bigdata-rely .col-xs-6 > div.i4:before {
  background-position: 0 -360px;
}
.bigdata-rely .col-xs-4 > div.i5,
.bigdata-rely .col-xs-6 > div.i5 {
  background-color: #ee9d29;
}
.bigdata-rely .col-xs-4 > div.i5 .text,
.bigdata-rely .col-xs-6 > div.i5 .text {
  background-color: #ee9d29;
}
.bigdata-rely .col-xs-4 > div.i5:before,
.bigdata-rely .col-xs-6 > div.i5:before {
  background-position: 0 -480px;
}
.bigdata-rely .col-xs-4 > div:after,
.bigdata-rely .col-xs-6 > div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: url("../img/outer.png") no-repeat center center;
}
.section-question {
  padding: 30px 0;
}
.section-question ul {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
.section-question ul li {
  width: 20%;
  float: left;
  padding: 0 20px;
  text-align: center;
}
.section-question ul li img {
  width: 100%;
}
.section-question ul li h4 {
  font-size: 20px;
  font-weight: 700;
  color: #434343;
}
.section-question ul li p {
  font-size: 16px;
}
.section-question ul li a {
  display: inline-block;
  color: #fff;
  background-color: #ff9a00;
  padding: 4px 20px;
}
.banner-ui {
  height: 514px;
  background: url("../img/banner-ui.png") no-repeat center center;
}
.ui-direction {
  padding: 30px 0;
}
.ui-direction .col-xs-3 {
  padding: 100px 20px 0;
}
.ui-direction .col-xs-3 > div {
  height: 290px;
  padding: 0 40px 20px;
  color: #fff;
  background-color: #02b8a2;
  text-align: center;
}
.ui-direction .col-xs-3 > div h4 {
  color: #fff;
  font-size: 24px;
  padding-top: 100px;
}
.ui-direction .col-xs-3 > div:before {
  content: '';
  position: absolute;
  width: 164px;
  height: 164px;
  left: 50%;
  margin-top: -82px;
  margin-left: -82px;
  background-color: #02B8A2;
  border: #fff 18px solid;
  border-radius: 50%;
}
.ui-direction .col-xs-3 > div:after {
  content: '';
  position: absolute;
  width: 80px;
  height: 80px;
  left: 50%;
  top: 64px;
  margin-left: -40px;
  background: url("../img/uiicons.png") no-repeat 0 0;
}
.ui-direction .col-xs-3 > div.i2:after {
  background-position: 0 -80px;
}
.ui-direction .col-xs-3 > div.i3:after {
  background-position: 0 -160px;
}
.ui-direction .col-xs-3 > div.i4:after {
  background-position: 0 -240px;
}
.ui-highsalary {
  background-color: #f1f1f1;
  padding: 30px 0 60px;
}
.ui-highsalary .section-body {
  margin-top: 20px;
}
.ui-highsalary .section-body .text {
  font-size: 18px;
  line-height: 1.8;
  padding: 60px;
}
.ui-topsalary {
  padding: 30px 0 40px;
}
.ui-topsalary .section-body {
  margin-top: 20px;
}
.ui-topsalary .section-body p {
  margin-top: 20px;
  font-size: 18px;
}
.ui-develop {
  background-color: #f1f1f1;
  padding: 30px 0;
}
.ui-develop .section-body {
  margin-top: 20px;
  padding: 0 60px;
}
.ui-develop .section-body .col-xs-4 {
  padding: 20px 40px;
  height: 440px;
  color: #fff;
  text-align: center;
}
.ui-develop .section-body .col-xs-4 img {
  width: 235px;
  height: 235px;
  border-radius: 50%;
}
.ui-develop .section-body .col-xs-4 h4 {
  margin-top: 20px;
  font-size: 22px;
  font-weight: 700;
}
.ui-develop .section-body .col-xs-4 p {
  font-size: 18px;
}
.ui-develop .section-body .col-xs-4.i1 {
  background-color: #1989cf;
}
.ui-develop .section-body .col-xs-4.i2 {
  background-color: #f7b53b;
}
.ui-develop .section-body .col-xs-4.i3 {
  background-color: #f04344;
}
.ui-skill {
  padding: 30px 0;
}
.ui-skill .section-body {
  margin-top: 20px;
}
.ui-skill .section-body > div {
  position: relative;
  width: 90%;
  height: 140px;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #d6ecfe;
  padding-left: 140px;
  padding-top: 25px;
}
.ui-skill .section-body > div span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 140px;
  height: 100%;
  left: 0;
  color: #fff;
  font-size: 18px;
  padding-top: 100px;
  text-align: center;
  background: #1997fd;
}
.ui-skill .section-body > div span:before {
  content: '';
  position: absolute;
  left: 30px;
  top: 10px;
  width: 80px;
  height: 80px;
  background: url("../img/uiicons.png") no-repeat;
}
.ui-skill .section-body > div.i1 span:before {
  background-position: 0 -320px;
}
.ui-skill .section-body > div.i2 span:before {
  background-position: 0 -400px;
}
.ui-skill .section-body > div.i3 span:before {
  background-position: 0 -480px;
}
.ui-skill .section-body > div a {
  display: inline-block;
  width: 90px;
  height: 90px;
  margin-left: 40px;
}
.ui-skill .section-body > div a i {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/softicons.png") no-repeat;
}
.ui-skill .section-body > div a i.ps {
  background-position: 0 0;
}
.ui-skill .section-body > div a i.id {
  background-position: 0 -90px;
}
.ui-skill .section-body > div a i.ai {
  background-position: 0 -180px;
}
.ui-skill .section-body > div a i.css3 {
  background-position: 0 -270px;
}
.ui-skill .section-body > div a i.html5 {
  background-position: 0 -360px;
}
.ui-skill .section-body > div a i.dw {
  background-position: 0 -450px;
}
.ui-skill .section-body > div a i.rp {
  background-position: 0 -540px;
}
.ui-skill .section-body > div a i.ae {
  background-position: 0 -630px;
}
.ui-skill .section-body > div.pull-right {
  padding-left: 0;
  padding-right: 140px;
}
.ui-skill .section-body > div.pull-right span {
  left: auto;
  right: 0;
}
.ui-allskill {
  padding: 30px 0;
  background-color: #F1F1F1;
}
.ui-allskill .section-body {
  margin-top: 20px;
}
.ui-allskill .section-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-allskill .section-body ul li {
  float: left;
  width: 20%;
}
.ui-allskill .section-body ul li a {
  display: block;
  padding: 4px;
}
.ui-allskill .section-body ul li a img {
  width: 100%;
}



.articles .sidebar .widget-info .sevice {
    margin-top: 20px;
}

.articles .sidebar .widget-info .sevice li {
    float: left;
    width: 48%;
    height: 28px;
    margin-right: 2%;
    margin-bottom: 10px;
    border-bottom: initial;
}

.articles .sidebar .widget-info .sevice li a {
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    float: left;
    width: 100%;
    border: solid 1px #dadada;
    text-align: center;
    transition: 0.5s;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.articles .sidebar .widget-info .sevice li a:hover {
    background-color: rgb(252,146,76);
    color: white;
    border: rgb(252,146,76) 1px solid;
}