﻿.hrOne{

  padding-left: 55px;

  position: relative;

  z-index: 1;

}

.hrOne:before{

  content: "";

  width: 100%;

  height: 60%;

  background-color: #f2f7fc;

  position: absolute;

  bottom: -15%;

  left: 0;

  z-index: -1;

  -webkit-transform: skewX(-8deg);

  -moz-transform: skewX(-8deg);

  -ms-transform: skewX(-8deg);

  -o-transform: skewX(-8deg);

  transform: skewX(-8deg);

  border-radius: 20px 5px 20px 5px;

}

.hrOne-lt{

  float: left;

  width: 50%;

  padding: 0 40px;

}

.hrOne-lt .div{

  padding: 55px 85px 40px;

  background-color: #fff;

  box-shadow: 0px 0px 29.26px 8.74px rgba(0, 0, 0, 0.04);

  float: right;

  max-width: 640px;

  width: 100%;

}
.hrOne-lt .div {
    width: 88.888%;
}

.hr-bigDl .tit{

  font-size: 18px;

  color: #000000;

  margin-top: 35px;

  text-align: center;

}

.hrOne-rt{

  float: left;

  width: 50%;

  padding-left: 70px;

  position: absolute;

  top: 48%;

  right: 0;

}
.hrOne-rt{
  width: 43.4375%;
  right: auto;
  left: 50%;
}

.hrOne-head{

  text-align: right;

  position: absolute;

  right: 0;

  top: 0;
      width: 50%;
    padding-left: 70px;

}

.hrOne-head .tit{

  margin-bottom: 35px;

  font-size: 54px;

  color: #0e1d2d;

}

.hrOne-head .txt{

  font-size: 120px;

  color: #000000;

  opacity: .05;

  text-transform: uppercase;

  line-height: 112px;

  -webkit-transform: skewX(-8deg);

  -moz-transform: skewX(-8deg);

  -ms-transform: skewX(-8deg);

  -o-transform: skewX(-8deg);

  transform: skewX(-8deg);
  text-align:left;
 /* letter-spacing: 12px;*/

}

.hrOne-body{

  padding-right: 55px;

  padding-top: 105px;

  position: relative;

}

.hrOneRtBut{

  position: absolute;

  top: 0;

  left: 0;

  z-index: 3;

  margin: 0 -5px;

}

.hrOneRt-prev, .hrOneRt-next, .hrOneLt-prev, .hrOneLt-next{

  float: left;

  margin: 0 5px;

}

.swpAct-but{

  width: 65px;

  height: 65px;

  border-radius: 100%;

  border: solid 1px #e5e5e5;

  background-color: #fff;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  cursor: pointer;

  position: relative;

}

.swpAct-prev, .swpAct-next{

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 3;

}

.swpAct-prev{

  left: 0;

}

.swpAct-next{

  right: 0;

}

.swpAct-but img{

  position: absolute;

  top: 50%;

  left: 50%;

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

  -moz-transform: translate(-50%, -50%);

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

  -o-transform: translate(-50%, -50%);

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

  visibility: hidden;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.swpAct-but img.hui{

  visibility: visible;

  opacity: 1;

}
.swpAct-but:hover img.wt{

  visibility: visible;

  opacity: 1;

}

.swpAct-but:hover img.hui{

  visibility: hidden;

  opacity: 0;

}

.swpAct-but:hover{

  background-color: #004ea1;

  border-color: #004ea1;

}
.mbl{

  display: none;

}
.hrOne-head .txt{
  text-align: right;
  font-weight: bold;
}
.cl:after {
    content: "";
    clear: both;
    display: block;
}
.honorBox{
	min-height: 120vh;
}

.wrap {
    width: 84%;
    margin-right: auto;
    margin-left: auto;
}
.honorCol{

  padding: 25px;

  width: 33.333%;

  float: left;

}

.honorDl{

  text-align: center;

  -webkit-transform: skewX(-8deg);

  -moz-transform: skewX(-8deg);

  -ms-transform: skewX(-8deg);

  -o-transform: skewX(-8deg);

  transform: skewX(-8deg);

  border: solid 1px #f0f0f0;

  border-radius: 20px 5px 20px 5px;

  background-color: #fff;

  padding: 35px 15px;
  display:block;

}

/*.honorDl .div{

  -webkit-transform: skewX(8deg);

  -moz-transform: skewX(8deg);

  -ms-transform: skewX(8deg);

  -o-transform: skewX(8deg);

  transform: skewX(8deg);

}*/

.honorDl dt{

  max-width: 210px;

  margin: auto;

  margin-bottom: 25px;

    -webkit-transform: skewX(8deg);

  -moz-transform: skewX(8deg);

  -ms-transform: skewX(8deg);

  -o-transform: skewX(8deg);

  transform: skewX(8deg);

}

.honorDl dd{

      -webkit-transform: skewX(8deg);

  -moz-transform: skewX(8deg);

  -ms-transform: skewX(8deg);

  -o-transform: skewX(8deg);

  transform: skewX(8deg);

}

.honorDl dd .tit{

  font-size: 18px;

  color: #000000;

}

.honorTwo-tit{

  margin-bottom: 40px;

}

.honorTwo-tit .icon{

  display: inline-block;

  vertical-align: middle;

}

.honorTwo-tit .tit{

  display: inline-block;

  vertical-align: middle;

  font-size: 34px;

  color: #000000;

  margin-left: 15px;

}

.text01{

  top: 50%;

  left: 0px;

  width: 100%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}
.honorDl:hover{
  box-shadow: 0px 0px 25px 0px #eee;
}

/*分页*/

.page-nation{position:relative;width:100%;text-align:center;padding:40px 0 32px 0;}

.pager ul{text-align:center;}

.pager a{display:inline-block;}

.pager span.current {color: #004ea2;position: relative;z-index: 1;font-size:24px;background: linear-gradient(to right, #00b782, #0090d9, #0090d9, #0090d9, #0090d9);    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.pager a, .pager span {width:70px;height:44px;margin-left: -1px;color: #999;display: inline-block;

  line-height:44px;font-size:20px;text-decoration: none;margin: 0 5px;font-weight:bold;

}

.pager .pg-next,.pager .pg-prev{font-family:monospace;background-color:#e8e8e8;color: #666;border-radius:50%;}

.honorList{
	margin-top: 6vh;
}
