@charset "utf-8";

.cy_banner {

  position: relative;

  z-index: 1

}

.cy_para {

  background: #fff;

  z-index: 1

}

.cy_banner .banner-pic {

  position: relative

}

.cy-wrapper {

  overflow: hidden

}

.header-overlay {

  visibility: hidden;

  height: 0

}

.cy_banner .banner-pic .pic:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  content: ''

}

.cy_banner .banner-pic .pic img {

  height: 100%;

  visibility: hidden;

  opacity: 0

}

.cy_para.cy_cur {

  z-index: 3

}

.cy_para.cy_para_last {

  min-height: 0

}

.cy_banner {

  position: relative;

  z-index: 1

}

.cy_banner .banner-pic {

  position: relative

}

.cy_banner .banner-pic .pic {

  position: relative;

  z-index: 1;

  height: 100vh;

  max-height: 620px;

  background: no-repeat center center;

  background-size: cover

}

.hm-banner .banner-dots {

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 5;

  padding: 0 0 40px;

  width: 20%;

  height: 85px

}

.hm-banner .banner-dots ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  border-top: 1px solid rgba(255, 255, 255, .2)

}

.hm-banner .banner-dots li {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  margin: 0;

  padding: 30px 0 0;

  width: auto;

  height: auto;

  font-family: Arial, sans-serif;

  font-size: 12px;

  line-height: 14px;

  color: rgba(255, 255, 255, .5)

}

.hm-banner .banner-dots li:before {

  position: absolute;

  top: -1px;

  left: 0;

  z-index: 1;

  width: 100%;

  height: 1px;

  background: #e67015;

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transform-origin: right center;

  -ms-transform-origin: right center;

  transform-origin: right center;

  -webkit-transition: -webkit-transform 5.5s linear;

  transition: -webkit-transform 5.5s linear;

  -o-transition: transform 5.5s linear;

  transition: transform 5.5s linear;

  transition: transform 5.5s linear, -webkit-transform 5.5s linear;

  content: ''

}

.hm-banner .banner-dots li.cur {

  color: #e67015

}

.hm-banner .banner-dots li.cur:before {

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

  -webkit-transform-origin: left center;

  -ms-transform-origin: left center;

  transform-origin: left center

}

.container {

  margin: 0 auto;

  padding: 0 15px;

  width: 100%

}

.server {

  padding-top: 50px

}

.server .tit {

  font-size: 30px;

  color: #333;

  padding-bottom: 10px;

  margin-bottom: 20px;

  text-align: center

}

.server .tit .subtit {

  font-size: 24px;

  color: #333;

  font-weight: lighter;

  text-align: center

}

.serverbox {

  margin-top: 50px

}

.serverbox li {

  width: 20%;

  float: left

}

.serverbox .iconbox {

  width: 150px;

  height: 125px;

  background: #063c92;

  border-radius: 50%;

  color: #fff;

  text-align: center;

  font-size: 21px;

  padding-top: 25px;

  margin: 0 auto

}

.serverbox icon {

  display: block;

  width: 55px;

  height: 55px;

  margin: 0 auto;

  padding-top: 5px

}

.serverbox li:hover .iconbox {

  color: #f7c807

}

.serverbox .sbiao icon {

  background-color: #fff;

  -webkit-mask: url(../images/sb.png) no-repeat;

  mask: url(../images/sb.png) no-repeat

}

.serverbox li.sbiao:hover .iconbox icon {

  background-color: #f7c807;

  -webkit-mask: url(../images/sb.png) no-repeat;

  mask: url(../images/sb.png) no-repeat

}

.serverbox .zli icon {

  background-color: #fff;

  -webkit-mask: url(../images/zli.png) no-repeat;

  mask: url(../images/zli.png) no-repeat

}

.serverbox li.zli:hover .iconbox icon {

  background-color: #f7c807;

  -webkit-mask: url(../images/zli.png) no-repeat;

  mask: url(../images/zli.png) no-repeat

}

.serverbox .gqi icon {

  background-color: #fff;

  -webkit-mask: url(../images/gqi.png) no-repeat;

  mask: url(../images/gqi.png) no-repeat

}

.serverbox li.gqi:hover .iconbox icon {

  background-color: #f7c807;

  -webkit-mask: url(../images/gqi.png) no-repeat;

  mask: url(../images/gqi.png) no-repeat

}

