/* 统一样式 */
.bt {
    text-align: center;
}

.bt1 {
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #333333;
}

.bt2 {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #666666;
}

.w1920 {
    width: 100vw;
}








/*头部*/
.head {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  border-bottom: solid 1px #fff;
  /*background-image: linear-gradient(-90deg, #ffffff38, #FFFFFF38);*/
  background:#ffffffc4;
}



.hd-show {
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.logo {
  width: 15%;
  height: 100%;
  display: flex;
  align-items: center;
  border-right: solid 1px #fff;
}

.logo a {
  display: block;
  overflow: hidden;
}

.logo a img {
  max-width: 100%;
}

.hd-nav {
  width: 73%;
  border-right: solid 1px #fff;
  display: flex;
  justify-content: center;
}

.hd-right {
  width: 12%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}





.hd-tel {
    background-color: #0b70ba;
    width: calc(100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hd-tel p.hd-tit {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}

.hd-tel h3 {
  font-size: 24px;
  font-family: Arial;
  font-weight: bold;
  color: #fff;
  font-style: italic;
  margin-top: 3px;
}






@media(max-width:1730px) {}

@media(max-width:1430px) {
  .logo {
    width: 16%;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: solid 1px #fff;
    padding-right: 1%;
  }

  .hd-lang a {
    margin-left: 8px;
  }

  .hd-tel h3 {
    font-size: 22px;
  }

  .hd-nav {
    width: 68%;
  }

  .hd-right {
    width: 16%;
  }
}

@media(max-width:1200px) {
  .hd-tel h3 {
    font-size: 16px;
  }
}

@media(max-width:990px) {}

@media(max-width:768px) {}

@media(max-width:550px) {}







/* banner */
.banner {
    position: relative;
}

.bannerbg {}

.bannerbg img {
    width: 100%;
}

.x-banner {
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
    display: none;
}

.x-banner .owl-dots {
    display: none;
}

@media (max-width: 1450px) {}

@media (max-width: 1200px) {}

@media (max-width: 990px) {
    .bt1 {
        font-size: 28px;
    }

    .bt2 {
        font-size: 16px;
    }

    .pctop {
        display: none;
    }

    .x-banner {
        width: auto;
        position: initial;
        top: auto;
        right: auto;
        ;
    }

    .so {
        display: none;
    }
}

@media (max-width: 768px) {}

@media (max-width: 550px) {}








/* 产品中心 */

.box1 {
    border-top: 1px solid #d6d6d640;
    border-bottom: 1px solid #d6d6d640;
    box-shadow: #d6d6d67a 0px 3px 10px 0px;
}

.box1bottom {
    margin-top: 68px;
}

.prosort {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    line-height: 110px;
    width: 20%;
    justify-content: center;
}

.prosort {
    border-right: 1px #d0d0d0 dashed;
}

.prosort:last-child {
    border-right: none;
}

.prosortimg {
    margin-right: 12px;
    position: relative;
}

.prosortimg img {}

.prosortimg::before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 16px;
    background: url(../images/psortarrowdown.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 9px;
    left: 19px;
}

.prosortimg::after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 16px;
    background: url(../images/psortarrowup.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 9px;
    left: 19px;
}


.prosort:nth-child(1) .prosortimg::before{
    /*left: 16px;*/
}
.prosort:nth-child(1) .prosortimg::after{
    /*left: 16px;*/
}
.prosortname {
    font-size: 18px;
}

/* 移入效果 */
.prosort.on {
    background: #0074be;
    border-right: 1px #d0d0d000 dashed;
}

.prosort.on .prosortimg img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(46deg) brightness(108%) contrast(150%);
}

.prosort.on .prosortname {
    color: #fff;
}







.proliwz {
    background: #e5e5e5;
    padding: 45px 36px;
    height: 142px;
    overflow: hidden;
}

.proul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.proli {
    width: 32%;
    margin-bottom: 40px;
    cursor: pointer;
}

.proimg {}

.proimg img {
    width: 100%;
}

.protitle {
    text-align: center;
}

.protitle h3 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.protitle a {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    background: #0074be;
    padding: 0px 28px;
    border-radius: 24px;
    display: inline-block;
    margin-top: 22px;
}

.prosum {
    display: none;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
}

.prosum a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.proli:hover .proliwz {
    background: #0074be;
}

.proli:hover .protitle {
    display: none;
}

.proli:hover .prosum {
    display: block;
}

.proli:hover .prosum a {
    color: #fff;
}







@media (max-width: 1450px) {
    .prosortname {
        font-size: 15px;
    }

}


@media (max-width: 1200px) {

    
    .prosort{
        flex-wrap: nowrap;
    }
    .prosort .prosortname {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    }

    
}

@media (max-width: 990px) {
    .prosortimg::before,
    .prosortimg::after {
        display: none;
    }
    .prosortimg {
        display: none;
    }
    .box1 {
    }

    .box1top>.flex {}

    .prosort {
        border-right: none;
        width: 48%;
        line-height: 70px;
    }

    .box1bottom {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .proli {
        width: 49%;
    }

    .protitle h3 {
        font-size: 16px;
    }

    .proliwz {
        background: #e5e5e5;
        padding: 20px 5px;
        height: auto;
        overflow: hidden;
    }

    .protitle a {
        display: none;
    }
}

@media (max-width: 550px) {}





/* 产品查询 */
.box2 {
    background: url(../images/box2bg.png) center no-repeat;
    /*background-size: 100% auto;*/
    padding-top: 70px;
    padding-bottom: 85px;
    margin-top: 40px;
}

.box2 .bt1 {
    font-size: 30px;
    color: #fff;
}

.lookup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 12px;
}

.lookuplist {
    display: inline-block;
    width: 23%;
    border-radius: 21px;
    border: solid 1px #ffffff;
    text-align: center;
    margin-top: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lookuplist a {

    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #ffffff;

}

.lookuplist:hover {
    background: #fff;
}

.lookuplist:hover a {
    color: #333;
}




@media (max-width: 1450px) {}

@media (max-width: 1440px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
    .box2 {
        background-size: auto 100%;
    }

    .box2 .bt1 {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .lookuplist {
        width: 48%;
    }

    .lookuplist a {
        font-size: 16px;
    }
}

@media (max-width: 550px) {}





/* 关于公司 */

.box3 {
    padding: 100px 0;
    background-color: #f2f3f7;
}

.box3l {
    width: 52%;
    position: relative;
}


.videobutton {
    position: absolute;
    top: calc(50% - 65px);
    text-align: center;
    width: 100%;
}

.videobutton img {
    max-width: 100%;
}

.box3r {
    width: 38%;
    padding-top: 50px;
}

.box3r h3 {
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #333f48;
    margin-top: 30px;
}

.box3r h4 {
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #333f48;
}

.box3r p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: 0px;
    color: #6f777d;
    margin-top: 25px;
}

.aboutbtn {
    margin-top: 80px;
}

.aboutbtn a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
    padding: 0 28px;
    transition: all .3s;
}

.aboutbtn a:nth-child(1) {
    background: #1282d3;
    margin-right: 10px;
}

.aboutbtn a:nth-child(2) {
    background: #333f48;
    padding: 0px 40px;
}

.aboutbtn a:hover:nth-child(1) {
    background: #20a9f0;
}

.aboutbtn a:hover:nth-child(2) {
    background: #161b1f;
}

video#box3video {
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, .08);
}



