.banners img{max-width: 100%}
html {
    /*
    这样当
    100vw=1920px时，font-size为16px;
    100vw=960px时，font-size为13px;
    */
    font-size: calc(0.3125vw + 10px);
    color: #2b5fde;
    --theme: #2b5fde; /*主色调*/
    --hover: #fca104; /*鼠标经过色调*/

}
@media (min-width: 1230px) {
    .container {
        width: 1230px;
    }
}
/* 定义滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color:var(--theme);
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    border-radius: 10px;
    background-color: rgba(240, 240, 240, .5);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    background-color: rgba(240, 240, 240, .5);
}
.navbar-default .navbar-nav > li > a{color: #fff;line-height: 80px;}
.navbar-nav > li{border-right: 1px solid #333;}
.navbar-brand{padding: 20px;}
header .share{float: left}
header .icon{float: left}
header .icon li{float: left;margin: 0 4px;}
/*owl-demo*/
#owl-demo {width: 900px;margin-left: auto;margin-right: auto;}
#owl-demo .item {display: block;margin: 5px;}
#owl-demo img {display: block;width: 100%;}
.owl-theme .owl-controls .owl-buttons{top: 50%;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background-repeat: no-repeat;left: -70px}
.owl-theme .owl-controls .owl-buttons div.owl-next{background-repeat: no-repeat;right: -70px}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{background-repeat: no-repeat;}

.inadvantage{background: #f2f4f5;padding:50px 0px;}
.inadvantage .item{padding: 20px 10px 20px 70px}
.inadvantage .item{background: url("../images/icon@1.png") left top 15px no-repeat}
.inadvantage .item2{background: url("../images/icon@2.png") left top 15px no-repeat}
.inadvantage .item3{background: url("../images/icon@3.png") left top 15px no-repeat}
.inadvantage .item h3{font-size: 22px;color: #000;font-weight: bold;margin-top: 0px;}
.inadvantage .item p{line-height: 20px;}

.inproduct{padding: 30px}
.inproduct #owl-inproduct a.item{border: 1px solid var(--theme);display: block;margin:0 10px;}
.inproduct #owl-inproduct a.item .wenzi{background:var(--theme);}
.inproduct #owl-inproduct a.item .wenzi p{    margin: 0px;text-align: center;color: #fff;padding: 20px;}
.inproduct .tit h3{font-size: 60px;color: #000;margin: 30px 10px;font-weight: bolder }


.inabout{background: #061129;color: #fff;}
.inabout .wenzi{padding: 40px 20% 0px 40px; }
.inabout .wenzi h3{font-size: 42px;}
.inabout .wenzi h4{font-size: 42px;color: var(--theme)}
.inabout .wenzi p{color: #5d5d5d;line-height: 20px;padding: 1.5vw 0px;}
.inabout .wenzi ul{overflow: hidden;width: 100%;}
.inabout .wenzi ul li{float: left;width: 50%}
.inabout .wenzi ul li .num{font-size:3.5vw;font-weight: bolder;color: #fff;text-align: center;}
.inabout .wenzi ul li .desc{font-size:16px;font-weight: bolder;color: var(--theme);text-align: center; margin: 1vw 0px 1.5vw 0px;}
.inabout .wenzi ul li:first-of-type{border-right: 1px solid #6d6c6c}
.inabout .wenzi ul li:first-of-type{border-right: 1px solid #6d6c6c;border-bottom: 1px solid #6d6c6c}
.inabout .wenzi ul li:nth-of-type(2){border-bottom: 1px solid #6d6c6c}
.inabout .wenzi ul li:nth-of-type(3){border-right: 1px solid #6d6c6c;}

.inhuanjing{padding: 40px 0px}
.inhuanjing .owl-pagination{display: none}
.inhuanjing .pic{padding: 10px;}

.injoin{background: url("../images/injoin.jpg") no-repeat center;height: 500px;background-attachment: fixed;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.injoin h3{color: #fff;font-weight: bold;font-size: 30px;color: #fff;}
.injoin p{margin: 20px 0px;color: #fff}
.injoin a{width: 100px;height: 30px;background: var(--theme);line-height: 30px;color: #fff;text-align: center;border-radius: 20px;}

.innew{padding: 40px 0px}
.innew .tit {font-size: 50px;margin: 0 20px;text-align: center;;margin-bottom: 40px;}
.innew .tit  h3 {font-size: 50px;color: #000}
.innew .tit  h4 {font-size: 24px;color: #000}

.innew .item{margin: 0 10px;display: block;height: 370px;border: 1px solid #eeee;}
.innew .item .wenzi{padding:0 10px;margin-top: -20px }
.innew .item .wenzi .date{display: inline-block;width: 100px;height: 20px;background: red;line-height: 20px;text-align: center;color: #fff;}
.innew .item .wenzi h3{margin:0px;color: #000;font-size: 16px;    margin: 20px 0px;}
.innew .item .wenzi p{color: #999;}
.innew .item .pic img{margin:0 auto}
.innew .item .wenzi p{line-height: 20px;font-size: 12px;}

footer{padding: 100px 0px 20px;margin-top:20px; }
footer .jianjie{color: #fff;text-align:left;margin-bottom: 30px;position: relative}
footer .jianjie:after{position: absolute;bottom: -17px;left: 0px;content: '';border-top: 1px solid;width: 100px;}
footer .copyright {line-height: 20px;text-align: left;text-transform: uppercase;}
footer dt{margin-bottom: 20px}
footer .lianxi {padding: 0 43px;}
footer .lianxi dd{padding: 7px 0px 10px 50px;text-align: left;}
footer .lianxi dd:first-of-type{background: url("../images/footicon@1.png") no-repeat left center}
footer .lianxi dd:nth-of-type(2){background: url("../images/footicon@2.png") no-repeat left center}
footer .lianxi dd:nth-of-type(3){background: url("../images/footicon@3.png") no-repeat left center}
footer i{width: 30px;height: 30px;line-height: 30px;    margin-top: 40px;}

.detailGlide .slider__nav{display: flex;flex-wrap: nowrap;overflow: auto;}
.detailGlide .slider__nav-item{flex-shrink: 0;}
#detailNav{overflow: auto}


@media (max-width: 750px) {
    .navbar-brand{height: auto;padding: 14px;}
    .navbar-toggle{margin-top: 25px;}
    .navbar-default .navbar-nav > li > a{line-height: 34px;}
    .owl-theme .owl-controls .owl-buttons div.owl-next{display: none}
    .owl-theme .owl-controls .owl-pagination{display: none}
    .topBox{display: none}
    .inproduct .tit h3{font-size: 24px}
    .inproduct{padding: 0px}
    .inabout .wenzi{padding: 20px;}
    .inabout .wenzi h3{font-size: 24px;}
    .inabout .wenzi h4{font-size: 28px;}
    .inabout .wenzi ul li .desc{white-space: nowrap}
    .injoin{display: flex;height: 300px;background-size: 100%;display: none}
    .innew{padding: 0px;}
    .innew .tit h3{font-size: 24px;}
    footer .lianxi{padding: 0px;}

}