@font-face {
    font-family: "Calibri";
    src: url(../fonts/calibri.ttf);
}
*{
    text-decoration: none !important;
    list-style: none;
}
body{
    font-family: "Calibri" !important;
    color: #000;
}
.cor{
    color: #0150D1;
}
.bak{
    background: #0150D1;
}
.head-top{
    padding: 0 3vw;
    background: #0150D1;
    display: flex;
    
    line-height: 40px;
}
.t-l{
    color: #fff;
    padding-right: 20px;
    flex: 1;
}
.head-icon{
    display: flex;
    align-items: center;
}
.head-icon a{
    padding: 0 5px;
}
.gd{
    padding: 0 5px;
}
.gd i{
    background-repeat: no-repeat;
    background-image: url(../images/icon_bgs-min.png);
    background-position-x: calc(-30px * 10);
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-position-y: 0;
    cursor: pointer;
  
}
.head-icon img{
    width: 30px;
    height: 30px;
}
.language{
    color: #fff;
}
.head-r{
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.search{
    color: #fff;
    line-height: 35px;
    width: 40px;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    padding-top: 5px;
}
.language{
    display: flex;
    line-height: 40px;
    padding-right: 20px;
    cursor: pointer;
    padding-left: 10px;
}
.head-b{
    display: flex;
    padding: 0 3vw;
    background: #fff;
    padding-top: 1vw;
    padding-bottom: 10px;
}
.logo{
    height: 60px;
    padding-right: 40px;
    min-width: 200px;
    line-height: 60px;
    margin: 0;
}
.logo img{
    height: 100%;
    display: block;
}
header nav{
    flex: 1;
    
}
.nav-list{
    display: flex;
    justify-content: right;
    padding: 0;
    margin: 0;
}
.nav-list>li{
    list-style: none;
    line-height: 60px;
    position: relative;
    transition: .3s;
    padding: 0 20px;
    border-color: inherit;
}
.nav-list>li>a{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 0;
    display: inline;
}
.nav-list>li>a i{
    font-size: 14px;
}

.nav-list>li>a:hover{
    color: #0150D1;
}
/* .nav-list>li:hover>i{
    color: #0150D1;
} */
.nav-two{
    padding: 5px 0;
    background: #fff;
    position: absolute;
    left: 0;
    width: 200px;
    box-shadow: 0px 3px 10px #999;
    display: none;
    z-index: 15;
}
.nav-two li{
    line-height: 40px;

}
.nav-two li a{
    display: block;
    color: #666;
    font-size: 16px;
    padding: 0 10px;
}
.nav-two li a:hover{
    color: #fff;
    background: #0150D1;
}

/* .nav-list>li:hover>i{
    color: #0150D1;
} */
.m-show{
    display: none;
}
.men{
    outline: none;
    border: 0;
    width: 40px;
    height: 50px;
    padding: 10px;
    transition: all .45s;
    z-index: 99;
    display: block;
    background: 0;
    float: left;
    position: relative;
    z-index: 4;
    margin-top: 5px;
    cursor: pointer;
    display: none;
    color: inherit;
}
.men-mag{
    position: absolute;
    width: 20px;
    height: 16px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.men span{
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: 0px;
    transition: all .15s;
    border-bottom: 2px solid #000;
}
.men span:nth-child(1) {
    top: 50%;
    transform: translate3d(0,-50%,0);
}
.men span:nth-child(2) {
    top: 0px;
    transform: translateZ(0) rotate(0) scaleX(1);
}
.men span:nth-child(3) {
    bottom: 0px;
    transform: translateZ(0) rotate(0) scaleX(1);
}
.men.on span:nth-child(1) {
    opacity: 0;
}
.men.on span:nth-child(2) {
    transform: rotate(45deg) translate3d(5px,5px,0);
    top: 0;
}
.men.on span:nth-child(3) {
    transform: rotate(-45deg) translate3d(5px,-5px,0);
    bottom: 0;
}
.banner .swiper-slide img{
    width: 100%;
    display: block;
}
.slide-text{
    position: absolute;
    left: 0;
    top: 40%;
    padding-left: 5vw;
    padding-right: 15px;
    width: 100%;
}
.slide-text h3{
    font-size: 6vw;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    line-height: 1.3;
}
.slide-text p{
    font-size: 1.5vw;
    color: #fff;
    line-height: 1.5;
}
.slide-text a{
    padding: 12px 40px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
    transition: .1s;
    text-align: center;
    background: #fff;
    color: #0150D1;
    font-size: 14px;
    border-radius: 50px;
    margin-top: 40px;
    transition: all .3s;
}
.slide-text a:hover{
    background: rgb(226, 225, 225);
}
.banner .swiper-pagination-bullet-active{
    background: #0150D1;
}
.nav-list .on>a{
    border-bottom: 2px solid #0150D1;
}
.one-l{
    position: relative;
}
.play{
    width: 70px;
    height: 70px;
    text-align: center;
    position: absolute;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    font-size: 30px;
    cursor: pointer;
}
.play img{
    width: 100%;
    height: 100%;
}
.one-l>img{
    width: 100%;
    height: 370px;
}
.pad4{
    padding: 4vw 0;
}
#vdo{
    width: 100%;
    height: 100%;
    display: none;
}
.one-r h3{
    line-height: 1.3;
    font-size: 3vw;
    margin-bottom: 20px;
    margin-top: 0;
}
.one-r p{
    font-size: 16px;
    word-break: break-word;
    line-height: 1.5;
    margin-bottom: 10px;
    font-family: "Calibri" !important;
}
.one-r a{
    padding: 12px 40px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
    transition: .1s;
    text-align: center;
    border-radius: 50px;
    background: #0150D1;
    color: #fff;
}
.flexs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.title{
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
}
.title h3{
    line-height: 1.3;
    font-size: 3.2vw;
    margin: 0;
   
}
.title p{
    line-height: 1.5;
    font-size: 16px;
     margin-top: 16px;
}
.two-list li{
    margin-bottom: 20px;
    transition: all .3s;
    position: relative;
}
.two-list li img{
    width: 100%;
}
.two-list{
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3vw;
}
.two-list li p{
    font-size: 18px;
    color: #000;
    line-height: 1.2;
    height: 48px;
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    text-align: center;
    margin: 0;
}
.two-list li a{
    display: block;
    padding-top: 20px;
}
.two-list li div{
    /*background: #0150D1;*/
    padding: 10px 10px;
    text-align: center;
}
.bg{
    background-color: rgba(246, 249, 255, 1);
}
.two-list li:hover a{
    padding-top: 0;
    transition: all 0.2s ease-out !important;
}
.two-a{
    text-align: center;
}
.two-a a{
    padding: 12px 40px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
    transition: .1s;
    text-align: center;
    background: #0150D1;
    color: #fff;
    border-radius: 50px;
    transition: all .3s;
}
.two-a a:hover{
    background: #3ec7d1;
}
.three{
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    padding-top: 10vw;
    padding-bottom: 10vw;   
    background-image: url(../images/file_01679298681370.jpg);
}
.three h3{
    line-height: 1.3;
    font-size: 3.2vw;
    margin-bottom: 16px;
    text-align: center;
    font-weight: 700;
    margin-top: 0;
}
.three p{
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin: 0;
}
.four .one-r h3{
    font-size: 2.2vw;
}
.ind-list{
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.ind-list li{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0;
    overflow: hidden;
    float: none;
}
.ind-list img{
    width: 100%;
    transition: all .3s;
    display: block;
}
.ind-list li:hover img{
    transform: scale(1.1);
}
.ind-text{
    background: rgba(0,0,0,0.1);
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5%;
    padding-top: 40%;
    width: 100%;
    height: 100%;
    text-align: center;
}
.ind-text span{
    width: 80px;
    height: 80px;
    margin: auto;
    /*border: 4px solid #fff;*/
    /*color: #fff;*/
    /*text-align: center;*/
    /*line-height: 80px;*/
    /*border-radius: 50px;*/
    display: block;
}
.ind-text i{
    font-size: 26px;
}
.ind-text h3{
    color: #fff;
    text-align: center;
    /*font-size: 232x;*/
}
.ind-text p{
    text-align: center;
    color:#fff;
    font-size: 16px;
}
.five-list{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.five-list li div{
    border-radius: 0;
    border-bottom: 3px solid #0150D1;
    box-shadow: 0 0 10px #e4e4e4;
    background: #fff;
    padding: 20px;
    display: block;
    height: 100%;
    transition: all .3s;
}
.five-list li img{
    display: block;
    width: 100%;
}
.five-list li h5{
    font-size: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    text-align: center;
}
.five-list li p{
    opacity: 0.7;
    text-align: center;
}
.five-list li:hover div{
    background: #0150D1;
}
.five-list li:hover h5{
    color: #fff;
}
.five-list li:hover p{
    color: #fff;
}
.six{
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-color: rgba(255, 255, 255, 1);
    text-align: left;
    padding-top: 8vw;
    padding-bottom: 8vw;
    background-image: url(../images/file_01639705326540.jpg);
}
.six .max{
    max-width: 1000px;
    margin: auto;
}
.six .title h3{
    color: #fff;
}
.six-list{
    /* padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; */
}
.six-list li{
    height: 100%;
}
.six-list li div{
    background: #fff;
    padding: 50px 20px;
    background: #fff;
    height: 100%;
}
.six-list li span{
    display: block;
    font-size: 16px;
}
.six-list li p{
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 17px;
}
.six-list li:hover>div{
    background: #0150D1;
    color: #fff !important;
}
.seven-list{
    padding: 0;
}
.seven-list li{
    margin-bottom: 15px;
}
.seven-list li input{
    width: 100%;
    height: 54px;
    padding: 0 10px;
    border: 1px solid #000;
}
.seven-list li textarea{
    width: 100%;
    height: 98px;
    padding: 0 10px;
    border-color: 1px solid #000;
    padding: 10px;
}
.sbm{
    padding: 20px 0;
    text-align: center;
}
.sbm button{
    padding: 12px 40px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
    transition: .1s;
    text-align: center;
    background: #0150D1;
    color: #fff;
    border-radius: 50px;
    border: none;
}
footer{
    background-image: url(../images/footer-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.foot{
    display: flex;
    justify-content: space-between;
}
.foot-l{
    padding-right: 40px;
}
.foot-logo img{
    max-width: 100%;
    display: block;
}
.foot-l p{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
.foot-list{
    padding: 0;
    margin: 0;
}
.foot-list h5{
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
.foot-list li a{
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}
.foot-r-list{
    padding: 0;
    margin: 0;
}
.foot-r-list li{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
}
.foot-r-list h5{
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
.foot-r-list li a{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}
.foot-r-list li span{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}
.foot-r-list li i{
    width: 1px;
    display: inline-block;
    height: 16px;
    background: #fff;
    margin: 0 15px;
}
.foot-r .head-icon{
    padding-top: 10px;
}
.foot-r .head-icon a{
    margin-right: 10px;
    margin-left: 0;
    padding: 0;
}
.foot-b{
    /*background: #0150D1;*/
    border-top: 1px solid rgb(209, 209, 209);
    text-align: center;
    padding:17px 0;
    color: #fff;
    margin-top: 2vw;
}
footer{
    padding-top:4vw ;
}
.mb{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 98;
    display: none;
    margin-top: 4vw;
}
.foot-b{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.foot-b>div{
    margin: 0 15px;
}
.terrace{
    max-width: 560px;
    width: 80%;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    z-index: 99;
    color: #282f36;
    padding: 60px 10px 30px;
    display: none;
}
.terrace-list{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.terrace-list li{
    width: 25%;
    padding: 12px;
    text-align: center;
}
.terrace>div{
    position: relative;
}
.glyphicon-remove{
    color: #fff;
    font-weight: 200;
    position: absolute;
    top: -45px;
    right: 15px;
    color: #666;
    font-size: 18px;
    cursor: pointer;
}
.terrace-list li img{
    width: 50px;
    height: 50px;
}
.terrace-list li p{
    text-align: center;
    margin-top: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    line-height: 20px;
    color: #000;
}
.sear{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    padding: 5px 10%;
    z-index: 99;
    left: 0;
    top: 0;
    display: none;
}
.sear-c{
    position: relative;
    padding-top: 20%;
}
.sear-c input{
    display: block;
    background: rgba(255,255,255,.8);
    outline: 0;
    padding: 0 10px;
    border: 1px solid;
    border-color: #fff;
    color: inherit;
    border-radius: 20px;
    width: 100%;
    height: 40px;
    margin-bottom: 30px;
  
}
.sear-c button{
    width: 100%;
    background: #0150D1;
    height: 40px;
    border-radius: 30px;
    outline: none;
    border: none;
    color: #fff;
}
.sear .glyphicon-remove{
    color: #fff;
    right: 20px;
    top: 20px;
    font-size: 30px;
}
.bbt{
    display: flex;
    align-items: center;
}
.bbt span{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}
.bbt i{
    width: 1px;
    display: inline-block;
    height: 16px;
    background: #fff;
    margin: 0 15px;
}
.bbt a{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}
.banr{
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-color: #0150D1;*/
    /*color: rgba(255, 255, 255, 1);*/
    text-align: center;
    /*padding-top: 8vw;*/
    /*padding-bottom: 8vw;*/
    text-align: center;
}

.banr img{
    max-width: 100%;
    width: 100%;
}
.h_R a{
    color: #fff;
}
.banr div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.banr div a{
    color: #fff;
    font-size: 14px;
}
.banr div i{
   color: #fff;
   font-style:normal;
}
.banr div a:hover{
    color: rgb(223, 223, 223);
}
.str4 .str_item {
    font-size:0;
    line-height:0
}
.str4 img { opacity:0.8}
.str4 img:hover { opacity:1}
.str4.str_wrap.str_active {
    background:#fff;
}
.one-slide{
    width: 100%;
    padding: 0 15px;
    margin-top: 50px;
}
.one-slide ul{
    padding: 0;
    margin: 0;
}

.one-slide ul{
    display: flex;
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
}
.str4 li{
    width: 300px;
    margin: 0 10px;
  
}
.str4 li img{
    width: 100%;
}
.vision{
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #15499A;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    padding-top: 3vw;
    padding-bottom: 28vw;
    text-align: center;
}
.vision-text h3{
    font-size: 3.8vw;
    margin-bottom: 16px;
    margin-top: 0;
    color: #fff;
}
.vision-text  p{
    color: #fff;
    font-size: 1.6vw;
    margin-bottom: 0;
}
.cates-slide .swiper-slide img{
    width: 100%;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 16px;
    color: #fff;

}
 .swiper-button-next,.swiper-button-prev{
    padding: 5px ;
    background: #0150D1;
}
.products-t{
    width: 100%;
    box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 10%);
    border-radius: 6px;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 0px 0px 10px;
}
.products-t h2{
    padding: 14px 20px;
    border-bottom: 1px solid rgba(144,144,144,.1);
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.products-t ul{
    padding: 10px 0 0 0;
}
.products-t ul li a{
    position: relative;
    max-width: 100%;
    overflow: hidden;
    display: block;
    padding: 10px 20px;
    width: 100%;
    color: #000;
    font-size: 16px;
}
.products-t ul .on a{
    background-color: rgba(144,144,144,.06);
    color: #0150D1;
    transition: all .3s;
    font-size: 16px;
}
.products-t ul li:hover a{
    background-color: rgba(144,144,144,.06);
    color: #0150D1;
    font-size: 16px;
}
.products-b{
    padding: 6px 20px;
    box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 10%);
    border-radius: 6px;
    background-color: #fff;
}
.products-b h3{
    padding: 12px 0 12px;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.products-b input{
    background: #F2F2F2;
    margin-bottom: 12px;
    user-select: none;
    height: 38px;
    display: block;
    width: 100%;
    border: none;
    padding: 0 10px;
}
.products-b textarea{
    width: 100%;
    border: none;
    background: #F2F2F2;
    padding: 10px;
    height: 70px;
    margin-bottom: 12px;
}
.products-b button{
    width: 100%;
    border-radius: 4px;
    height: 40px;
    border: none;
    font-size: 14px;
    color: #FFFFFF;
    max-width: 100%;
    outline: 0;
    transition: .2s;
    padding: 0 30px;
    line-height: 40px;
    background: #0150D1;
    color: #fff;
    margin-bottom: 20px;
}
.products-text img{
    max-width: 100%;
}
.products-text p{
    margin-bottom: 15px;
    font-size: 16px;
    white-space: normal;
    color: #333;
}
.page{
    text-align: center;
    padding: 20px 0;
}
.wp-pagenavi{
    display: flex;
    justify-content: center;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 8px 12px;
    margin: 2px;
    color: #313131;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #0150D1;
    color: #0150D1;
}
.products-l{
    position: relative;
    overflow: visible;
}
.news-list li img{
    width: 100%;
}
.news-r h3{
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #000;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    transition: all .3s;
}
.news-r p{
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #000;
}
.news-r>span{
    font-size: 14px;
    color: #000;
    display: block;
}
.news-list li:hover h3{
    color: #0150D1;
}
.news-list{
    padding: 0;
    margin-bottom: 30px;
}
.news-list li{
    overflow: hidden;
    margin-bottom: 20px;

}
.news-t h3{
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 26px;
    margin-top: 0;
    font-weight: 600;
}
.news-t p{
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 20px;
    opacity: .9;
}
.news-t span{
    font-size: 12px;
    opacity: .9;
}
.content{
    margin-top: 50px;
    padding-bottom: 50px;
}
.content p{
    margin: 5px 0;
    font-size: 16px;
}
.content>div{
    margin: 20px 0;
    text-align: center;
}
.content  img{
    max-width: 100%;
}
.new{
    padding-bottom: 0;
}
.next{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.next a{
    padding: 30px 0;
    width: 48%;
    color: #000;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.next a span{
    font-size: 14px;
    font-weight: 600;
    margin: 0 5px;
}
.next a p{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .7;
    margin-bottom: 0;
}
.news-xq{
    padding: 0 10px;
}
.case .one-r h3{
    font-size: 28px;
}
.case .one-r p a{
    padding: 0;
    color: #000;
    background: none;
    font-weight: 600;
    color: #0150D1;
}
.case .one-r>a{
    margin-top: 20px;
}
.case-b h3{
    border-bottom: 2px solid #0150D1;
    margin: 0;
    margin-bottom: 20px;
}
.case-b h3 span{
    background: #0150D1;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    box-sizing: border-box;
    display: inline-block;
}
.case-t{
    overflow: hidden;
}
.case-b{
    padding: 4vw 15px;
}
.case-b p{
    margin-bottom: 20px;
}
.case-b p a{
    color: #0150D1;
    font-weight: 600;
    text-decoration: underline !important;
}
.bg input{
    background: none;
    outline: none;
}
.bg textarea{
    background: none;
  
}
.contact-r h3{
    margin-top: 0;
    line-height: 1.3;
    font-size: 2.5vw;
    margin-bottom: 10px;
}
.contact-r h5{
    margin-top: 0;
    font-size: 1.2vw;
    margin-bottom: 30px;
    line-height: 1.5;
}
.contact-list{
    padding: 0;
    overflow: hidden;
}
.contact-list li{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.contact-list li img{
    max-width: 35px;
    margin-right: 10px;
    display: block;
}
.contact-list li p{
    margin-bottom: 0;
    font-size: 16px;
    /*font-weight: 600;*/
}
.contact-list li a{
    color: #000;
    font-size: 16px;
    padding: 0;
    background: none;
    /*font-weight: 600;*/
}
.prod-t{
    overflow: hidden;
}
.prod-t img{
    width: 100%;
}
.prod-t h3{
    font-weight: 500;
    font-size: 28px;
    color: #333;
    margin-top: 0;
    margin-bottom: 20px;
}
.prod-t p{
    font-size: 16px;
    margin-bottom: 20px;
}
.prod-t>div>a{
    padding: 12px 40px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
    transition: .1s;
    text-align: center;
    color: #fff;
    background: #0150D1;
    border-radius: 30px;
}
.prod-t>div p a{
    color: #0150D1;
    font-weight: 600;
}
.prod-c div{
    text-align: center;
    padding: 10px 0;

}
.prod-c img{
    max-width: 100%;
}
.case-b.prod-c{
    padding-top: 3vw;
    padding-bottom: 0;
} 
.hides{
    overflow: hidden;
}
.link-list{
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    transition: all .2s ease-in;
    position: fixed;
    z-index: 99990;
    padding: 0;
    margin: 0;
}
.link-list li{
   
    clear: right;
    float: right;
    display: inline-block;
}
.link-list li a{
    display: block;
    align-items: center;
    white-space: nowrap;
    transition: all .2s ease-in;
    position: relative;
    width: 48px;
    overflow: hidden;
    line-height: 24px;
    padding: 12px;
    height: 48px;
}
.link-list li a>div{
    
    width: 24px;
    height: 24px;
    vertical-align: top;
    line-height: 24px;
    text-align: center;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}
.link-list li a>div i{
    font-size: 20px;
    color: #fff;
}
.link-list li a p{
    margin-bottom: 0;
    display: inline-block;
}
.link-list li:nth-child(1){
    background: #0077B5;
}
.link-list li:nth-child(2){
    background: #25D366;
}
.link-list li:nth-child(3){
    background: #4267B2;
}
.link-list li:nth-child(4){
    background: #55ACEE;
}
.link-list li:nth-child(5){
    background: #95D03A;
}
.rig{
    text-align: center;
    color: #fff;
    background: #ccc;
    width: 48px;
    cursor: pointer;
    transition: all .2s ease-in;
    display: block;
    padding: 4px;
    /* height: auto; */
    line-height: 20px;
    border-bottom-left-radius: 4px;
    /* opacity: 0; */
}
.link-list li:hover a{
    width: 130px;
    z-index: 4;
    box-shadow: 0 4px 10px rgb(0 0 0 / 40%);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.link-list li:hover{
   
    box-shadow: 0 4px 10px rgb(0 0 0 / 40%);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.link-list li p{
    color: #fff;
}
.link-list:hover .rig{
    opacity: 1;
}
.link-list.on{
    right: -48px;
    /* display: block; */
}
.wx{
    position: relative;
}
.wx:hover .ewm{
    display: block;
}
.ewm{
    padding-right: 10px;
    position: absolute;
    top: -100%;
    right: 100%;
    display: none;
}
.ewm>div{
    width: 150px;
    height: 150px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 10px #0150D1;
}
.ewm>div img{
    width: 100%;
    height: 100%;
}
.faq_item{
    min-height: 94px;
    border: 1px solid #CFCFCF;
    margin-bottom: 26px;
    padding: 8px 20px;
}
.question {
    font-size: 16px;
    color: #222324;
    line-height: 28px;
    font-weight: 700;
}
.answer {
    font-size: 14px;
    color: #222324;
    line-height: 28px;
    font-weight: 400;
}
.down{
    padding: 4vw 15px;
}
.down-text{
    margin-bottom: 15px;
}
.down-text p{
    font-size: 16px;
    margin-bottom: 20px;
}
.down-list h3{
     margin-bottom: 20px;
}
.down-list ul{
    padding: 0;
    margin: 0;
}
.down-list ul li{
    display: flex;
    align-items: center;
    border: 1px solid #CFCFCF;
    padding: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 16px;
}
.down-list ul li a{
    color: #000;
    display: flex;
    align-items: center;
}
.down-list ul li a i{
    font-size: 30px;
    margin-right: 10px;
}
.down-list ul li a:hover {
    color: #0150D1;
}
.down-list p{
    
    margin: 0 0 10px;
}
#wpforms-form-25 .wpforms-field-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#wpforms-form-25 .wpforms-field-container>div{
    width: 48%;
}
#wpforms-form-25 .wpforms-field-container>div input{
    max-width: 100% !important;
    width: 100%;
    background: none !important;
    height: 50px !important;
}
#wpforms-form-25 .wpforms-field-container .wpforms-field-textarea{
    width: 100%;
}
#wpforms-form-25 .wpforms-field-container .wpforms-field-textarea textarea{
    max-width: 100% !important;
    width: 100%;
    background: none !important;
}   
#top_click{
    position: fixed;
    bottom: 22px;
    right: 22px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: rgb(122 122 122 / 40%) 0 0 15px;
    z-index: 44;
    transition: .2s;
    opacity: .8;
    color: #0150D1;
    
}
#top_click i{
    font-size: 20px;
}
#wpforms-submit-25{
    border-radius: 50px;
    border: none;
    display: inline-block;
    margin: auto;
    background: #0150D1 !important;
    color: #fff !important;
        padding: 12px 40px !important;
}
.wpforms-submit-container{
    text-align: center;
}
.seven-list{
    padding: 0 15px;
}
.language .gt_switcher-popup a{
    color: #fff !important;
}
.language .gt_switcher-popup span{
    color: #fff !important;
}
.wpforms-field-container>div input{
    max-width: 100% !important;
    width: 100%;
}
#wpforms-form-75  .wpforms-field-container>div input{
    height: 38px !important;
    background: #F2F2F2 !important;
}
#wpforms-form-75 .wpforms-field-container .wpforms-field-textarea textarea{
    max-width: 100% !important;
    width: 100%;
    background: none !important;
        background: #F2F2F2 !important;
}  
#wpforms-submit-75{
    display: block;
        background: #0150D1 !important;
            padding: 5px 0 !important;
            text-align: center;
            width: 100% !important;
            color: #fff !important;
            border: none !important;
        
}
.contact-list li{
    padding: 0;
}
.vs-img{
    text-align: center;
}
.vs-img img{
    width: 90px;
}
.vs-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vs-list li{
    padding: 0 1% !important;
}
.vs-list li a{
    display: block;
    min-height: 260px;
        transition: all .5s 0s ease;
        padding: 10px 15px;
}
.vs-list li a h3{
     margin: 20px 0;
    color: #2462bc;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}
.vs-list li a p{
    text-align: center;
    line-height: 1.5em;
    color: #50575b;
    font-size: 16px;

}
.vs-list li:hover a{
box-shadow: 0px 20px 15px rgba(0, 0, 0, .06);
}
.in-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.in-list li{
    width: 30%;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137);
    opacity: 1;
    transition: all .5s 0s ease;
}
.in-img img{
    width: 100%;
    display: block;
}
.in-text{
    padding: 30px;
}
.in-text h3{
    color: #0150D1;
}
.in-text p{
    margin: 10px 0;
    line-height: 1.6;
    font-size: 16px;
    color: #333;
}
.in-text a{
        font-size: 18px;
    line-height: 26px;
    font-family: "Calibri" !important;
    display: block;
      color: #0150D1;
}
.in-text a::after{
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 22px;
    height: 16px;
    background-image: url(../img/d7d35ca8a9a41ca4ffe9.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform-origin: left center;
    transform: scaleX(1);
    transition: transform .25s ease;
}
.in-text a:hover::after{
    transform: scaleX(1.5);
}
.in-list li:hover{
        box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137);
    opacity: 1;
    transform: scale(1.1);
}
.ind-list a{
    display: block;
    width: 100%;
}
.ind-text h3{
    margin: 20px 0;
}
.re{
    text-align: center;
    margin-top: 2vw;
   
}
.re a{
 padding: 12px 40px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
    transition: .1s;
    text-align: center;
    border-radius: 50px;
    background:  #0150D1 !important;
    font-size: 14px;
    color: #fff;
}
.six-list h5{
    color: #0150D1;
    font-size: 20px;
}
.six-list h3{
    color: #0150D1;
    font-size: 26px;
    margin: 15px 0;
}
.six-list a{
    font-size: 16px;
    margin-top: 20px;
    display: block;
    color: #0150D1;
}
.six-list li:hover h5{
    color: #fff;
}
.six-list li:hover h3{
    color: #fff;
}
.six-list li:hover a{
    color: #fff;
}
.six-list li:hover>div{
    background: #0150D1 !important;
}
.blogs-img{
    display: block;
}
.blogs-img img{
    display: block;
    width: 100%;
}
.blogs li {}
.blogs-text{
    padding: 20px;
}
.blogs-text h3{
    color: #51575b;
    margin-bottom: 10px;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制行数为3 */
    overflow: hidden;
}
.blogs-text p{
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 限制行数为3 */
    overflow: hidden;
}
.blogs-text a{
    color: #0150D1;
    border-bottom: dotted 2px #0150D1;
    transition: all .2s ease-in-out;
}
.blogs-text a:hover{
    border-bottom: dotted 0px #0150D1;
}
.blogs{
    overflow: hidden;
}
.tbs{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.tbs div{
    display: inline-block;
    padding: 8px 15px;
    font-size: 17px;
    background: #F6F7F9;
    color: #555;
    margin: 0 10px;
    cursor: pointer;
}
.tbs .on{
    background: #0150d1;
    color: #fff;
}
.tb-b>div{
    display: none;
}
.tb-b>div:first-child{
    display: block;
}
@media (min-width:1061px){
    .nav-list>li:hover .nav-two{
        display: block;
    }
    .nav-list>li:hover>i {
        color: #0150D1;
    }
    .products-b{
        position: sticky;
        top: 10px;
    }
    .products-b>div{
        position: sticky;
        /* left: 0; */
        top: 10px;
        z-index: 99;
        /* width: 100%; */
    }
}

@media (max-width:1200px) {
    .logo{
        padding-right: 10px;
    }
}
@media (max-width:1060px) {
    .logo{
        padding: 0;
    }
    header nav{
        background: #fff;
        width: 100%;
        position: fixed;
        padding: 0;
        top: 55px;
        left: 0;
        z-index: 998;

        height: calc(100% - 55px);
        font-weight: 500;
        display: none;
    }
    .nav-list{
        display: block;
        justify-content: center;
    }
    .nav-list>li>a{
        display: block;
        padding: 0;
    }
    
    .m-show{
        display: flex;
    }
    .men{
        display: block;
    }
    .head-b{
        justify-content: space-between;
        align-items: center;
        padding: 0;
        padding-right: 10px;
    }
    .head-top{
        display: none;
    }
    .search{
        color: #000;
    }
    .head-r{
        padding: 0;
    }
    .language{
        padding-right: 0;
        color: #000;
    }
    .logo{
        height: auto;
        width: 200px;
    }
    .logo img{
        width: 100%;
        height: auto;
    }
    header .head-icon a{
        display: none;
    }
    .five-list li{
        margin-bottom: 20px;
    }
    .nav-list>li{
        line-height: 50px;
    }
    .nav-list>li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
    }
    .nav-list>li>i{
        width: 50px;
        line-height: 50px;
        text-align: center;
      
    }
    .nav-list>li>a{
        width: 100%;
        flex: 1;
        padding-left: 20px;
    }
    .nav-two{
        position: relative;
        display: none;
        width: 100%;
        box-shadow: none;
        background: rgba(122,122,122,.06);
    }
    .nav-two li{
        padding-left: 30px;
    }
    .products-r{
        margin-top: 30px;
    }
}
@media (max-width:768px){
    .mobile_bottom{
        display: block !important;
    }
    .sying{
        display: none;
    }
    .ind-text span{
        width: 60px;
        height: 60px;
    }
    .ind-text h3{
        margin: 10px 0;
        font-size: 20px;
    }
    .slide-text{
        top: 20%;
    }
    /*.str4 li{*/
    /*    width: 48%;*/
    /*    margin: 10px 0;*/
    /*}*/
    .blogs-text h3{
        font-size: 18px;
    }
    .one-slide{
        margin-top: 20px;
    }
    .six-list h5{
        font-size: 18px;
    }
     .six-list h3{
        font-size: 20px;
    }
    .in-list li{
        width: 100%;
        margin: 20px 0;
    }
    .vs-list li a h3{
        font-size: 18px;
    }
    .vs-list li a p{
        font-size: 14px;
    }
    .in-text{
        padding: 15px;
    }
    .slide-text a{
        padding: 8px 30px;
        font-size: 12px;
        margin-top: 10px;
    }
    .in-text h3{
        font-size: 18px;
    }
    .in-text p{
        margin  : 10px 0;
        font-size: 16px;
    }
    .in-text a{
        font-size: 16px;
    }
    .vs-list li{
        margin: 20px 0;
    }
    .one-r h3{
        font-size: 5vw;
    }
    .one-r {
        margin-top: 30px;
    }
    .title h3{
        font-size: 6vw;
        padding: 0 10px;
    }
    .title p{
        padding: 0 10px;
    }
    .three p{
        font-size: 16px;
        padding: 0 10px;
    }
    .three h3{
        font-size: 4vw;
    }
    .four .one-r h3{
        font-size: 4vw;
        font-weight: 600;
    }
    .five-list li{
        margin-bottom: 20px;
    }
    .foot-l {
        display: none;
    }
    .foot-c {
        display: none;
    }
    .foot-r-list{
        display: none;
    }
    .terrace-list li{
        width: 33.3%;
    }
    .gd{
        display: none;
    }
    .vision-text h3{
        font-size: 6vw;
    }
    .vision-text p{
        font-size: 5vw;
    }
    .news-r{
        margin-top: 20px;
    } 
    .news-t h3{
        font-size:18px;
    }
    .prod-t>div{
        margin-bottom: 20px;
    }
    .prod-t h3{
        font-size: 22px;
    }
    .link-list{
        display: none;
    }
    #top_click{
        display: none;
    }
.language .gt_switcher-popup a{
    color: #000 !important;
}
.language .gt_switcher-popup span{
    color: #000 !important;
}
.one-l>img{
    width: 100%;
    height: auto;
}
.ind-list li{
    width: 50%;
    display: block;
}
}

/* 弹窗样式 */

#cookieConsent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}


/* 弹窗内容样式 */

.contentss {
    width: 96%;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    margin-top: 30%;
}


/* 同意按钮样式 */

.consent-button {
    background-color: #066AAB;
    color: white;
    border: none;
    padding: 7px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.contentss p {
    line-height: 30px;
    margin-bottom: 20px;
}

.contentss h1 {
    font-size: 26px;
}

.Capacity-img{
    text-align: center;
}