@charset "utf-8";

.mt40 {

  margin-top: 2.5rem

}

.banner {

  position: relative;

  width: 100%;

  padding-top: 55px

}

.banner img {

  width: 100%

}

.news {

  background: #f2f2f2;

  padding: 1.5625rem 1.5625rem

}

.submenu {

  text-align: center

}

.submenu a {

  background: #fff;

  font-size: 1.5rem;

  color: #333;

  padding: 5px 8px;

  margin-right: 10px

}

.submenu a.on {

  background: #f4c14a

}

.newsbox {

  margin-top: 20px

}

.newsbox li {

  margin-bottom: 15px

}

.newsbox .item {

  background: #fff;

  border: 1px solid #c3c3c3;

  padding: .625rem 1.125rem

}

.newsbox a:hover .item {

  border: 1px solid #f7ce5f

}

.newsbox .item .imgs {

  float: left;

  width: 12.375rem;

  height: 8.875rem;

  overflow: hidden;

  margin-right: 2rem

}

.newsbox .item .imgs img {

  width: 100%

}

.newsbox .item .tit {

  float: left;

  width: 18.75rem;

  border-bottom: 1px dotted #d7d7d7;

  padding-bottom: 2rem;

  font-size: 1.5rem

}

.newsbox .item .detail {

  margin-top: 1rem;

  font-size: 1.25rem;text-indent: 2em;

}

.newsbox .item .tit p {

  margin-top: 1rem;

  font-size: 1.25rem;

  color: #d1d1d1

}

.newsdetailbox {

  background: #fff;

  padding: 2.18rem

}

.newsdetailbox .title {

  border-bottom: 1px dotted #a3a3a3;

  padding-bottom: 1.625rem

}

.newsdetailbox .title h1 {

  font-size: 1.875rem

}

.newsdetailbox .title p {

  font-size: 1.25rem;

  margin-top: 5px

}

.newsdetailbox .title span {

  color: #a3a3a3;

  font-size: 1.25rem;margin: 0 .5rem;

}

