img[data-v-590c98fe] {
  margin-top: -30px;
  margin-bottom: 80px;
  width: 100%
}

.introduction p[data-v-2e40fc0c] {
  font-size: 20px;
  color: #333;
  line-height: 36px;
  text-indent: 2em;
  margin-bottom: 30px
}

.introduction img[data-v-2e40fc0c] {
  margin-top: 20px;
  margin-bottom: 130px
}
.articlecontent  img {
    background-size:contain;
    display: inline-block;
}


.dynamic .lunbo {
  display: flex;
  justify-content: space-between
}

.dynamic .lunbo .left {
  width: 100%;
  height: 450px;
  position: relative
}

.dynamic .lunbo .left>a>img {
  max-width: 100%;
  height: 450px;
width: 684px
}

.dynamic .lunbo .left>div {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  align-items: center;
  box-sizing: border-box
}

.dynamic .lunbo .left>div p {
  font-size: 20px;
  color: #fff
}

.dynamic .lunbo .left>div div span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  margin: 0 5px;
  display: inline-block
}

.dynamic .lunbo .right {
  width: 47%
}

.dynamic .lunbo .right div {
  width: 100%;
  height: 140px;
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 15px;
  box-sizing: border-box
}

.dynamic .lunbo .right div h3 {
  display: flex;
  justify-content: space-between;
      width: 100%;
  line-height: 44px;
  height: 44px;
  overflow: hidden;
}

.dynamic .lunbo .right div h3 span:first-child {
  font-size: 20px;
  color: #333;
    width: 82%;
  line-height: 44px;
  height: 44px;
  overflow: hidden;
}

.dynamic .lunbo .right div h3 span:last-child {
  font-size: 16px;
  color: #999
}

.dynamic .lunbo .right div p {
  font-size: 16px;
  color: #666;
  line-height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.module {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 70px
}

.module .construct {
  width: 50%
}

.module .construct .section_title {
  margin-bottom: 30px
}

.module .construct .content>div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 20px
}

.module .construct .content>div img {
  width: 217px;
  height: 162px;
  margin-right: 20px
}

.module .construct .content>div>div {
  width: 430px;
  height: 162px;
  overflow: hidden
}

.module .construct .content>div>div h3 {
  font-size: 20px;
  color: #333;
  line-height: 40px
}

.module .construct .content>div>div p {
  font-size: 16px;
  color: #999;
  line-height: 26px
}

.module .construct .content>div>div div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px
}

.module .construct .content>div>div div span:first-child {
  font-size: 16px;
  color: #999
}

.module .construct .content>div>div div span:last-child {
  font-size: 16px;
  color: #2897ff
}

.module .work {
  width: 47%
}

.module .work .section_title {
  margin-bottom: 30px
}

.module .work .img {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}

.module .work .img:hover {
  cursor: pointer
}

.module .work .img a {
  display: inline-block;
  width: 49%;
  height: 160px
}

.module .work .img img {
  width: 100%;
  height: 160px
}

.module .work .list {
  border-top: 1px dashed #ddd
}

.module .work .list>div {
  height: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #ddd;
  box-sizing: border-box
}

.module .work .list>div p span:first-child {
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg) skew(0deg, 0deg);
  background: #0881e6
}

.module .work .list>div p span:last-child {
  font-size: 18px;
  color: #333;
  margin-left: 10px
}

.module .work .list>div>span {
  font-size: 16px;
  color: #999
}

.list {
  /* display: grid; */
  grid-template-columns: 24% 24% 24% 24%;
  justify-content: space-between;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  /* margin-bottom: 130px */
}

.list .item {
  height: 380px
}

.list .item>div,
.list .item {
  width: 100%;
  border-radius: 5px;
  padding: 20px 10px;
  box-sizing: border-box
}

.list .item>div {
  height: 110px;
  background: hsla(0, 0%, 100%, .2);
  margin: auto
}

.list .item>div p:first-child {
  font-size: 22px;
  color: #000;
  line-height: 40px
}

.list .item>div p:last-child {
  font-size: 16px;
  color: #000;
  line-height: 30px
}

.list .item>p {
  font-size: 16px;
  color: #fff;
  line-height: 2em;
  padding-left: 10px;
  margin-top: 20px
}

.belongCompanies {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  justify-content: space-between;
  margin-bottom: 100px;
  width: 100%;
  box-sizing: border-box
}

.belongCompanies>div {
  width: 100%;
  height: 290px;
  margin-bottom: 20px;
  position: relative
}

.belongCompanies>div:hover {
  cursor: pointer
}

.belongCompanies>div .name {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
  width: 100%;
  background: rgba(0, 0, 0, .3);
  position: absolute;
  bottom: 0;
  left: 0
}
.belongCompanies>div .name a{
    color: #fff;
}

.belongCompanies>div .text {
  padding: 60px 20px;
  color: #fff;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  box-sizing: border-box;
  display: none
}

.belongCompanies>div .text p:first-of-type {
  font-size: 22px;
  text-align: center;
  line-height: 50px
}