@media (max-width:1600px) {
    .videobutton {
        top: calc(50% - 138px);
    }
}

@media (max-width:1200px) {
    .box3l {
        width: 100%;
    }

    .box3r {
        width: 100%;
    }

    .videobutton {
        top: calc(50% - 80px);
    }
}

@media (max-width:990px) {
    .videobutton{
        opacity:0;
    }
}

@media (max-width:768px) {
    .box3 {
        padding: 40px 0;
    }

    .box3r h3 {
        font-size: 28px;
    }

    .box3r h4 {
        font-size: 28px;
    }

    .aboutbtn {
        margin-top: 60px;
    }

    .videobutton {
        top: calc(50% - 40px);
    }

    .videobutton img {
        width: 65px;
    }
}

@media (max-width:550px) {}






/* 项目展示 */
.box4{
    margin-top: 70px;
}
.box4 .bt2{
    margin-top: 20px;
}
.c3 {
    margin-top: 40px;
}

.c3 .content {
    position: relative;
}

.c3 .content h2 {
    font-size: 24px;
    color: #333333;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
}

.c3 .content h2 span {
    font-size: 16px;
    color: #666666;
    padding-left: 10px;
}

.c3 .content .list2 .slick-slide {
    position: relative;
}

@media (max-width: 780px) {
    .c3 .content .list2 .slick-slide {
        padding-top: 0px;
    }
}