.newsdetailbox .title span a{color: #a3a3a3;}

.newsdetail {

  padding-top: 1.625rem;

  font-size: 1.5rem;

  line-height: 2.5rem

}

.newsdetail p{text-indent: 2em;margin-bottom: .5rem;}

.newsdetail p img {

  max-width: 100%;display: block;

}

.about .tit {

  font-size: 1.875rem;

  color: #333;

  padding-bottom: 1.25rem;

  margin-bottom: 1.25rem;

  text-align: center

}

.tit h3 {

  font-weight: 700;

  font-size: 1.875rem

}

.about .detail {

  padding: 1.5rem;

  font-size: 1.5rem;

  font-weight: lighter;

  line-height: 2rem;

  padding-top: 0

}

.culture {

  background: #f2f2f2;

  padding-top: 1.25rem;

  padding-bottom: 3.75rem

}

.culture .tit {

  font-size: 1.875rem;

  color: #333;

  padding-bottom: 1.25rem;

  margin-bottom: 1.25rem;

  text-align: center

}

.culture .culturebox {

  padding: 0 1.875rem;

  margin: 0 auto

}

.culture .culturebox li {

  width: 50%;

  float: left;

  width: 15rem;

  margin-right: .9357rem;

  height: 10.4375rem;

  margin-bottom: .9357rem;

  color: #333;

  padding: 1.25rem;

  position: relative;

  background: #fff

}

.culture .culturebox li:nth-child(even) {

  margin-right: 0

}

.culture .culturebox li h4 {

  font-size: 1.5rem;

  font-weight: lighter

}

.culture .culturebox li p {

  font-size: 1.125rem;

  font-weight: lighter;

  margin-top: 1rem;

  display: inline-block;

  height: 3.4357rem;

  padding-bottom: 1rem

}

.culture .culturebox li .cicon {

  position: absolute;

  bottom: 10px;

  left: 10px

}

.teams {

  background: url(../images/teambg.jpg) top center no-repeat;

  padding-top: 2.25rem;

  height: 32.1875rem;

  background-size: 100%

}

.teams .tit {

  font-size: 1.875rem;

  color: #fff;

  padding-bottom: 1.25rem;

  margin-bottom: 1.25rem;

  text-align: center

}

.teamsbox {

  padding: 0 1.875rem;

  width: 35.5rem;

  height: 19.75rem

}

.teamsbox img {

  width: 100%

}

.rongyu {

  padding-top: 2.25rem

}

.rongyu .tit {

  font-size: 1.875rem;

  color: #333;

  padding-bottom: 1.25rem;

  margin-bottom: 1.25rem;

  text-align: center

}

.rongyubox {

  padding: 0 1.97rem;

  overflow: hidden

}

.rongyubox .items li {

  float: left;

  text-align: center;

  width: 50%;

  height: 10.75rem;

  margin-bottom: 1.5rem

}

.rongyubox .items img {

  padding: .625rem;

  border: 1px solid #333;

  width: 16.125rem;

  height: 9.5rem

}

.address {

  padding-top: 3.75rem;

  padding-bottom: 3.75rem

}

.address .tit {

  font-size: 1.875rem;

  color: #333;

  padding-bottom: 1.25rem;

  margin-bottom: 1.25rem;

  text-align: center

}

.address .mapbox {

  padding: 0 1.97rem;

  height: 18.75rem

}

.address .det {

  margin-left: 30px;

  background: url(../images/iconadd.jpg) no-repeat;

  font-size: 1.5rem;

  font-weight: lighter;

  height: 45px;

  margin-top: 45px;

  padding-left: 60px;

  line-height: 2.5rem

}

.question {

  background: #f2f2f2;

  padding-bottom: 1.875rem

}

.question .tit {

  font-size: 1.875rem;

  color: #333;

  padding-top: 3.75rem;

  padding-bottom: 1.875rem;

  text-align: center

}

.questionbox {

  padding: 0 1.5625rem

}

.questionbox ul li {

  float: left;

  width: 50%;

  line-height: 35px;

  overflow: hidden;height: 35px;

}

.questionbox ul li a {

  font-size: 1.25rem;

  font-weight: lighter;

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

  padding-left: 15px

}

.case {

  padding-bottom: 1.875rem;

  background: #f2f2f2

}

.case .tit {

  width: 100%;

  height: 15.625rem;

  background: url(../images/casebg.jpg) top center no-repeat;

  background-size: 100%;

  overflow: hidden

}

.casebox {

  padding: 15px;

  background: #fff;

  width: calc(90% - 30px);

  margin: 0 auto;

  border-radius: 10px;

  position: relative;

  margin-top: -50px

}

.caselist .items li {

  float: left;

  box-sizing: border-box;

  width: 33.33%;

  border-top: 1px solid #e8e8e8;

  border-right: 1px solid #e8e8e8;

  padding: 10px 10px;

  text-align: center

}

.caselist .items li:nth-child(-n+3) {

  border-top: 0

}

.caselist .items li:nth-child(3n) {

  border-right: 0

}

.caselist li img {

  max-width: 100%;

  max-height: 134px

}

.team {

  padding-bottom: 1.875rem

}

.team .tit {

  font-size: 1.875rem;

  color: #333;

  padding-top: 3.75rem;

  padding-bottom: 1.875rem;

  text-align: center

}

.team .tit .subtit {

  font-size: 1.25rem;

  color: #333;

  font-weight: lighter;

  text-align: center

}

.swiper-container-team {

  width: 100%;

  height: 100%

}

.teambox {

  position: relative;

  height: 34.18rem;

  width: 100%;

  overflow: hidden

}

.teambox .swiper-slide .img {

  width: 16.75rem;

  height: 24.68rem;

  border: 1px solid #5675b0;

  padding: 2.375rem;

  margin: 0 auto;

  position: relative

}

.teambox .swiper-slide .img img {

  width: 100%;

  height: 100%

}

.teambox .text-box {

  margin-top: 2.375rem;

  position: absolute;

  top: 0;

  width: 16.75rem;

  height: 17.68rem;

  padding-top: 7rem;

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

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

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

  transition: transform .3s;

  text-align: center

}

.teambox .text-box .name {

  color: #fff;

  font-size: 1.5rem;

  margin-bottom: 10px

}

.teambox .text-box .label {

  color: #ccc;

  font-size: 1.25rem;

  font-weight: lighter

}

.teambox .text-box i {

  width: 7.8125rem;

  height: 2.5rem;

  line-height: 2.5rem;

  border-radius: .625rem;

  font-size: 1rem;

  color: #fff;

  font-style: normal;

  font-weight: 200;

  display: inline-block;

  border: 1px solid #fff;

  text-align: center;

  margin-top: 20px

}

.teambox .item {

  position: relative;

  overflow: hidden;

  text-align: center

}

.dailiys {

  padding-bottom: 1.875rem;

  background: #f2f2f2

}

.dailiys .tit {

  font-size: 1.875rem;

  color: #333;

  padding-top: 3.75rem;

  padding-bottom: 1.875rem;

  text-align: center

}

.dlser {

  padding: 0 1.5625rem

}

.dlser li {

  background: #fff;

  padding: 1.5625rem 1.5625rem;

  margin-bottom: 10px

}

.dlser li .imgs {

  width: 4.375rem

}

.dlser li .det {

  width: 25.625rem;

  padding-top: 1.5625rem;

  font-size: 1.5rem

}

.zllc img {

  width: 100%

}

.tipbox {

  padding: 0 1.5625rem

}

.tips {

  padding-top: 3.75rem;

  padding-bottom: 1.875rem

}

.tips .tits {

  font-size: 1.5rem;

  height: 41px;

  position: relative

}

.tips .tits p {

  margin: 0;

  padding: 0;

  line-height: 30px;

  position: absolute;

  bottom: 0;

  font-size: 1.5rem;

}

.tips .det {

  font-size: 1.125rem;

  color: #8e8c8c;

  font-weight: lighter;

  margin-top: 1.125rem;

  margin-bottom: 2.8125rem

}

.subserver {

  padding-bottom: 3.125rem

}

.subserver li {

  width: 25%;

  float: left;

  text-align: center

}

.subserver .tit {

  margin-top: 10px;

  font-size: 1.5rem;

  font-weight: lighter

}

.subserver .more {

  margin-top: 10px;

  text-align: center;

  font-size: 1.125rem

}

.subserver .more a {

  color: #063c92

}

.subserver .iconbox {

  width: 72px;

  height: 72px;

  margin: 0 auto

}

.subserver .gn .iconbox {

  background-color: #063c92;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver li.gn:hover .iconbox {

  background-color: #f7c807;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver .gj .iconbox {

  background-color: #063c92;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver li.gj:hover .iconbox {

  background-color: #f7c807;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver .jy .iconbox {

  background-color: #063c92;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver li.jy:hover .iconbox {

  background-color: #f7c807;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver .sj .iconbox {

  background-color: #063c92;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver li.sj:hover .iconbox {

  background-color: #f7c807;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver .gd .iconbox {

  background-color: #063c92;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.subserver li.gd:hover .iconbox {

  background-color: #f7c807;

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

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

  -webkit-mask-size: 100% 100%;

  mask-size: 100% 100%

}

.haochu {

  position: relative;

  background: url(../images/hline.png) left top repeat-x;

  height: 3.125rem;

  margin-top: 2.8125rem

}

.haochu .tit {

  font-size: 1.5rem;

  background: #f7c807;

  border-radius: 10px;

  padding: 5px 10px;

  position: absolute;

  top: -20px

}

.hcitems li {

  width: calc(50% - 2.25rem);

  height: 100px;

  color: #fff;

  border-radius: 10px;

  padding: 1.5625rem .625rem;

  float: left;

  margin-right: 1rem;

  position: relative;

  margin-bottom: 1.125rem

}

.hcitems.zhuanli li {

  border-radius: 0;

  text-align: center;

  padding-top: 70px

}

.hcitems li:last-child {

  margin-right: 0

}

.hcitems h4 {

  font-size: 1.5rem

}

.hcitems p {

  font-size: 1.125rem;

  margin-top: 10px;

  line-height: 25px

}

.hcitems span {

  position: absolute;

  bottom: 0;

  right: 10px;

  font-size: 36px;

  display: block

}

.zznavbox {

  margin-top: 20px;

  background: #fff;

  padding: 1.5625rem 1.5625rem

}

.zznavbox .stit li {

  float: left;

  width: calc(50% - 20px);

  margin-left: 10px;

  margin-right: 10px;

  background: url(../images/rdbg.jpg) 0 0 no-repeat;

  background-size: 100%;

  margin-bottom: 20px;

  height: 60px;

  line-height: 60px;

  text-align: center

}

.zznavbox .stit a {

  color: #fff;

  font-size: 1.5rem;

  font-weight: 400;

  padding: 0 10px;

  display: inline-block;

  vertical-align: middle;

  line-height: 22px

}

.zzlistbox {

  margin-top: 20px;

  background: #fff;

  padding: 1.5625rem 1.5625rem

}

.zzlistbox li {

  border-bottom: 1px solid #d2d2d2;

  padding-bottom: 10px;

  margin-bottom: 10px

}

.zzlistbox li .imgs {

  float: left;

  width: 12.375rem;

  height: 8.875rem;

  overflow: hidden;

  margin-right: 2rem

}

.zzlistbox .imgs img {

  width: 100%

}

.zzlistbox .item .tit {

  float: left;

  width: 18.75rem;

  font-size: 1.5rem

}

.zzlistbox .item .tit p {

  font-size: 1.25rem;

  color: #999

}

.xmsb {

  background: #f2f2f2;

  padding: 0 1.5625rem

}

.xmsb .tit {

  font-size: 1.875rem;

  color: #333;

  padding-top: 3.75rem;

  padding-bottom: 1.875rem;

  text-align: center

}

.mnav li {

  float: left;

  width: calc(20% - 2rem);

  background: #fff;

  line-height: 20px;

  font-size: 1.25rem;

  text-align: center;

  margin-right: .5rem;

  margin-bottom: 1rem;

  padding: 0 .5rem

}

.mnav li.on {

  background: #0b3c91;

  color: #fff

}

.mnav li:nth-child(5n+0) {

  margin-right: 0

}

.mbox {

  margin-top: 20px;

  padding-bottom: 20px

}

.mbox .boxt li {

  width: calc(50% - 10px);

  float: left;

  margin-right: 10px;

  text-align: center;

  margin-bottom: 20px

}

.mbox .boxt li:nth-child(2n+0) {

  margin-right: 0

}

.mbox .box {

  display: table

}

.mbox .box1 {

  width: 127px;

  background: #f4c14a;

  font-size: 16px;

  height: 95px;

  display: table-cell;

  vertical-align: middle

}

.mbox .box2 {

  display: table-cell;

  width: 127px;

  background: #0b3c91;

  color: #fff;

  font-size: 16px;

  height: 95px;

  vertical-align: middle

}

.otherzl {

  padding-top: 40px;

  background: #063687 url(../images/otherzlbg.jpg) top center no-repeat;

  background-size: cover;

  height: 553px

}

.otherzl .tit {

  color: #fff;

  padding-bottom: 10px;

  margin-bottom: 20px;

  text-align: center;

  font-weight: 700;

  font-size: 1.875rem

}

.otherzl .tit .subtit {

  font-size: 1.25rem;

  color: #fff;

  font-weight: lighter;

  text-align: center

}

.otherzlbox {

  margin-top: 50px

}

.otherzlbox li {

  float: left;

  width: calc(33%);

  text-align: center;

  height: 100px

}

.otherzlbox li:nth-child(-n+4) {

  border-top: 0

}

.otherzlbox li:nth-child(4n) {

  border-right: 0

}

.otherzlbox .tit {

  font-size: 1.5rem;

  font-weight: lighter;

  margin-top: 15px

}

.otherzlbox li:hover .tit {

  color: #f7c807

}

.otherzlbox icon {

  display: block;

  width: 52px;

  height: 52px;

  margin: 0 auto

}

.otherzlbox .imgs {

  margin-top: 20px

}

.otherzlbox .icon0 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon1 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon2 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon3 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon4 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon5 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon6 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon7 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon8 icon {

  background-color: #fff;

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

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

}

.otherzlbox .icon9 icon {

  background-color: #fff;

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

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

}

.otherzlbox li:hover icon {

  background-color: #f7c807

}

.pagers {

  padding-top: 40px;

  text-align: center;font-size: 13px;

}



.pagers ul{display: table;margin: 0 auto;}

.pagination li{border:1px solid #ddd;border-radius: 3px;padding:6px 12px;margin:0 5px;float: left;}

.pagination li a{color: #666;}

.pagination .active,.pagination li:hover{background: #0c4aac;border:1px solid #0c4aac;}

.pagination .active a,.pagination li:hover a{color: #fff;}



.wz{padding: 1rem;border-bottom: 1px #ccc dashed;color: #333333;}

.wz b{border-right: 4px #548dd4 solid;margin: 0 5px;}

.wz a{color: #333333;}



.teamnewbox {

  padding: 0 1.5625rem

}

.teamnewbox li {

  background: #fff;

  margin-bottom: 15px;

  height: 80px;

  overflow: hidden;

  box-shadow: 0 0 16px 0 hsla(0, 0%, 74%, .5)

}

.teamnewbox li div {

  float: left;

  box-sizing: border-box

}

.teamnewbox .date {

  height: 94px;

  width: 80px;

  background: #063c92;

  color: #fff;

  text-align: center

}

.teamnewbox .date img {

  width: 100%;

  height: 100%

}

.teamnewbox .info {

  width: calc(100% - 80px);

  text-align: left;

  padding-left: 10px;

  padding-top: 15px;

  font-size: 1.5rem

}

.teamnewbox .info p {

  color: #999;

  font-size: 1.25rem

}