.belongCompanies>div .text p:nth-of-type(2) {
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.container .list>div[data-v-5471e8c6] {
  height: 84px;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center
}

.container .list>div[data-v-5471e8c6]:hover {
  cursor: pointer
}

.container .list>div>p[data-v-5471e8c6] {
  display: flex;
  align-items: center
}

.container .list>a>div>p i[data-v-5471e8c6] {
  display: inline-block;
  width: 14px;
  height: 14px;
  transform: rotate(45deg) skew(0deg, 0deg);
  background: #0881e6;
  margin-right: 20px
}

.container .list>div>p span[data-v-5471e8c6] {
  font-size: 22px;
  color: #333
}

.container .list>div>span[data-v-5471e8c6] {
  font-size: 20px;
  color: #999
}

.container .pagination[data-v-5471e8c6] {
  text-align: center;
  margin: 70px 0 120px 0;
  transform: scale(1.3)
}

.container[data-v-53841252] {
  margin-bottom: 90px
}

.container .item[data-v-53841252] {
  width: 100%;
  align-items: center;
  background: #f5f5f5;
  padding: 40px 30px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  box-sizing: border-box
}

.container .item .left[data-v-53841252] {
  width: 64%;
}

.container .item .left h3[data-v-53841252] {
 font-size: 22px;
  color: #333;
  margin-bottom: 40px;
  font-weight: 700;
}

.container .item .left .left_p {
  font-size: 18px;
  color: #333;
  line-height: 2em;
  text-align: justify;

}
.container .item .left .left_p2 {
  font-size: 18px;
  color: #333;
  line-height: 2em;
  text-align: justify;
text-indent:2em;
}

.container .item .left div {
  font-size: 18px;
  color: #333;
  line-height: 2em;
  text-align: justify
}

.container .item .right[data-v-53841252] {
  width: 33%;
  height: 261px;
  position: relative;
  margin: 10px 0;
  box-sizing: border-box
}

.container .item .right[data-v-53841252] .right_img {
  width: 100%;
  background: rgba(0,0,0,.3);
  padding: 0 10px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.container .item .right[data-v-53841252]>div>a{
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
}
.container .item .right .bd>li>img  {
  width: 100%;
  height: 261px
}

.container .item .right>img[data-v-3a8534c2]{
width: 100%;
  height: 261px
}

.container .item .right .bd>li>p{
  width: 100%;
  height: 40px;
  background: rgba(0, 0, 0, .3);

  padding: 0 10px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.container .item .right .bd>li>p a{
    font-size: 16px;
  color: #fff;

}

.container .item .right>div .btnControl span[data-v-53841252] {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  margin: 0 4px
}

.container .box_wrap[data-v-73e7ce65] {
  display: grid;
  grid-template-columns: 31.5% 31.5% 31.5%;
  justify-content: space-between;
  grid-row-gap: 40px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 50px
}

.container .box_wrap .box[data-v-73e7ce65]:hover {
  cursor: pointer
}

.container .box_wrap .box>img[data-v-73e7ce65] {
  width: 100%;
  height: 280px
}

.container .box_wrap .box>h3[data-v-73e7ce65] {
  font-size: 20px;
  color: #333;
  padding: 0 5px;
  font-weight: 700;
  line-height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.container .box_wrap .box>p[data-v-73e7ce65] {
  font-size: 16px;
  color: #333;
  line-height: 2em;
  padding: 0 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.container .pagination[data-v-73e7ce65] {
  text-align: center;
  margin: 70px 0 120px 0;
  transform: scale(1.3)
}

.container[data-v-664f545c] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px
}

.container .left[data-v-664f545c] {
  width: 33%;
  border-radius: 5px;
  height: 826px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  position: relative;
  overflow: hidden
}

.container .left>img[data-v-664f545c] {
  width: 100%;
  height: 160px
}

.container .left>p[data-v-664f545c] {
  padding: 0 20px;
  font-size: 18px;
  color: #333;
  line-height: 2em;
  margin-top: 20px
}

.container .left>div[data-v-664f545c] a{
  width: 90%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 25px;
  border: 1px solid #0881e6;
  font-size: 22px;
  color: #0881e6;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -45%
}

.container .left>div[data-v-664f545c]:hover {
  cursor: pointer
}

.container .right[data-v-664f545c] {
  width: 65%;
  height: 826px;
  box-sizing: border-box;
  background: #f5f5f5;
  padding: 0 10px;
  position: relative
}

.container .right .item[data-v-664f545c] {
  padding: 30px 10px 30px 20px;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between
}

.container .right .item>img[data-v-664f545c] {
  width: 33%;
  height: 180px
}

.container .right .item>div[data-v-664f545c] {
  width: 64%
}

.container .right .item>div h3[data-v-664f545c] {
  font-size: 20px;
  color: #333;
  line-height: 41px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.container .right .item>div p[data-v-664f545c] {
  font-size: 16px;
  color: #333;
  line-height: 2em;
  display: -webkit-box;
  text-align: justify;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.container .right .item>div>div[data-v-664f545c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px
}

.container .right .item>div>div span[data-v-664f545c]:first-child {
  font-size: 16px;
  color: #999
}

.container .right .item>div>div span[data-v-664f545c]:last-child {
  font-size: 16px;

}
.container .right .item>div>div span[data-v-664f545c]:last-child  a{
color: #0881e6
}

.container .right .pagination[data-v-664f545c] {
  text-align: center;
  position: absolute;
  bottom: 30px;
  width: 100%
}

.container .box_wrap[data-v-b6cf1ba8] {
  display: grid;
  grid-template-columns: 31.5% 31.5% 31.5%;
  justify-content: space-between;
  grid-row-gap: 40px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 50px
}

.container .box_wrap .box[data-v-b6cf1ba8]:hover {
  cursor: pointer
}

.container .box_wrap .box>img[data-v-b6cf1ba8] {
  width: 100%;
  height: 280px
}

.container .box_wrap .box>h3[data-v-b6cf1ba8] {
  font-size: 20px;
  color: #333;
  padding: 0 5px;
  font-weight: 700;
  line-height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.container .box_wrap .box>p[data-v-b6cf1ba8] {
  font-size: 16px;
  color: #333;
  line-height: 2em;
  padding: 0 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.container .pagination[data-v-b6cf1ba8] {
  text-align: center;
  margin: 70px 0 120px 0;
}

.leadership[data-v-678ff06d] {
  margin-bottom: 90px
}

.leadership div[data-v-678ff06d] {
  width: 90%;
  height: 100px;
  background: #f9f9f9;
  box-shadow: 2px 2px 2px #eee;
  margin: 0 auto 30px;
  box-sizing: border-box;
  font-size: 24px;
  color: #333;
  line-height: 100px;
  padding-left: 35px
}

.leadership div span[data-v-678ff06d]:first-child {
  width: 170px;
  display: inline-block
}

.container .box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px
}

.container .box>img {
  width: 34%
}

.container .box>div {
  width: 64%
}

.container .box>div h3 {
  font-size: 24px;
  color: #333;
  line-height: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.container .box>div p {
  font-size: 18px;
  color: #333;
  line-height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify
}

.container .box>div div {
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  margin-top: 50px
}

.container .box>div div span:first-child {
  font-size: 20px;
  color: #999
}

.container .box>div div span:last-child {
  font-size: 20px;
  color: #0881e6
}



.banner {
  position: relative;
}

.banner>img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.banner .btnControl {
  width: 190px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -95px;
  display: flex;
  justify-content: space-between
}

.banner .btnControl span {
  width: 50px;
  height: 6px;
  border-radius: 3px
}

.banner .btnControl span:hover {
  cursor: pointer
}

.page_title {

  text-align: center;
  margin: 50px 0
}

.page_title p:first-child {
  font-size: 40px;
  margin-bottom: 20px
}

.page_title p:last-child {
  font-size: 24px
}
.page_title  a{
color: #3a98e6;
line-height:50px;
font-size: 35px;
font-weight: 700;
}
.five,
.four,
.one,
.three,
.two {
  display: flex;
  justify-content: space-between
}

.one>img {
  width: 22%
}

.one .information {
  background: #f5f5f5;
  padding: 20px;
  width: 76%;
  box-sizing: border-box
}

.one .information .top {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px
}

.one .information .top .title span:first-child {
  font-size: 26px;
  color: #333;
  margin-right: 20px
}

.one .information .top .title span:last-child {
  font-size: 20px;
  color: #999
}

.one .information .top .btnControl span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e6e6e6;
  margin: 0 5px;
  display: inline-block;
  background: rgb(230, 230, 230);
}

.one .information .top .btnControl span.on {
  background: rgb(8, 129, 230);
}

.one .information .content {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 10px
}

.one .information .content  img  {
  width: 488px;
  height: 375px
}

.one .information .content>div {
  padding-left: 20px;
  position: relative;
  width: 50%
}

.one .information .content>div h3 {
  font-size: 22px;
  color: #333;
  line-height: 40px;
  margin-bottom: 10px
}

.one .information .content>div p {
  font-size: 18px;
  line-height: 42px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden
}

.one .information .content>div div {
  width: 96%;
  height: 50px;
  background: #fff;
  box-sizing: border-box;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #eee;
  align-items: center;
  position: absolute;
  bottom: 10px
}

.one .information .content>div div span:first-child {
  font-size: 16px;
  color: #666
}

.one .information .content>div div span:last-child {
  font-size: 18px;
  color: #0881e6
}

.one .information .content>div div span a{
font-size: 18px;
  color: #0881e6
}

.two {
  padding: 50px 0
}

.two .dynamic {
  width: 58%
}

.two .dynamic .content {
  display: flex;
  justify-content: space-between;
  margin-top: 30px
}

.two .dynamic .content img {
  width: 280px;
  height: 210px;
  margin-right: 20px
}

.two .dynamic .content>div {
  height: 210px;
  overflow: hidden
}

.text-notice {
    width: 665px;
    margin: 0 auto;
    text-indent: 5px;
}

.two .dynamic .content>div h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
  margin-top: 15px;
    width: 100%;
  height: 27px;
  line-height: 27px;
  overflow: hidden;
}

.two .dynamic .content>div p {
  font-size: 16px;
  color: #999;
  line-height: 30px
}

.two .dynamic .content>div div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px
}

.two .dynamic .content>div div span:first-child {
  font-size: 16px;
  color: #999
}

.two .dynamic .content>div div span:last-child {
  font-size: 18px;
  color: #0881e6
}

.two .dynamic .content>div div span a {
  font-size: 18px;
  color: #0881e6
}
.two .dynamic .list {
  border-top: 1px dashed #ddd;
  margin-top: 20px
}

.two .dynamic .list>div {
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #ddd
}

.two .dynamic .list>div p span:first-child {
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg) skew(0deg, 0deg);
  background: #0881e6
}

.two .dynamic .list>div p span:last-child {
  font-size: 18px;
  color: #333;
  margin-left: 10px
}

.two .dynamic .list>div>span {
  font-size: 18px;
  color: #999
}

.two .focus {
  width: 40%
}

.two .focus>a>img{
  margin-top: 30px;
  width: 100%;
height:300px;
}

.two .focus h3 {
  font-size: 20px;
  color: #333;
  line-height: 60px
}

.two .focus p {
  font-size: 16px;
  color: #999
}

.three {
  margin-top: 30px;
  margin-bottom: 80px
}

.three:hover {
  cursor: pointer
}

.three>img {
  width: 100%
}

.four {
  display: flex;
  justify-content: space-between
}

.four>div {
  width: 32%
}

.four>div>a>img{
  width: 100%;
  margin-top: 30px
}

.four>div>h3 {
  font-size: 20px;
  color: #333;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  whitewhite-space: nowrap;
width:100%;
height:50px;
line-height:50px;
}

.four>div>p {
  font-size: 16px;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.five {
  display: flex;
  justify-content: space-between;
  margin: 80px 0 100px 0;

}

.five .introduction {
  width: 59%;
  overflow: hidden
}

.five .introduction .section_title {
  margin: 10px 0 10px 0
}

.five .introduction>p {
  font-size: 18px;
  color: #333;
  text-indent: 2em;
  line-height: 36px
}

.five .introduction>img {
  margin-top: 40px
}

.five .introduction>img:hover {
  cursor: pointer
}

.five>img {
  width: 38%
}

.container .box[data-v-72a7dc9e] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px
}

.container .box>img[data-v-72a7dc9e] {
  width: 34%;
  height: 64%
}

.container .box>div[data-v-72a7dc9e] {
  width: 64%
}

.container .box>div h3[data-v-72a7dc9e] {
  font-size: 24px;
  color: #333;
  line-height: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.container .box>div p[data-v-72a7dc9e] {
  font-size: 18px;
  color: #333;
  line-height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify
}

.container .box>div div[data-v-72a7dc9e] {
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  margin-top: 50px
}

.container .box>div div span[data-v-72a7dc9e]:first-child {
  font-size: 20px;
  color: #999
}

.container .box>div div span[data-v-72a7dc9e]:last-child {
  font-size: 20px;
  color: #0881e6
}

.container .pagination[data-v-72a7dc9e] {
  text-align: center;
  margin: 70px 0 120px 0;
  transform: scale(1.3)
}

.dynamic_wrap {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 70px 0
}

.dynamic_wrap .dynamic {
  width: 58%
}

.dynamic_wrap .dynamic .content>h3 {
  font-size: 30px;
  color: #333;
  line-height: 100px;
  text-indent: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.dynamic_wrap .dynamic .content>p {
  font-size: 20px;
  color: #999;
  line-height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.dynamic_wrap .dynamic .content>p span {

  margin-left: 10px
}
.dynamic_wrap .dynamic .content>p span  a{
color: #0881e6;

}
.dynamic_wrap .dynamic .content .lunbo {
  width: 100%;
  height: 460px;
  position: relative;
  margin-top: 20px
}

.dynamic_wrap .dynamic .content .lunbo>a>img{
  width: 100%;
  height: 100%
}

.dynamic_wrap .dynamic .content .lunbo>div {
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, .3);
  padding: 0 20px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.dynamic_wrap .dynamic .content .lunbo>div p {
  font-size: 18px;
  color: #fff
}

.dynamic_wrap .dynamic .content .lunbo>div .btnControl span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  margin: 0 5px
}

.dynamic_wrap .news {
  width: 40%
}

.dynamic_wrap .news>a>img {
  width: 100%;
  margin-top: 30px
}

.dynamic_wrap .news .content {
  margin-bottom: 10px
}

.dynamic_wrap .news .content .title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: 60px
}

.dynamic_wrap .news .content .title p {
  font-size: 20px;
  color: #333;
overflow: hidden;
  width: 70%;
   height: 60px;
line-height:60px;
}

.dynamic_wrap .news .content .title span {
  font-size: 18px;
  color: #999
}

.dynamic_wrap .news .content>p {
  font-size: 16px;
  color: #999;
  line-height: 2em;
max-height: 10em;
overflow: hidden;
}

.dynamic_wrap .news .list {
  height: 66px;
  border-bottom: 1px dashed #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.dynamic_wrap .news .list p {
  font-size: 18px;
  color: #333;
 overflow: hidden;
  width: 70%;
  height: 60px;
line-height:60px;
}

.dynamic_wrap .news .list p b {
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg) skew(0deg, 0deg);
  background: #2897ff;
  margin-right: 10px
}

.dynamic_wrap .news .list span {
  font-size: 18px;
  color: #999
}

.message {
  width: 100%;
  height: 200px;
  background: url(../image/news_center_bd.d184b3d5.png);
  padding-left: 210px;
  box-sizing: border-box;
  padding-right: 40px;
  margin-bottom: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 18px
}

.message>div div {
  display: flex;
  align-items: center;
  line-height: 2.2em
}

.message>div div i {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 16px solid #fff;
  border-bottom: 8px solid transparent
}

.message>div div p {
  margin-left: 10px
}

.message>div div p a{
  color:#fff;
}
.message>img:hover {
  cursor: pointer
}

.mediaFocus {
  margin-bottom: 140px
}

.mediaFocus .line {
  width: 100%;
  height: 1px;
  background: #eee;
  margin-top: 30px
}

.mediaFocus .content {
  margin-top: 30px;
  padding: 40px;
  box-sizing: border-box;
  height: 420px;
  width: 100%;
  background: #f5f5f5;
  display: flex;
  justify-content: space-between
}

.mediaFocus .content .left {
  width: 57%
}

.mediaFocus .content .left div {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px
}

.mediaFocus .content .left div:last-child {
  border-bottom: none
}

.mediaFocus .content .left div h3 {
  display: flex;
  justify-content: space-between;
  line-height: 40px
}

.mediaFocus .content .left div h3 span:first-child {
  font-size: 20px;
  color: #333;
    width: 80%;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}

.mediaFocus .content .left div h3 span:last-child {
  font-size: 18px;
  color: #999
}

.mediaFocus .content .left div p {
  font-size: 16px;
  color: #666;
  line-height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.mediaFocus .content .right {
  width: 40%;
  height: 346px;
  position: relative
}
.mediaFocus .content .right img{
width:100%;
height:346px;
}

.mediaFocus .content .right p {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, .3);

}
.mediaFocus .content .right p a{
color: #fff;
  font-size: 20px
}

.container .list>a>div{
  height: 80px;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;
  box-sizing: border-box
}

.container .list>a>div[data-v-1be913a7]:hover {
  cursor: pointer
}

.container .list>a>div>p{
  display: flex;
  align-items: center
}

.container .list>a>div>p i{
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 16px solid #333;
  border-bottom: 8px solid transparent;
  margin-right: 20px
}

.container .list>a>div>p span{
  font-size: 22px;
  color: #333
}

.container .list>a>div>span{
  font-size: 20px;
  color: #999
}

.container .pagination{
  text-align: center;
  margin: 70px 0 120px 0;
}

.container .box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px
}

.container .box:hover {
  cursor: pointer
}

.container .box>img {
  width: 454px;
height:303px;
}

.container .box>div {
  width: 64%
}

.container .box>div h3 {
  font-size: 24px;
  color: #333;
  line-height: 70px
}

.container .box>div p {
  font-size: 18px;
  color: #333;
  line-height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify
}

.container .box>div div {
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  margin-top: 50px
}

.container .box>div div span:first-child {
  font-size: 20px;
  color: #999
}

.container .box>div div span:last-child {
  font-size: 20px;
  color: #0881e6
}

.container .pagination {
  text-align: center;
  margin: 70px 0 120px 0;

}

@import url(css1.css);

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#nav {
  padding: 30px
}

#nav a {
  font-weight: 700;
  color: #2c3e50
}

#nav a.router-link-exact-active {
  color: #42b983
}

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none
}