.c3 .content .list2 .slick-slide .su {
    position: absolute;
    right: 0;
    top: -2.34375vw;
    font-size: 17.55vw;
    color: rgba(30, 92, 179, 0.08);
    line-height: 1;
}

.c3 .content .list2 .slick-slide .img {
    width: 55%;
}

@media (max-width: 780px) {
    .c3 .content .list2 .slick-slide .img {
        width: 100%;
    }
}

.c3 .content .list2 .slick-slide .img img {
    max-width: 100%;
}

@media (max-width: 780px) {
    .c3 .content .list2 .slick-slide .img img {
        width: 100%;
    }
}

.c3 .content .list2 .slick-slide .zi {
    position: absolute;
    right: 5.729vw;
    top: calc(50% + 39px);
    transform: translateY(-50%);
    z-index: 11;
    background: #fff;
    padding: 2.083vw 2.6vw 1.5625vw 1.5625vw;
    width: 43.8%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
}

@media (max-width: 780px) {
    .c3 .content .list2 .slick-slide .zi {
        top: auto;
        width: 100%;
        right: auto;
        position: relative;
        box-shadow: none;
        padding: 20px;
        transform: translateY(0);
    }
}

.c3 .content .list2 .slick-slide .zi h3 {
    padding-bottom: 1.875vw;
    background: url(../images/LINE22.png) no-repeat 0 100%;
    color: #333333;
    font-size: 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 780px) {
    .c3 .content .list2 .slick-slide .zi h3 {
        font-size: 16px;
    }
}

.c3 .content .list2 .slick-slide .zi dd {
    margin-top: 12px;
    font-size: 15px;
    line-height: 26px;
    color: #666666;
}

@media (max-width: 780px) {
    .c3 .content .list2 .slick-slide .zi dd {
        font-size: 14px;
        line-height: 24px;
    }
}

.c3 .content .list2 .slick-slide .zi .ck {
    margin-top: 14px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    background: #1282d3;
    font-size: 17px;
    width: 102px;
    line-height: 40px;
    margin-left: 6px;
}

@media (max-width: 780px) {
    .c3 .content .list2 .slick-slide .zi .ck {
        font-size: 12px;
        width: 80px;
        line-height: 34px;
    }
}

.c3 .content .list2 .slick-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    outline: none;
    font-size: 0;
    background: none;
    width: 35px;
    height: 35px;
    border: none;
}

.c3 .content .list2 .slick-arrow.slick-next {
    
    right: 0;
    background: url(../images/arrr1.png) no-repeat 50%;
    border-radius: 50%;
}

.c3 .content .list2 .slick-arrow.slick-next:hover {
    filter: invert(32%) sepia(74%) saturate(6402%) hue-rotate(189deg) brightness(95%) contrast(101%);
}

.c3 .content .list2 .slick-arrow.slick-prev {
    right: 172px;
    background: url(../images/arrl1.png) no-repeat 50%;
    border-radius: 50%;
}

.c3 .content .list2 .slick-arrow.slick-prev:hover {
    filter: invert(32%) sepia(74%) saturate(6402%) hue-rotate(189deg) brightness(95%) contrast(101%);
}

.c3 .content .list2 .slick-dots {
    margin-top: 2.7vw;
    margin-right: 54px;
    display: flex;
    justify-content: flex-end;
}

.c3 .content .list2 .slick-dots li {
    line-height: 36px;
    font-size: 13px;
    color: #cccccc;
    margin: 0 4px;
}

.c3 .content .list2 .slick-dots li.slick-active {
    color: #1282d3;
}

.c3 .content .list2 .slick-dots li button {
    background: none;
    border: none;
    padding: 0;
}


.box4 {}











@media (max-width: 1450px) {


}



@media (max-width: 1200px) {}

@media (max-width: 990px) {
}

@media (max-width: 768px) {
    
}

@media (max-width: 550px) {}


/* 合作伙伴 */
.box5 {

    background: url(../images/box5bg.png) center no-repeat;
    background-size: cover;
    margin-top: 80px;
    padding: 70px 0;
    overflow: hidden;
}