.serverbox .zshi icon {

  background-color: #fff;

  -webkit-mask: url(../images/zshi.png) no-repeat;

  mask: url(../images/zshi.png) no-repeat

}

.serverbox li.zshi:hover .iconbox icon {

  background-color: #f7c807;

  -webkit-mask: url(../images/zshi.png) no-repeat;

  mask: url(../images/zshi.png) no-repeat

}

.serverbox .kji icon {

  background-color: #fff;

  -webkit-mask: url(../images/kji.png) no-repeat;

  mask: url(../images/kji.png) no-repeat

}

.serverbox li.kji:hover .iconbox icon {

  background-color: #f7c807;

  -webkit-mask: url(../images/kji.png) no-repeat;

  mask: url(../images/kji.png) no-repeat

}

.serverbox .detail {

  width: 160px;

  height: 120px;

  margin: 0 auto;

  text-align: center;

  margin-top: 20px;

  font-size: 12px;

  line-height: 20px

}

.serverbox .more {

  text-align: center;

  font-size: 14px

}

.serverbox .more a {

  color: #063c92

}

.super {

  background: #063c92;

  padding-top: 80px;

  margin-top: 50px;

  overflow: hidden;

  padding-bottom: 25px

}

.super .superinfo {

  width: 425px;

  height: 510px;

  margin-top: 50px

}

.superinfo h3 {

  font-size: 40px;

  font-weight: lighter;

  color: #fff

}

.superinfo .subt {

  color: #fff;

  font-size: 24px;

  font-weight: lighter;

  margin-bottom: 15px

}

.superinfo .tips {

  color: #fff;

  font-size: 30px;

  background: #f7c807;

  border-radius: 10px;

  width: 380px;

  height: 60px;

  line-height: 60px;

  text-align: center

}

.whybox {

  width: 728px;

  background: url(../images/whyr.png) no-repeat;

  height: 733px;

  background-size: 100%

}

.ball {

  position: relative;

  height: 100%

}

.ball .d1 {

  position: absolute;

  cursor: pointer

}

.ball .gbg {

  background: url(../images/guang.png) no-repeat;

  width: 196px;

  height: 110px;

  background-size: cover;

  position: absolute;

  top: -30px;

  left: -50px

}

.ball .ball-inner .bb {

  position: absolute;

  -webkit-animation: bounceIn .4s ease-in-out infinite alternate;

  -o-animation: bounceIn .4s ease-in-out infinite alternate;

  animation: bounceIn .4s ease-in-out infinite alternate

}


.ball .ball-inner .more-wrap {

  position: absolute;

  width: 224px;

  height: 48px;

  bottom: 40px;

  left: 50%;

  margin: 0 0 0 -112px;

  border-radius: 4px;

  background-color: #1a97df;

  overflow: hidden

}

.ball .ball-inner .more-wrap:hover .more {

  top: 48px

}

.ball .ball-inner .more-wrap:hover .more2 {

  top: 0

}

.ball .ball-inner .more {

  position: absolute;

  top: 0;

  left: 0;

  width: 224px;

  height: 48px;

  line-height: 48px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  background: #1a97df;

  -webkit-transition: all .4s;

  -moz-transition: all .4s;

  -ms-transition: all .4s;

  -o-transition: all .4s;

  transition: all .4s

}

.ball .ball-inner .more2 {

  position: absolute;

  top: -48px;

  left: 0x;

  width: 224px;

  height: 48px;

  line-height: 48px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  background: #1a97df;

  -webkit-transition: all .4s;

  -moz-transition: all .4s;

  -ms-transition: all .4s;

  -o-transition: all .4s;

  transition: all .4s

}

.ball .ball-inner .num .p1 {

  float: left;

  width: 170px;

  height: 86px;

  -webkit-animation-delay: .4s;

  -moz-animation-delay: .4s;

  -o-animation-delay: .4s;

  animation-delay: .4s

}

.ball .ball-inner .num .p1 span {

  color: #1a97df;

  font-size: 82px

}

.ball .ball-inner .num .p1 b {

  font-size: 54px;

  color: #1a97df;

  vertical-align: 8px;

  margin-left: 4px

}

.ball .ball-inner .num .p1 em {

  font-size: 16px;

  color: #1a97df

}

.ball .ball-inner .num .p2 {

  float: left;

  width: 227px;

  height: 86px;

  margin-left: 130px;

  -webkit-animation-delay: .8s;

  -moz-animation-delay: .8s;

  -o-animation-delay: .8s;

  animation-delay: .8s

}

