.yc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gd {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dx {
  text-transform: uppercase;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearboth {
  clear: both;
}
.juzhong {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.textdq {
  text-align: justify;
}
.dl-container {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
.dl-container::after {
  content: "";
  width: 0;
  height: 0;
  position: relative;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.dingzhi {
  width: 100%;
  height: 660px;
  background: url(../images/dingzhi.jpg) no-repeat center;
}
.dingzhi .dingzhiTitle {
  text-align: center;
}
.dingzhi .dingzhiTitle h3 {
  padding-top: 70px;
  font-size: 30px;
  font-weight: bold;
  color: #0f2963;
}
.dingzhi .dingzhiTitle p {
  padding-top: 30px;
  width: 924px;
  margin: 0 auto;
  line-height: 30px;
  font-size: 14px;
  color: #808080;
}
.dingzhi .dingzhiBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-top: 40px;
}
.dingzhi .dingzhiBox ul li {
  width: 320px;
  float: left;
  flex-direction: column;
  flex: 0 0 320px;
  height: 130px;
  background: #dbdfe8;
}
.dingzhi .dingzhiBox ul li a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  height: 130px;
  align-items: center;
  padding: 0 46px;
  box-sizing: border-box;
  justify-content: left;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dingzhi .dingzhiBox ul li a i {
  height: 67px;
  background: #0f2963;
  border-radius: 50%;
  width: 67px;
  float: left;
  flex-direction: column;
  flex: 0 0 67px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dingzhi .dingzhiBox ul li a i img {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px;
  object-fit: contain;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dingzhi .dingzhiBox ul li a b {
  padding-left: 36px;
}
.dingzhi .dingzhiBox ul li a b span {
  font-size: 22px;
  font-weight: bold;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dingzhi .dingzhiBox ul li a b p {
  width: 12px;
  height: 2px;
  background: #ccc;
  margin: 5px 0;
}
.dingzhi .dingzhiBox ul li a b em {
  color: #808080;
}
.dingzhi .dingzhiBox ul li:hover a i {
  box-shadow: 0 0 20px rgba(15, 41, 99, 0.1);
}
.dingzhi .dingzhiBox ul li:hover a i img {
  transform: rotate(360deg);
}
.dingzhi .dingzhiBox ul li:hover a b span {
  transform: translate(5px);
}
.dingzhi .dingzhiBox ul li:nth-child(2),
.dingzhi .dingzhiBox ul li:nth-child(4),
.dingzhi .dingzhiBox ul li:nth-child(5),
.dingzhi .dingzhiBox ul li:nth-child(7) {
  background: #f3f4f7;
}
.dingzhi .dingzhiCenter {
  width: 540px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
  box-sizing: border-box;
  align-items: center;
}
.dingzhi .dingzhiCenter .dingzhiCenterL {
  padding-left: 90px;
  background: url(../images/dingzhiCenterL.png) no-repeat center left;
}
.dingzhi .dingzhiCenter .dingzhiCenterL h4 {
  font-size: 14px;
  color: #4c4c4c;
}
.dingzhi .dingzhiCenter .dingzhiCenterL p {
  font-weight: bold;
  font-size: 24px;
  color: #0f2963;
}
.dingzhi .dingzhiCenter .dingzhiCenterR {
  width: 150px;
  float: left;
  flex-direction: column;
  flex: 0 0 150px;
  height: 40px;
  background: #0f2963;
  text-align: center;
  line-height: 40px;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dingzhi .dingzhiCenter .dingzhiCenterR a {
  color: #fff;
  display: block;
}
.dingzhi .dingzhiCenter .dingzhiCenterR:hover {
  transform: translate(5px);
}
.product .productTop {
  width: 1203px;
  margin: 0 auto;
  height: 348px;
  background: url(../images/productTop.png) no-repeat center;
}
.product .productTop .productTitle h3 {
  padding-top: 47px;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #0f2963;
}
.product .productTop .productTitle h3 a {
  display: block;
  line-height: 1;
  color: #0f2963;
}
.product .productTop .productTitle p {
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
  display: block;
  text-transform: uppercase;
  margin-top: 13px;
}
.product .productTop .productBottom {
  width: 820px;
  height: 171px;
  margin: 50px auto 0;
  overflow: hidden;
}
.product .productTop .productBottom ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
}
.product .productTop .productBottom ul li {
  width: 48%;
  float: left;
  flex-direction: column;
  flex: 0 0 48%;
}
.product .productTop .productBottom ul li h3 {
  margin-bottom: 20px;
}
.product .productTop .productBottom ul li h3 a {
  display: block;
  font-size: 26px;
  line-height: 1;
  padding-top: 22px;
}
.product .productTop .productBottom ul li p {
  width: 100%;
}
.product .productTop .productBottom ul li p a {
  display: inline-block;
  margin-right: 15px;
  padding-left: 15px;
  line-height: 32px;
  background: url(../images/productBottomIco.png) no-repeat center left;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product .productTop .productBottom ul li p a:hover {
  color: #0f2963;
  transform: translate(5px);
}
.product .productBox {
  height: 620px;
  width: 100%;
  margin-top: 40px;
}
.product .productBox .productBoxList ul li {
  height: 620px;
  width: 100%;
  position: relative;
}
.product .productBox .productBoxList ul li .productBoxListCenter {
  width: 100%;
  height: 620px;
  display: block;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListImg {
  display: block;
  position: absolute;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListImg img{
  width: 830px;
  height: 620px;
  object-fit: cover;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListText {
  position: absolute;
  top: 44px;
  right: 0;
  width: 550px;
  height: 460px;
  background: #dbdfe8;
  padding: 36px 36px 36px 36px;
  box-sizing: border-box;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListText .productBoxListTextBottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  padding-bottom: 11px;
  border-bottom: 1px solid #e6e6e6;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListText .productBoxListTextBottom h4.productBoxListTextBottomTitle {
  width: 280px;
  float: left;
  flex-direction: column;
  flex: 0 0 280px;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListText .productBoxListTextBottom h4.productBoxListTextBottomTitle > a {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  display: block;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListText .productBoxListTextBottom .productBoxListTextBottomMore {
  width: 120px;
  float: left;
  flex-direction: column;
  flex: 0 0 120px;
  height: 35px;
  background: #0f2963;
  color: #fff;
  text-align: center;
  line-height: 35px;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListText .productBottomList span {
  line-height: 50px;
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  background: url(../images/productBottomList.png) no-repeat center left;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListTextMore {
  display: block;
  position: absolute;
  width: 150px;
  height: 50px;
  background: #0f2963;
  text-align: center;
  line-height: 50px;
  color: #fff;
  bottom: 32px;
  right: 250px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product .productBox .productBoxList ul li .productBoxListCenter .productBoxListTextMore:hover {
  transform: translate(5px);
  background: #fe7813;
}
.product .productBox .productBoxListL {
  width: 50px;
  height: 50px;
  background: #0f2963 url(../images/productBoxListL.png) no-repeat center;
  position: absolute;
  bottom: 32px;
  right: 70px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product .productBox .productBoxListL:hover {
  background: #fe7813 url(../images/productBoxListL.png) no-repeat center;
}
.product .productBox .productBoxListR {
  width: 50px;
  height: 50px;
  background: #0f2963 url(../images/productBoxListR.png) no-repeat center;
  position: absolute;
  bottom: 32px;
  right: 0;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product .productBox .productBoxListR:hover {
  background: #fe7813 url(../images/productBoxListR.png) no-repeat center;
}
.product .productCenter {
  margin-top: 40px;
  margin-bottom: 80px;
}
.product .productCenter ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.product .productCenter ul li {
  width: 300px;
  float: left;
  flex-direction: column;
  flex: 0 0 300px;
  height: 220px;
  position: relative;
}
.product .productCenter ul li img {
  display: block;
  width: 300px;
  height: 220px;
}
.product .productCenter ul li .productCenterText {
  position: absolute;
  z-index: 9;
  background: rgba(0, 0, 0, 0.5) url(../images/productCenterText.png) no-repeat 95% center;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 50px 0 20px;
  line-height: 40px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product .productCenter ul li:hover .productCenterText {
  padding: 0 50px 0 30px;
}
.reason {
  width: 100%;
  height: 1116px;
  background: url(../images/reason.jpg) no-repeat center;
}
.reason .reasonTitle h3 {
  text-align: center;
  padding-top: 75px;
  font-size: 30px;
  line-height: 1;
  padding-bottom: 13px;
  font-weight: bold;
  color: #0f2963;
}
.reason .reasonTitle h3 i {
  color: #fe7813;
  font-weight: bold;
}
.reason .reasonTitle p {
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.reason .reasonBox {
  position: relative;
  margin-top: 38px;
}
.reason .reasonBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.reason .reasonBox ul li {
  width: 484px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 120px;
}
.reason .reasonBox ul li .reasonBoxL {
  width: 70px;
  float: left;
  flex-direction: column;
  flex: 0 0 70px;
  height: 70px;
  border-radius: 50%;
  background: #fe7813;
}
.reason .reasonBox ul li .reasonBoxL b {
  display: block;
  width: 58px;
  height: 58px;
  margin: 5px;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 32px;
  line-height: 58px;
  color: #fff;
  font-weight: normal;
}
.reason .reasonBox ul li .reasonBoxR {
  width: 386px;
  float: left;
  flex-direction: column;
  flex: 0 0 386px;
}
.reason .reasonBox ul li .reasonBoxR h4 {
  font-size: 24px;
  font-weight: bold;
  color: #0f2963;
}
.reason .reasonBox ul li .reasonBoxR h4 i {
  font-size: 14px;
  font-weight: normal;
  padding-left: 16px;
  color: #808080;
}
.reason .reasonBox ul li .reasonBoxR p {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 30px;
  margin-top: 10px;
}
.reason .reasonBox ul li:nth-child(2) {
  top: 140px;
  left: 120px;
}
.reason .reasonBox ul li:nth-child(3) {
  top: 440px;
  left: 642px;
}
.reason .reasonBox ul li:nth-child(4) {
  top: 580px;
  left: 642px;
}
.reason .reasonBox .reasonImg1 {
  width: 663px;
  height: 284px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.reason .reasonBox .reasonImg2 {
  width: 581px;
  height: 351px;
  display: block;
  position: absolute;
  left: 32px;
  top: 428px;
}
.adm {
  width: 100%;
  height: 592px;
  background: url(../images/adm.jpg) no-repeat center;
}
.adm h4 {
  padding-top: 52px;
  font-weight: bold;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  padding-bottom: 30px;
}
.adm .admLine {
  width: 440px;
  height: 1px;
  background: #576a92;
}
.adm p {
  font-size: 16px;
  padding-left: 30px;
  margin-top: 30px;
  line-height: 1;
  color: #fff;
}
.adm p.adm1 {
  background: url(../images/adm1.png) no-repeat center left;
}
.adm p.adm2 {
  background: url(../images/adm2.png) no-repeat center left;
}
.adm p.adm3 {
  background: url(../images/adm3.png) no-repeat center left;
}
.reason2 {
  position: relative;
  height: 890px;
}
.reason2 .reasonTitle h3 {
  text-align: center;
  padding-top: 75px;
  font-size: 30px;
  line-height: 1;
  padding-bottom: 13px;
  font-weight: bold;
  color: #0f2963;
}
.reason2 .reasonTitle h3 i {
  color: #fe7813;
  font-weight: bold;
}
.reason2 .reasonTitle p {
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.reason2 .reason2Hd {
  margin-top: 40px;
}
.reason2 .reason2Hd ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.reason2 .reason2Hd ul li {
  width: 20%;
  float: left;
  flex-direction: column;
  flex: 0 0 20%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason2 .reason2Hd ul li .reason2HdList {
  width: 100%;
  height: 78px;
  border: 1px solid #e6e9f1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason2 .reason2Hd ul li .reason2HdList .reason2HdListL {
  width: 7em;
  float: left;
  flex-direction: column;
  flex: 0 0 7em;
  font-size: 16px;
  line-height: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #333;
}
.reason2 .reason2Hd ul li .reason2HdList .reason2HdListR {
  font-size: 80px;
  line-height: 60px;
  height: 50px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #f0f0f0;
}
.reason2 .reason2Hd ul li.on {
  background: #0f2963;
}
.reason2 .reason2Hd ul li.on .reason2HdList {
  border-color: #0f2963;
}
.reason2 .reason2Hd ul li.on .reason2HdList .reason2HdListL {
  color: #fff;
}
.reason2 .reason2Hd ul li.on .reason2HdList .reason2HdListR {
  color: #25407d;
}
.reason2 .reason2Bd {
  width: 100%;
  height: 598px;
  margin-top: 44px !important;
}
.reason2 .reason2Bd .reason2Bd2 {
  position: relative;
  height: 598px;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Img {
  width: 100%;
  height: 560px;
  display: block;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text {
  padding: 38px 50px;
  background: #e6e9f1;
  width: 1040px;
  height: 210px;
  position: absolute;
  bottom: 0;
  left: 120px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextL {
  width: 570px;
  float: left;
  flex-direction: column;
  flex: 0 0 570px;
  padding-right: 74px;
  border-right: 1px solid #c6ccdc;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextL h4 {
  font-size: 22px;
  line-height: 1;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextL span {
  display: block;
  line-height: 1;
  font-size: 12px;
  color: #999999;
  padding: 12px 0;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextL .reason2Bd2TextLLine {
  width: 570px;
  height: 1px;
  background: #dbdbdb;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextL p {
  font-size: 14px;
  line-height: 30px;
  margin-top: 10px;
  color: #808080;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextR {
  width: 234px;
  float: left;
  flex-direction: column;
  flex: 0 0 234px;
  box-sizing: border-box;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextR h4 {
  background: url(../images/reason2Bd2TextR.png) no-repeat center left;
  font-size: 14px;
  color: #0f2963;
  padding-left: 36px;
  padding: 10px 0 10px 36px;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextR h4 i {
  font-size: 22px;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextR a {
  display: block;
  width: 100%;
  height: 60px;
  background: #0f2963;
  margin-top: 10px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  font-size: 14px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason2 .reason2Bd .reason2Bd2 .reason2Bd2Text .reason2Bd2TextR a:hover {
  transform: translate(5px);
  background: #fe7813;
}
.reason2 .reason2BdL {
  width: 65px;
  height: 108px;
  background: #0f2963 url(../images/reason2BdL.png) no-repeat center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(50%);
  z-index: 99999;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason2 .reason2BdL:hover {
  background: #fe7813 url(../images/reason2BdL.png) no-repeat center;
}
.reason2 .reason2BdR {
  width: 65px;
  height: 108px;
  background: #0f2963 url(../images/reason2BdR.png) no-repeat center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(50%);
  cursor: pointer;
  z-index: 99999;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason2 .reason2BdR:hover {
  background: #fe7813 url(../images/reason2BdR.png) no-repeat center;
}
.process .reasonTitle h3 {
  text-align: center;
  padding-top: 75px;
  font-size: 30px;
  line-height: 1;
  padding-bottom: 13px;
  font-weight: bold;
  color: #0f2963;
}
.process .reasonTitle h3 i {
  color: #fe7813;
  font-weight: bold;
}
.process .reasonTitle p {
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.process .processBox {
  margin-top: 40px;
  margin-bottom: 60px;
}
.process .processBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.process .processBox ul li {
  width: 248px;
  float: left;
  flex-direction: column;
  flex: 0 0 248px;
  height: 180px;
  background: url(../images/process1.png) no-repeat center left;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.process .processBox ul li .processBoxCenter {
  width: 180px;
  height: 180px;
}
.process .processBox ul li .processBoxCenter img {
  display: block;
  margin: 0 auto;
  padding-top: 47px;
}
.process .processBox ul li .processBoxCenter h4 {
  font-size: 18px;
  text-align: center;
  line-height: 1;
  padding-top: 9px;
  color: #fff;
}
.process .processBox ul li:hover {
  background: url(../images/process2.png) no-repeat center left;
}
.process .processBox ul li:last-child {
  width: 180px;
  float: left;
  flex-direction: column;
  flex: 0 0 180px;
  height: 180px;
}
.case {
  width: 100%;
  height: 730px;
  background: url(../images/case.jpg) no-repeat center;
}
.case .caseTitle {
  margin-bottom: 40px;
}
.case .caseTitle h3 {
  padding-top: 60px;
  line-height: 1;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.case .caseBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.case .caseBox .caseBoxHd {
  width: 246px;
  float: left;
  flex-direction: column;
  flex: 0 0 246px;
  height: 108px;
  box-sizing: border-box;
}
.case .caseBox .caseBoxHd ul li {
  height: 108px;
  border-bottom: 1px solid #fff;
}
.case .caseBox .caseBoxHd ul li a {
  display: block;
  height: 108px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 36px;
  background: #0f2963;
  align-items: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseBox .caseBoxHd ul li a img {
  width: 36px;
  float: left;
  flex-direction: column;
  flex: 0 0 36px;
  height: 36px;
  object-fit: contain;
}
.case .caseBox .caseBoxHd ul li a i {
  width: 110px;
  float: left;
  flex-direction: column;
  flex: 0 0 110px;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case .caseBox .caseBoxHd ul li.on a {
  background: #fe7813;
}
.case .caseBox .caseBoxHd .caseBoxMore {
  height: 108px;
  border-bottom: 1px solid #fff;
}
.case .caseBox .caseBoxHd .caseBoxMore a {
  display: block;
  height: 108px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 36px;
  background: #0f2963;
  align-items: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseBox .caseBoxHd .caseBoxMore a img {
  width: 36px;
  float: left;
  flex-direction: column;
  flex: 0 0 36px;
  height: 36px;
  object-fit: contain;
  object-fit: cover;
}
.case .caseBox .caseBoxHd .caseBoxMore a i {
  width: 110px;
  float: left;
  flex-direction: column;
  flex: 0 0 110px;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case .caseBox .caseBoxHd .caseBoxMore:last-child {
  border-bottom: 0;
}
.case .caseBox .caseBoxHd .caseBoxMore:hover a {
  background: #fe7813;
}
.case .caseBox .caseBoxBd {
  width: 1034px;
  float: left;
  flex-direction: column;
  flex: 0 0 1034px;
}
.case .caseBox .caseBoxBd .caseBoxBdList a {
  display: block;
  width: 1034px;
  height: 543px;
  position: relative;
}
.case .caseBox .caseBoxBd .caseBoxBdList a img {
  display: block;
  width: 1034px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  height: 543px;
}
.case .caseBox .caseBoxBd .caseBoxBdList a span {
  width: 100%;
  height: 110px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  box-sizing: border-box;
  padding: 20px 100px;
}
.case .caseBox .caseBoxBd .caseBoxBdList a span ul {
  height: 70px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.case .caseBox .caseBoxBd .caseBoxBdList a span ul li {
  width: 48%;
  float: left;
  flex-direction: column;
  flex: 0 0 48%;
  color: #4c4c4c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseBox .caseBoxBd .caseBoxBdList a:hover img {
  transform: scale(1.1);
}
.case .caseBox .caseBoxBd .caseBoxBdList a:hover span {
  background: #0f2963;
}
.case .caseBox .caseBoxBd .caseBoxBdList a:hover span ul li {
  color: #fff;
}
.news {
  width: 100%;
  margin-top: 60px;
}
.news .newsTop {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
}
.news .newsTop .newsTopL {
  width: 50%;
  float: left;
  flex-direction: column;
  flex: 0 0 50%;
  height: 83px;
  background: url(../images/N.png) no-repeat center left;
}
.news .newsTop .newsTopL h3 {
  font-weight: bold;
  font-size: 30px;
  color: #0f2963;
  line-height: 1;
  padding-top: 12px;
  padding-bottom: 12px;
}
.news .newsTop .newsTopL p {
  color: #808080;
}
.news .newsTop .newsTopR {
  width: 390px;
  float: left;
  flex-direction: column;
  flex: 0 0 390px;
}
.news .newsTop .newsTopR ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.news .newsTop .newsTopR ul li {
  width: 120px;
  float: left;
  flex-direction: column;
  flex: 0 0 120px;
  height: 32px;
  background: #0f2963;
  border-radius: 6px;
}
.news .newsTop .newsTopR ul li a {
  display: block;
  text-align: center;
  line-height: 32px;
  color: #fff;
}
.news .newsTop .newsTopR ul li.on {
  background: #fe7813;
}
.news .newsBottom {
  margin-top: 30px;
}
.news .newsBottom .newsBottomList .newsBottomListTop {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopL {
  width: 414px;
  float: left;
  flex-direction: column;
  flex: 0 0 414px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #f5f5f5;
  height: 420px;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopL a.newsBottomListTopLTextImg {
  display: block;
  width: 414px;
  height: 300px;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopL a.newsBottomListTopLTextImg img {
  width: 414px;
  height: 300px;
  object-fit: cover;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopL .newsBottomListTopLText {
  padding: 0 20px;
  box-sizing: border-box;
  display: block;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopL .newsBottomListTopLText span {
  display: block;
  font-size: 16px;
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopL .newsBottomListTopLText b {
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopL .newsBottomListTopLText i {
  padding-top: 8px;
  font-size: 14px;
  display: block;
  padding-bottom: 13px;
  color: #999;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR {
  width: 830px;
  float: left;
  flex-direction: column;
  flex: 0 0 830px;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  height: 440px;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li {
  width: 400px;
  float: left;
  flex-direction: column;
  flex: 0 0 400px;
  height: 200px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 40px 16px 0;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li .newsBottomListTopRTitle {
  display: block;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  height: 107px;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li .newsBottomListTopRTitle .newsBottomListTopRTitleL {
  width: 54px;
  float: left;
  flex-direction: column;
  flex: 0 0 54px;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li .newsBottomListTopRTitle .newsBottomListTopRTitleL b {
  font-size: 50px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  display: block;
  color: #dbdbdb;
  line-height: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li .newsBottomListTopRTitle .newsBottomListTopRTitleL p {
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #999999;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li .newsBottomListTopRTitle .newsBottomListTopRTitleR {
  width: 280px;
  float: left;
  flex-direction: column;
  flex: 0 0 280px;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li .newsBottomListTopRTitle .newsBottomListTopRTitleR a {
  display: block;
  line-height: 1;
  font-size: 16px;
  color: #333333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li .newsBottomListTopRTitle .newsBottomListTopRTitleR p {
  line-height: 2;
  margin-top: 10px;
  color: #808080;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 56px;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li .newsBottomListTopRTitleBox {
  height: 52px;
  border-top: 1px solid #e6e6e6;
  display: block;
  width: 100%;
  background: url(../images/newsBottomListTopRTitleBoxMore.png) no-repeat 90px center;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li:hover {
  background: #0f2963;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li:hover .newsBottomListTopRTitle .newsBottomListTopRTitleL b {
  color: #fff;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li:hover .newsBottomListTopRTitle .newsBottomListTopRTitleL p {
  color: #fff;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li:hover .newsBottomListTopRTitle .newsBottomListTopRTitleR a {
  color: #fff;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li:hover .newsBottomListTopRTitle .newsBottomListTopRTitleR p {
  color: #fff;
}
.news .newsBottom .newsBottomList .newsBottomListTop .newsBottomListTopR ul li:hover .newsBottomListTopRTitleBox {
  background: url(../images/newsBottomListTopRTitleBoxMore1.png) no-repeat 90px center;
}
.news .newsBottom .newsBottomList .newsBottomListBottom {
  margin-top: 40px;
}
.news .newsBottom .newsBottomList .newsBottomListBottom ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.news .newsBottom .newsBottomList .newsBottomListBottom ul li {
  width: 410px;
  float: left;
  flex-direction: column;
  flex: 0 0 410px;
  border-bottom: 1px solid #f5f5f5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(../images/newsBottomListBottom1.png) no-repeat center right;
}
.news .newsBottom .newsBottomList .newsBottomListBottom ul li a {
  display: block;
  padding-right: 56px;
  box-sizing: border-box;
}
.news .newsBottom .newsBottomList .newsBottomListBottom ul li a i {
  display: block;
  color: #999999;
  line-height: 1;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.news .newsBottom .newsBottomList .newsBottomListBottom ul li a b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBottom .newsBottomList .newsBottomListBottom ul li:hover {
  background: url(../images/newsBottomListBottom2.png) no-repeat center right;
}
.news .newsBottom .newsBottomList .newsBottomListBottom ul li:hover a b {
  color: #0f2963;
  transform: translate(5px);
}
.about {
  width: 100%;
  height: 804px;
  background: url(../images/about.jpg) no-repeat center top;
  margin-top: 60px;
  padding-top: 60px;
}
.about .aboutBox {
  height: 460px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.about .aboutBox .aboutL {
  width: 570px;
  float: left;
  flex-direction: column;
  flex: 0 0 570px;
}
.about .aboutBox .aboutL .aboutTitle {
  padding-left: 50px;
  position: relative;
  height: 78px;
  margin-top: 27px;
}
.about .aboutBox .aboutL .aboutTitle span {
  font-size: 100px;
  line-height: 78px;
  position: absolute;
  top: 0;
  left: 50px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #dcdee4;
}
.about .aboutBox .aboutL .aboutTitle h3 {
  padding-top: 31px;
  position: relative;
  z-index: 9;
}
.about .aboutBox .aboutL .aboutTitle h3 a {
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
  color: #0f2963;
}
.about .aboutBox .aboutL .aboutBoxText {
  margin-top: 35px;
  width: 570px;
  height: 320px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 50px;
}
.about .aboutBox .aboutL .aboutBoxText h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  color: #0f2963;
}
.about .aboutBox .aboutL .aboutBoxText p {
  font-size: 14px;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 34px;
}
.about .aboutBox .aboutL .aboutBoxText a {
  width: 130px;
  display: block;
  line-height: 30px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  margin-top: 35px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.about .aboutBox .aboutL .aboutBoxText a:hover {
  transform: translate(5px);
  color: #0f2963;
  border-color: #0f2963;
}
.about .aboutBox .aboutR {
  width: 710px;
  float: left;
  flex-direction: column;
  flex: 0 0 710px;
  height: 460px;
  background: #fff;
  position: relative;
}
.about .aboutBox .aboutR a.aboutImg {
  display: block;
  width: 710px;
  width: 460px;
}
.about .aboutBox .aboutR a.aboutImg img {
  width: 710px;
  height: 460px;
  display: block;
}
.about .aboutBox .aboutR .honor {
  width: 393px;
  height: 275px;
  display: block;
  background: url(../images/honor.jpg) no-repeat center;
  position: absolute;
  top: 116px;
  left: 159px;
}
.about .aboutBox .aboutR .honor a {
  width: 393px;
  height: 275px;
  display: block;
}
.about .aboutBox .aboutR .honor a img {
  width: 393px;
  height: 275px;
  display: block;
  box-sizing: border-box;
  padding: 12px 10px;
  object-fit: cover;
}
.about .aboutTab .aboutTabHd {
  width: 500px;
  margin: 0 auto;
}
.about .aboutTab .aboutTabHd ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 500px;
  margin-top: 30px;
}
.about .aboutTab .aboutTabHd ul li {
  width: 150px;
  float: left;
  flex-direction: column;
  flex: 0 0 150px;
  background: #0f2963;
  height: 40px;
  border-radius: 6px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.about .aboutTab .aboutTabHd ul li a {
  display: block;
  text-align: center;
  line-height: 40px;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.about .aboutTab .aboutTabHd ul li:hover {
  background: #fe7813;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter {
  margin-top: 20px;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li {
  width: 300px;
  float: left;
  flex-direction: column;
  flex: 0 0 300px;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li .aboutTabBdCenterImg {
  width: 294px;
  height: 214px;
  display: block;
  border: 3px solid #e6e6e6;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li .aboutTabBdCenterImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li .aboutTabBdCenterText {
  height: 38px;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  width: 100%;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li .aboutTabBdCenterText i {
  width: 202px;
  float: left;
  flex-direction: column;
  flex: 0 0 202px;
  line-height: 38px;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li .aboutTabBdCenterText i::before {
  content: "";
  width: 13px;
  height: 2px;
  background: #e6e6e6;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li .aboutTabBdCenterText b {
  width: 5em;
  float: left;
  flex-direction: column;
  flex: 0 0 5em;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  line-height: 38px;
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li:hover .aboutTabBdCenterImg img {
  transform: scale(1.05);
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li:hover .aboutTabBdCenterText i {
  color: #0f2963;
  transform: translateX(5px);
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li:hover .aboutTabBdCenterText i::after {
  transform: rotate(90deg);
}
.about .aboutTab .aboutTabBd .aboutTabBdCenter ul li:hover .aboutTabBdCenterText b {
  color: #0f2963;
}
.links {
  margin: 60px 0;
}
.links .linksCenter {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.links .linksCenter .linksCenterL {
  width: 144px;
  float: left;
  flex-direction: column;
  flex: 0 0 144px;
  font-size: 46px;
  font-weight: bold;
  color: #0f2963;
  line-height: 46px;
  text-transform: uppercase;
}
.links .linksCenter .linksCenterL i {
  font-weight: bold;
  display: inline-block;
  color: #fe7813;
}
.links .linksCenter .linksCenterR {
  width: 1100px;
  float: left;
  flex-direction: column;
  flex: 0 0 1100px;
}
.links .linksCenter .linksCenterR a {
  line-height: 46px;
  padding: 0 15px 0 0;
  display: inline-block;
  color: #808080;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.links .linksCenter .linksCenterR a::after {
  content: "/";
  margin-left: 15px;
}
.links .linksCenter .linksCenterR a:hover {
  transform: translateX(5px);
  color: #0f2963;
}