body {
/* min-width: 1200px; */
  font-size: 15px;
  color: #777;
  line-height: 1.8em;
  font-weight: 400;
  background: #fff;
  background-size: cover;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif
}

a {
  text-decoration: none;
  cursor: pointer;
color:#333;
}

a:focus,
a:hover,
a:visited {
  text-decoration: none;
  outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
  font-family: Roboto, sans-serif
}

li {
  list-style: none
}

img {
  border: none;
  margin: 0
}

.header-top {
  background: #f4f4f4
}

.header-top .top-left {
  float: left
}

.header-top .top-left .contact-links li {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  color: #333;
  margin-right: 40px;
  font-family: Roboto, sans-serif
}

.header-top .top-left .contact-links li i {
  margin-right: 10px;
  color: #0c9
}

.header-top .top-right {
  float: right
}

.header-top .top-right .social-links {
  position: relative;
  float: left
}

.header-top .top-right .social-links li {
  display: inline-block;
  margin-right: 24px
}

.header-top .top-right .social-links li i {
  font-size: 13px;
  color: #333
}

.header-top .top-right .social-links lihover i {
  color: #0c9
}

.main-header-block {
  position: relative;
  width: 100%;
  z-index: 9999;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}

.main-header-block .container .top {
  height: 90px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.main-header-block .container .top .left {
  display: flex;
  align-items: center
}


.main-header-block .container .top .left span {
  font-size: 22px;
  color: #333
}

.main-header-block .container .top .right {
  display: flex;
  height: 50px
}

.main-header-block .container .top .right .input {
  height: 50px;
  border: 1px solid #e1e1e1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  box-sizing: border-box
}

.main-header-block .container .top .right .input img {
  margin: 0 15px 0 20px
}

.main-header-block .container .top .right .input input {
  font-size: 18px;
  color: #333;
  line-height: 50px;
  width: 340px;
  background: transparent
}

.main-header-block .container .top .right .input input::-webkit-input-placeholder {
  color: #999
}

.main-header-block .container .top .right .input input ::-moz-placeholder {
  color: #999
}

.main-header-block .container .top .right .input input :-ms-input-placeholder {
  color: #999
}

.main-header-block .container .top .right span {
  width: 100px;
  height: 50px;
  background: #0881e6;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.main-header-block .header-area {
  background: #0881e6;
  height: 80px;
  line-height: 74px;
  box-sizing: border-box;
  color: #fff
}

.main-header-block .header-area .navigation {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

.main-header-block .header-area .navigation li {
  text-align: center
}

.main-header-block .header-area .navigation li>span{
  display: inline-block;
  font-weight: 500;
  opacity: 1;
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
  transition: all .1s ease
}
.main-header-block .header-area .navigation li>span a{font-size: 20px; color: #fff;}
.main-header-block .header-area .navigation li>span.on{border-bottom: 6px solid white;}
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  transition: all .5s ease;
  -webkit-animation-name: menu_sticky;
  animation-name: menu_sticky;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .11)
}

.breadcrumb_wrap {
  height: 80px;
  width: 100%;
  background: #eee
}

.breadcrumb_wrap .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px
}
.breadbox .bread::before {
    content: ">";
}
.breadcrumb_wrap .container .breadcrumb {
  font-size: 20px;
  color: #333;
  display: flex;
  align-items: center
}