.ball .ball-inner .num .p2 span {

  color: #1a97df;

  font-size: 82px

}

.ball .ball-inner .num .p2 b {

  font-size: 40px;

  color: #1a97df;

  vertical-align: 33px

}

.ball .ball-inner .num .p2 em {

  font-size: 16px;

  color: #1a97df

}

.ball .ball-inner .num .p3 {

  float: right;

  width: 227px;

  height: 86px;

  -webkit-animation-delay: 1.2s;

  -moz-animation-delay: 1.2s;

  -o-animation-delay: 1.2s;

  animation-delay: 1.2s

}

.ball .ball-inner .num .p3 span {

  color: #1a97df;

  font-size: 82px

}

.ball .ball-inner .num .p3 b {

  font-size: 40px;

  color: #1a97df;

  vertical-align: 33px

}

.ball .ball-inner .num .p3 em {

  font-size: 16px;

  color: #1a97df

}

.ball .ball-inner .d1 {

  position: absolute;

  cursor: pointer

}

.ball .ball-inner .d1 dt {

  float: left;

  position: relative

}

.ball .ball-inner .d1 dt .light {

  position: absolute;

  -webkit-transition: all .4s;

  -moz-transition: all .4s;

  -ms-transition: all .4s;

  -o-transition: all .4s;

  transition: all .4s;

  transform-origin: 100% 100%;

  -webkit-transform-origin: 100% 100%;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  opacity: 0;

  filter: alpha(opacity=0);

  top: -120px;

  left: -285px;

  width: 345px;

  height: 123px;

  background: url(../images/ball.png) no-repeat

}

.ball .ball-inner .on dt {

  z-index: 1

}

.ball .ball-inner .d1.spe dt .light {

  background: url(../images/ball2.png) no-repeat;

  left: 7px;

  transform-origin: 0 100%;

  -webkit-transform-origin: 0 100%

}

.ball .ball-inner .d1 dt .light .light-inner {

  width: 324px;

  height: 86px;

  background-color: #fff;

  border-radius: 44px

}

.ball .ball-inner .d1 dt .light .light-inner .lt {

  float: left;

  height: 78px;

  width: 78px;

  border: 4px solid #6c92f9;

  border-radius: 44px;

  text-align: center

}

.ball .ball-inner .d1 dt .light .light-inner .rg {

  float: left;

  width: 210px;

  padding-top: 10px;

  margin-left: 10px

}

.ball .ball-inner .d1 dt .light .light-inner .rg .p1 {

  font-size: 12px;

  color: #8b8b8b;

  margin-bottom: 8px;

  line-height: 1.4;

  text-align: left

}

.ball .ball-inner .d1 dt .light .light-inner .rg .p2 {

  font-size: 14px;

  color: #000

}

.ball .ball-inner .d1 dt span {

  position: absolute;

  width: 12px;

  height: 12px;

  top: 50%;

  left: 50%;

  margin: -6px 0 0 -6px;

  background-color: #0095e2;

  border-radius: 8px;

  -webkit-animation: fd 2s forwards infinite;

  -o-animation: fd 2s forwards infinite;

  animation: fd 2s forwards infinite

}

.ball .ball-inner .d1 dd {

  float: left

}

.ball .ball-inner .on dt .light {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1)

}

.ball .ball-inner .on span {

  animation-play-state: paused;

  -webkit-animation-play-state: paused

}

.ball .ball-inner .on dt {

  border-color: #33d59d

}

.ball .ball-inner .on dt span {

  background-color: #33d59d

}

.ball .ball-inner .big dt {

  width: 20px;

  height: 20px;

  border-radius: 20px

}

.ball .ball-inner .big dt span {

  width: 14px;

  height: 14px;

  border-radius: 14px;

  margin: -7px 0 0 -7px;

  animation-delay: 1s

}

.ball .d1 dd {

  height: 114px;

  width: 114px

}

.ball .d1 dd.wicon1 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_1.png) no-repeat;

  mask: url(../images/icon_why_1.png) no-repeat;

  display: block;

  width: 90px;

  height: 90px;

  text-align: center;

  margin: 0 auto

}

.ball .d1.on dd.wicon1 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_1_on.png) no-repeat;

  mask: url(../images/icon_why_1_on.png) no-repeat;

  display: block;

  width: 114px;

  height: 114px;

  text-align: center;

  margin: 0 auto

}

