/* 布局重定义 */
body{
    max-width: 1920px;
    margin: 0 auto !important;
    overflow-x: hidden
}
.container{width: 1400px;}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.mb50{margin-bottom: 0.5rem}
.mb60{margin-bottom: 0.6rem}
.mb70{margin-bottom: 0.7rem}
.mb80{margin-bottom: 0.8rem}
.mb90{margin-bottom: 0.9rem}
.mb100{margin-bottom: 1rem}
.mt50{margin-top: 50px}
.mt20{margin-top: 20px}
.mt100{margin-top: 100px}
.padding10{padding: 10px}
.padding20{padding: 20px}
.padding30{padding: 30px}
.padding40{padding: 40px}
.padding50{padding: 0.5rem}
.padding60{padding: 0.6rem}
.padding70{padding: 0.7rem}
.padding80{padding: 0.8rem}
.padding90{padding: 0.9rem}
.padding100{padding: 1rem}
.container.content{padding:0.7rem 0;padding-left: -15px !important; padding-right: -15px !important}

.height1000{height: 10rem;}
@media (max-width: 1400px) { 
   .container{width: 100% !important; }
}
@media (min-width: 1400px) { 
    .container{width: 1400px !important; }
 }
 @media (max-width: 1367px) { 
    .container.content{padding:40px 0;padding-left: -15px !important; padding-right: -15px !important}
    .mb70{margin-bottom: 40px}
}
@media (max-width: 767px){
    .container{width: 100% !important; }
    .container.content{padding:30px 0;}
}
.clear{display: table;
    content: " ";
    clear: both;
}
.nopadding{padding: 0 !important}
.nomargin{margin: 0 !important}
/* end 布局重定义*/


/* 公共字体重定义 */
body, button, input, keygen, legend, select, textarea{font:14px/1.3 PingFangSC-Light,PingFang SC,Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif !important}
.fs45{font-size: 0.45rem}
.fs30{font-size: 0.3rem}
.fs36{font-size: 0.36rem}
.fs24{font-size: 0.24rem}
.fs80{font-size: 0.8rem}
.fs60{font-size: 0.6rem;}