.breadcrumb_wrap .container .breadcrumb>img {
  margin-right: 10px;
  width: 24px
}

.breadcrumb_wrap .container .submenu {
  font-size: 18px
}
.breadcrumb_wrap .container .submenu  span.active{
color: rgb(255, 255, 255);
  background-color: rgb(8, 129, 230);
}
.breadcrumb_wrap .container .submenu span {
  margin: 0 10px;
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box
}

.breadcrumb_wrap .container .submenu span:hover {
  cursor: pointer
}

.container {
  margin: auto
}

@media screen and (max-width:768px) {
  .container {
      width: 100%
  }
}

@media (min-width:768px) {
  .container {
      width: 728px
  }
}

@media (min-width:992px) {
  .container {
      width: 970px
  }
}

@media (min-width:1200px) {
  .container {
      width: 1170px
  }
}

@media (min-width:1400px) {
  .container {
      width: 1336px
  }
}

.section_title {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.section_title p span:first-child {
  font-size: 26px;
  color: #333;
  margin-right: 15px
}

.section_title p span:last-child {
  font-size: 20px;
  color: #999
}

.section_title img {
  width: 80px;
  height: 14px
}

.section_title img:hover {
  cursor: pointer
}

.details_title {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 70px
}

.details_title div {
  min-width: 500px;
  height: 100px;
  line-height: 100px;
  border-bottom: 1px solid #a7a7a7;
  margin: auto;
  text-align: center;
  font-size: 30px;
  color: #333;
  position: relative;
display: inline-block;
}

.details_title div span {
  display: inline-block;
  width: 100px;
  height: 6px;
  background: #2897ff;
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px
}

.main-footer-area {
  height: 420px;
  width: 100%;
  position: relative
}

.main-footer-area .info {
  background: #f5f5f5;
  height: 320px;
  padding: 60px 0;
  box-sizing: border-box
}

.main-footer-area .info .container {
  display: flex
}

.main-footer-area .info .container>div {
  text-align: left
}

.main-footer-area .info .container>div:first-of-type {
  width: 50%
}

.main-footer-area .info .container>div:first-of-type img {
  margin-bottom: 20px
}

.main-footer-area .info .container>div:first-of-type div {
  font-size: 18px;
  color: #333;
  width: 100%;
  line-height: 40px;
  display: grid;

}

.main-footer-area .info .container>div:nth-of-type(2) {
  width: 34%
}

.main-footer-area .info .container>div:nth-of-type(2) p {
  font-size: 22px;
  color: #333;
  font-weight: 700
}

.main-footer-area .info .container>div:nth-of-type(2) span {
  width: 60px;
  height: 6px;
  background: #0881e6;
  display: block;
  margin: 20px 0
}

.main-footer-area .info .container>div:nth-of-type(2) div {
  font-size: 18px;
  color: #333;
  line-height: 34px
}

.main-footer-area .info .container>div:nth-of-type(3) {
  width: 16%
}

.main-footer-area .info .container>div:nth-of-type(3) p {
  font-size: 22px;
  color: #333;
  font-weight: 700
}

.main-footer-area .info .container>div:nth-of-type(3) span {
  width: 60px;
  height: 6px;
  background: #0881e6;
  display: block;
  margin: 20px 0
}

.main-footer-area .copyright {
  background: #595959;
  text-align: center;
  height: 100px;
  box-sizing: border-box;
  line-height: 20px;
  width: 100%;
  color: #fff;
  padding-top: 30px;
}

.main-footer-area .copyright a {
  color: #fff;
  margin-left: 10px
}

.scroll-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  width: 45px;
  height: 45px;
  border: 1px solid #1c90e2;
  background: #1c90e2;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  display: none;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}

.scroll-to-top:hover {
  background: #fff;
  color: #1c90e2;
  border-color: #1c90e2;
  transition: all .5s ease
}



.main {
  margin-bottom: 100px
}

.section_title {
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #ededed;
  margin: 30px 0
}

.introduction .content {
  display: flex;
  justify-content: space-between
}

.introduction .content>img {
  width: 40%
}

.introduction .content div {
  font-size: 20px;
  color: #333;
  width: 57%
}

.introduction .content div p:first-of-type {
  line-height: 40px;
  margin-top: 20px;
text-indent: 2em
}

.introduction .content div p:nth-of-type(2) {
  line-height: 40px;
  text-indent: 2em
}

.introduction .content div img {
  float: right;
  margin-top: 30px
}

.introduction .content div img:hover {
  cursor: pointer
}

.organization>img {
  width: 100%;
  height: 600px
}

.enterprise .content {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap
}

.enterprise .content>div {
  width: 32%;
  height: 290px;
  margin-bottom: 20px;
  position: relative
}

.enterprise .content>div:hover {
  cursor: pointer
}

.enterprise .content>div .name {
  height: 50px;
  line-height: 50px;
  text-align: center;

  width: 100%;
  background: rgba(0, 0, 0, .3);
  position: absolute;
  bottom: 0;
  left: 0
}
.enterprise .content>div .name a{
color: #fff;
  font-size: 22px;
}
.enterprise .content>div .text {
  padding: 60px 20px;
  color: #fff;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  box-sizing: border-box;
  display: none
}

.enterprise .content>div .text p:first-of-type {
  font-size: 22px;
  text-align: center;
  line-height: 50px
}

.enterprise .content>div .text p:nth-of-type(2) {
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.section_title {
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #f1f1f1;
  margin-top: 30px
}

.business .list {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  justify-content: space-between;
  padding-top: 30px;
  grid-row-gap: 20px;
  grid-column-gap: 20px
}

.business .list .item {
  width: 100%;
  height: 380px;
  border-radius: 5px;
  padding: 20px 10px;
  box-sizing: border-box
}

.business .list .item>div {
  width: 100%;
  height: 110px;
  background: hsla(0, 0%, 100%, .2);
  border-radius: 5px;
  padding: 20px 10px;
  box-sizing: border-box;
  margin: auto
}

.business .list .item>div p:first-child {
  font-size: 22px;
  color: #000;
  line-height: 40px
}

.business .list .item>div p:last-child {
  font-size: 16px;
  color: #000;
  line-height: 30px
}

.business .list .item>p {
  font-size: 16px;
  color: #fff;
  line-height: 2em;
  padding-left: 10px;
  margin-top: 20px
}

.business .list .more {
  width: 100%;
  height: 380px;
  border-radius: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAF8CAYAAAC+KGJ8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2RTZGQkYwNEMyNTExRUM4N0RFRjk0QzA0RkY0Nzg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU2RTZGQkYxNEMyNTExRUM4N0RFRjk0QzA0RkY0Nzg0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTZFNkZCRUU0QzI1MTFFQzg3REVGOTRDMDRGRjQ3ODQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTZFNkZCRUY0QzI1MTFFQzg3REVGOTRDMDRGRjQ3ODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tfdbcAAAH4klEQVR42uzd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);
  box-sizing: border-box;
  background-size: 100% 100%
}

.business .list .more:hover {
  cursor: pointer
}

.project .content {
  padding-top: 30px
}

.project .content .top {
  display: flex;
  justify-content: space-between
}

.project .content .top>div:first-child {
  width: 66%;
  height: 418px;
  background: #f5f5f5;
  padding: 30px;
  box-sizing: border-box
}

.project .content .top>div:first-child:hover {
  background: #e5f4ff
}

.project .content .top>div:first-child>p {
  font-size: 22px;
  color: #333;
  text-align: center;
  line-height: 40px
}

.project .content .top>div:first-child>div {
  display: flex;
  justify-content: space-between
}

.project .content .top>div:first-child>div>div {
  width: 48%
}

.project .content .top>div:first-child>div>div>p {
  font-size: 20px;
  color: #333;
  line-height: 60px;
  text-align: center;
    width: 100%;
  overflow: hidden;
  height: 60px;
}

.project .content .top>div:first-child>div>div>div {
  position: relative;
  width: 100%;
  height: 261px
}

.project .content .top>div:first-child>div>div>div img {
  width: 100%;
  height: 261px
}

.project .content .top>div:first-child>div>div>div p {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, .3);


  padding-left: 10px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0
}
.project .content .top>div:first-child>div>div>div p a{
 color: #fff;
 font-size: 16px;
}