.box5 .bt2 {
    margin-top: 20px;
}

.partner {
    margin-top: 60px;
}

.partner ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.partner ul li {
    margin: 10px 1%;
    overflow: hidden;
    width: 17%;
}

.partner ul li img {
    width: 100%;
    transition: all 0.3s;
}

.partner ul li img:hover {
    transform: scale(1.03);
}

.partnerb {
    transform: translateY(-100px);
}

.partnerc {
    transform: translateY(-200px);
}






@media (max-width: 1450px) {

    .partnera li,
    .partnerc li {}

    .partnerb li {}
}


@media (max-width: 1200px) {
    .box5 {
        
    }

    .partner ul li {
        
    }
}

@media (max-width: 990px) {
    .box5 {
        
    }

    .partner ul li {
        
    }

}

@media (max-width: 768px) {
    .box5 {
    padding: 45px 0;
}
.partner {
    margin-top: 40px;
}
    .partner ul li {
        width: 31%;
    }

  

}

@media (max-width: 550px) {
}




/* 新闻中心 */
.box6 {
    margin-top: 5vw;
}


.box6 .bt2{
    margin-top: 20px;
}
.xw {
    margin-left: -18px;
    margin-right: -18px;
    margin-top: 64px;
}

.xw1 {
    margin: 0 18px;
}

.xw1 .nnr {
    border: 0px solid #e1e6f2;
    padding: 50px 30px 40px 30px;
    background-color: #f2f4f7;
}

.xw1 .nnr .p1 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}

.xw1 .nnr .p2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    margin-top: 20px;
}

.xw1 .nnr .p3 {
    margin-top: 26px;
    border-top: 0px solid #e1e6f2;
    padding-top: 0px;
    font-size: 16px;
    line-height: 16px;
    color: #a8acb5;
    transition: all 0.3s;
    position: relative;
}

.xw1::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 5px;
    background: #003c8d;
    bottom: 0;
    left: 18px;
    transition: all 0.3s;
    visibility: initial;
}

.xw1:hover::after {
    width: 93%;
}

.xw1 .nnr .p3 .s2 {}

.xw1:hover .nnr .p3,
.xw1:hover .nnr .p1 {
    color: #005baa;
}

.xw1 .nimg {
    overflow: hidden;
}

.xw1 .nimg img {
    transition: all 0.8s;
    width: 100%;
}

.xw1:hover .nimg img {
    transition: all 0.8s;
    transform: scale(1.05);
}

.nam {
    display: block;
    width: 166px;
    line-height: 48px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    font-size: 14px;
    background: #003c8d;
    margin: 0 auto;
    margin-top: 80px;
    transition: all 0.5s;

}

.nam span {
    display: block;
    background: url(../images/f5a37b8aa92f249c80580a811af736c77ad301c5.png)no-repeat center right;
}

.nam:hover {
    padding-right: 20px;
    padding-left: 20px;
    color: #fff;
}


@media (max-width: 768px) {
   .xw1 .nnr{
       padding: 40px 15px 40px 15px;
   }

}



.ads{
    margin-top: 5vw;
    background: url() no-repeat center center;
    text-align: center;
    padding:5vw 0;
    position: relative;
}
.ads .bgimg{
    background: url(../images/bgplane.jpg) no-repeat center top;
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background-attachment: fixed !important;
  background-size: cover !important;
  z-index:1;
}
.ads:after{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left:0;
    top:0;
    background: rgba(0,23,43,.5);
    z-index: 2;
}
.ads .container{
    position: relative;
    z-index: 9;
}
.ads .tit{
    color:#fff;
    font-size: 34px;
    line-height: 1;
}
.ads .tit b{
    font-weight: normal;
}
.ads .hotline{
    color:#fff;
    font-size: 0;
    margin-top:35px;

}
.ads .hotline span{
    display: inline-block;
    vertical-align: top;
    background: url(../images/tel.png) no-repeat left center;
    padding-left:58px;
    font-size: 40px;
    line-height: 1;
    font-family: arial;
}


@media (max-width: 1200px) {}

@media (max-width: 990px) {
 
}

@media (max-width: 768px) {
    .ads{
        padding: 40px 0;
    }
}

@media (max-width: 550px) {
.ads .tit{
    font-size:18px;
}

}








