@charset "UTF-8";



/* 视屏 */

#publicity-video {

	width: 100%;

	height: 100%;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	overflow: hidden;

}

#publicity-video video {

	display: block;

}

.msg-box-bg {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	display: none;

	z-index: 1001;

	background: rgba(0,0,0,0.8);

}

.msg-box {

	width: 60%;

	height: 70%;

	background: rgba(0,0,0,0.8);

	position: absolute;

	left: 50%;

	top: 47%;

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

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

.msg-box .close-box {

	width: 30px;

	height: 30px;

	background: url("../images/btn-close-modal.png") no-repeat center;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 20px;

	-webkit-transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}

.msg-box .close-box:hover {

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.abo_video{

	width: 100%;

	height: 100%;

	cursor: pointer;

	overflow: hidden;

	position: relative;

}







  .app{

    display: none;

  }

  

  .banner{

    width: 100%;

    position: relative;

  }



  .banner .bj{

    width: 100%;

    vertical-align: middle;

  }

  .banner .container {

    position: absolute;

    line-height: 75px;

    top: 45%;

    left: 50%;

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

}

.banner .swiper-wrapper{

  height: auto;

}

.banner .swiper-pagination {

  bottom: 70px;



}

.banner .container .p1{

  font-size: 22px;

  color: #fff;

}

.banner .container .p2{

  font-size: 40px;

  color: #fff;

  font-weight: bold;

  margin-top: 35px;

  line-height: 56px;

}



.banner .container .a1{

    width: 130px;

    margin-top: 5px;

    line-height: 40px;

    border-radius: 50px;

    background-color: #fff;

    margin-top: 150px;

}

.banner .container .a1 a{

  display: block;

    width: 100%;

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

    background-position-x: 80%;

    background-position-y: center;

    z-index: 10;

    color: #121212;

    padding-right: 30px;

    font-size: 14px;

    transition: .5s all;

}

.banner .container .a1:hover a{

  background-position-x: 84%;

}

.banner .swiper-pagination-bullet{

  width: 14px;

  height: 14px;

  background-color: none;

  border: 1px solid #fff;

  border-radius: 500px;

  opacity: 1;

} 

.banner .swiper-pagination-bullet-active{

  background-color: #fff;

}

/* content1 */

.sy_con1{

  position: relative;

  overflow: hidden;

  padding-top: 75px;

  padding-bottom: 75px;

}

/* .bg-scroll-text{

  position: absolute;

  left: 45%;

  top: 50px;

  z-index: -1;

} */

.text-block-25{

  overflow: hidden;

  opacity: 0.03;

  font-size: 20rem;

  line-height: 1;

  font-weight: 900;

  text-align: center;

  white-space: nowrap;

  text-transform: uppercase;

  position: absolute;

  top: 50px;

  left: 45%;

}





.sy_con1 .h1{

  color: #000;

  position: relative;

  font-size: 38px;

  padding-left: 30px;

  font-weight: bold;

}

.sy_con1 .h1::before{

  content: '';

  width: 20px;

  height: 2px;

  background-color: #00428e;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.sy_con1 .h2{

  color: #000;

  position: relative;

  font-size: 30px;

  font-weight: bold;

  margin-top: 30px;

}

.sy_con1 .rq{

display: flex;

justify-content: space-between;

flex-wrap: wrap;

margin-top: 75px;

}

.sy_con1 .rq .div1{

width: 43%;

}

.sy_con1 .rq .div1 .bot{

  width: 100%;

  position: relative;

  transition: .5s all;

}

.sy_con1 .rq .div1 .bot:hover {

  box-shadow: 8px 0 16px 0 rgb(0 0 0 / 10%);

}

.sy_con1 .rq .div1 .bot .divcon1{

  width: 320px;

  position: absolute;

  left: 0;

  bottom: 0;

  background-color: #00428e;

  padding: 30px 0;

  padding-left: 50px;

}

.sy_con1 .rq .div1 a .bot{

  margin-top: 75px;

  border-radius: 10px;

  overflow: hidden;

}

.sy_con1 .rq .div1:nth-child(2){

  margin-top: 50px;

}

.sy_con1 .rq  .div1 a:nth-child(1) .bot{

  margin-top: 0;

}

.sy_con1 .rq .div1 .bot .divcon1 .p1{

  font-size: 24px;

  color: #fff;

  font-weight: bold;

  transition: .5s all;

}

.sy_con1 .rq .div1 .bot:hover .p1{

  color: #fff;

}

.sy_con1 .rq .div1 .bot .divcon1 .p2{

  font-size: 16px;

  color: #fff;

  margin-top: 10px;

}

.sy_con1 .rq .div1 .bot img{

  width: 100%;

}

.sy_con1 .rq .div1 .bot .divcon2 {

  width: 105px;

  line-height: 40px;

  border-radius: 50px;

  background-color: #fff;

  position: absolute;

  right: 50px;

  bottom: 40px;

  transition: .5s all;

  opacity: 0;

}

.sy_con1 .rq .div1 .bot:hover .divcon2{

  opacity: 1;

}

.sy_con1 .rq .div1 .bot .divcon2 span {

  display: block;

  width: 100%;

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

  background-position-x: 80%;

  background-position-y: center;

  z-index: 10;

  color: #121212;

  padding-right: 30px;

  font-size: 14px;

  transition: .5s all;

}

.sy_con1 .rq .div1 .bot .divcon2:hover span{

  background-position-x: 85%;

}

.sybtn1{

  display: block;

  margin: 0 auto;

  width: 200px;

  line-height: 60px;

  border-radius: 50px;

  background-color: #00428e;

  transition: .5s all;

  margin-top: 45px;

}

.sybtn1:hover{

  background-color: #045abdfd;

}



.sybtn1 a {

  display: block;

  width: 100%;

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

  background-position-x: 80%;

  background-position-y: center;

  z-index: 10;

  color: #fff;

  padding-right: 30px;

  font-size: 14px;

  transition: .5s all;

}

.sybtn1:hover a{

  background-position-x: 85%;

}

.sy_con2{

  width: 100%;

  position: relative;

}

img{

  vertical-align: middle;

}



.sy_con2 .bj{

  width: 100%;

  display: none;

}

.sy_con2 .bj.a{

  display: block !important;

}

.sy_con2 .app{

  display: none !important;

}

.sy_con2 .app.a{

  display: none !important;

}

.sy_con2 .rq{

  position: absolute;

  width: 100%;

  bottom: 0;

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

  display: flex;

 flex-wrap: wrap;

}

.sy_con2 .rq .div{

  height: 190px;

  width: 20%;

  border-right: 1px solid rgba(255, 255, 255, .3);

  padding-top: 48px;

  padding-left: 70px;

  transition: .5s all;

}

.sy_con2 .rq .div .p1{

  color: #fff;

  display: inline-block;

  font-size: 16px;

  padding-bottom: 10px;

  position: relative;

  transition: .5s all;

}

.sy_con2 .rq .div .p1::before{

  content: '';

    width: 100%;

    height: 2px;

    background-color: #fff;

    position: absolute;

    left: 0;

    bottom: 0%;

}

.sy_con2 .rq .div.on1,

.sy_con2 .rq .div:hover{

  background-color: rgba(0, 0, 0, .3);

}

.sy_con2 .rq .div.on1 .p1::before{

  display: none;

}

.sy_con2 .rq .div:hover .p1::before{

  display: none;

}

.sy_con2 .rq .div:hover .p1{

  font-size: 24px;

}

.sy_con2 .h1{

  color: #fff;

    position: relative;

    font-size: 38px;

    padding-left: 30px;

    font-weight: bold;

}

.sy_con2 .h2 {

  color: #fff;

  position: relative;

  font-size: 30px;

  font-weight: bold;

  margin-top: 30px;

}

.sy_con2 .h1::before {

  content: '';

  width: 20px;

  height: 2px;

  background-color: #fff;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.sy_con2 .container{

  opacity: 0;

  position: absolute;

  left: 50%;

  top: 35%;

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

  z-index: 0;

  transition: .5s all;

}

.sy_con2 .container.on{

  opacity: 1;

  z-index: 1;

}

.sy_con2 .container .btn1 {

  width: 100px;

  margin-top: 5px;

  line-height: 40px;

  border-radius: 50px;

  background-color: #fff;

  margin-top: 150px;

}

.sy_con2 .container .btn1 a {

  display: block;

  width: 100%;

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

  background-position-x: 80%;

  background-position-y: center;

  z-index: 10;

  color: #121212;

  padding-right: 30px;

  font-size: 14px;

  transition: .5s all;

}

.sy_con2 .container .btn1:hover a {

  background-position-x: 84%;

}

/* content3 */

.sy_con3{

 padding-top: 75px;

 padding-bottom: 75px;

 position: relative;

    overflow: hidden;

}



.sy_con3 .rq{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.sy_con3 .lef{

  width: 44%;

}

.sy_con3 .rig{

  width: 52%;

  padding-top: 5%;

}

.sy_con3 .lef .divcon{

  margin-top: 50px;

}

.sy_con3 .swiper-container .swiper-button-next{

  right: 35px !important;

  width: 50px;

    height: 50px;

}

.sy_con3 .swiper-container .swiper-button-prev {

  left: 35px !important;

  width: 50px;

    height: 50px;

}

.sy_con3 .lef .swiper-wrapper{

  height:  auto !important;

}

.sy_con3  .h1{

  color: #000;

    position: relative;

    font-size: 38px;

    padding-left: 30px;

    font-weight: bold;

}

.sy_con3 .h1::before{

  content: '';

  width: 20px;

  height: 2px;

  background-color: #000;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.sy_con3 .h2 {

  color: #000;

  position: relative;

  font-size: 30px;

  font-weight: bold;

  margin-top: 30px;

}

.sy_con3 .swiper-container  .swiper-slide .bot{

  width: 100%;

  position: relative;

  overflow: hidden;

}

.sy_con3 .swiper-container  .swiper-slide .bot .p1{

  color: #fff;

  font-size: 24px;

  font-weight: bold;

  position: absolute;

  bottom: 40px;

  left: 50px;

}

.sy_con3 .swiper-container  .swiper-slide .bot img{

  width: 100%;

  transition: .5s all;

}

.sy_con3 .swiper-container  .swiper-slide .bot:hover img{

  transform: scale(1.05);

}

.sy_con3 .swiper-container .swiper-pagination-bullet{

  width: 14px;

  height: 14px;

  background-color: transparent;

  border: 1px solid #fff;

  opacity: .5;

}

.sy_con3 .swiper-container .swiper-pagination-bullet-active{

  opacity: 1;

  border: 2px solid #fff;

}

.sy_con3 .swiper-container  .swiper-pagination{

  position: absolute;

  bottom: 50px;

  left: 35%;

}

.sy_con3 .swiper-container .swiper-button-next:after, .sy_con3 .swiper-container .swiper-button-prev:after{

  font-weight: bold;

  font-size: 38px;

 color: #fff;

}

.sy_con3 .rig .p{

  font-size: 16px;

  color: #121212;

  line-height: 28px;

  margin-top: 10px;

}

.sy_con3 .rig  .a1{

  display: inline-block;

  font-size: 22px;

  color: #121212;

  padding-right: 30px;

  margin-top: 100px;

  position: relative;

  transition: .5s all;

}

.sy_con3 .rig  .a1:hover{

  color: #00428e;

}

.sy_con3 .rig  .a1::after{

  content: '';

    width: 22px;

    height: 16px;

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

    background-size: contain;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: .5s all;

}

.sy_con3 .rig  .a1:hover:after{

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

  background-size: contain;

}

.sy_con3 .rig  .a1::before {

  content: '';

  width: 100%;

  height: 2px;

  background-color: #000;

  position: absolute;

  left: 0;

  bottom: -30%;

  transition: .5s all;

}

.sy_con3 .rig  .a1:hover::before{

  opacity: 0;

}

/* content4 */

.sy_con4{

  width: 100%;

  position: relative;

  background-size: cover;

  background-position: center;

}

.sy_con4 .bj{

  width: 100%;

}

.sy_con4  .rq{

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.sy_con4  .rq .div{

  height: 595px;

  width: 25%;

  border-right: 1px solid rgba(255, 255, 255, .5);

  padding-left: 90px;

  padding-top: 115px;

  transition: .5s all;

}

.sy_con4  .rq .div:hover{

 background-color: rgba(0, 0, 0, .3);

}



.sy_con4  .rq .div .imgcon{

  width: 90px;

  transition: .5s all;

}

.sy_con4  .rq .div:hover .imgcon{

  transform: translateY(-10px);

}

.sy_con4  .rq .div .imgcon img{

  width: 100%;

}

.sy_con4  .rq .div .bot{

  margin-top: 50px;

}

.sy_con4  .rq .div .bot .head{

  color: #fff;

  font-size: 24px;

  font-weight: bold;

  margin-bottom: 30px;

}

.sy_con4  .rq .div .bot .bod{

  color: rgba(255, 255, 255, .7);

  font-size: 16px;

  margin-top: 20px;

}

  .sy_con5{

    padding-top: 0px;

    padding-bottom: 75px;

    position: relative;

       overflow: hidden;

   }

   .sy_con5 .h1 {

    color: #000;

    position: relative;

    font-size: 38px;

    padding-left: 30px;

    font-weight: bold;

}

.sy_con5 .h2 {

  color: #000;

  position: relative;

  font-size: 30px;

  font-weight: bold;

  margin-top: 30px;

}

.sy_con5 .h1::before {

  content: '';

  width: 20px;

  height: 2px;

  background-color: #000;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.sy_con5 .rq{

  margin-top: 45px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.sy_con5 .rq a{

  display: block;

  width: 30.333%;

}

.sy_con5 .rq .div{

 width: 100%;

}

.sy_con5 .rq .div .imgcon{

  width: 100%;

  overflow: hidden;

}

.sy_con5 .rq .div .imgcon img{

  width: 100%;

  transition: .5s all;

}

.sy_con5 .rq .div:hover img{

  transform: scale(1.05);

}

.sy_con5 .rq .div .p1{

  font-size: 14px;

  color: #00428e;

  margin-top: 15px;

  font-family: 'din';

}

.sy_con5 .rq .div .p2{

  font-size: 20px;

  color: #242526;

  margin-top: 10px;

  transition: .5s all;

}

.sy_con5 .rq .div:hover .p2{

  color: #00428e;

}

.sy_con6{

  padding-top: 75px;

  padding-bottom: 75px;

  position: relative;

     overflow: hidden;

     border-top: 1px solid #f1f1f1;

 }

 .sy_con6 .swiper-wrapper{

   height: auto;

 }

 .sy_con6 .h1 {

  color: #000;

  position: relative;

  font-size: 38px;

  padding-left: 30px;

  font-weight: bold;

}

.sy_con6 .h2 {

  color: #000;

  position: relative;

  font-size: 30px;

  font-weight: bold;

  margin-top: 30px;

}

.sy_con6 .h1::before {

  content: '';

  width: 20px;

  height: 2px;

  background-color: #000;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.sy_con6 .rq {

  width: 100%;

  margin-top: 50px;

}

.sy_con6 .rq .swiper-container {

  padding: 10px 2px;

  padding-bottom: 10px;

}

.sy_con6 .rq .swiper-slide {

  height: 90px;

  border: 1px solid rgb(211,211,211);

  position: relative;

  transition: all .5s;

  background-color: #fff;

}

.sy_con6 .rq .swiper-slide:hover {

  box-shadow: 0px 10px 10px 0px rgb(90 91 95 / 30%);

  transform: translate3d(0,-3px,0);

}

.sy_con6 .rq .swiper-slide img {

  max-width: 75%;

  max-height: 75%;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.sy_con6 .swiper-pagination-bullet{

  width: 12px;

  height: 12px;

}

.sy_con6 .swiper-pagination-bullet-active{

  color: #00428e;

}







@media (max-width: 1680px) {



}

@media (max-width: 1459px) {

  .banner .container .p1 {

    font-size: 16px;

  }

  .banner .container .p2 {

    font-size: 30px;

    margin-top: 20px;

    line-height: 48px;

}

.banner .container .a1 {

  margin-top: 90px;

}

.sy_con1 .h2,.sy_con2 .h2,.sy_con3 .h2,.sy_con5 .h2,.sy_con6 .h2{

  font-size: 22px;

}

.sy_con1 .h1,.sy_con2 .h1,.sy_con3 .h1,.sy_con5 .h1,.sy_con6 .h1{

  font-size: 30px;

}

.sy_con1 .rq {

  margin-top: 75px;

}

.sy_con1 .rq .div1 .bot .divcon1 {

  width: 250px;

  padding: 20px 0;

  padding-left: 25px;

}

.sy_con1 .rq .div1 .bot .divcon1 .p1 {

  font-size: 20px;

}



.text-block-25 {

  font-size: 15rem;

}



.sybtn1 {

  width: 160px;

  line-height: 50px;

}

.sy_con2 .container .btn1 {

  margin-top: 70px;

}

.sy_con3 .rig .a1 {

  font-size: 18px;

}

.sy_con3 .rig .p {

  font-size: 14px;

  line-height: 27px;

}

.sy_con3 .rig .a1::after {

  width: 16px;

  height: 12px;

}

.sy_con3 .swiper-container .swiper-slide .bot .p1 {

  font-size: 24px;

  bottom: 45px;

  left: 50px;

}



.sy_con4 .rq .div .imgcon {

  width: 65px;

}

.sy_con4 .rq .div .bot .head {

  font-size: 18px;

  margin-bottom: 20px;

}

.sy_con4 .rq .div .bot .bod {

  font-size: 14px;

}

.sy_con4 .rq .div {

  padding-left: 50px;

  padding-top: 20px;

}

.sy_con4 .rq .div {

  height: 405px;

}

.sy_con5 .rq .div .p2 {

  font-size: 18px;

}

.sy_con5 .rq {

  margin-top: 60px;

}

.sy_con5 {

  padding-top: 70px;

  padding-bottom: 70px;

}.sy_con6 .rq .swiper-slide {

  height: 60px;

}

.sy_con6 .rq {

  margin-top: 65px;

}

.sy_con6 {

  padding-top: 75px;

  padding-bottom: 75px;

}

}

@media (max-width: 1259px) {

  .sy_con3 .rig .a1 {

    margin-top: 40px;

  }

  .sy_con4 .rq .div .bot {

    margin-top: 25px;

}

.sy_con4 .rq .div {

  height: 364px;

}

}

@media (max-width: 991px) {

  .text-block-25{

    display: none;

  }

  .content {

    margin-top: 60px;

  }

  .banner .container{

    display: none;

  }

  .sy_con1 .h2, .sy_con2 .h2, .sy_con3 .h2, .sy_con5 .h2, .sy_con6 .h2 {

    font-size: 24px;

    margin-top: 10px;

}

.sy_con1 .h1 {

  font-size: 18px;

}

.sy_con1 .rq .div1 {

  width: 100%;

}

.sy_con1 .rq .div1 .bot .divcon1 {

  padding-left: 10px;

}

.sy_con2 .rq{

  position: static;

  transform: translate(0);

}

.sy_con2 .rq .div .p1{

  color: #333;

}

.sy_con2 .rq .div {

   height: auto; 

  width: 50%;

  border: 1px solid rgba(0, 0, 0, .3);

  line-height: 30px;

  text-align: center;

  padding-left: 0px;

  padding-top: 0px;

}

.sy_con1 .h2, .sy_con2 .h2, .sy_con3 .h2, .sy_con5 .h2, .sy_con6 .h2 {

  font-size: 16px;

}

.sy_con3 .h1,.sy_con2 .h1,.sy_con1 .h1,.sy_con6 .h1,.sy_con5 .h1{

  font-size: 24px;

  font-weight: normal;

}



.sy_con2 .container{

  width: 100%;

}



}

@media (max-width: 500px) {

  .banner .swiper-pagination {

    bottom: 30px;

}

.sy_con3 .h1, .sy_con2 .h1, .sy_con1 .h1, .sy_con6 .h1, .sy_con5 .h1 {

  font-size: 22px;

}

.sy_con1 .h2, .sy_con2 .h2, .sy_con3 .h2, .sy_con5 .h2, .sy_con6 .h2 {

  font-size: 16px;

}

  .sy_con4 .bj {

    width: 100%;

    height: 100%;

}

  .sy_con4 .rq .div .bot {

    margin-top: 20px;

    text-align: center;

}

  .sy_con4 .rq .div .bot .head {

    font-size: 16px;

    margin-bottom: 0px;

}

  .sy_con4 .rq .div .imgcon {

    width: 40px;

    margin: 0 auto;

}

  .sy_con4 .rq .div {

    padding-left: 10px;

    padding-top: 25px;

    padding-bottom: 25px;

    height:auto;

    width: 50%;

    border: none;

}

  .sy_con4 .rq .div .bot .bod {

    margin-top: 8px;

}

  .sy_con3 .lef .divcon {

    margin-top: 20px;

}

br{

  display: none;

}

  .sy_con3 .swiper-container .swiper-button-next:after, .sy_con3 .swiper-container .swiper-button-prev:after {

    font-size: 20px;

    display: none;

}

  .sy_con3 .swiper-container .swiper-pagination {

    position: absolute;

    bottom: 20px;

    left: 30%;

}

  .sy_con3 .swiper-container .swiper-slide .bot .p1 {

    font-size: 18px;

    bottom: 15px;

    left: 10px;

}

  .sy_con3 .rig {

    padding-top: 0%;

}

  .sy_con3 .rig .p {

    font-size: 14px;

    line-height: 25px;

    margin-top: 10px;

}

.sy_con3 .rig .a1 {

  font-size: 16px;

}

  .sy_con3 .lef,.sy_con3 .rig{

    width: 100%;

}

  .sy_con6 {

    padding-top: 45px;

    padding-bottom: 30px;

}

  .sy_con6 .rq {

    margin-top: 20px;

}

.sy_con6 .rq .swiper-container {

  padding: 10px 2px;

  padding-bottom: 24px;

}

  .sy_con5 {

    padding-top: 40px;

    padding-bottom: 50px;

}

  .sy_con5 .rq {

    margin-top: 20px;

}

  .sy_con5 .rq a{

    width: 100%;

    margin-top: 0px;

    padding-bottom: 30px;

  }

  .sy_con5 .rq a:last-child{

    padding-bottom: 0;

  }

  .sy_con5 .rq .div .p1 {

    font-size: 13px;

    margin-top: 8px;

}

.sy_con5 .rq .div .p2 {

  font-size: 16px;

  margin-top: 5px;

}

  .sy_con1 {

    padding-top: 50px;

    padding-bottom: 60px;

}

  .sybtn1 a {

   font-size: 13px;

    background-size: 13px;

  }

  .sybtn1 {

    width: 135px;

    line-height: 40px;

    margin-top: 32px;

}

  .sy_con1 .rq .div1:nth-child(2) {

    margin-top: 20px;

}

  .sy_con1 .rq .div1 a .bot {

    margin-top: 20px;

}

  .sy_con1 .rq {

    margin-top: 20px;

}

  .sy_con1 .rq .div1 .bot .divcon1 {

    padding: 5px 5px;

    width: auto;

}

  .sy_con1 .rq .div1 .bot .divcon1 .p2 {

    font-size: 14px;

    margin-top: 5px;

}



  .sy_con1 .rq .div1 .bot .divcon1 .p1 {

    font-size: 16px;

  }

  .sy_con2 .container .btn1 a {

    background-size: 12px;

    padding-right: 15px;

    font-size: 12px;

  }

  .sy_con2 .container .btn1 {

    width: 70px;

    margin-top: 15px;

    line-height: 25px

  }

  .sy_con2 .container {

    top: 30%;

  }

  .sy_con2 .rq{

    padding: 0 15px;

  }

  .sy_con2 .rq .div {

    line-height: 40px;

    width: 49%;

    margin-right: 2%;

    margin-top: 10px;

  }

  .sy_con2 .rq .div:nth-child(2n){

    margin-right: 0;

  }

  .sy_con2 .rq .div .p1 {

    font-size: 14px;

     padding-bottom: 0px;

    }

    .sy_con2 .rq .div:hover .p1 {

      font-size: 14px;

  }

  .sy_con2 .pc,

  .sy_con2 .pc.a{

    display: none !important;

}

.sy_con2 .app.a{

  display: block !important;

}

  .sy_con3 {

    padding-top: 50px;

    padding-bottom: 60px;

}





}







/* 产品列表 1*/

/* ny_banner */

.ny_banner{

  width: 100%;

  position: relative;

  overflow: hidden;

}

.ny_banner .bj{

  width: 100%;

  vertical-align: middle;

}

.ny_banner .rq{

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.ny_banner .rq .p1{

  font-size: 22px;

  color: #ffffff;

}

.ny_banner .rq .p2{

  font-size: 40px;

  color: #ffffff;

  font-weight: bold;

  margin-top: 40px;

  margin-bottom: 34px;

}

.ny_banner .rq .p3{

  font-size: 18px;

  color: #ffffff;

  opacity: 0.75;

}

.ny_banner .rq .p3 img{

  width: 18px;

}





/* por_con2 */

.por_con1{

  width: 100%;

  position: relative;

  padding-top: 75px;

  padding-bottom: 50px;

  overflow: hidden;

}

.por_con1 .p{

  text-transform: uppercase;

  font-size: 200px;

  color: #f9f9f9;

  font-weight: bold;

  position: absolute;

  right: -5%;

  top: 5px;

  z-index: -1;

}

.por_con1 .p1{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

}

.por_con1 .rq{

  width: 100%;

  padding-top: 62px;

}

.por_con1 .rq .div{

  width: 44.6%;

  float: left;

  margin-bottom: 96px;

  border-radius: 10px;

  overflow: hidden;

  transition: all .5s;

}



.por_con1 .rq .div:nth-child(2n){

  float: right;

  transform: translateY(86px);

}

.por_con1 .rq .div a{

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.por_con1 .rq .div .div3{

  width: 100%;

  position: relative;

  overflow: hidden;

}

.por_con1 .rq .div .div4{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 100%;

  left: 0;

  background: rgba(0,66,142,.5);

  z-index: 2;

  padding: 30px;

  transition: all .8s;

  text-align: center;

  display: table;

}

.por_con1 .rq .div:hover .div4{

  top: 0;

}

.por_con1 .rq .div .div4 .p4{

  font-size: 24px;

  color: #ffffff;

  padding-bottom: 10px;



}

.por_con1 .rq .div .div4 .p5{

  font-size: 16px;

  color: #ffffff;

  line-height: 26px;

  opacity: 0.8;

}

.por_con1 .rq .div .div5{

  width: 100%;

  vertical-align:middle;   

  display:table-cell;   

}



.por_con1 .rq .div .bj{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.por_con1 .rq .div:hover .bj{

  transform: scale(1.05);

}

.por_con1 .rq .div .div1{

  width: 100%;

  height: 84px;

  height: auto !important;

  position: absolute;

  bottom: 0;

  left: 0;

}

.por_con1 .rq .div .div2{

  width: 250px;

  height: 100%;

  background: #00428e;

  padding: 18px;

  transition: all .5s;

}

.por_con1 .rq .div:hover .div2{

  opacity: 0;

}

.por_con1 .rq .div .div2 .p2{

  font-size: 22px;

  color: #fff;

  font-weight: bold;

  transition: all .5s;

}



.por_con1 .rq .div .div2 .p3{

  font-size: 16px;

  color: #555c62;

  padding-top: 10px;

  display: none;

}

.por_con1 .rq .div .div4 button{

  font-size: 14px;

  color: #121212;

  width: 104px;

  height: 40px;

  border-radius: 40px;

  line-height: 40px;

  background: rgba(255, 255, 255, .7);

  text-align: center;

  margin-top: 30px;

  transition: all .5s;

}





.por_con1 .rq .div .div4 button i{

  width: 17px;

  height: 12px;

  background-image: url(../images/ba1.png);

  background-size: contain;

  background-repeat: no-repeat;

  display: inline-block;

  margin-left: 8px;

}



@media(max-width:1459px){

  .ny_banner .rq .p1 {

    font-size: 16px;

}

.ny_banner .rq .p2 {

  font-size: 34px;

  margin-top: 30px;

  margin-bottom: 24px;

}

.ny_banner .rq .p3 {

  font-size: 14px;

}

.ny_banner .rq .p3 img {

  width: 12px;

}

.por_con1 {

  padding-bottom: 36px;

}

.por_con1 .p1 {

  font-size: 30px;

}

.por_con1 .p {

  font-size: 180px;

  right: 0%;

  top: 30px;

}

.por_con1 .rq {

  padding-top: 44px;

}

.por_con1 .rq .div {

  margin-bottom: 72px;

}

.por_con1 .rq .div .div1 {

  height: 60px;

}

.por_con1 .rq .div .div2 {

  width: 244px;

  padding: 15px;

}

.por_con1 .rq .div .div2 .p2 {

  font-size: 18px;

}

.por_con1 .rq .div .div2 .p3 {

  font-size: 14px;

  padding-top: 10px;

}

.por_con1 .rq .div:nth-child(2n) {

  transform: translateY(65px);

}

.por_con1 .rq .div .div4 .p4 {

  font-size: 22px;

}

.por_con1 .rq .div .div4 .p5 {

  font-size: 15px;

}



}

@media(max-width:991px){

  .por_con1 .p {

    font-size: 105px;

    top: 30px;

}

.por_con1 {

  padding-top: 75px;

  padding-bottom: 24px;

}

.por_con1 .rq .div .div3{

  border-radius: 20px;

  overflow: hidden;

}

.por_con1 .rq .div {

  width: 47%;

  margin-bottom: 50px;

}

.por_con1 .rq .div:nth-child(2n) {

  transform: translateY(40px);

}

.por_con1 .rq .div .div1 {

  height: auto;

}

.por_con1 .rq .div .div4 button {

  font-size: 14px;

  width: 80px;

  height: 34px;

  border-radius: 34px;

  line-height: 34px;

}

.por_con1 .rq .div:hover .div1 button {

  opacity: 1;

  right: 12px;

}

.por_con1 .rq .div .div4 button i {

  width: 14px;

  height: 10px;

  margin-left: 2px;

}

.por_con1 .rq {

  padding-top: 26px;

}



}

@media(max-width:768px){

  .pc{

    display: none !important;

  }

  .app{

    display: block !important; 

  }

  .ny_banner .rq{

    width: 100%;

  }

  .ny_banner .rq .p2 {

    font-size: 28px;

    margin-top: 14px;

    margin-bottom: 12px;

}



  .por_con1 .p{

    display: none;

  }

  .por_con1 {

    padding-top: 50px;

    padding-bottom: 24px;

}

.por_con1 .rq .div{

  width: 100%;

}

.por_con1 .rq .div:hover .div2{

  opacity: 1;

}

.por_con1 .rq .div:nth-child(2n) {

  transform: translateY(0px);

}



}

@media(max-width:500px){

  .por_con1 .rq .div .div4{

    display: none;

  }

  .por_con1 .p1 {

    font-size: 24px;

}

.por_con1 .rq {

  padding-top: 22px;

}

.por_con1 .rq .div .div1{

 padding-left: 0px;

}

.por_con1 .rq .div .div4 button{

  display: none;

}

.por_con1 .rq .div .div2{

  width: 100%;

  padding: 15px 0;

}

.por_con1 .rq .div {

  margin-bottom: 14px;

}

.por_con1 .rq .div .div2 .p2 {

  font-size: 18px;

  padding-left: 10px;

}



}











/* 产品列表2 */

/* por2_con1 */

.por2_con1{

  width: 100%;

  padding-top: 75px;

  padding-bottom: 75px;

}

.por2_con1 .lef{

  width: 32%;

  float: left;

  position: sticky;

  top: 20px;

}

.por2_co1_lef .p{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

}

.por2_co1_lef .div{

  width: 100%;

  padding-top: 62px;

}

.por2_co1_lef .div p{

  margin-bottom: 24px;

}

.por2_co1_lef .div a{

  display: inline-block;

  font-size: 18px;

  color: #767679;

  cursor: pointer;

  padding-bottom: 8px;

  position: relative;

  transition: all .5s;

}

.por2_co1_lef .div a::before{

  content: '';

  width: 0%;

  height: 2px;

  background: rgb(0,66,142);

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all .5s;

}

.por2_co1_lef .div .on a,

.por2_co1_lef .div a:hover{

  color: #00428e;

}

.por2_co1_lef .div .on a::before,

.por2_co1_lef .div a:hover::before{

  width: 100%;

}

.por2_co1_lef .div a i{

  display: inline-block;

  width: 16px;

  height: 11px;

  background-image: url(../images/img27.png);

  background-size: contain;

  background-repeat: no-repeat;

  margin-bottom: 2px;

  margin-left: 0px;

  opacity: 0;

  transition: all .5s;

}

.por2_co1_lef .div .on a i,

.por2_co1_lef .div a:hover i{

  margin-left: 10px;

  opacity: 1;

}





.por2_con1 .rig{

  width: 68%;

  float: left;

}

.por2_con1 .rig .div{

  width: 46%;

  float: left;

  margin-right: 8%;

  margin-bottom: 38px;

}

.por2_con1 .rig .div:nth-child(2n){

  margin-right: 0;

}

.por2_con1 .rig .div .top{

  width: 100%;

  overflow: hidden;

  position: relative;

  border-radius: 10px;

  overflow: hidden;

}

.por2_con1 .rig .div .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.por2_con1 .rig .div:hover .top img{

  transform: scale(1.05);

}

.por2_con1 .rig .div .top button{

  width: 102px;

  height: 40px;

  border-radius: 40px;

  font-size: 14px;

  color: #fff;

  background: #00428e;

  position: absolute;

  right: 30px;

  bottom: 30px;

  opacity: 0;

  transition: all .5s;

}

.por2_con1 .rig .div:hover .top button{

  opacity: 1;

}

.por2_con1 .rig .div .top button i{

  display: inline-block;

  width: 18px;

  height: 14px;

  background-image: url(../images/img5.png);

  background-size: contain;

  background-repeat: no-repeat;

  margin-bottom: -2px;

  margin-left: 5px;

}

.por2_con1 .rig .div p{

  font-size: 18px;

  color: #000000;

  font-weight: bold;

  margin-top: 18px;

  transition: all .5s;

}

.por2_con1 .rig .div:hover p{

  color: #00428e;

}

.por2_con1 .rig .rq{

  padding-bottom: 20px;

}



/* 分页器 */

.fyq{

  /*width: 100%;*/

  width: auto;

  display: table;

  margin: 0 auto;

}

.fyq li{

  float: left;

  position: relative;

}

.fyq li a{

  font-size: 14px;

  color: #121212;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 50%;

  display: block;

  position: relative;

}

.fyq li.on a,

.fyq li a:hover{

  background: #00428e;

  color: #fff;

}

.fyq .per a::before,

.fyq .nex a::before{

  content: '';

  width: 13px;

  height: 10px;

  background-image: url(../images/img33.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.fyq .per a::before{

  transform: translate(-50%,-50%) rotate(180deg);

}

.fyq .per a:hover::before,

.fyq .nex a:hover::before{

  background-image: url(../images/img34.png);

}



@media(max-width:1459px){



.por2_co1_lef .p {

  font-size: 30px;

}

.por2_co1_lef .div {

  padding-top: 46px;

}

.por2_co1_lef .div p {

  margin-bottom: 20px;

}

.por2_co1_lef .div a {

  font-size: 16px;

  padding-bottom: 6px;

}

.por2_con1 .rig .div p {

  font-size: 16px;

  margin-top: 14px;

}

.por2_con1 .rig .div .top button {

  width: 84px;

  height: 35px;

  border-radius: 35px;

  font-size: 12px;

  right: 18px;

  bottom: 18px;

}

.por2_con1 .rig .div .top button i {

  width: 15px;

  height: 12px;

}

.por2_con1 .rig .div {

  margin-bottom: 30px;

}



}

@media(max-width:991px){

  .por2_con1 .lef{

    position: static;

    width: 100%;

  }

  .por2_con1 .rig{

    width: 100%;

  }

  .por2_con1 {

    padding-top: 70px;

    padding-bottom: 60px;

}

.por2_co1_lef .div {

  padding-top: 32px;

}

.por2_co1_lef .div p{

  float: left;

  margin-right: 40px;

}

.fyq{

  display: table;

  width: auto;

  margin: 0 auto;

}



}

@media(max-width:500px){

  .por2_con1 {

    padding-top: 45px;

    padding-bottom: 44px;

}

.por2_co1_lef .p {

  font-size: 24px;

}

.por2_co1_lef .div {

  padding-top: 24px;

}

.por2_co1_lef .div a {

  font-size: 14px;

  padding-bottom: 6px;

}

.por2_co1_lef .div p{

  width: 49%;

  margin-bottom: 10px;

  margin-right: 2%;

}

.por2_co1_lef .div p:nth-child(2n){

  margin-right: 0;

}

.por2_co1_lef .div a i{

  display: none;

}

.por2_con1 .rig .rq {

  padding-bottom: 20px;

  padding-top: 20px;

}

.por2_con1 .rig .div {

  width: 49%;

  margin-right: 2%;

  margin-bottom: 20px;

}

.por2_con1 .rig .div p {

  font-size: 14px;

  margin-top: 7px;

}

.por2_con1 .rig .div .top button{

  display: none;

}

.fyq li a {

  font-size: 14px;

  width: 35px;

  height: 35px;

  line-height: 35px;

}



}







/* 产品详情 */

.por_dat1{

  width: 100%;

  padding-top: 96px;

  padding-bottom: 140px;

}

.por_dat1 .rq{

  display: flex;

  flex-wrap: wrap-reverse;

}

.por_dat1 .lef{

  width: 32%;

  float: left;

}

.por_dat1 .lef .top{

  width: 100%;

  position: sticky;

  top: 30px;

}

.por_dat1 .lef .top .div2{

  width: 100%;

  border-bottom: 1px solid rgb(238,238,238);

  padding-bottom: 42px;

  width: 80%;

  margin-bottom: 30px;

}

.por_dat1 .lef .top .div2 .p{

  float: left;

  font-size: 24px;

  color: #121212;

  font-weight: bold;

  line-height: 40px;

}

.por_dat1 .lef .top .div2 #share-2{

  float: left;

}

#share-2 .icon-weibo{

  color: #fff;

  background: rgb(218,60,60);

  font-size: 16px;

}

#share-2 .icon-wechat{

  color: #fff;

  background: rgb(33,186,65);

  font-size: 16px;

}

#share-2 .icon-qq{

  color: #fff;

  background: rgb(62, 145, 238);

  font-size: 16px;

}

#share-2 .icon-wechat .wechat-qrcode {

  top: 48px;

}

#share-2 .icon-wechat .wechat-qrcode:after {

  top: -16px;

  transform: rotate(180deg);

}

.por_dat1 .lef .top .div21{

  width: 100%;

  padding-top: 35px;

}

.por_dat1 .lef .top .div21 a{

  font-size: 18px;

  color: #333333;

  display: block;

  margin-bottom: 24px;

}

.por_dat1 .lef .top .div21 a:hover{

  color: #00428e;

}

.por_dat1 .lef .top .div21 a span{

  font-size: 18px;

  color: #121212;

  font-weight: bold;

}

.por_dat1 .lef .top .div21 .a{

  padding-top: 20px;

}

.por_dat1 .lef .top .div21 .a span{

  font-size: 24px;

  color: #00428e;

  border-bottom: 2px solid #00428e;

  padding-bottom: 10px;

}

.por_dat1 .lef .top .div21 .a span i{

  width: 23px;

  height: 15px;

  display: inline-block;

  background-image: url(../images/img35.png);

  background-size: contain;

  background-repeat: no-repeat;

  margin-right: 13px;

}



.por_dat1 .rig{

  width: 68%;

  float: left;

}

.por_dat1 .rig .p{

  font-size: 30px;

  color: #121212;

  font-weight: bold;

}

.por_dat1 .rig .div{

  width: 100%;

  padding-top: 38px;

}

.por_dat1 .rig .div img{

  max-width: 100% !important;

  height: auto !important;

  vertical-align: middle;

  display: block;

  margin-bottom: 60px;

}

.por_dat1 .rig .div .div1{

  width: 100%;

}

.por_dat1 .rig .div .div1 .p1{

  font-size: 24px;

  color: #121212;

  font-weight: bold;

  padding-bottom: 18px;

  border-bottom: 1px solid rgb(238,238,238);

  margin-bottom: 56px;

}



.por_dat1 .rig .div a{

  font-size: 14px;

  color: #ffffff;

  width: 202px;

  height: 60px;

  border-radius: 60px;

  line-height: 60px;

  text-align: center;

  background: #00428e;

  display: block;

}

.por_dat1 .rig .div a i{

  width: 19px;

  height: 14px;

  background-image: url(../images/img5.png);

  background-size: contain;

  background-repeat: no-repeat;

  display: inline-block;

  margin-bottom: -2px;

  margin-left: 5px;

}



/* por_dat2 */

.por_dat2{

  width: 100%;

  padding-top: 75px;

  padding-bottom: 60px;

  background: rgb(244,247,249);

  position: relative;

  overflow: hidden;

}

.por_dat2 .p{

  font-size: 200px;

  color: #00428e;

  font-weight: bold;

  text-transform: uppercase;

  position: absolute;

  left: 20%;

  top: 15px;

  white-space: nowrap;

  z-index: 0;

  opacity: 0.04;

}

.por_dat2 .p1{

  font-size: 38px;

  color: #000000;

  font-weight: bold;

}

.por_dat2 .rq{

  width: 100%;

  padding-top: 30px;

  position: relative;

}

.por_dat2 .rq .top{

  width: 100%;

  overflow: hidden;

}

.por_dat2 .rq .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.por_dat2 .rq .swiper-slide:hover img{

  transform: scale(1.05);

}

.por_dat2 .rq p{

  font-size: 18px;

  color: #000000;

  padding-top: 16px;

  font-weight: bold;

  transition: all .5s;

}

.por_dat2 .rq .swiper-slide:hover p{

  color: #00428e;

}

.por_dat2 .rq .div{

  width: 105px;

  height: 40px;

  margin: 0 auto;

  position: relative;

  margin-top: 38px;

}

.por_dat2 .swiper-button-next,

.por_dat2 .swiper-button-prev{

  width: 40px;

  height: 40px;

  background-image: url(../images/img40.png);

  background-size: contain;

  background-repeat: no-repeat;

  transition: all .5s;

  margin-top: 0;

  right: 0;

  opacity: 1;

  top: 0;

}

.por_dat2 .swiper-button-next:after, 

.por_dat2 .swiper-button-prev:after{

  display: none;

} 

.por_dat2 .swiper-button-prev{

  transform: rotate(180deg);

  left: 0;

}

.por_dat2 .swiper-button-next:hover,

.por_dat2 .swiper-button-prev:hover{

  background-image: url(../images/img41.png);

}





@media(max-width:1459px){

  .por_dat1 {

    padding-top: 72px;

    padding-bottom: 104px;

}

.por_dat1 .lef .top .div2 {

  padding-bottom: 32px;

  width: 80%;

}

.por_dat1 .lef .top .div2 .p {

  font-size: 18px;

  line-height: 34px;

}

#share-2 .social-share-icon{

  width: 26px;

  height: 26px;

  font-size: 14px;

  line-height: 26px;

}

.por_dat1 .lef .top .div21 {

  padding-top: 26px;

}

.por_dat1 .lef .top .div21 a {

  font-size: 16px;

  margin-bottom: 18px;

}

.por_dat1 .lef .top .div21 a span{

  font-size: 16px;

}

.por_dat1 .lef .top .div21 .a span {

  font-size: 18px;

  padding-bottom: 8px;

}

.por_dat1 .lef .top .div21 .a span i {

  width: 23px;

  height: 11px;

  margin-right: 8px;

}

.por_dat1 .lef .top .div21 .a {

  padding-top: 10px;

}

.por_dat1 .rig .p {

  font-size: 28px;

}

.por_dat1 .rig .div {

  padding-top: 30px;

}

.por_dat1 .rig .div img {

  margin-bottom: 40px;

}

.por_dat1 .rig .div .div1 .p1 {

  font-size: 18px;

  padding-bottom: 12px;

  margin-bottom: 40px;

}

.por_dat1 .rig .div a {

  font-size: 13px;

  width: 150px;

  height: 50px;

  border-radius: 50px;

  line-height: 50px;

}

.por_dat1 .rig .div a i {

  width: 18px;

  height: 11px;

  margin-bottom: -1px;

  margin-left: 5px;

}



.por_dat2 .p {

  font-size: 186px;

  top: 26px;

}

.por_dat2 .p1 {

  font-size: 30px;

}

.por_dat2 .rq {

  padding-top: 30px;

}

.por_dat2 .rq p {

  font-size: 16px;

  padding-top: 10px;

}



}

@media(max-width:991px){

  .por_dat1 .lef{

    width: 100%;

  }

  .por_dat1 .lef .top{

    position: static;

  }

  .por_dat1 .rig{

    width: 100%;

  }

  .por_dat1 {

    padding-top: 50px;

    padding-bottom: 60px;

}

.por_dat1 .rig .div {

  padding-top: 20px;

}

.por_dat1 .lef .top .div2 {

  padding-bottom: 10px;

  width: 100%;

  padding-top: 30px;

}

.por_dat2 .p {

  display: none;

}

.por_dat2 {

  padding-top: 60px;

  padding-bottom: 56px;

}



.por_dat2 .p1 {

  font-size: 28px;

}





}

@media(max-width:500px){

  .por_dat1 .rig .p {

    font-size: 22px;

}

.por_dat1 {

  padding-top: 40px;

  padding-bottom: 36px;

}

.por_dat1 .rig .div {

  padding-top: 16px;

}

.por_dat1 .rig .div img {

  margin-bottom: 25px;

}

.por_dat1 .rig .div .div1 .p1 {

  font-size: 16px;

  padding-bottom: 10px;

  margin-bottom: 24px;

}

.por_dat1 .rig .div a {

  font-size: 12px;

  width: 130px;

  height: 38px;

  border-radius: 38px;

  line-height: 38px;

}

.por_dat1 .lef .top .div21 {

  padding-top: 16px;

}

.por_dat1 .lef .top .div21 a {

  font-size: 14px;

  margin-bottom: 10px;

}

.por_dat1 .lef .top .div21 a span {

  font-size: 14px;

}

.por_dat1 .lef .top .div21 .a span {

  font-size: 15px;

  padding-bottom: 8px;

}

.por_dat2 {

  padding-top: 40px;

  padding-bottom: 42px;

}

.por_dat2 .p1 {

  font-size: 24px;

}

.por_dat2 .rq {

  padding-top: 18px;

}

.por_dat2 .rq p {

  font-size: 13px;

  padding-top: 6px;

}

.por_dat2 .rq .div {

  width: 96px;

  height: 32px;

  margin-top: 16px;

}

.por_dat2 .swiper-button-next, .por_dat2 .swiper-button-prev {

  width: 32px;

  height: 32px;

}



}







/* 公司简介 */

/* abo1_con1 */

.abo1_con1{

  width: 100%;

  padding-top: 50px;

}

.abo1_con1 a{

  font-size: 18px;

  color: #121212;

  font-weight: bold;

  float: left;

  margin-right: 110px;

  padding-bottom: 10px;

  border-bottom: 3px solid #fff;

}

.abo1_con1 a.on{

  color: #00428e;

  border-bottom: 3px solid #00428e;

}

.abo1_con1 a:hover{

  color: #00428e;

}

.abo1_con1 a:last-child{

  margin-right: 0;

}



/* abo1_con2 */

.abo1_con2 {

  width: 100%;

  padding-top: 70px;

  padding-bottom: 90px;

  position: relative;

}

.abo1_con2 .lef{

  width: 45%;

  float: left;

}

.abo1_con2 .lef img{

  width: 100%;

  vertical-align: middle;

}

.abo1_con2 .rig{

  width: 55%;

  float: left;

  padding-left: 110px;

  padding-top: 0px;

}

.abo1_con2 .rig .div{

  width: 100%;

  padding-bottom: 20px;

}

.abo1_con2 .rig .div p{

  font-size: 18px;

  color: #121212;

  line-height: 34px;

  margin-bottom: 26px;

}

.abo1_con2 .rig a{

  font-size: 22px;

  color: #00428e;

  padding-bottom: 10px;

  border-bottom: 2px solid #00428e;

}

.abo1_con2 .rig a i{

  width: 23px;

  height: 15px;

  background-image: url(../images/img35.png);

  background-size: contain;

  background-repeat: no-repeat;

  display: inline-block;

  transform: rotate(180deg);

  margin-bottom: 1px;

}





/* abo1_con3 */

.i{

  position: absolute;

  top: 0;

  left: 0;

  transform: translateY(-50px);

  opacity: 0;

}

.abo1_con3{

  width: 100%;

  padding-top: 80px;

  padding-bottom: 80px;

  background: rgb(244,247,249);

  position: relative;

  overflow: hidden;

}

.abo1_con3 .p{

  font-size: 280px;

  color: #00428e;

  opacity: 0.04;

  text-transform: uppercase;

  font-weight: bold;

  position: absolute;

  left: 20%;

  top: 26px;

  white-space: nowrap;

}

.abo1_con3 .rq{

  width: 87.3%;

  float: right;

}

.abo1_con3 .rq .p1{

  font-size: 38px;

  color: #000000;

  font-weight: bold;

}

.abo1_con3 .rq1{

  width: 100%;

  margin-top: 60px;

  position: relative;

}

.abo1_con3 .rq2{

  width: 50px;

  height: 150px;

  position: absolute;

  left: -70px;

  top: 30%;

  transform: translateY(-50%);

}

.abo1_con3 .swiper-button-next,

.abo1_con3 .swiper-button-prev{

  width: 50px;

  height: 50px;

  background-image: url(../images/img111.png);

  background-size: contain;

  background-repeat: no-repeat;

  top: 0;

  left: 0;

  margin-top: 0;

}

.abo1_con3 .swiper-button-prev{

  transform: rotate(180deg);

  top: 68%;

}

.abo1_con3 .swiper-button-next:after, 

.abo1_con3 .swiper-button-prev:after{

  display: none;

}





.abo1_con3 .rq1 .top{

  width: 100%;

  overflow: hidden;

}

.abo1_con3 .rq1 .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.abo1_con3 .rq1 .swiper-slide:hover .top img{

  transform: scale(1.05);

}

.abo1_con3 .rq1 .bot{

  width: 100%;

  padding-top: 30px;

}

.abo1_con3 .rq1 .bot .p1{

  font-size: 24px;

  font-weight: bold;

  color: #11151b;

}

.abo1_con3 .rq1 .swiper-slide:hover .bot .p1{

  color: #00428e;

}

.abo1_con3 .rq1 .bot .p2{

  font-size: 16px;

  color: #767679;

}





/* abo1_con4 */

.abo1_con4{

  width: 100%;

  padding-top: 80px;

  padding-bottom: 80px;

  border-bottom: 1px solid rgb(241,241,241);

  position: relative;

}

.abo1_con4 .lef{

  width: 47%;

  float: left;

}

.abo1_con4 .lef .p{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

  margin-bottom: 20px;

}

.abo1_con4 .lef .img{

  width: 94%;

}

.abo1_con4 .lef .img img{

  width: 100%;

}

.abo1_con4 .rig{

  width: 53%;

  float: left;

}

.abo1_con4 .rig .div{

  width: 100%;

  padding-left: 90px;

  position: relative;

  padding-top: 14px;

  padding-bottom: 25px;

}

.abo1_con4 .rig .div:last-child{

  padding-bottom: 0;

}

.abo1_con4 .rig .div::before{

  content: '';

  width: 1px;

  height: 100%;

  background: rgb(242,248,248);

  position: absolute;

  left: 30px;

  top: 0;

}

.abo1_con4 .rig .div img{

  width: 60px;

  position: absolute;

  top: 0px;

  left: 0;

}

.abo1_con4 .rig .div .p1{

  font-size: 24px;

  color: #121212;

  font-weight: bold;

  margin-bottom: 18px;

}

.abo1_con4 .rig .div .p2{

  font-size: 16px;

  color: #767679;

  line-height: 32px;

}



/* abo1_con5 */

.abo1_con5{

  width: 100%;

  padding-top: 80px;

  padding-bottom: 80px;

  position: relative;

  overflow: hidden;

}

.abo1_con5 .p{

  font-size: 280px;

  color: #f9f9f9;

  font-weight: bold;

  position: absolute;

  right: 0;

  top: -26px;

  white-space: nowrap;

  z-index: -1;

}

.abo1_con5 .p1{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

}

.abo1_con5 .rq{

  width: 100%;

  padding-top: 50px;

}

.abo1_con5 .rq .div{

  width: 100%;

  height: 92px;

  border: 1px solid rgb(243,243,243);

  background: #fff;

  position: relative;

  overflow: hidden;

}

.abo1_con5 .rq .div img{

  max-width: 90%;

  max-height: 90%;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.abo1_con5 .rq .div1{

  width: 100%;

  height: 100%;

  background: rgba(0,66,142,0.9);

  position: absolute;

  top: 0px;

  left: 0;

  opacity: 0;

  transition: all .5s;

}

.abo1_con5 .rq .swiper-slide:hover .div1{

  opacity: 1;

}

.abo1_con5 .rq .div1 p{

  font-size: 20px;

  color: #f6f6f6;

  font-weight: bold;

  width: 100%;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

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

}



@media(max-width:1680px){

  .abo1_con3 .rq {

    width: 92%;

}

}

@media(max-width:1459px){

  .abo1_con1 {

    padding-top: 38px;

}

.abo1_con1 a {

  font-size: 18px;

  margin-right: 70px;

  padding-bottom: 8px;

}

.abo1_con2 {

  padding-top: 70px;

}

.abo1_con2 .rig {

  padding-left: 80px;

  padding-top: 0px;

}

.abo1_con2 .rig .div p {

  font-size: 16px;

  line-height: 28px;

  margin-bottom: 21px;

}

.abo1_con2 .rig a {

  font-size: 18px;

  padding-bottom: 8px;

}

.abo1_con2 .rig a i {

  width: 16px;

  height: 11px;

}

.abo1_con3 {

}

.abo1_con3 .rq .p1 {

  font-size: 30px;

}

.abo1_con3 .rq1 {

  margin-top: 38px;

}

.abo1_con3 .rq2 {

  width: 40px;

  height: 124px;

  left: -50px;

  top: 32%;

}

.abo1_con3 .swiper-button-next, .abo1_con3 .swiper-button-prev {

  width: 40px;

  height: 40px;

}

.abo1_con3 .rq1 .bot .p1 {

  font-size: 20px;

}

.abo1_con3 .rq1 .bot .p2 {

  font-size: 14px;

}

.abo1_con3 .rq1 .bot {

  padding-top: 20px;

}

.abo1_con3 .p {

  font-size: 170px;

  top: 22px;

}

.abo1_con4 {

}

.abo1_con4 .lef .p {

  font-size: 30px;

}

.abo1_con4 .rig .div {

  padding-left: 68px;

  padding-top: 10px;

  padding-bottom: 12px;

}

.abo1_con4 .rig .div img {

  width: 44px;

}

.abo1_con4 .rig .div .p1 {

  font-size: 18px;

  margin-bottom: 16px;

}

.abo1_con4 .rig .div .p2 {

  font-size: 14px;

  line-height: 30px;

}

.abo1_con5 {

  padding-top: 80px;

}

.abo1_con5 .p1 {

  font-size: 30px;



}

.abo1_con5 .p {

  font-size: 180px;

  top: 10px;

}

.abo1_con5 .rq {

  padding-top: 34px;

}

.abo1_con5 .rq .div {

  height: 78px;

}

.abo1_con5 .rq .div1 p {

  font-size: 18px;

}





}

@media(max-width:991px){

  .abo1_con3 .rq2{

    display: none;

  }

  .abo1_con2 .rig {

    padding-left: 30px;

    padding-top: 0px;

}

.abo1_con2 .rig .div p {

  font-size: 15px;

  line-height: 24px;

  margin-bottom: 13px;

}

.abo1_con2 .rig a {

  font-size: 16px;

  padding-bottom: 4px;

}

.abo1_con2 .rig .div {

  padding-bottom: 12px;

}

.abo1_con2 {

  padding-top: 50px;

  padding-bottom: 70px;

}

.abo1_con3 .p{

  display: none;

}

.abo1_con3 {

  padding-top: 56px;

  padding-bottom: 50px;

}

.abo1_con3 .rq .p1 {

  font-size: 28px;

}

.abo1_con3 .rq1 {

  padding-top: 24px;

}

.abo1_con3 .rq1 .bot {

  padding-top: 10px;

}

.abo1_con3 .rq1 .bot .p1 {

  font-size: 20px;

}

.abo1_con3 .rq1 .bot .p2 {

  font-size: 14px;

}

.abo1_con4 {

  padding-top: 60px;

  padding-bottom: 44px;

}

.abo1_con4 .lef .p {

  font-size: 28px;

}

.abo1_con4 .lef .img{

  width: 100%;

}

.abo1_con4 .lef{

  width: 100%;

}

.abo1_con4 .rig{

  width: 100%;

  padding-top: 24px;

}

.abo1_con4 .rig .div .p2 {

  font-size: 16px;

  line-height: 30px;

}

.abo1_con5 .p{

  display: none;

}

.abo1_con5 {

  padding-top: 44px;

  padding-bottom: 54px;

}

.abo1_con5 .p1 {

  font-size: 28px;

}

.abo1_con5 .rq {

  padding-top: 22px;

}



}

@media(max-width:500px){

  .abo1_con1 {

    padding-top: 30px;

}

.abo1_con1 a {

  font-size: 16px;

  margin-right: 18px;

  padding-bottom: 4px;

  margin-bottom: 4px;

  border-bottom: 2px solid #fff;

}

.abo1_con1 a.on {

  border-bottom: 2px solid #00428e;

}



.abo1_con2 {

  padding-top: 40px;

  padding-bottom: 50px;

}

.abo1_con2 .lef{

  width: 100%;

}

.abo1_con2 .rig{

  width: 100%;

  padding-left: 0;

  padding-top: 15px;

}

.abo1_con2 .rig .div p {

  font-size: 14px;

}

.abo1_con3 {

  padding-top: 40px;

  padding-bottom: 40px;

  padding-left: 15px;

}

.abo1_con3 .rq{

  width: 100%;

}

.abo1_con3 .rq .p1 {

  font-size: 24px;

}

.abo1_con3 .rq1 {

  padding-top: 20px;

}

.abo1_con4 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.abo1_con4 .lef .p {

  font-size: 24px;

}

.abo1_con4 .rig {

  padding-top: 20px;

}

.abo1_con4 .rig .div {

  padding-left: 55px;

  padding-top: 8px;

  padding-bottom: 16px;

}

.abo1_con4 .rig .div .p1 {

  font-size: 17px;

  margin-bottom: 12px;

}

.abo1_con4 .rig .div .p2 {

  font-size: 14px;

  line-height: 26px;

}

.abo1_con4 .rig .div::before {

  left: 22px;

}

.abo1_con5 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.abo1_con5 .p1 {

  font-size: 22px;

}

.abo1_con5 .rq {

  padding-top: 20px;

}



}









/* 企业风采 */

.abo2_con1{

  width: 100%;

  padding-top: 100px;

  padding-bottom: 140px;

  position: relative;

}

.abo2_con1 .rq{

  width: 100%;

}

.abo2_con1 .rq .div{

  width: 47%;

  float: left;

  margin-right: 6%;

  margin-bottom: 70px;

}

.abo2_con1 .rq .div:nth-child(2n){

  margin-right: 0;

}

.abo2_con1 .rq .div .top{

  width: 100%;

  position: relative;

  overflow: hidden;

}

.abo2_con1 .rq .div .top button{

  width: 100px;

  height: 40px;

  border-radius: 40px;

  background: #fff;

  font-size: 14px;

  color: #333333;

  position: absolute;

  right: 30px;

  bottom: 30px;

  opacity: 0;

  transition: all .5s;

}

.abo2_con1 .rq .div:hover .top button{

  opacity: 1;

}

.abo2_con1 .rq .div .top button i{

  width: 16px;

  height: 12px;

  background-image: url(../images/ba1.png);

  background-size: contain;

  background-repeat: no-repeat;

  display: inline-block;

  margin-bottom: -2px;

}

.abo2_con1 .rq .div .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.abo2_con1 .rq .div:hover .top img{

  transform: scale(1.05);

}

.abo2_con1 .rq .div p{

  font-size: 22px;

  color: #121212;

  font-weight: bold;

  padding-top: 25px;

  transition: all .5s;

}

.abo2_con1 .rq .div:hover p{

  color: #00428e;

}

.abo2_con1 .fyq{

  display: table;

  width: auto;

  margin: 0 auto;

}



@media(max-width:1459px){

  .abo2_con1 {

    padding-top: 66px;

    padding-bottom: 90px;

}

.abo2_con1 .rq .div p {

  font-size: 18px;

  padding-top: 16px;

}

.abo2_con1 .rq .div {

  margin-bottom: 50px;

}





}

@media(max-width:500px){

  .abo2_con1 {

    padding-top: 40px;

    padding-bottom: 50px;

}

.abo2_con1 .rq .div{

  width: 49%;

  margin-right: 2%;

}

.abo2_con1 .rq .div p {

  font-size: 14px;

  padding-top: 10px;

}

.abo2_con1 .rq .div {

  margin-bottom: 10px;

}

.abo2_con1 .rq{

  padding-bottom: 10px;

}

.abo2_con1 .rq .div .top button{

  display: none;

}



}







/* 企业风采详情 */

.about2_dat1 .lef .top .div1 a {

  display: block;

  margin-top: 14px;

}

.about2_dat1 .lef .top .div1 .a{

  margin-top: 60px;

}

.about2_dat1 .lef .top{

  width: 81%;

  padding: 70px 40px;

  background: rgb(244,247,249);

}

.about2_dat1 .lef .top .div{

  width: 100%;

  border-bottom:none;

  padding-bottom: 0px;

}

@media(max-width:1459px){

  .about2_dat1 .lef .top {

    width: 85%;

    padding: 40px 30px;

}

.about2_dat1 .lef .top .div1 .a {

  margin-top: 40px;

}

}

@media(max-width:991px){

  .about2_dat1 .lef .top {

    width: 100%;

}

}

@media(max-width:500px){

  .about2_dat1 .lef .top{

    width: 100%;

    padding: 0px 15px;

    padding-bottom: 30px;

  }

}

















/* 荣誉资质 */

.abo3_con1{

  width: 100%;

  padding-top: 85px;

  padding-bottom: 86px;

  position: relative;

  overflow: hidden;

}

.ab3_p{

  font-size: 200px;

  color: #f9f9f9;

  text-transform: uppercase;

  font-weight: bold;

  white-space: nowrap;

  position: absolute;

  left: 20%;

  top: -10px;

  z-index: -1;

}

.ab3_p1{

  font-size: 38px;

  color: #000000;

  font-weight: bold;

}

.abo3_con1 .rq{

  width: 100%;

  padding-top: 56px;

}

.abo3_con1 .rq .div{

  width: 29.9%;

  float: left;

  margin-right: 5.15%;

  margin-bottom: 40px;

}

.abo3_con1 .rq .div:nth-child(3n){

  margin-right: 0;

}

.abo3_con1 .rq .div .top{

  width: 100%;

  height: 300px;

  background: rgb(244,247,249);

  position: relative;

  overflow: hidden;

}

.abo3_con1 .rq .div .top img{

  max-height: 80%;

  max-width: 80%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  transition: all .5s;

}

.abo3_con1 .rq .div:hover .top img{

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

}

.abo3_con1 .rq .div p{

  font-size: 18px;

  color: #242526;

  padding-top: 22px;

}

.abo3_con1 .rq .div:hover p{

  color: #00428e;

}

.lb-data .lb-number{

  display: none !important;

}





/* abo3_con2 */

.abo3_con2{

  width: 100%;

  padding-top: 136px;

  padding-bottom: 140px;

  overflow: hidden;

  position: relative;

  background: rgb(244,247,249);

}

.abo3_con2 .ab3_p{

  color: #00428e;

  opacity: 0.04;

  z-index: 0;

  top: 30px;

}

.abo3_con2 .rq{

  width: 100%;

  padding-top: 60px;

}

.abo3_con2 .rq .div{

  width: 22%;

  margin-bottom: 60px;

  margin-right: 4%;

  float: left;

}

.abo3_con2 .rq .div:nth-child(4n){

  margin-right: 0;

}

.abo3_con2 .rq .div .top{

  width: 100%;

  height: 360px;

  background: #fff;

  position: relative;

  overflow: hidden;

}

.abo3_con2 .rq .div .top .div1{

  width: 100%;

  height: 100%;

  background: rgba(0,66,142,0.8);

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transition: all .5s;

}

.abo3_con2 .rq .div:hover .top .div1{

  opacity: 1;

}

.abo3_con2 .rq .div .top .div1::before{

  content: '';

  width: 60px;

  height: 60px;

  background-image: url(../images/img63.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.abo3_con2 .rq .div .top img{

  max-height: 80%;

  max-width: 80%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  transition: all .5s;

}

.abo3_con2 .rq .div:hover .top img{

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

}

.abo3_con2 .rq .div p{

  font-size: 24px;

  color: #242526;

  padding-top: 20px;

  transition: all .5s;

}

.abo3_con2 .rq .div:hover p{

  color: #00428e;

}



.abo3_con2 .fyq{

  display: table;

  width: auto;

  margin: 0 auto;

}



@media(max-width:1459px){

  .abo3_con1 {

    padding-top: 64px;

    padding-bottom: 65px;

}

.ab3_p1 {

  font-size: 30px;

}

.ab3_p {

  font-size: 180px;

}  

.abo3_con1 .rq {

  padding-top: 40px;

}

.abo3_con1 .rq .div .top {

  height: 228px;

}

.abo3_con1 .rq .div p {

  font-size: 16px;

  padding-top: 16px;

}

.abo3_con1 .rq .div {

  margin-bottom: 30px;

}

.abo3_con2 {

  padding-top: 100px;

  padding-bottom: 100px;

}

.abo3_con2 .rq {

  padding-top: 40px;

}

.abo3_con2 .rq .div .top {

  height: 275px;

}

.abo3_con2 .rq .div p {

  font-size: 18px;

  padding-top: 14px;

}

.abo3_con2 .rq .div {

  margin-bottom: 45px;

}



}

@media(max-width:991px){

  .ab3_p{

    display: none;

  }

  .abo3_con1 {

    padding-top: 50px;

    padding-bottom: 50px;

}

.abo3_con1 .rq {

  padding-top: 30px;

}

.ab3_p1 {

  font-size: 30px;

}

.abo3_con1 .rq .div .top {

  height: 190px;

}

.abo3_con1 .rq .div p {

  font-size: 16px;

  padding-top: 12px;

}

.abo3_con2 {

  padding-top: 60px;

  padding-bottom: 60px;

}

.abo3_con2 .rq {

  padding-top: 30px;

}

.abo3_con2 .rq .div .top {

  height: 218px;

}

.abo3_con2 .rq .div p {

  font-size: 16px;

  padding-top: 10px;

}

.abo3_con2 .rq .div {

  margin-bottom: 30px;

}



}

@media(max-width:500px){

  .ab3_p1 {

    font-size: 24px;

}

.abo3_con1 {

  padding-top: 40px;

  padding-bottom: 30px;

}

.abo3_con1 .rq {

  padding-top: 20px;

}

.abo3_con1 .rq .div{

  width: 49%;

  margin-right: 2%;

}

.abo3_con1 .rq .div:nth-child(3n){

  margin-right: 2%;

}

.abo3_con1 .rq .div:nth-child(2n){

  margin-right: 0;

}

.abo3_con1 .rq .div {

  margin-bottom: 20px;

}

.abo3_con1 .rq .div .top {

  height: 130px;

}

.abo3_con1 .rq .div p {

  font-size: 14px;

  padding-top: 10px;

}

.abo3_con2 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.abo3_con2 .rq {

  padding-top: 20px;

}

.abo3_con2 .rq .div{

  width: 49%;

  margin-right: 2%;

  margin-bottom: 20px;

}

.abo3_con2 .rq .div:nth-child(3n){

  margin-right: 2%;

}

.abo3_con2 .rq .div:nth-child(2n){

  margin-right: 0;

}

.abo3_con2 .rq .div .top {

  height: 170px;

}

.abo3_con2 .rq{

  padding-bottom: 20px;

}



}







/* 技术支持 */

.ser1_con1{

  width: 100%;

  padding-top: 90px;

  padding-bottom: 90px;

}

.ser1_con1 img{

  max-width: 100% !important;

  height: auto !important;

}



@media(max-width:1459px){

  .ser1_con1{

    padding-top: 60px;

    padding-bottom: 60px;

  }

}

@media(max-width:500px){

  .ser1_con1{

    padding-top: 40px;

    padding-bottom: 40px;

  }

}







/* 下载中心 */

/* ser2_con1 */

.ser2_con1{

  width: 100%;

  padding-top: 90px;

  padding-bottom: 140px;

}

.ser2_con1 .div{

  width: 100%;

  margin-bottom: 22px;

  background: rgb(243,247,250);

  line-height: 78px;

}

.ser2_con1 .div .lef{

  width: 53%;

  float: left;

  padding-left: 70px;

  font-size: 22px;

  color: #121212;

  position: relative;



  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.ser2_con1 .div .lef::before{

  content: '';

  width: 27px;

  height: 27px;

  background-image: url(../images/img68.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  left: 28px;

  top: 50%;

  transform: translateY(-50%);

}

.ser2_con1 .div .rig{

  width: 47%;

  float: left;

  font-size: 22px;

  color: #bbbbbb;

  padding-right: 75px;

  position: relative;

}

.ser2_con1 .div .rig::before{

  content: '';

  width: 40px;

  height: 40px;

  background-image: url(../images/img69.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  right: 28px;

  top: 50%;

  transform: translateY(-50%);

}



@media(max-width:1459px){

  .ser2_con1 {

    padding-top: 68px;

    padding-bottom: 100px;

}

.ser2_con1 .div {

  margin-bottom: 16px;

  line-height: 60px;

}

.ser2_con1 .div .lef {

  padding-left: 60px;

  font-size: 18px;

}

.ser2_con1 .div .lef::before {

  width: 19px;

  height: 19px;

  left: 28px;

}

.ser2_con1 .div .rig {

  font-size: 18px;

  padding-right: 60px;

}

.ser2_con1 .div .rig::before {

  width: 32px;

  height: 31px;

  right: 25px;

}



}

@media(max-width:500px){

  .ser2_con1 {

    padding-top: 40px;

    padding-bottom: 40px;

}

.ser2_con1 .div .lef{

  width: 100%;

  padding-left: 50px;

    font-size: 16px;

}

.ser2_con1 .div .rig{

  width: 100%;

  font-size: 16px;

  padding-left: 50px;

}

.ser2_con1 .div .lef::before {

  left: 18px;

}

.ser2_con1 .div {

  margin-bottom: 12px;

  line-height: 36px;

  padding: 10px 0;

}



}





/* 视频中心 */

/* ser3_con1 */

.ser3_con1{

  width: 100%;

  padding-top: 94px;

  padding-bottom: 100px;

}

.ser3_con1 .rq{

  width: 100%;

}

.ser3_con1 .rq .div{

  width: 30.5%;

  margin-right: 4.25%;

  float: left;

  margin-bottom: 40px;

}

.ser3_con1 .rq .div:nth-child(3n){

  margin-right: 0;

}

.ser3_con1 .rq .div .top{

  width: 100%;

  overflow: hidden;

}

.ser3_con1 .rq .div .top .bj{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.ser3_con1 .rq .div:hover .top .bj{

  transform: scale(1.05);

}

.ser3_con1 .rq .div .bot{

  width: 100%;

  padding: 0 30px;

  padding-top: 22px;

  padding-bottom: 35px;

  background: rgb(243,247,250);

  font-size: 24px;

  color: #121212;

  font-weight: bold;

}

.ser3_con1 .abo_video::before{

  content: '';

  width: 60px;

  height: 60px;

  background-image: url(../images/img67.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  right: 38px;

  bottom: 68px;

  z-index: 10;

}



@media(max-width:1459px){

  .ser3_con1 {

    padding-top: 70px;

    padding-bottom: 76px;

}

.ser3_con1 .rq .div .bot {

  padding: 0 22px;

  padding-top: 18px;

  padding-bottom: 26px;

  font-size: 18px;

}

.ser3_con1 .rq .div {

  margin-bottom: 28px;

}

.ser3_con1 .abo_video::before {

  width: 50px;

  height: 50px;

  right: 30px;

  bottom: 44px;

}





}

@media(max-width:500px){

  .ser3_con1 {

    padding-top: 40px;

    padding-bottom: 30px;

}

.ser3_con1 .rq .div{

  width: 49%;

  margin-right: 2%;

  margin-bottom: 10px;

}

.ser3_con1 .rq .div:nth-child(3n){

  margin-right: 2%;

}

.ser3_con1 .rq .div:nth-child(2n){

  margin-right: 0;

}

.ser3_con1 .rq .div .bot {

  padding: 0 5px;

  padding-top: 10px;

  padding-bottom: 10px;

  font-size: 14px;

}

.msg-box {

  width: 95%;

  height: 44%;

}

.ser3_con1 .abo_video::before {

  width: 30px;

  height: 30px;

  right: 10px;

  bottom: 25px;

}



}









/* 解决方案 */

/* sol_con1 */

.sol_con1{

  width: 100%;

  padding-top: 75px;

  padding-bottom: 70px;

  position: relative;

  overflow: hidden;

}

.sol_con1 .p{

  font-size: 200px;

  color: #00428e;

  font-weight: bold;

  opacity: 0.04;

  white-space: nowrap;

  position: absolute;

  top: 15px;

  left: 20%;

  text-transform: uppercase;

}

.sol_con1 .p1{

  font-size: 38px;

  color: #000000;

  font-weight: bold;

}

.sol_con1 .rq{

  width: 100%;

  padding-top: 40px;

}

.sol_con1 .rq .div{

  width: 22%;

  margin-right: 4%;

  float: left;

  margin-bottom: 66px;

}

.sol_con1 .rq .div:nth-child(4n){

  margin-right: 0;

}

.sol_con1 .rq .div .top{

  width: 100%;

  overflow: hidden;

}

.sol_con1 .rq .div .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.sol_con1 .rq .div:hover .top img{

  transform: scale(1.05);

}

.sol_con1 .rq .div p{

  font-size: 20px;

  color: #242526;

  padding-top: 22px;

}

@media(max-width:1459px){

  .sol_con1 .p {

    font-size: 180px;

    top: 30px;

}

.sol_con1 {

  padding-bottom: 52px;

}

.sol_con1 .p1 {

  font-size: 30px;

}

.sol_con1 .rq {

  padding-top: 48px;

}

.sol_con1 .rq .div p {

  font-size: 18px;

  padding-top: 12px;

}

.sol_con1 .rq .div {

  margin-bottom: 35px;

}



}

@media(max-width:991px){

  .sol_con1 .p{

    display: none;

  }

  .sol_con1 {

    padding-top: 50px;

    padding-bottom: 50px;

}

.sol_con1 .rq .div p {

  font-size: 16px;

  padding-top: 10px;

}

}

@media(max-width:500px){

  .sol_con1 {

    padding-top: 40px;

    padding-bottom: 30px;

}

.sol_con1 .p1 {

  font-size: 24px;

}

.sol_con1 .rq {

  padding-top: 22px;

}

.sol_con1 .rq .div{

  width: 49%;

  margin-right: 2%;

  margin-bottom: 18px;

}

.sol_con1 .rq .div:nth-child(4n){

  margin-right: 2%;

}

.sol_con1 .rq .div:nth-child(2n){

  margin-right: 0;

}

.sol_con1 .rq .div p {

  font-size: 14px;

  padding-top: 6px;

}



}







/* 解决方案详情 */

/* sol_dat1 */

.sol_dat1{

  width: 100%;

  padding-top: 75px;

  padding-bottom: 75px;

}

.sol_dat1 .lef{

  width: 32%;

  float: left;

  position: sticky;

  top: 30px;

}

.sol_dat1 .lef .rq{

  width: 100%;

}

.sol_dat1 .lef .rq .div{

  width: 100%;

  margin-bottom: 30px;

}

.sol_dat1 .lef .rq .div a{

  font-size: 18px;

  color: #767679;

  display: inline-block;

  padding-bottom: 8px;

  border-bottom: 2px solid #fff;

  transition: all .5s;

}

.sol_dat1 .lef .rq .div a:hover{

  color: #00428e;

}

.sol_dat1 .lef .rq .div.on a{

  color: #00428e;

  border-bottom: 2px solid #00428e;

}

.sol_dat1 .lef .rq .div a i{

  width: 16px;

  height: 11px;

  background-image: url(../images/img27.png);

  background-size: contain;

  background-repeat: no-repeat;

  display: inline-block;

  margin-bottom: 2px;

  margin-left: 0px;

  opacity: 0;

  transition: all .5s;

}

.sol_dat1 .lef .rq .div a:hover i,

.sol_dat1 .lef .rq .div.on a i{

  opacity: 1;

  margin-left: 8px;

}

.sol_dat1 .rig{

  width: 68%;

  float: left;

}

.sol_dat1 .rig .p{

  font-size: 38px;

  color: #000000;

  font-weight: bold;

}

.sol_dat1 .rig .rq{

  width: 100%;

  padding-top: 45px;

}

.sol_dat1 .rig .rq .p1{

  font-size: 16px;

  color: #333333;

  line-height: 40px;

  padding-bottom: 28px;

}

.sol_dat1 .rig .rq img{

  max-width: 100% !important;

  height: auto !important;

}

.sol_dat1 .rig .rq .div{

  width: 100%;

  padding-top: 64px;

  padding-bottom: 62px;

}

.sol_dat1 .rig .rq .p2{

  /* font-size: 24px; */

  font-size: 16px;

  color: #000000;

  font-weight: bold;

  padding-bottom: 30px;

}

.sol_dat1 .rig .rq .div1{

  width: 100%;

}

.sol_dat1 .rig .rq .div1 p{

  /* font-size: 24px; */

  font-size: 16px;

  color: #333333;

  line-height: 40px;

  padding-left: 14px;

  position: relative;

}

.sol_dat1 .rig .rq .div1 p::before{

  content: '';

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #00428e;

  position: absolute;

  left: 0;

  top: 16px;

}

.sol_dat1 .rig .rq .div2{

  width: 100%;

}

.sol_dat1 .rig .rq .div2 .bj{

  width: 100%;

  vertical-align: middle;

}

.sol_dat1 .rig .rq .div2 .abo_video::before{

  content: '';

  width: 80px;

  height: 80px;

  background-image: url(../images/img80.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  left: 50%;

  top: 50%;

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

  transition: all .5s;

}

.sol_dat1 .rig .rq .div2 .abo_video:hover::before{

  top: 45%;

}



@media(max-width:1459px){



.sol_dat1 .lef .rq .div a {

  font-size: 16px;

  padding-bottom: 6px;

}

.sol_dat1 .rig .p {

  font-size: 30px;

}

.sol_dat1 .rig .rq {

  padding-top: 30px;

}

.sol_dat1 .rig .rq .p1 {

  font-size: 16px;

  line-height: 34px;

  padding-bottom: 22px;

}

.sol_dat1 .rig .rq .div {

  padding-top: 48px;

  padding-bottom: 42px;

}

.sol_dat1 .rig .rq .p2 {

  font-size: 16px;

  padding-bottom: 18px;

}

.sol_dat1 .rig .rq .div1 p {

  font-size: 16px;

  line-height: 32px;

  padding-left: 12px;

}

.sol_dat1 .rig .rq .div1 p::before {

  width: 4px;

  height: 4px;

  top: 13px;

}

.sol_dat1 .rig .rq .div2 .abo_video::before {

  width: 60px;

  height: 60px;

}



}

@media(max-width:991px){

  .sol_dat1 .lef{

    display: none;

  }

  .sol_dat1 .rig{

    width: 100%;

  }

  .sol_dat1 {

    padding-top: 60px;

    padding-bottom: 70px;

}

.sol_dat1 .rig .p {

  font-size: 30px;

}

.sol_dat1 .rig .rq {

  padding-top: 20px;

}

.sol_dat1 .rig .rq .p1 {

  font-size: 16px;

  line-height: 28px;

  padding-bottom: 18px;

}

.sol_dat1 .rig .rq .div {

  padding-top: 30px;

  padding-bottom: 24px;

}

.sol_dat1 .rig .rq .p2 {

  font-size: 16px;

  padding-bottom: 14px;

}

.sol_dat1 .rig .rq .div1 p {

  font-size: 16px;

  line-height: 28px;

  padding-left: 10px;

}

.sol_dat1 .rig .rq .div1 p::before {

  top: 11px;

}







}

@media(max-width:500px){

  .sol_dat1 {

    padding-top: 40px;

    padding-bottom: 50px;

  }

  .sol_dat1 .rig .rq {

    padding-top: 14px;

}

  .sol_dat1 .rig .p {

    font-size: 24px;

  }

  .sol_dat1 .rig .rq .div {

    padding-top: 22px;

    padding-bottom: 16px;

}

.sol_dat1 .rig .rq .p2 {

  font-size: 14px;

  padding-bottom: 8px;

}

.sol_dat1 .rig .rq .div1 p {

  font-size: 14px;

  line-height: 24px;

  padding-left: 10px;

}

.sol_dat1 .rig .rq .div1 p::before {

  top: 9px;

}

.sol_dat1 .rig .rq .div2 .abo_video::before {

  width: 44px;

  height: 44px;

}





}











/* 联系方式 */

/* con_con1 */

.con_con1{

  width: 100%;

  padding-top: 75px;

  overflow: hidden;

  padding-bottom: 75px;

}

.con_con1 .lef{

  width: 50%;

  float: left;

}

.con_con1 .lef .p1{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

}

.con_con1 .lef .p2{

  font-size: 24px;

  color: #121212;

  font-weight: bold;

  padding-top: 8px;

}

.con_con1 .lef .div{

  width: 100%;

  padding-top: 52px;

}

.con_con1 .lef .div p{

  font-size: 14px;

  color: #121212;

  padding-bottom: 11px;

}

.con_con1 .lef .div p span{

  font-weight: bold;

}

.con_con1 .lef .div img{

  width: 130px;

  vertical-align: middle;

  padding-top: 22px;

}

.con_con1 .rig{

  width: 50%;

  float: left;

}

.con_con1 .img{

  height: 440px;

}



/* con_con2 */

.con_con2{

  width: 100%;

  padding-top: 75px;

  padding-bottom: 75px;

  background: rgb(244,247,249);

  position: relative;

  overflow: hidden;

}

.con_p{

  font-size: 200px;

  color: #00428e;

  opacity: 0.04;

  text-transform: uppercase;

  font-weight: bold;

  white-space: nowrap;

  position: absolute;

  left: 20%;

  top: -16px;

  z-index:0;

}

.con_p1{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

}

.con_con2 .rq{

  width: 100%;

  padding-top: 30px;

  position: relative;

  z-index: 1;

}

.con_con2 .rq .div{

  width: 30.5%;

  height: 390px;

  float: left;

  margin-right: 4.25%;

  background-image: url(../images/img84.jpg);

  background-size: cover;

  padding: 50px 40px;

  transition: all .5s;

}

.con_con2 .rq .div:hover{

  background: url(../images/img83.jpg);

}

.con_con2 .rq .div:nth-child(3){

  margin-right: 0;

}

.con_con2 .rq .div .p1{

  font-size: 28px;

  color: #121212;

  font-weight: bold;

  transition: all .5s;

}

.con_con2 .rq .div:hover .p1{

  color: #fff;

}

.con_con2 .rq .div .p2{

  height: 100px;

  font-size: 20px;

  color: #121212;

  font-weight: bold;

  padding-top: 8px;

  transition: all .5s;

}

.con_con2 .rq .div:hover .p2{

  color: #fff;

}

.con_con2 .rq .div .div1{

  width: 100%;

}

.con_con2 .rq .div .div1 p{

  font-size: 14px;

  color: #333333;

  padding-left: 46px;

  line-height: 32px;

  position: relative;

  transition: all .5s;

}

.con_con2 .rq .div:hover .div1 p{

  color: #fff;

  opacity: 0.8;

}

.con_con2 .rq .div .div1 p span{

  position: absolute;

  left: 0;

  top: 0;

}





/* con_con3 */

.con_con3{

  width: 100%;

  padding-top: 75px;

  padding-bottom: 75px;

  position: relative;

  overflow: hidden;

}

.con_con3 .con_p{

  opacity: 1;

  color: #f9f9f9;

  z-index: -1;

}

.con_con3 .rq{

  width: 100%;

  padding-top: 30px;

  position: relative;

  z-index: 1;

}

.con_con3 .rq .div{

  width: 100%;

}

.con_con3 .rq .div input{

  width: 32%;

  height: 80px;

  font-size: 16px;

  background: rgb(244,247,249);

  color: #999999;

  padding-left: 26px;

  margin-right: 2%;

  margin-bottom: 28px;

  float: left;

}

.con_con3 .rq .div input:nth-child(3){

  margin-right: 0;

}

.con_con3 .rq textarea{

  width: 100%;

  height: 160px;

  font-size: 16px;

  background: rgb(244,247,249);

  color: #999999;

  padding: 26px;

  display: block;

  margin-bottom: 50px;

}

.con_con3 .rq button{

  font-size: 14px;

  color: #ffffff;

  width: 170px;

  height: 60px;

  border-radius: 60px;

  background: #00428e;

  display: block;

}

.con_con3 .rq button i{

  display: inline-block;

  width: 19px;

  height: 14px;

  background-image: url(../images/img85.png);

  background-size: contain;

  background-repeat: no-repeat;

  margin-bottom: -1px;

  margin-left: 6px;

}

.con_con3 .con_p {

  top: 20px;

}



@media(max-width:1459px){



.con_con1 .img{

  height: 360px;

}

.con_con1 .lef .p1 {

  font-size: 30px;

}

.con_con1 .lef .p2 {

  font-size: 18px;

  padding-top: 6px;

}

.con_con1 .lef .div {

  padding-top: 36px;

}

.con_con1 .lef .div p {

  font-size: 14px;

  padding-bottom: 8px;

}

.con_con1 .lef .div img {

  width: 90px;

  padding-top: 14px;

}



.con_p {

  font-size: 180px;

  top: -16px;

}

.con_p1 {

  font-size: 30px;

}

.con_con2 .rq {

  padding-top: 40px;

}

.con_con2 .rq .div {

  height: 300px;

  padding: 34px 28px;

}

.con_con2 .rq .div .p1 {

  font-size: 22px;

}

.con_con2 .rq .div .p2 {

  height: 68px;

  font-size: 17px;

  padding-top: 6px;

}

.con_con2 .rq .div .div1 p {

  line-height: 28px;

}

.con_p {

  top: 0px;

}



.con_con3 .rq {

  padding-top: 38px;

}

.con_con3 .rq .div input {

  height: 60px;

  font-size: 14px;

  padding-left: 20px;

  margin-bottom: 20px;

}

.con_con3 .rq textarea {

  height: 140px;

  font-size: 14px;

  padding: 20px;

  margin-bottom: 36px;

}

.con_con3 .rq button {

  font-size: 14px;

  width: 140px;

  height: 48px;

  border-radius: 48px;

}







}

@media(max-width:991px){

  .con_p{

    display: none;

  }

  .con_con1 {

    padding-top: 60px;

    padding-bottom: 50px;

}

.con_con1 .img{

  height: 235px;

}

.con_con2 {

  padding-top: 60px;

  padding-bottom: 50px;

}

.con_p1 {

  font-size: 30px;

}

.con_con2 .rq {

  padding-top: 30px;

}

.con_con2 .rq .div {

  height: 300px;

  padding: 20px 19px;

  width: 32%;

  margin-right: 2%;

}

.con_con2 .rq .div .div1 p {

  font-size: 14px;

  padding-left: 40px;

  line-height: 32px;

}

.con_con3 {

  padding-top: 60px;

  padding-bottom: 50px;

}

.con_con3 .rq {

  padding-top: 30px;

}



}

@media(max-width:768px){

  .con_con1 .lef{

    width: 100%;

    padding-bottom: 30px;

  }

  .con_con1 .rig{

    width: 100%;

  }

  .con_con2 .rq .div{

    width: 100%;

    height: auto;

    margin-right: 0;

    margin-bottom: 15px;

  }



}

@media(max-width:500px){

  .con_con1 {

    padding-top: 40px;

    padding-bottom: 40px;

}

.con_con1 .lef .p1 {

  font-size: 24px;

}

.con_con1 .lef .p2 {

  font-size: 16px;

  padding-top: 6px;

}

.con_con1 .lef .div {

  padding-top: 18px;

}

.con_con1 .lef .div img {

  padding-top: 8px;

}

.con_con2 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.con_p1 {

  font-size: 24px;

}

.con_con2 .rq {

  padding-top: 20px;

}

.con_con2 .rq .div .p1 {

  font-size: 20px;

}

.con_con2 .rq .div .p2 {

  height: auto;

  font-size: 16px;

  padding-top: 10px;

  margin-bottom: 10px;

}

.con_con2 .rq .div .div1 p {

  line-height: 24px;

  margin-bottom: 5px;

}

.con_con3 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.con_con3 .rq {

  padding-top: 20px;

}

.con_con3 .rq .div input{

  width: 100%;

  margin-right: 0;

  height: 46px;

  padding-left: 14px;

  margin-bottom: 10px;

}

.con_con3 .rq textarea {

  padding: 15px;

  margin-bottom: 26px;

}

.con_con3 .rq button {

  font-size: 12px;

  width: 120px;

  height: 42px;

  border-radius: 42px;

}

.con_con3 .rq button i {

  width: 15px;

  height: 12px;

}



}







/* 企业招聘 */

/* join_con1 */

.join_con1{

  width: 100%;

  padding-top: 75px;

  padding-bottom: 75px;

  position: relative;

  overflow: hidden;

}

.join_con1 .p{

  font-size: 200px;

  color: #f9f9f9;

  font-weight: bold;

  text-transform: uppercase;

  position: absolute;

  left: 20%;

  top: 0px;

  white-space: nowrap;

  z-index: -1;

}

.join_con1 .p1{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

}

.join_con1 .rq{

  width: 100%;

}

.join_con1 .rq .div{

  width: 100%;

  padding-top: 38px;

}

.join_con1 .rq .div .top{

  width: 100%;

  padding-bottom: 34px;

  border-bottom: 1px solid rgb(238,238,238);

  font-size: 22px;

  color: #121212;

  font-weight: bold;

  padding-right: 30px;

  position: relative;

  cursor: pointer;

}

.join_con1 .rq .div.on .top{

  border-bottom: 1px solid #fff;

}

.join_con1 .rq .div .top span{

  color: #00428e;

}

.join_con1 .rq .div .top i{

  width: 24px;

  height: 24px;

  background-image: url(../images/img86.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  right: 0;

  transition: all .5s;

}

.join_con1 .rq .div.on .top i{

  background-image: url(../images/img87.png);

}

.join_con1 .rq .div .bot{

  width: 100%;

  max-height: 0;

  height: auto;

  overflow: hidden;

  transition: all .5s;

}

.join_con1 .rq .div.on .bot{

  max-height: 800px;

}

.join_con1 .div .bot .div1{

  width: 100%;

  padding: 60px 70px;

  padding-top: 75px;

  background: rgb(244,247,249);

}

.join_con1 .bot .div1 .lef{

  width: 60%;

  float: left;

}

.join_con1 .bot .div1 .lef .div2{

  width: 100%;

}

.join_con1 .bot .div1 .lef .div2 .p2{

  font-size: 18px;

  color: #121212;

  font-weight: bold;

  padding-bottom: 16px;

  border-bottom: 2px solid rgb(236,239,241);

}

.join_con1 .bot .div1 .lef .div2 div{

  width: 100%;

  padding-top: 40px;

  padding-bottom: 36px;

}

.join_con1 .bot .div1 .lef .div2:last-child div{

  padding-bottom: 0;

}

.join_con1 .bot .div1 .lef .div2 div p{

  font-size: 16px;

  color: #606365;

  line-height: 38px;

}

.join_con1 .bot .div1 .rig{

  width: 32%;

  float: right;

  padding: 35px 42px;

  background: #fff;

}

.join_con1 .bot .div1 .rig p{

  font-size: 16px;

  color: #121212;

  line-height: 36px;

  font-weight: bold;

  margin-bottom: 38px;

}

.join_con1 .bot .div1 .rig p:last-child{

  margin-bottom: 0;

}

.join_con1 .bot .div1 .rig p span{

  color: #00428e;

}





@media(max-width:1459px){



.join_con1 .p1 {

  font-size: 30px;

}

.join_con1 .p {

  font-size: 180px;

  top: 14px;

}

.join_con1 .rq .div {

  padding-top: 28px;

}

.join_con1 .rq .div .top {

  padding-bottom: 24px;

  font-size: 18px;

  padding-right: 30px;

}

.join_con1 .rq .div .top i {

  width: 18px;

  height: 18px;

}

.join_con1 .div .bot .div1 {

  padding: 40px 50px;

  padding-top: 50px;

}

.join_con1 .bot .div1 .lef .div2 .p2 {

  font-size: 16px;

  padding-bottom: 12px;

}

.join_con1 .bot .div1 .lef .div2 div {

  padding-top: 30px;

  padding-bottom: 26px;

}

.join_con1 .bot .div1 .lef .div2 div p {

  font-size: 15px;

  line-height: 30px;

}

.join_con1 .bot .div1 .rig {

  padding: 24px 24px;

}

.join_con1 .bot .div1 .rig p {

  font-size: 15px;

  line-height: 30px;

  margin-bottom: 24px;

}



}

@media(max-width:991px){

  .join_con1 .p{

    display: none;

  }

  .join_con1 {

    padding-top: 50px;

    padding-bottom: 60px;

}

.join_con1 .p1 {

  font-size: 30px;

}

.join_con1 .bot .div1 .lef{

  width: 100%;

}

.join_con1 .bot .div1 .rig{

  width: 100%;

  margin-top: 20px;

}



}

@media(max-width:500px){

  .join_con1 {

    padding-top: 40px;

    padding-bottom: 50px;

}

.join_con1 .p1 {

  font-size: 24px;

}

.join_con1 .rq .div .top {

  padding-bottom: 12px;

  font-size: 16px;

  padding-right: 24px;

}

.join_con1 .rq .div {

  padding-top: 20px;

}

.join_con1 .div .bot .div1 {

  padding: 20px 14px;

}

.join_con1 .bot .div1 .lef .div2 div {

  padding-top: 10px;

  padding-bottom: 16px;

}

.join_con1 .bot .div1 .lef .div2 div p {

  font-size: 14px;

  line-height: 26px;

}

.join_con1 .bot .div1 .rig {

  padding: 15px 15px;

}

.join_con1 .bot .div1 .rig p {

  font-size: 14px;

  line-height: 26px;

  margin-bottom: 10px;

}



}







/* 新闻中心 */

/* .new_con1 */

.new_con1{

  width: 100%;

  padding-top: 60px;

  padding-bottom: 130px;

}

.new_con1 .rq{

  width: 100%;

}

.new_con1 .rq .div{

  width: 30%;

  float: left;

  margin-right: 5%;

  margin-bottom: 76px;

}

.new_con1 .rq .div:nth-child(3n){

  margin-right: 0;

}

.new_con1 .rq .div .top{

  width: 100%;

  overflow: hidden;

}

.new_con1 .rq .div .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.new_con1 .rq .div:hover .top img{

  transform: scale(1.05);

}

.new_con1 .rq .div .bot{

  width: 100%;

  height: 110px;

  padding-top: 12px;

}

.new_con1 .rq .div .bot .p1{

  font-size: 14px;

  color: #00428e;

}

.new_con1 .rq .div .bot .p2{

  font-size: 18px;

  color: #242526;

  margin-top: 10px;

  transition: all .5s;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.new_con1 .rq .div:hover .bot .p2{

  color: #00428e;

}

.new_con1 .fyq{

  width: auto;

  display: table;

  margin: 0 auto;

}

@media(max-width:1459px){

  .new_con1 .rq .div .bot {

    height: 86px;

    padding-top: 10px;

}

.new_con1 .rq .div .bot .p1 {

  font-size: 13px;

}

.new_con1 .rq .div .bot .p2 {

  font-size: 15px;

  margin-top: 6px;

}

.new_con1 .rq .div {

  margin-bottom: 40px;

}

.new_con1 {

  padding-top: 50px;

  padding-bottom: 80px;

}



}

@media(max-width:991px){

  .new_con1 .rq .div .bot .p2 {

    font-size: 16px;

}

.new_con1 .rq .div {

  margin-bottom: 20px;

}



}

@media(max-width:500px){

  .new_con1 {

    padding-top: 40px;

    padding-bottom: 50px;

}

.new_con1 .rq .div{

  width: 49%;

  margin-right: 2%;

}

.new_con1 .rq .div:nth-child(3n){

  margin-right: 2%;

}

.new_con1 .rq .div:nth-child(2n){

  margin-right: 0%;

}

.new_con1 .rq .div .bot {

  height: 68px;

  padding-top: 6px;

}

.new_con1 .rq .div .bot .p1 {

  font-size: 12px;

}

.new_con1 .rq .div .bot .p2 {

  font-size: 14px;

  margin-top: 2px;

}



}











/* 新闻详情 */

.por_dat1 .rig .p span{

  font-size: 16px;

  color: #00428e;

  display: block;

}

.por_dat1 .rig .div2{

  width: 100%;

  padding-top: 50px;

}

.por_dat1 .rig .div2 p{

  font-size: 16px;

  color: #333333;

  line-height: 34px;

}

.por_dat1 .rig .div2 img{

  max-width: 100% !important;

  height: auto !important;

}

.por_dat1 .rig .div2 div{

  width: 100%;

  padding-top: 60px;

}

.por_dat1 .rig .div2 .p1{

  font-size: 18px;

  color: #121212;

  font-weight: bold;

  margin-bottom: 14px;

}





/* new_dat1 */

.new_dat1{

  width: 100%;

  padding-top: 110px;

  padding-bottom: 90px;

  background: rgb(244,247,249);

  position: relative;

  overflow: hidden;

}

.new_dat1 .p{

  font-size: 280px;

  color: #002652;

  opacity: 0.03;

  text-transform: uppercase;

  font-weight: bold;

  position: absolute;

  left: 20%;

  top: 0;

  white-space: nowrap;



}

.new_dat1 .p1{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

}

.new_dat1 .rq{

  width: 100%;

  padding-top: 55px;

}

.new_dat1 .rq .div{

  width: 30%;

  margin-right: 5%;

  float: left;

  margin-bottom: 20px;

}

.new_dat1 .rq .div:nth-child(3n){

  margin-right: 0;

}

.new_dat1 .rq .div .top{

  width: 100%;

  overflow: hidden;

}

.new_dat1 .rq .div .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.new_dat1 .rq .div:hover .top img{

  transform: scale(1.05);

}

.new_dat1 .rq .div .bot{

  width: 100%;

  padding-top: 12px;

}

.new_dat1 .rq .div .bot .p2{

  font-size: 14px;

  color: #00428e;

}

.new_dat1 .rq .div .bot .p3{

  font-size: 18px;

  color: #242526;

  margin-top: 10px;

  transition: all .5s;

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.new_dat1 .rq .div:hover .bot .p3{

  color: #00428e;

}



@media(max-width:1459px){

  .por_dat1 .rig .div2 {

    padding-top: 32px;

}

.por_dat1 .rig .p span {

  font-size: 14px;

}

.por_dat1 .rig .div2 p {

  font-size: 14px;

  line-height: 30px;

  margin-bottom: 24px;

}

.por_dat1 .rig .div2 div {

  padding-top: 36px;

}

.new_dat1 {

  padding-top: 80px;

  padding-bottom: 60px;

}

.new_dat1 .p1 {

  font-size: 36px;

}

.new_dat1 .p {

  font-size: 180px;

}

.new_dat1 .rq {

  padding-top: 32px;

}

.new_dat1 .rq .div .bot {

  padding-top: 10px;

}

.new_dat1 .rq .div .bot .p3{

  font-size: 18px;

  margin-top: 6px;

}





}

@media(max-width:991px){

  .new_dat1 {

    padding-top: 50px;

    padding-bottom: 40px;

}

.new_dat1 .p{

  display: none;

}

.new_dat1 .p1 {

  font-size: 30px;

}



}

@media(max-width:500px){

  .por_dat1 .rig .div2 {

    padding-top: 20px;

}

.por_dat1 .rig .div2 p {

  font-size: 14px;

  line-height: 26px;

  margin-bottom: 16px;

}

.por_dat1 .rig .div2 div {

  padding-top: 22px;

}

.por_dat1 .rig .div2 .p1 {

  font-size: 16px;

  margin-bottom: 8px;

}

.new_dat1 {

  padding-top: 40px;

  padding-bottom: 36px;

}

.new_dat1 .p1 {

  font-size: 24px;

}

.new_dat1 .rq .div{

  width: 100%;

}

.new_dat1 .rq .div .bot .p3 {

  font-size: 16px;

  margin-top: 2px;

}

.new_dat1 .rq .div .bot .p2 {

  font-size: 13px;

}

.new_dat1 .rq .div .bot {

  padding-top: 6px;

}

.new_dat1 .rq {

  padding-top: 20px;

}



}

















/* 研发制造 */

.res_con{

  width: 100%;

  padding-top: 75px;

  overflow: hidden;

  position: relative;

}

.res_con:last-child{

  padding-bottom: 75px;

}

.res_con .rq{

  width: 100%;

  position: relative;

}

.res_con .rq::before{

  content: '';

  width: 63%;

  height: 100%;

  background: rgb(244,247,249);

  position: absolute;

  right: 0;

  top: 0;

}

.res_con.res_con1 .rq::before,

.res_con.res_con3 .rq::before{

  left: 0;

}

.res_con .rq .wrap{

  padding: 76px 0;

  position: relative;

}

.res_con .rq .p{

  font-size: 200px;

  color: #eff3f6;

  font-weight: bold;

  text-transform: uppercase;

  position: absolute;

  left: 20%;

  top: -10px;

  white-space: nowrap;

}

.res_con .rq .ann{

  width: 105px;

  height: 40px;

  position: absolute;

  right: 0;

  bottom: 0;

}

.res_con.res_con2 .rq .ann{

  left: 0;

}

.res_con .rq .ann .swiper-button-next,

.res_con .rq .ann .swiper-button-prev{

  width: 40px;

  height: 40px;

  position: static;

  margin-top: 0;

  float: right;

  background-image: url(../images/img102.png);

  background-size: contain;

  background-repeat: no-repeat;

  transition: all .5s;

  opacity: 1;

}

.res_con .rq .ann .swiper-button-next:after, 

.res_con .rq .ann .swiper-button-prev:after{

  display: none;

}

.res_con .rq .ann .swiper-button-prev{

  float: left;

  transform: rotate(180deg);

}

.res_con .rq .ann .swiper-button-next:hover,

.res_con .rq .ann .swiper-button-prev:hover{

  background-image: url(../images/img103.png);

}



.res_con .rq .swiper-slide{

  display: flex;

  flex-wrap: wrap-reverse;

}

.res_con.res_con2 .rq .swiper-slide{

  flex-wrap: wrap;

}

.res_con .rq .lef{

  width: 50%;

  padding-right: 125px;

}

.res_con.res_con2 .rq .lef{

  padding-right: 0;

  padding-left: 125px;

}

.res_con .rq .lef .p1{

  font-size: 38px;

  color: #121212;

  font-weight: bold;

}

.res_con .rq .lef .div{

  font-size: 17px;

  color: #121212;

  line-height: 38px;

  padding-top: 55px;

}

.res_con .rq .lef .div span{

  color: #00428e;

}

.res_con .rq .rig{

  width: 50%;

  overflow: hidden;

}

.res_con .rq .rig img{

  width: 100%;

  vertical-align: middle;

}

.res_con .rq .lef .div1{

  width: 100%;

  padding-top: 20px;

  display: flex;

  justify-content: flex-start ;

}

.res_con .rq .lef .div1 .sz_div{

  margin-right: 56px;

}

.res_con .rq .lef .div1 .sz_div:last-child{

  margin-right: 0;

}

.res_con .rq .lef .div1 .sz_div .p2{

  font-size: 56px;

  color: #195599;

  font-family:"arial";

  font-weight: bold;

  line-height: 55px;

}

.res_con .rq .lef .div1 .sz_div .p3{

  font-size: 18px;

  color: #606365;

}

.res_con .rq .lef .div1 .sz_div .p4{

  font-size: 42px;

}



.res_con .rq .lef .div2{

  width: 100%;

  display: flex;

  justify-content: space-between;

  padding-top: 10px;

}

.res_con .rq .lef .div2 .tp_div{

  width: 23%;

}

.res_con .rq .lef .div2 .tp_div img{

  width: 100%;

  vertical-align: middle;

}

.res_con .swiper-pagination{

  display: none;

}





@media(max-width:1459px){



.res_con .rq .p {

  font-size: 180px;

  top: -10px;

}

.res_con .rq .wrap {

  padding: 56px 0;

}

.res_con .rq .lef .p1 {

  font-size: 30px;

}

.res_con .rq .lef {

  padding-right: 60px;

}

.res_con.res_con2 .rq .lef {

  padding-left: 60px;

}

.res_con .rq .lef .div {

  font-size: 15px;

  line-height: 32px;

  padding-top: 26px;

}

.res_con .rq .lef .div1 .sz_div .p2 {

  font-size: 46px;

  line-height: 46px;

}

.res_con .rq .lef .div1 .sz_div .p4 {

  font-size: 34px;

}

.res_con .rq .lef .div1 .sz_div .p3 {

  font-size: 15px;

}

.res_con:last-child {

  padding-bottom: 100px;

}



}

@media(max-width:991px){

  .res_con {

    padding-top: 60px;

}

.res_con .rq .p{

  display: none;

}

.res_con .rq .rig{

  width: 100%;

}

.res_con .rq .lef{

  width: 100%;

  padding-right: 0;

  padding-top: 10px;

}

.res_con .rq .lef .p1 {

  font-size: 30px;

}

.res_con .rq .lef .div {

  padding-top: 14px;

}

.res_con .rq::before{

  display: none;

}

.res_con .rq .ann{

  display: none;

}

.res_con .rq .wrap {

  padding: 0px 0;

}

.res_con.res_con2 .rq .lef{

  padding-left: 0;

}

.res_con .swiper-pagination{

  display: block;

}

.res_con .rq .swiper-slide{

  padding-bottom: 40px;

}

.res_con .rq .swiper-pagination-bullet-active{

  background: #195599;

}



}

@media(max-width:768px){

  .res_con{

    padding-left: 15px;

    padding-right: 15px;

  }



}

@media(max-width:500px){

  .res_con {

    padding-top: 40px;

}

.res_con .rq .lef .p1 {

  font-size: 24px;

}

.res_con .rq .lef .div {

  padding-top: 10px;

  font-size: 14px;

  line-height: 26px;

}

.res_con .rq .lef .div1 {

  padding-top: 14px;

}

.res_con .rq .lef .div1 .sz_div .p2 {

  font-size: 26px;

  line-height: 30px;

}

.res_con .rq .lef .div1 .sz_div .p3 {

  font-size: 14px;

}

.res_con .rq .lef .div1 .sz_div .p4 {

  font-size: 22px;

}

.res_con .rq .lef .div1 .sz_div {

  margin-right: 38px;

}

.res_con:last-child {

  padding-bottom: 34px;

}

.res_con .rq .lef .div2 .tp_div {

  width: 30%;

}



}













/* 产品详情重做 */

.proda_1{

  padding-top: 30px;

}

.proda_1 .proda_1_lef{

  width: 100%;

  position: relative;

}

.proda_1 .div1{

  width: 100%;

  float: left;

  margin-top: 20px;

}



.proda_1 .div1 .sma img{

  max-width: 80%;

  max-height: 80%;

  position: absolute;  

  margin: auto;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;  

}

.proda_1 .div1 .swiper-wrapper .swiper-slide {

  cursor: pointer;

  width: 100%;

  border: 1px solid #ececec;

  height: 150px;

}

.proda_1 .div2_prod{

  width: 100%;

  padding: 46px 0;

  border: 1px solid #ececec;

  float: left;

}

.proda_1 .div2_prod .bigimg img{

    /* max-width: 80%;

    max-height: 80%; */

    width: 100%;

    display: block;

    margin: 0 auto;

}

.op{

  display: block !important;

}

.proda_1 .div1 .swiper-wrapper .swiper-slide:hover{

  border: 1px solid #00428e;

}

.proda_1 .div1 .swiper-wrapper .swiper-slide-thumb-active{

  border: 1px solid #00428e !important;

}

.por_dat1 .a{

  width: 114px;

  height: 46px;

  line-height: 46px;

  font-size: 18px;

  text-align: center;

  background: #00428e;

  color: #fff;

  border-radius: 60px;

  display: block;

  /* float: left; */

  margin-top: 60px;



}

@media(max-width: 1459px){

  .proda_1 .gallery-top .swiper-slide {



  }

  .por_dat1 .a {

    width: 94px;

    height: 41px;

    line-height: 41px;

    border-radius: 41px;

    font-size: 16px;

}

  

}

@media(max-width:991px){

  .proda_1 .div2_prod {

    width: 100%;

    margin-left: 0;

    margin-top: 2%;

    padding: 40px 40px;

}

  .proda_1 .div1 {

    margin-top: 20px;

}



  .proda_1 .div2_prod {

    width: 100%;

    margin-left: 0;

    margin-top: 5%;

    padding: 50px 50px;

}

.proda_1 .div2_prod img {

  width: 40%;

  display: none;

  margin: 0 auto;

  transition: .8s all;

}

.proda_1 .div1 {

}

.proda_1 {

  width: 100%;

}

}

@media (max-width: 414px) {

  .proda_1 .div2_prod {

    margin-top: 3%;

}

.proda_1 .div1 .sma:hover {

  border: 1px solid transparent;

}

.proda_1 .div1 .swiper-wrapper .swiper-slide {

  height: 76px !important;

}

.proda_1 .div1 {

  margin-top: 10px;

}

.por_dat1 .a {

  width: 120px;

  height: 38px;

  line-height: 38px;

  border-radius: 38px;

  font-size: 14px;

  margin-top: 30px;

}





}

.proda_1 .gallery-top .swiper-slide{

  position: relative;



}

.proda_1 .gallery-top .swiper-slide img{



}

.proda_1 .div2_prod{

  padding: 0 0;

}

@media(max-width: 1459px){

  .proda_1 .div1 .swiper-wrapper .swiper-slide {

    height: 110px;

}



}

@media(max-width: 500px){

  .proda_1 .gallery-top .swiper-slide {

    position: relative;



}

}



.proda_2{

  margin-top: 30px;

}



.proda_2 .top {

  width: 100%;

  border-bottom: 1px solid #dfdddf;

}

.proda_2 .top li {

  cursor: pointer;

  width: 12%;

  padding: 10px 0;

  text-align: center;

  transition: .8s all;

  color: #333333;

  font-size: 18px;

  float: left;

  position: relative;

}

.proda_2 .top li::after {

  content: '';

  display: inline-block;

  width: 1px;

  height: 15px;

  position: absolute;

  transition: .8s all;

  top: 43%;

  right: 0;

  transition: opacity .8s;

  opacity: 1;

  background-color: #dfdddf;

}

.proda_2 .top li:hover {

  color: #fff;

    background-color: #00428e;

}

.list-active {

  background-color: #00428e;

  color: #fff !important;

}

.proda_2 .top li:hover a{

  color: #fff !important;

}

.proda_2 .top li:hover::after {

  opacity: 0;

}

.proda_2 .top .li3::after{

  content: none;

}

.proda_2 .bottom{

  width: 100%;

  display: none;

  line-height: 20px;

}

.proda_2 .bottom p{

    line-height: 30px;

    color: #666;

}

.proda_2 .bottom .u1{

  padding: 30px 0;

}

.proda_2 .bottom .u1 li{

  margin-top: 14px ;

  font-size: 16px;

  color: #666666;

}

.proda_2 .bottom .u1 li:nth-child(1){

  margin-top: 0;

}

.proda_2 .bottom .div1{

  max-width: 100% !important;

  height: auto !important;

}

.proda_2 .bottom .div1 img{

  width: 100%; 

}

@media (max-width: 1459px) {

.proda_2 .top li {

  font-size: 16px;

}

}

@media (max-width: 1259px) {

  .proda_2 .bottom .u1 li{

    font-size: 14px;

}

.proda_2 .top li {

  font-size: 16px;

}

}

@media(max-width:991px){

  .proda_2 .bottom .div1 {

    margin-left: 0px;

   width: 100%;

}

.proda_2 .bottom .div1 img{

  transition: .8s all;

}

.proda_2 .bottom .div1 img:hover{

  transform: scale(1.4);

}

.por_dat1 .lef{

  display: none;

}

}

@media (max-width: 768px){

  .proda_2 .bottom p{

    font-size: 14px;

    line-height: 25px;

}



.proda_2 .top li {

  font-size: 14px;

}

.proda_2 .top li {

padding: 8px 0;



}

.proda_1 {

  padding-top: 12px;

}

}

@media (max-width: 414px) {

  .proda_2 .bottom {

    padding-left: 0;

}

  .proda_2 .top li {

    width: 24%;

    float: none;

    display: inline-block;

}

.proda_2 .bottom .u1 {

  padding: 20px 0;

}

.proda_2 .bottom .u1 li {

  margin-top: 8px;

}



}