.project .content .top>div:last-child {
  width: 32%;
  height: 418px;
  background: #f5f5f5;
  padding: 30px 20px;
  box-sizing: border-box
}

.project .content .top>div:last-child:hover {
  background: #e5f4ff
}

.project .content .top>div:last-child>P {
  font-size: 22px;
  color: #333;
  text-align: center;
  line-height: 40px;
margin-bottom: 30px;
}

.project .content .top>div:last-child>div {
  width: 96%;
  height: 261px;
  position: relative;
  margin: auto
}

.project .content .top>div:last-child>div img{
  width: 100%;
  height: 261px
}

.project .content .top>div:last-child>div p{
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, .3);
  padding-left: 10px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0
}
.project .content .top>div:last-child>div p a{
    color: #fff;
  font-size: 16px;
}

.project .content .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 20px
}

.project .content .bottom>div {
  width: 32%;
  height: 380px;
  background: #f5f5f5;
  padding: 30px 20px;
  box-sizing: border-box
}

.project .content .bottom>div:hover {
  background: #e5f4ff
}

.project .content .bottom>div>P {
  font-size: 20px;
  color: #333;
  text-align: center;
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.project .content .bottom>div>div {
  position: relative;
  width: 96%;
  height: 261px;
  margin: auto
}

.project .content .bottom>div>div img {
  width: 100%;
  height: 261px
}

.project .content .bottom>div>div p {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, .3);
  color: #fff;
  font-size: 16px;
  padding-left: 10px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0
}
.project .content .bottom>div>div p a{
color: #fff;
  font-size: 16px;
}
.service .content {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  margin-bottom: 120px
}