.ball .d1 dd.wicon2 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_2.png) no-repeat;

  mask: url(../images/icon_why_2.png) no-repeat;

  display: block;

  width: 90px;

  height: 90px;

  text-align: center;

  margin: 0 auto

}

.ball .d1.on dd.wicon2 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_2_on.png) no-repeat;

  mask: url(../images/icon_why_2_on.png) no-repeat;

  display: block;

  width: 114px;

  height: 114px;

  text-align: center;

  margin: 0 auto

}

.ball .d1 dd.wicon3 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_3.png) no-repeat;

  mask: url(../images/icon_why_3.png) no-repeat;

  display: block;

  width: 90px;

  height: 90px;

  text-align: center;

  margin: 0 auto

}

.ball .d1.on dd.wicon3 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_3_on.png) no-repeat;

  mask: url(../images/icon_why_3_on.png) no-repeat;

  display: block;

  width: 114px;

  height: 114px;

  text-align: center;

  margin: 0 auto

}

.ball .d1 dd.wicon4 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_4.png) no-repeat;

  mask: url(../images/icon_why_4.png) no-repeat;

  display: block;

  width: 90px;

  height: 90px;

  text-align: center;

  margin: 0 auto

}

.ball .d1.on dd.wicon4 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_4_on.png) no-repeat;

  mask: url(../images/icon_why_4_on.png) no-repeat;

  display: block;

  width: 114px;

  height: 114px;

  text-align: center;

  margin: 0 auto

}

.ball .d1 dd.wicon5 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_5.png) no-repeat;

  mask: url(../images/icon_why_5.png) no-repeat;

  display: block;

  width: 90px;

  height: 90px;

  text-align: center;

  margin: 0 auto

}

.ball .d1.on dd.wicon5 icon {

  background-color: #04d2e8;

  -webkit-mask: url(../images/icon_why_5_on.png) no-repeat;

  mask: url(../images/icon_why_5_on.png) no-repeat;

  display: block;

  width: 114px;

  height: 114px;

  text-align: center;

  margin: 0 auto

}

.ball .d1 dd b {

  font-size: 14px;

  color: #fff

}

.ball .d1 dd b em {

  font-size: 12px;

  font-style: normal;

  color: #fff;

  font-weight: 400

}

.ball .d1 dd span {

  color: #969494;

  font-size: 18px;

  font-weight: lighter;

  text-align: center;

  display: block;

  position: relative;

  margin-top: 10px;

  width: 100%

}

.ball .d1.on dd span {

  color: #fff;

  font-size: 24px

}

.ball .ball-inner dd.select span {

  position: absolute;

  width: 22px;

  height: 22px;

  background: url(../images/yuan.png) no-repeat;

  -webkit-animation: fd 2s forwards infinite;

  -o-animation: fd 2s forwards infinite;

  animation: fd 2s forwards infinite

}

.ball .ball-inner dd.select1 span {

  top: -20px;

  left: 48px

}

.ball .ball-inner dd.select2 span {

  top: 30px;

  left: 35px

}

.ball .ball-inner dd.select3 span {

  top: 70px;

  left: 73px

}

.ball .ball-inner dd.select4 span {

  top: 70px;

  left: 73px

}

.ball .ball-inner dd.select5 span {

  top: 36px;

  left: 110px

}

.ball dt .lt label:first-child {

  display: inline-block;

  margin-top: 20px;

  font-size: 16px;

  font-weight: 700

}

.ball dt .lt label em {

  font-style: normal;

  font-size: 12px;

  font-weight: none

}

.ball .ball-inner .d1.br dt .light {

  top: -85px;

  left: -305px

}

.ball .ball-inner .d1.spe dt .light {

  top: -45px;

  left: 85px

}

.ball .ball-inner .d1.bl dt .light {

  top: -80px;

  left: -225px

}

.ball .ball-inner .select {

  display: none

}

.team {

  padding-top: 80px;

  background: #f8f8f8

}

.team .tit {

  font-size: 30px;

  color: #333;

  padding-bottom: 10px;

  margin-bottom: 20px;

  text-align: center

}

.team .tit .subtit {

  font-size: 24px;

  color: #333;

  font-weight: lighter;

  text-align: center

}

.teambox {

  width: 1100px;

  margin: 0 auto

}

.teambox .item {

  border: 1px solid #063c92;

  padding: 12px;

  margin-right: 16px;

  text-align: center;

  font-size: 18px

}