/* 专题页about */


.abouttitle h3{
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: transparent;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 1px #999;
}
.abouttitle h4{
    font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #004588;
    margin-top: 10px;
}




@media(max-width:1730px){
    
}

@media(max-width:1430px){

}
@media(max-width:1200px){

}
@media(max-width:990px){

}
@media(max-width:768px){

}
@media(max-width:550px){

}







.aboutbox1 {
    background: #f2f3f7;
    padding: 50px 0;
}

.aboutbox1l {
    width: 30%;
}

.aboutbox1l h3 {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #004588;
}

.aboutbox1l h4 {
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #111111;
}

.aboutbox1l h5 {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #111111;
    margin-top: 42px;
}

.aboutbox1l a{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
    transition: all .3s;
    background: #333f48;
    padding: 0px 40px;
    margin-top: 35px;
}
.aboutbox1l a:hover{
    padding: 0px 45px;
}

.aboutbox1r {
    width: 70%;
}


.aboutdetail p{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #111111;
}


.aboutbox1 .abt-list {
    box-shadow: none;
    max-width: initial;
    margin-top: 55px;
}

.abt-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.abt-list ul li {
    position: relative;
}
.abt-list ul li .abt-num {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
}
.abt-list ul li .abt-num h3 {
    font-size: 48px;
    font-family: Impact;
    font-weight: normal;
    color: #333;
    line-height: 44px;
}
.abt-list ul li .abt-num span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    width: 24px;
    height: 24px;
    background-color: #004588;
    border-radius: 50%;
    margin-left: 10px;
}
.abt-list ul li p {
    font-size: 16px;
    color: #111;
    margin-top: 10px;
}

.aboutbox1 .abt-list ul li+li::after {
    display: none;
}


@media(max-width:1730px){
    
}

@media(max-width:1430px){
    .aboutbox1l h3{
        font-size: 13px;
    }
    .aboutbox1l h4{
        font-size: 26px;
    }
    .aboutbox1l h5{
        font-size: 20px;
    }
}
@media(max-width:1200px){

}
@media(max-width:990px){
    .aboutbox1l{
        width: 100%;
    }
    .aboutbox1l h5{
        margin-top: 25px;
    }
    .aboutbox1r{
        width: 100%;
        margin-top: 45px;
    }
}
@media(max-width:768px){
.abt-list ul li .abt-num h3{
    font-size:36px;
}
.abt-list ul li{
    width:48%;
}
}
@media(max-width:550px){

}










.aboutbox2{
    margin-top: 3vw;
}

.aboutbox2main{
    margin-top: 43px;
    overflow: hidden;
}
.aboutbox2main>div{
    /*width: 48.6%;*/
}
.aboutbox2main>div img{
    width: 100%;
}



.aboutbox3{
    margin-top: 93px;
}
.aboutbox3 img{
    width: 100%;
}



@media(max-width:1730px){
    
}

@media(max-width:1430px){

}
@media(max-width:1200px){

}
@media(max-width:990px){

}
@media(max-width:768px){

}
@media(max-width:550px){

}











.aboutbox4{
    margin-top: 100px;
    margin-bottom: 40px;
}
.aboutbox4main{
    background: url(../images/aboutht.jpg) no-repeat  center;
    background-size: cover;
    padding: 60px 0;
    margin-top: 45px;
}
.abt-deve{
  border-top: dashed 1px #fff;
}
.abt-deve ul li{
  margin: 0 33px;
  position: relative;
  cursor: pointer;
}
.abt-deve ul li::after{
  position: absolute;
  content: '';
  background: #fff;
  width: 33px;
  height: 226px;
  right: 30px;
  top: 0;
  background: url(../images/fd9e2d695f5661195782a17d8ef403960faa275c.png) no-repeat top center;
}
.abt-deve ul li h3{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  padding: 3vw 0
}
.abt-deve ul li .con{
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
}
.abt-deve ul li:hover .con{
  background-color: #004588;
}
.abt-deve ul li .con p{
  font-size: 17px;
  line-height: 35px;
  color: #fff;
  padding-left: 15px;
  padding-right: 65px;
  padding-top: 30px;
  padding-bottom: 16px;
}