.fs18{font-size:18px }
.fs20{font-size:20px }
.fs22{font-size:21px }
.fs16{font-size:16px }
.fs14{font-size:14px }
.fontlight{font-weight: lighter !important}
.fontnormal{font-weight: normal}
.lh15{line-height: 1.5}
.lh2{line-height:2}
.lh25{line-height:2.5}
.lh1{line-height: 1}
.justify{text-align: justify}
.relative{position: relative;}
.dtblack{color: black;}
.whitecolor{color: #fff !important}
.whitecolor-dark{color: #999 !important}
@media (max-width: 1367px) { 
    .fs80{font-size: 35px}
    .fs24{font-size: 20px}
    .fs45{font-size: 35px}
    .fs36{font-size: 30px}
    .fs30{font-size: 28px}
    .fs18{font-size: 16px}
    .fs20{font-size:18px}
}
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5){
    .carousel-inner .fs60{font-size: 21px !important}
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 1.5){
    .fs24{font-size: 15px}
    .fs45{font-size: 21px}
    .fs36{font-size: 30px}
    .fs30{font-size: 26px}
    .fs18{font-size: 16px}
    .fs20{font-size:18px}
    .carousel-inner .fs20{font-size: 14px !important}
    .fs80{font-size: 1rem}
    .fs16{font-size:14px }
    .fs60{font-size:25px }
    .carousel-inner .fs60{font-size: 21px !important}
    .height1000{height: 15rem;}
}
/* end 公共字体重定义*/

/* 头部 */
.header{
    height: 90px;
}
.navbar{border: 0 !important;margin-bottom: 0 !important}
.nav>li>a{
    color: #535353;
    font-size: 20px;
    font-weight: normal
}
.navbar-nav>.active>a, 
.navbar-nav>.active>a:focus,
.navbar-nav>.active>a:hover{
        color: #000;
}
.navbar-nav>.active>a::after, 
.navbar-nav>.active>a:focus::after,
.navbar-nav>.active>a:hover::after{
    content: "";
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: #f58020;
} 
.nav>li>a:focus, .nav>li>a:hover{
    background: transparent !important
}

.nav>li>a:focus::after, .nav>li>a:hover::after{
    content: "";
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: #dcdcdc;
}

.navbar-nav>li>a{line-height: 60px !important}
.navbar-brand{line-height: 60px !important;padding-top: 30px}
.navbar-brand img{height: 40px;}

.navbar .navbar-toggle .icon-bar{
    background: #000
}

@media (max-width: 767px) { 
    .navbar{margin-bottom: 3px !important}
    .nav>li>a:focus, .nav>li>a:hover{
            background: #dcdcdc !important
            
    }
    .nav>li>a{
        font-size: 16px;
    }
    .navbar-brand{line-height: 60px !important;padding-top: 15px}
    .navbar-brand img{height: 24px;}
    .navbar-nav>li>a{
        line-height: 17px !important
    }
    .navbar-nav>.active>a, 
    .navbar-nav>.active>a:focus,
    .navbar-nav>.active>a:hover{
            color: #000;
    }

    .navbar-nav>.active>a::after, 
    .navbar-nav>.active>a:focus::after,
    .navbar-nav>.active>a:hover::after,
    .nav>li>a:focus::after, .nav>li>a:hover::after{
    display: none;
    } 

    .navbar-nav>.active>a, 
    .navbar-nav>.active>a:focus,
    .navbar-nav>.active>a:hover{
        background: transparent !important;
        color: #f58020 
    } 
}
@media (max-width: 500px){
    .navbar-nav>li>a{
        line-height: 17px !important
    }
    .navbar-brand img{height: 24px;}
}

/* end 头部 */


/* 脚 */
.footer{background: #eee;padding-top: 40px;color: #000;padding-bottom: 30px}
.footer dl,.footer dl ul{margin: 0}
.footer dl dt{font-size: 22px;font-weight: lighter}
.footer dl dd{font-size: 16px;line-height: 2;color: #999;font-weight: normal}
.footer dl a{color: #999;}
.footer dl a:hover{color: #000;text-decoration: none}
.copyright{color: #999;font-weight: normal;line-height: 2; text-align: left;margin-top: 10px}
.footer .info{margin-bottom: 20px}
@media (max-width: 767px) { 
    .footer .copyright{text-align: left}
}
/* end 脚 */

/* 自定义组件 */
/* 全宽标题栏 */
.f-w-title,.f-w-title2{
text-align: center;margin-bottom: 0.6rem;
width: 100%;
}
.f-w-title.v-center{
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.f-w-title.v-center.t40{
    position: absolute;
    top: 40%;
}
.f-w-title.v-center.t30{
    position: absolute;
    top: 30%;
}

@media screen and (max-width: 50px) and (-webkit-min-device-pixel-ratio: 1.5){
    .f-w-title  span{display: block;}
    .f-w-title  i{display: none;}
    .f-w-title .fs30{font-size: 22px}
}


@media (max-width: 767px) { 
    .f-w-title{
        text-align: center;margin-bottom: 30px
        }
}

/* 定义背景 */
.bg-gray{background-color: #f7f8fa}
.bg-blue{background-color: #fff}
.bg-lightblue{background-color: #f0f7fa}
.bg-darkblue{background-color: #031129}

.bg-img-1{background-image: url(../images/bg_img_1.png);background-position:top center; background-repeat: no-repeat}
.bg-img-2{background-image: url(../images/bg_img_2.png);background-position:top center; background-repeat: no-repeat;background-size: cover}
.bg-img-3{background-image: url(../images/bg_img_3.jpg);background-position:top center; background-repeat: no-repeat;background-size: cover}
.bg-img-4{background-image: url(../images/bg_img_5.jpg);background-position:top center; background-repeat: no-repeat;background-size: cover}
.bg-img-6{background-image: url(../images/bg_img_6.jpg);background-position:top center; background-repeat: no-repeat;background-size: cover}


.bg-map{background-image: url(../images/map.jpg);background-position:top center; background-repeat: no-repeat;background-size: cover;}
.mask-color-lightbule{position: relative;}
.mask-color-lightbule::before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #177cb0;
    opacity: .95;
    z-index: 0;
}

.text-content-1{line-height: 2;text-indent: 2em;padding: 0 10px}
.page-title{line-height: 1}
.page-title .decorate{background:url(../images/title_bg.png) center no-repeat;height: 8px; margin-top: 15px}
.page-title .sub-title{color: #999;padding: 0 10px;margin-top:20px}
.page-title.white{color: #fff}
.page-title.white .sub-title{color: #999}
.bgdivbs{color: black;}

.process-content-1{
    /* background: #fff;border:1px solid #eee; */
    text-align: center;padding: 30px 0}
.process-content-1 p{margin-top: 20px}
.process-content-2{display: flex;justify-content:center}
.process-content-2 span{color: #999}
.process-content-2 ul{line-height: 2;padding: 0 20px}
.process-content-1 img{height: 95px; width: 95px}
.process-content-1 .item .icon::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    height: 0.2rem;
    background:url(../images/arrow-line.png) center  no-repeat;
    background-size: 0.5rem 0.2rem
}

.process-content-1 .item:last-child .icon::after{
    display: none
}

.process-content-1.process-content-2 .col-sm-2{
        width: 14.285714285%;
}


.process-content-1 .iconfont{font-size: 100px}

@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 1.5){
    .process-content-1 .iconfont{font-size:55px}  
    .process-content-1 p{line-height:30px}
   
}
@media screen and (max-width: 767px){
   
    .process-content-1.process-content-2 .col-sm-2{
        width: 100%;
}
}



.from-content-1{width: 1000px;margin: 0 auto}
@media (max-width: 1000px) { 
    .from-content-1{width: 100%;margin: 0 auto}
}
.from-content-1 .form-control{background:transparent;border-color: #50556c;height: 50px;color: #fff}
.from-content-1 button{background: transparent;color: #fff;height: 0.6rem;font-size:0.3rem !important;width: 2.2rem;font-weight: lighter !important;border-radius: 5px}
.from-content-1 .radio{color: #fff;margin-bottom: 20px}
.from-content-1 input::-webkit-input-placeholder {
        color: #fff;
     }



.partner-content .item{background: rgba(255, 255, 255,0.7);border: 1px solid #f6f6f6;height: 80px;line-height: 80px;text-align: center;margin-bottom: 20px;overflow: hidden;position: relative;}
.partner-content .item:hover{cursor: pointer;}
.partner-content .item .companyname{position: absolute;bottom: -100%;transition: all 0.3s;opacity: 0;text-align: center;width: 100%}
.partner-content .item:hover .companyname{position: absolute;bottom: 0;transition: all 0.3s ;opacity: 1}

.partner-content .item .companylogo{position: absolute;top: 0;transition: all 0.3s;text-align: center;width: 100%;height: 100%;}
.partner-content .item .companylogo img{padding: 10px;width: 100%;height: 100%;object-fit:contain}
.partner-content .item:hover .companylogo{position: absolute;top: 100%;transition: all 0.3s;opacity: 0;}

@media (max-width: 767px) { 
.process-content-1{margin-left: 20px;margin-right: 20px}
.from-content-1{width: 100%;}
.partner-content .item{height: 60px;line-height: 60px;}




.process-content-1 .item{border-bottom: 1px dashed #eee;padding: 10px }
.process-content-1 .col-sm-12 .icon{text-align: right}
.process-content-1  img{height: 60px; width: 60px}
.process-content-1{padding: 10px}
.process-content-1 .item:last-child{border: 0}
.process-content-1 .item .icon::after{display: none}

}
@media (max-width: 1400px) { 
    .from-content-1 button.btn{background: transparent;color: #fff;height: 50px;font-size:18px !important;width: 200px;line-height: 50px}

}


.text-list-content-1 .dark{background: #0a172e}
.text-list-content-1 {color: #000}
.text-list-content-1 .dark{color: #fff}
/* .text-list-content-1 {border:1px solid #0a172e} */
.text-list-content-1 .light.itembox{border:1px solid #0a172e}


.text-list-content-1 .itembox{padding: 0px}

.text-list-content-1 dd{line-height: 1.5}
.text-list-content-1 .title{border-bottom: 1px solid #273145;padding: 30px 0}
.text-list-content-1 .light.itembox .title{border-bottom: 1px solid #f1f1f1;padding: 30px 0}
.text-list-content-1 .contentbox{padding: 30px}
.text-list-content-1 .dark::after{
    content:'';
    width:0;
  height:0;
  position:absolute;
  right:-24px;
  top:18px;
  border-top:solid 28px transparent;
  border-left:solid 24px #0a172e;       /* 黑色大三角形 */
  border-bottom:solid 28px transparent;
}
@media (max-width: 767px) { 
    .text-list-content-1 .dark::after{display: none}
    .text-list-content-1 {border:0}
    .text-list-content-1 .fs24{font-size: 20px}
    .text-list-content-1 .light.itembox{border:0}
    .text-list-content-1 .contentbox{padding: 30px 30px 5px 30px}
    .paddaing{margin: 20px 0;}
    .paddaing p{margin: -10px 0;}

}
@media (max-width: 500px){
    .paddaing{margin: 20px 0;}
    .paddaing p{margin: -10px 0;}
}
@media (min-width: 768px) { .text-list-content-1 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.text-list-content-1 .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
}

.text-list-content-1 .itembox.grid .item{text-align: center;height: 210px;padding-top: 60px}


.text-list-content-1 .itembox.grid .solid{border-bottom:1px solid #273145}
.text-list-content-1 .itembox.grid .item.solid:first-child,

.text-list-content-1 .itembox.grid .item:nth-child(odd){border-right:1px solid #273145}



.text-list-content-1 .light.itembox.grid .item.solid:first-child,
.text-list-content-1 .light.itembox.grid .item:nth-child(odd){border-right:1px solid #f1f1f1}
    
.text-list-content-1 .light.itembox.grid .solid{border-bottom:1px solid #f1f1f1}
.text-list-content-1 .light.itembox.grid .item:first-child .solid{border-right:1px solid #f1f1f1}
.text-list-content-1 .fb{font-size: 50px;position: absolute;left: 0px; top: 0;opacity: .1;font-style:italic;line-height: 1;display: none !important}
@media (max-width: 991px) { 
    .text-list-content-1 .itembox.grid .item{height: 92px;padding-top: 18px;border-bottom: 1px  solid #273145}
    .text-list-content-1 .light.itembox.grid .item{height: 100px;padding-top: 20px;border-bottom: 1px  solid #f1f1f1}
}
@media (max-width: 767px) {
    .text-list-content-1 .itembox.grid .item.solid:first-child,.text-list-content-1 .itembox.grid .item:nth-child(odd){border-right:0px}




}


.img-silde-content-1,.img-silde-content-2 {display: flex;justify-content: space-between}

.img-silde-content-1 .itembox{background: #fff;width: 23.5%;color: #000}
.img-silde-content-1 .itembox .build-name{text-align: center;}
.img-silde-content-1 .itembox .build-info{padding: 30px}
.img-silde-content-1 .itembox .build-name .name{text-align: center}
.img-silde-content-1 .itembox .build-name .sub{color: #999;height: 50px;}
.img-silde-content-1 .itembox .build-advantage{line-height: 1.5;text-align: justify;word-break: normal;}
/* @media (max-width: 767px){
    .img-silde-content-1 .floattext{
        position: absolute;top: 48%; width: 100%;
    }
} */
.img-silde-content-1 .floattext,.img-silde-content-2 .floattext{position: absolute;top: 48%; width: 100%;text-align: center;color: #fff;transform: translateY(-50%)}
.img-silde-content-1 .floattext .iconfont{font-size: 0.8rem}
.img-silde-content-1  a:hover{text-decoration: none}
.img-silde-content-1  a{color: #000}
.img-silde-content-1 .build-img{background: olivedrab}

.img-silde-content-2 .itembox{background: #fff;width:32%;color: #000}
.img-silde-content-2 .itembox .build-info{padding: 30px;}
.img-silde-content-1 .itembox .build-info{padding: 30px;border: 1px solid #eee;border-bottom: 0}
/* .img-silde-content-1 .itembox .build-info p{margin: 0;color: #999} */
.img-silde-content-2 a{text-decoration: none;color: #000;}
.img-silde-content-2 a:hover{text-decoration: none;color: #666;}
@media only screen and (max-width: 767px) {
.img-silde-content-1 {display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;padding: 0 15px}
.img-silde-content-2 {display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;padding: 0 15px}
    .img-silde-content-1 .itembox{background: #fff;width: 47%;color: #000;margin-bottom: 30px}
    .img-silde-content-2 .itembox{background: #fff;width: 100%;color: #000;margin-bottom: 30px}
    .img-silde-content-1 .itembox .build-name{text-align: center;margin-bottom: -18px}
    .img-silde-content-1 .floattext .iconfont{font-size: 50px}
    .img-silde-content-1 .floattext,.img-silde-content-2 .floattext{position: absolute;top: 48%; width: 100%;text-align: center;color: #fff;transform: translateY(-50%)}
 }
 @media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 1.5){
    .img-silde-content-1 img{width: 100%}
    .img-silde-content-1 .itembox{background: #fff;width: 100%;color: #000;margin-bottom: 30px}
    .img-silde-content-1 .floattext .iconfont{font-size: 90px}
    .img-silde-content-1 .floattext,.img-silde-content-2 .floattext{position: absolute;top: 48%; width: 100%;text-align: center;color: #fff;transform: translateY(-50%)}
 }


.tabbox .row,.grid-content-1 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.tabbox .row > [class*='col-'],.grid-content-1 .row > [class*='col-']{
    display: flex;
    /* flex-direction: column; */
}
.tabbox dl{margin-bottom: 0.7rem}

.grid-content-1 .icon{float: left;}
.grid-content-1 .icon .iconfont{font-size: 50px;color: #177cb0}
.grid-content-1 dl{    display: table-cell;padding-top: 14px;margin-bottom: 0.7rem}
.grid-content-1 dl dt{margin-bottom: 10px;}


.service-list{display: flex;justify-content: space-between}
.service-list .item{width: 19%;padding:10px 10px;padding-top:60px; height: 300px;color: #fff;text-align: center;}
.service-list .item .iconfont{font-size: 80px}
.service-list .item.s1{background: url(../images/bao1.jpg) no-repeat;background-size: cover;}
.service-list .item.s2{background: url(../images/bao2.jpg) no-repeat;background-size: cover;}
.service-list .item.s3{background: url(../images/bao3.jpg) no-repeat;background-size: cover;}
.service-list .item.s4{background: url(../images/bao4.jpg) no-repeat;background-size: cover;}
.service-list .item.s5{background: url(../images/bao5.jpg) no-repeat;background-size: cover;}

.service-list .item .explain{margin-top: 30px;text-align: center}
.service-top .item{width:100%;height: 220px;color: #fff;text-align: left;margin-bottom: 10px;}
.service-top .item.s6{background-size: cover; position: relative;background:#273145}
.service-top .item .left .iconfont{font-size: 80px;line-height: 1}
.service-top .item .left .fs30{margin-top: 10px}
.service-top .item .right .iconfont{font-size: 80px;line-height: 1}
.service-top .left{position: absolute;left: 50px; display: flex;flex-direction: column;align-items: center;width: 240px;top: 50%;transform: translateY(-50%);height: 120px;justify-content: space-between}
.service-top .left p{margin: 0;line-height: 1}
.service-top .right{position: absolute;left:320px;top: 50%;transform: translateY(-50%);display: flex;height: 120px;}
.service-top .right .ic{width: 120px;text-align: center;display: flex;flex-direction: column;align-items: center;;justify-content: space-between;height: 120px;}
.service-top .right .ic p{margin: 0;line-height: 1}
.service-top .item p{text-align: center}
.service-top.bo{text-align: center;color: #273145;font-size: 20px;margin-top: 30px;font-weight: lighter}
.service-top.bo .iconfont{text-align: center;color: #273145;font-size: 45px}
.service-top{

}

.service-list .item:hover{cursor: pointer;}
.service-list .item{position: relative;overflow: hidden;}
.service-list .item .item-down{position: absolute;top: -100%;left:0;transition: all 0.3s;opacity: 0;width: 100%;padding: 15px;text-align: justify}
.service-list .item:hover .item-down{position: absolute;top: 20%;transition: all 0.3s ;opacity: 1}
.service-list .item .item-up{position: absolute;top:50%;left:0;transition: all 0.3s;opacity: 1;text-align: center;width: 100%;transform: translateY(-50%)}
.service-list .item:hover  .item-up{position: absolute;top: 100%;transition: all 0.3s;opacity: 0;}

.righttop{position: absolute;top:20px;right: 20px;line-height: 1;text-align: left}
.righttop p{margin: 0;text-align: left !important;color: #888;font-weight: bold;font-size: 16px}
.righttop p span{font-size: 10px}
.righttop p:last-child{font-size: 10px;font-weight: lighter}

@media (max-width: 767px) { 
    .service-top .item .right .iconfont{font-size: 60px;line-height: 1}
    .service-list{flex-direction:column;padding: 0 15px}  
    .service-list .item {width: 100%;height: auto;margin-bottom: 15px;padding:20px 10px}
    .service-list .item.s1,.service-list .item.s3,.service-list .item.s2{background-position: center}
    .service-list .item .explain{margin-top: 20px}
    .about-founder img{width: 100%; margin-bottom: 20px}
    .service-top {padding: 0 15px}
    .service-top .item {height: 500px;margin-bottom: 15px;padding:20px 10px;text-align: center;display: flex;flex-direction: column;align-content: center}
    .service-top  .item.s1,.service-list .item.s3,.service-list .item.s2{background-position: center}
    .service-top .item .explain{margin-top: 20px}
    .service-top .left,.service-top .right{position:static;top: 0;transform: none;width: 100%;}
    .service-top .left{display: block}
    .service-top .item .iconfont{font-size: 80px}
    .service-top .fs45{font-size: 21px}
    .service-top .fs20{font-size: 16px}
    .service-top .right{transform: none}
    .service-top .item .right{flex-wrap:wrap }
    .service-top .item .right .ic{width: 33%; justify-content: flex-start;}
    .service-top .item .right .ic .fs16{font-size: 12px}
    .righttop{position: absolute;top:10px;right: 10px;line-height: 1;text-align: left;font-weight: bold;font-size: 16px};
.righttop p span{font-size: 10px}
    .service-top2 .item{height: 380px}
    .service-top3 .item{height: 380px}
    .righttop p{font-size: 10px;margin: 0;text-align: left !important;color: #888;font-weight: lighter}
}
@media (max-width: 500px){

}

.about-bg{height: 8rem;}
.card-content{display: flex;flex-wrap: wrap;justify-content: space-between}
.card-content .itembox{width:calc(50% - 15px);height: 265px;display: flex;background: #fff;justify-content: space-between;margin-bottom: 30px}
.card-content .itembox .img img{
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
height: 265px;}

.card-content .itemwrap{
    flex-grow: 1;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.card-content  a{color: #000000}
.card-content  a:hover{text-decoration: none;color: #177cb0}
/* .carousel2{margin-bottom:20px ;} */

.card-content .itemwrap .td{border-top: 1px solid #dcdcdc;padding-top: 10px}
.card-content .itemwrap .title{position: relative;margin-bottom: 20px}
.card-content .itemwrap .title::after{
    content: '';
    position: absolute;
    height: 2px; width: 100px;
    background: #f58020;
    left: 0;
    bottom: -5px
}

@media (max-width: 767px) { 
    .card-content .itembox{width:100%;height: 265px;display: flex;background: #fff;justify-content: space-between;margin-bottom: 30px}
    .card-content{padding: 15px}
    }
    
    .singleform{padding: 0 20%}
    .singleform dd{padding-left: 2.5em}
    .singleform label{cursor: pointer;}
    @media (max-width: 1366px) { 
        /* .card-content .itembox{height: 230px;} */
        /* .card-content .itembox .img img{
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 27% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 27% 100%);
        height: 230px;} */
        .card-content .itembox .img img{
            -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
            clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
        object-fit: cover;
        
    
    }
    .singleform{padding: 0 15%}

    .card-content .itembox:last-child{margin-bottom: 0}
    }
    .carousel-caption{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto
    }
    .carousel-indicators{bottom: 0}
    .carousel-indicators li{border-radius: 0;height: 2px;width: 25px;border: 0;background: rgba(255, 255, 255, 0.5);margin: 0}
    .carousel-indicators .active{border-radius: 0;height: 2px;width: 30px;border: 0;background: #ffff;margin: 0}

@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 1.5){
    .card-content .itemwrap{
        padding: 20px;
    }
    .card-content .itembox:last-child{margin-bottom: 0}
    .singleform{padding: 0 15px}
   
    .carousel-inner,.carousel-inner .item.active,.carousel-inner .item{height: 100%;}
    .carousel-inner > .item > img, 
    .carousel-inner > .item > a > img{height: 250px;width: 100%;object-fit: cover}
    .carousel, .carousel-inner{height:240px !important}
}

@media screen and (min-width: 1600px){
    .banner32{display: none !important;position: absolute !important;top: 0 !important;}
    .banner31{display: block !important;}
    .carousel-inner,.carousel-inner .item.active,.carousel-inner .item{height: 100%;}
    .carousel-inner > .item > img, 
    .carousel-inner > .item > a > img{height: 650px;object-fit: cover}
    .carousel, .carousel-inner{height:650px !important}
}

.fullimgwarp{text-align: center;padding: 30px}
.fullimgwarp img{display: inline-block}
@media (min-width: 1366px) { 
    .pc1366show{display:block}
    .mob1366show{display:none}
    .banner32{display: none !important;position: absolute !important;top: 0 !important;}
    .banner31{display: block !important;}
}
@media (max-width: 1365px) { 
    .pc1366show{display:none}
    .mob1366show{display:block} 
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 1.5){
    .pc1366show{display:block}
    .mob1366show{display:none}
}


@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 1.5){
    .fs24{font-size: 15px}
    .fs45{font-size: 21px}
    .fs36{font-size: 30px}
    .fs30{font-size: 20px}
    .fs18{font-size: 15px}
    .fs20{font-size:16px}
    .carousel-inner .fs20{font-size: 14px !important}
    .carousel-inner .fs24{font-size: 14px !important}
    .carousel-inner .fs30{font-size: 16px !important}
    .carousel-inner .fs30.mb50{margin-bottom: 30px}
    .fs80{font-size: 1rem}
    .fs16{font-size:14px }
    .fs60{font-size:25px }
    .carousel-inner .fs60{font-size: 21px !important}
    .height1000{height: 15rem;}
    .img-silde-content-1 .name{font-size: 22px}
    .img-silde-content-1 .build-img .fs24{font-size: 16px}
    .img-silde-content-2 .img-responsive {height:auto;}
    .service-list .fs24{font-size: 24px}
    .process-content-1 .fs18{font-size: 18px;text-align: left}
    .fullimgwarp .img-responsive{height: auto;}
    .text-list-content-1 dt.fs24{font-size:17px;font-weight: normal}
    .text-list-content-1 dd{padding-left: 1rem}
    .text-content-1{padding: 0px 15px 0px 15px}
    .text-list-content-1 dd.fs18{font-size: 15px}
    .carousel-caption{left: 5%;right: 5%;}
    .about-bg .page-title{background: rgba(0, 0, 0,0.2);padding: 15px 0}
    .about-bg{height: 300px;background: rgba(0, 0, 0, 0.5);}
    .about-bg .fs80{font-size: 1.5rem;margin-bottom: 10px;text-shadow:0px 0px 1px rgba(0, 0, 0, 0.5);}
    .about-bg .fs30{font-size: 16px !important;text-shadow:0px 0px 1px rgba(0, 0, 0, 0.5);}
    .about-bg .fs36 p{margin: 0}
    .f-w-title.v-center.t30{
        position: absolute;
        top: 50%;
    }
    .process-content-1 .icon{text-align: right;padding-right: 0}
    .bg-img-4{background-image: url(../images/bg_img_4_m.jpg);background-position:bottom left; background-repeat: no-repeat;background-size: cover}
    .process-content-2 li{border-bottom: 1px dashed #ddd;padding: 15px 0}
    .process-content-2 li:last-child{border-bottom:0}
    .banner3-1{object-fit: cover !important;object-position: 29% 50%;}
    .banner3-5{object-fit: cover !important;object-position: 3.5% 50%;}
    .banner2-4{object-position: 12% 50%;}
    .banner2-5{object-position: 12% 50%;}
    .banner3-2{object-fit: cover !important;object-position: 8% 50%;}
    .banner32{display: block !important;position: absolute !important;top: 0 !important;}
    .banner31{display: none !important;}
}
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5){
    .img-silde-content-1 .build-img .fs24{font-size: 16px}
    .carousel-inner .fs60{font-size: 21px !important}
    .img-silde-content-1 .name{font-size: 22px}
    .text-list-content-1 dt.fs24{font-size:17px;font-weight: normal}
    .text-list-content-1 dd.fs18{font-size: 15px}
    .fs24{font-size: 15px}
    .img-lefts{object-position: 15% 50%;}
    .banner3-1{object-fit: cover !important;object-position: 29% 50%;}
    .banner3-4{object-fit: cover !important;object-position: 9% 50%;}
    .banner3-5{object-fit: cover !important;object-position: 3.5% 50%;}
    .banner2-4{object-position: 12% 50%;}
    .banner2-5{object-position: 12% 50%;}
    .banner3-2{object-fit: cover !important;object-position: 8% 50%;}
    .banner32{display: block !important;position: absolute !important;top: 0 !important;}
    .banner31{display: none !important;}
    .banner2-3{object-position: 15% 50%;}
    .banner2-1{object-position: 77% 50%;}
    .banner3-11{object-position: 66% 50%;}
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 1.5){
    .img-lefts{object-position: 15% 50%;}
    .banner2-3{object-position: 15% 50%;}
    .banner2-1{object-position: 77% 50%;}
    .banner3-4{object-fit: cover !important;object-position: 5% 50%;}
    .banner3-11{object-position: 66% 50%;}
}
@media screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 1.5){
    .img-lefts{object-position: 20% 50%;}
    .banner2-3{object-position: 15% 50%;}
    .banner2-1{object-position: 75% 50%;}
    .banner3-4{object-fit: cover !important;object-position: 8% 50%;}
    .banner3-11{object-position: 64% 50%;}
}
label.error{position: absolute;right: 30px;top:15px;color: rgb(250, 137, 137);font-weight: normal}
.carousel-control.left{background: none}
.carousel-control.right{background: none}
.col-sm-6{width: 49.9%}
.col-sm-7{width: 58.32%}
.col-sm-5{width: 41.5%}
@media (max-width: 767px) { 
    .col-sm-6{width: 100%}
    .col-sm-7{width: 100%}
    .col-sm-5{width: 100%}
    .banner32{display: block !important;position: absolute !important;top: 0 !important;}
    .banner31{display: none !important;}
}
.kefu{
    position: fixed;
    right: 20px; bottom: 20px;
    z-index: 1000;
}
.partner-main{
    overflow-x: hidden;
    box-sizing:border-box;
}
@media (max-width: 767px){
    .partner-main{
        overflow: hidden;
        box-sizing:border-box;
        margin: 0 auto;
    }
}
.carousel-inner .fontlight{position: relative;line-height: 1.5}
.carousel-inner .fontlight span{vertical-align:top}
.img-content-2 span{font-size: 10px;vertical-align: top}
.page-title .tm{vertical-align: top}
/* .img-content-2 {padding: 30px;border: 1px solid #000} */
.talk{font-size: 20px;font-weight: lighter;position: relative;}
.talkitem{margin-left: 20%;display: flex;}
.talk a{background: transparent;color: #fff;height: 0.6rem;font-size:0.3rem !important;width: 2.2rem;font-weight: lighter !important;border-radius: 5px}
.talk .btnwrap{text-align:center;clear: both;margin-top: 50px}
.talk .xiaoaiface{}
.talk .text{padding-left: 50px;padding-top: 100px}

@media (max-width: 767px) { 
.talk .xiaoaiface{margin-bottom: 20px}

    .talkitem{margin-left: 0;display:inherit; padding: 30px}
        .talk .text{padding-left: 0px;padding-top: 0px}
        .talk a{font-size: 18px !important;height: 50px;width: 200px;padding: 0;line-height: 50px}  
}