.service .content img {
  width: 100%;
}

.service .content a {
  width: 49%;
  height: 250px
}

.service .content a:hover {
  cursor: pointer
}

.slideBox2{ width:100%; overflow:hidden; position:relative; }
.slideBox2 .hd{  width:190px; overflow:hidden; position:absolute; left:45.5%; bottom:20px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox2 .hd ul li{ float:left; margin-right:6px;  width:50px; height:6px; background:#fff; cursor:pointer; border-radius: 3px;}
.slideBox2 .hd ul li.on{ background:rgb(8, 129, 230);}
.slideBox2 .bd{ position:relative; z-index:0; width:100%; top:0; left:0; }
.slideBox2 .bd li{ zoom:1; vertical-align:middle;}
.slideBox2 .bd img{ width:100%;  display:block;}



.container .item .right .btnControl{
position: absolute;
  bottom: 0px;
  right: 5px;
  height: 40px;
}
.container .item .right .btnControl span{
background: #fff;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 13px;

}

.container .item .right .btnControl span{
background: #fff;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 13px;
border-radius: 50%;
}
.container .item .right .btnControl span.on{
background: rgb(8, 129, 230);
}

.details_container {
  max-width: 1200px
}

.common_details_title {
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin: 70px 0 50px 0
}

.common_details_title h3 {
  font-size: 26px;
  color: #333;
  line-height: 55px
}

.common_details_title p {
  font-size: 16px;
  color: #999;
  line-height: 50px
}

.common_details_content {
  margin-bottom: 100px
}


.container .title div{
  position: relative;
  width: 49%;
  height: 100px
}

.container .title div img{
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 999
}

.container .title div span{
  width: 0;
  height: 0;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  bottom: 0;
  left: 40%;
  margin-bottom: -18px
}

.container .box_warp{
  background: #fafafa;
  padding: 30px 18px;
  box-sizing: border-box;
  margin-bottom: 110px
}

.container .box_warp .box{
  display: flex;
  justify-content: space-between;
  padding: 0 10px 30px 10px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
  box-sizing: border-box
}

.container .box_warp .box>img{
  width: 454px;
height:303px;
}

.container .box_warp .box>div{
  width: 63%
}

.container .box_warp .box>div h3{
  font-size: 24px;
  color: #333;
  line-height: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.container .box_warp .box>div p{
  font-size: 18px;
  color: #333;
  line-height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify
}

.container .box_warp .box>div div{
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  margin-top: 50px
}

.container .box_warp .box>div div span:first-child {
  font-size: 20px;
  color: #999
}

.container .box_warp .box>div div span:last-child {
  font-size: 20px;
  color: #0881e6
}

.container .box_warp .pagination{
  text-align: center;
  margin: 50px 0 40px 0;

}
.div_cutPage  .current{
color: #fff;
  background: #409eff;
}
.common_details_content .text img{max-width:1200px}

.container[data-v-6622d6b4] {
  margin-top: 80px;
  margin-bottom: 100px
}

.container img[data-v-6622d6b4] {
  width: 100%;
  margin-bottom: 30px
}

.zgs{
  width: 38%;
  background: url(../image/0001.png) no-repeat;
}
.zgs .zgs_title{
text-align: center;
  font-size: 24px;
  padding-top: 46px;
  color: #fff;
}
.zgs .zgs_con{
margin-top: 30px;
  margin-left: 40px;}
/* .zgs .zgs_con li {
  width: 50%;
  float: left;
} */

.zgs .zgs_con ul li a {
  font-size: 18px;
  color: #fff;
  line-height: 38px;
letter-spacing: 2px;
}
.details_content .text img,.common_details_content .text img{max-width:100%!important;}



/*cxy + index*/

.out_box img{float: left;}
.out_box  .logo{width: 65px; height: 65px;}
.out_box  .logo_title{width: 675px; margin-left: 10px;}
.nav_box{background-color: #2889DA; height: 70px;}
.list_time{margin-top: 20px; color: #292929 !important; font-size: 14px;}
.gengduo{float: right; color: #2889DA;}
.w50 {width: 49% !important;}
.gsjj_more{border-radius: 5px; border: 1px solid #333; padding: 10px 20px;}
.list_ul li{background: url('../image/list_ico1.png') no-repeat; background-position:60px 15px}
.list_ul .list_on{background: url('../image/list_ico.png') no-repeat; color:#469BEBFF;background-position:60px 15px;}
.list_ul .list_on a{color:#469BEBFF;}
.intro{text-align: center;font-size: 16px}
.cont_us{margin-top: 30px; padding: 10px 20px; background-color: #F4F4F4FF;}
.cout_us_title{font-size:20px; color: #111; font-weight: 500;}
.cout_us_title img{margin-right: 10px; float: left;}


.dj .dj_lf{width: 20%; float: left;}
.dj .dj_fr{width: 78%; float: left; margin-left: 10px;}
.dj .dj_lf img{width: 100%;}
.dj .dj_fr h3{font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 26.06px;
  color: rgba(0, 0, 0, 1);
  text-align: justify;
  vertical-align: middle;
  margin-bottom: 30px;
}
  .dj .dj_fr p{font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18.82px;
    color: rgba(0, 0, 0, 1);
    text-align: justify;
    vertical-align: middle;
    margin-bottom: 30px;
  }


.qyln{background: url('../image/wh1.png') no-repeat; background-size: cover; border-radius: 10px; margin-top: 30px;  padding: 30px; height: 270px;}

.zl{background: url('../image/wh2.png') no-repeat; background-size: cover;}
.qyln p{text-align: center; font-size: 24px; margin-top: 10px;}
.btn_wh{border-radius: 10px; padding: 10px 20px; text-align: center; background-color: #3a98e6; color: #fff; font-size: 24px; font-weight: bold; width: 13%; margin: 0 auto; margin-top: 100px;}

.qyj{overflow: hidden;}

.qyj li{width: 290px; height: 150px; float: left; margin-left: 40px; margin-top: 30px; font-size: 24px; text-align: center; color: #111; line-height: 150px;}
.qyj .zhjt{ background: url('../image/zhjt.png') no-repeat; background-size: cover; border-radius: 10px;}
.qyj .qfwyy{ background: url('../image/qfwyy.png') no-repeat; background-size: cover; border-radius: 10px;}
.qyj .cxys{ background: url('../image/cxys.png') no-repeat; background-size: cover; border-radius: 10px;}
.jzg{overflow: hidden;}
.jzg li{float: left; width: 140px; margin-top: 30px; margin-left: 80px; margin-bottom: 30px;}
.jzg li img{width: 100%; }