.teambox .item img {

  width: 233px;

  height: 287px;

}

.teambox .item p.tname {

  margin-top: 5px

}

.teambox .slick-slider {

  margin: 30px auto 50px

}

.teambox .slick-next, .teambox .slick-prev {

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  width: 30px;

  height: 30px;

  padding: 0;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  color: #f7c807;

  border: 1px solid #959595;

  border-radius: 50%;

  outline: 0;

  background: 0 0

}

.teambox .slick-next:before, .teambox .slick-prev:before {

  font-family: slick;

  font-size: 10px;

  line-height: 1;

  opacity: .75;

  color: #063c92;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale

}

.teambox .slick-prev {

  left: -45px

}

.teambox .text-box {

  margin-top: 12px;

  position: absolute;

  top: 0;

  left: 12;

  right: 12;

  width: calc(100% - 44px);

  height: 100%;

  padding: 75px 10px 0 10px;

  background: rgba(30, 72, 140, .8);

  transform: translateY(100%);

  -webkit-transform: translateY(100%);

  -moz-transform: translateY(100%);

  -webkit-transition: -webkit-transform .3s;

  -moz-transition: -moz-transform .3s;

  transition: transform .3s

}

.teambox .text-box .name {

  color: #fff;

  font-size: 24px;

  margin-bottom: 10px

}

.teambox .text-box .label {

  color: #ccc;

  font-size: 16px;

  font-weight: lighter

}

.teambox .text-box i {

  width: 100px;

  height: 36px;

  line-height: 36px;

  border-radius: 10px;

  font-size: 18px;

  color: #fff;

  font-style: normal;

  font-weight: 200;

  display: inline-block;

  border: 1px solid #fff;

  margin-top: 20px

}

.teambox .item {

  position: relative;

  overflow: hidden

}

.teambox a:hover .text-box {

  height: 212px;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0)

}

.case {

  padding-top: 80px

}

.case .zp {

  width: 480px;

  z-index: 0;

  height: 271px;

  background: #fff url(../images/casetit.png) left top no-repeat;

  position: absolute;

  padding-right: 13px;

  top: 0

}

.case .pp {

  position: relative;

  width: 1202px;

  padding-bottom: 88px

}

.ppslide table {

  width: 99.9%;

  margin-left: 1px

}

.pp table td {

  width: 20%;

  border: 1px solid #e8e8e8;

  height: 135px;

  overflow: hidden

}

.ppslide .slick-arrow {

  z-index: 10;

  position: absolute;

  font-size: 30px;

  width: 49px;

  height: 49px;

  text-align: center;

  line-height: 49px;

  cursor: pointer;

  right: 20px;

  color: #fff;

  background: #063c92;

  top: auto;

  bottom: 20px;

  font-family: '宋体';

  font-weight: 400

}

.ppslide .slick-prev {

  left: auto;

  right: 130px

}

.ppslide .slick-next {

  left: auto;

  right: 70px

}

.ppslide .slick-next, .ppslide .slick-prev {

  font-size: 0;

  line-height: 0

}

.ppslide .slick-arrow.slick-disabled {

  background: #dedede;

  color: #063c92

}

.ppslide .slick-next::before {

  content: ">";

  font-size: 18px;

  opacity: 1;

  font-family: Arial, Helvetica, sans-serif

}

.ppslide .slick-prev::before {

  content: "<";

  font-size: 18px;

  opacity: 1;

  font-family: Arial, Helvetica, sans-serif

}

.ppslide img {

  -webkit-transition: .25s all;

  transition: .25s all;

  margin: auto;

  max-width: 239px;

  max-height: 134px;

}

.ppslide img:hover {

  -webkit-transform: scale(.9);

  transform: scale(.9)

}

.news {

  padding-top: 80px;

  background: #063c92;

  padding-bottom: 25px

}

.news .tit {

  font-size: 30px;

  color: #fff;

  padding-bottom: 10px;

  margin-bottom: 20px;

  text-align: center

}

.news .tit .subtit {

  font-size: 24px;

  color: #fff;

  font-weight: lighter;

  text-align: center

}

.newsbox {

  margin-top: 30px

}

.newsnav {

  color: #fff;

  text-align: right;

  font-weight: 700

}

.newsnav a {

  color: #fff

}

.newsnav a:hover {

  color: #fad955

}