.abt-deve .owl-carousel .owl-nav{
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 40px;
  max-width: 252px;
  background-color: #0044889c;
  margin: 0 auto;
     margin-top: 5.5vw;

}
.abt-deve .owl-carousel .owl-nav::after{
  display: block;
  content: '';
  width: 134px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.abt-deve .owl-carousel .owl-nav button{
  position: absolute;
  width: 58px;
  height: 40px;
  top: 0;
  outline: none;
}

.abt-deve .owl-carousel .owl-nav button.owl-prev{
  background: url(../images/958a8ac32ae6a071d44bc21c53d52b1c7ab3b7c9.png)no-repeat center;
  left: 0;
}
.abt-deve .owl-carousel .owl-nav button.owl-next{
  background: url(../images/07dbb68ebd9e4effa63a64937b92ec4b41f2b608.png)no-repeat center;
  right: 0;
}
.abt-deve .owl-carousel .owl-nav button span{
  display: none;
}



@media(max-width: 1780px){
    .abt-deve ul li::after {
    transform: translateY(-20px);
}
}
@media(max-width: 1780px){
    .abt-deve ul li::after {
    transform: translateY(-40px);
}
}
@media(max-width: 1300px){
    .abt-deve ul li::after {
    transform: translateY(-60px);
}
}
@media(max-width: 1060px){
    .abt-deve ul li::after {
    transform: translateY(-80px);
}
}
@media(max-width: 768px){
    .aboutbox4{
    margin-top:60px;
}
    .abt-deve ul li::after {
    transform: translateY(-110px);
}
.abt-deve ul li .con p {
    font-size: 17px;
    line-height: 2;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 78px;
    padding-bottom: 16px;
}

}







/*honor*/
.aboutbox5{
    background: url(../images/honorbg.png) no-repeat  center;
    padding: 60px 0
}
.aboutbox5 .swiper-wrapper{
    align-items: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
     align-items: flex-end;
}
.certify {
	position: relative;
	margin: 40px auto 0;
}

.certify .swiper-container {
}

.certify  .swiper-slide {
	width: 322px;
	/*height: 500px;*/
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
.certify  .swiper-slide img{
	display:block;
	width: 100%;
}
.certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

.certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

.certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.swipexynext{
    position: absolute;
    top:40%;
    right: 0px;
    background: url(../images/honorrightarr.png) no-repeat;
    
    width: 70px;
    height: 47px;
    background-size: 100% 100%;
    z-index: 999;
    border: none;
    outline: none;
}
.swipexyfrev{
    position: absolute;
    top:40%;
    left: 0px;
    background: url(../images/honorleftarr.png) no-repeat;
    width: 70px;
    height: 47px;
    background-size: 100% 100%;
    z-index: 999;
    border: none;
    outline: none;
}

.liuchangli{
    box-sizing: border-box;
    padding: 3% 0;

}


@media(max-width: 768px){
    .swipexyfrev,.swipexynext{
        display:none;
    }

}

/*移动端电话按钮*/
.mobtelbtn{
    display: none;
}

@media(max-width: 768px){
    .mobtelbtn{
    display: block;
    position: fixed;
    z-index:999999;
    right:11px;
    bottom:30px;
    opacity:0.9;
}
}





/*留言*/
#message-form #checkcode{
    width: 40%;
}
.inquiry_form {
    background: #f9f9f9;
    padding: 0px 0;
    overflow: hidden;
}
.inquiry_formul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.inquiry_formli{
    width: 48%;
    margin-top: 18px;
}
.inquiry_formli:last-child{
    width: 100%;
}
.messagebt {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 60px;
}
.inquiry_formbtnbox{
    text-align: center;
}
.inquiry_formbtnbox{
    border: none;
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    background-size: 100%;
    margin-top: 62px;
}

.inquiry_form .form-control{
    height: 48px;
}

.inquiry_formli:last-child .form-control{
    height: 96px;
}

.inquiry_formbtn .btn{
    width: 180px;
    height: 60px;
    font-size: 18px;
}
#message-form label {
    font-size: 16px;
    line-height: 2;
}
.inquiry_form p{
    font-size: 18px;
}
@media(max-width: 768px){
    .inquiry_formli{
        width:100%;
    }
    .messagebt {
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 20px;
}
    .inquiry_formbtnbox{
        margin-top:45px;
    }
    .inquiry_form{
    }
}