.newsbox .comnews {

  width: 370px;

  background: #fff;

  padding: 20px 20px;

  height: 442px;

  overflow: hidden

}

.newsbox .comnews .img img {

  width: 370px;

  height: 250px

}

.newsbox .comnews .title {

  margin-top: 20px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 20px

}

.newsbox .comnews .title span {

  color: #969494;

  font-size: 30px;

  text-align: right;

  line-height: 18px;

  float: left;

  width: 90px;

  padding-right: 10px;

  background: url(../images/line.png) top right no-repeat;

  font-weight: 400

}

.newsbox .comnews .title label {

  color: #969494;

  font-size: 18px;

  font-weight: lighter

}

.newsbox .comnews .title a {

  display: inline-block;

  margin-left: 10px;

  font-size: 24px;

  line-height: 30px;

  width: 260px;

  font-weight: lighter;height: 30px;overflow: hidden;

}

.newsbox .comnews .detail {

  padding-top: 20px;

  color: #969494;

  font-size: 14px;

  position: relative;

  height: 60px;

  width: 330px

}

.newsbox .comnews .detail a {

  position: absolute;

  display: inline-block;

  text-align: right;

  width: 41px;

  height: 41px;

  right: -50px;

  bottom: 0

}

.newslist {

  width: 760px

}

.newslist li {

  background: #fff;

  padding: 20px;

  overflow: hidden;

  padding-left: 10px;

  margin-bottom: 16px;

}

.newslist .rtime {

  width: 90px;

  font-size: 30px;

  color: #969494;

  text-align: right;

  padding-right: 10px

}

.newslist .rtime b {

  display: block;

  font-weight: 400

}

.newslist .rtime em {

  font-size: 18px;

  display: block;

  font-weight: lighter

}

.newslist .img {

  width: 175px;

  height: 107px;

  overflow: hidden;

  border-left: 1px solid #ccc;

  padding-left: 10px

}

.newslist .img img {

  width: 100%

}

.newslist .rmore {

  width: 600px;

  font-size: 16px;

  font-weight: lighter;border-left: 1px solid #ccc;

    padding-left: 20px;

}

.newslist .rmore p {

  color: #969494;

  font-size: 14px;

  margin-top: 10px

}

.newslist li:hover .rtime {

  color: #063c92

}

.newslist li:hover .img {

  border-left: 1px solid #063c92

}

.about {

  padding-top: 80px;

  padding-bottom: 55px

}

.aboutinfo {

  width: 560px

}

.about .aboutpic {

  text-align: center

}

.aboutnav li {

  width: 25%;

  float: left

}

.aboutnav .iconbox {

  width: 100px;

  height: 85px;

  background: #f8f8f8;

  border-radius: 50%;

  color: #063c92;

  text-align: center;

  font-size: 18px;

  padding-top: 15px;

  margin: 0 auto;

  font-weight: lighter

}

.aboutnav icon {

  display: block;

  width: 36px;

  height: 36px;

  margin: 0 auto;

  padding-top: 5px

}

.aboutnav .sming icon {

  background: url(../images/sming_on.png) no-repeat

}

.aboutnav .yjing icon {

  background: url(../images/yjing_on.png) no-repeat

}

.aboutnav .fwu icon {

  background: url(../images/fwu_on.png) no-repeat

}

.aboutnav .jsheng icon {

  background: url(../images/jsheng_on.png) no-repeat

}

.aboutnav a:hover .iconbox {

  background: #063c92;

  color: #fff

}

.aboutnav .jsheng a:hover icon {

  background: url(../images/jsheng.png) no-repeat

}

.aboutnav .fwu a:hover icon {

  background: url(../images/fwu.png) no-repeat

}

.aboutnav .yjing a:hover icon {

  background: url(../images/yjing.png) no-repeat

}

.aboutnav .sming a:hover icon {

  background: url(../images/sming.png) no-repeat

}

.aboutinfo h3 {

  font-size: 30px;

  margin-top: 15px

}

.aboutinfo p {

  font-size: 18px;

  font-weight: lighter

}

.aboutinfo p.de {

  margin-top: 15px;

  font-size: 14px;

  line-height: 22px

}

.aboutinfo p.de a {

  display: block;

  float: right;

  line-height: 36px;

  margin-top: 15px;

  width: 110px;

  height: 36px;

  border: 1px solid #000;

  border-radius: 10px;

  text-align: center

}

.aboutinfo p.de a:hover {

  background: #063c92;

  color: #fff

}