/* 共享样式开始 */



a {

    color: #333;

}



a:hover {

    text-decoration: none;

}



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



ul::after,
.head .container:after,
.product .container::after,
.case .container:after,
.core .container::after,
.container-fluid::after,
.partner .container:after,
.about .container:after {

    content: '';

    display: block;

    clear: both;

}



section {

    padding: 50px 0;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.small {

    color: #999;

}



/* 头部 */



.head>.container-fluid {

    padding: 0;

    line-height: 40px;

    background-color: #f7f7f7;

    border-bottom: 1px solid #ccc;

    color: #fff;

    font-size: 12px;

    color: #999;

}



.head>.container-fluid .fr {

    font-family: '微软雅黑', '宋体', Impact;

    font-size: 12px;

    vertical-align: middle;

}



.head .logo {

    width: 50%;

    padding: 15px 0;

    display: block;

    float: left;

}



.head .hr {

    margin-top: 10px;

    display: block;

    width: 100%;

    height: 1px;

    background-color: #ccc;

}

.head .hr+.container-fluid {

    padding: 0;

    background-color: #245EB5;

}

.head .h-phone {

    width: 23%;

    float: right;

    text-align: right;

}



.head .h-phone>span {

    margin-top: 15px;

    font-size: 14px;

    line-height: 25px;

    color: #999;

    display: inline-block;

}

.head .h-phone>p {

    margin: -10px 0;

    position: relative;

    font-size: 30px;

    line-height: 20px;

    font-weight: 600;

    color: #FFAD10;

}



.head .h-phone .iconfont {

    display: inline-block;

    width: 90px;

    line-height: 112px;

    font-size: 30px;

    text-align: center;

    background: #2196F3;

    color: #fff;

    border-bottom: 6px solid #555;

}



.head .nav {

    display: block;

    width: 1200px;

    margin: 0 auto;

}



.head .nav>li {

    position: relative;

    width: 14.285%;

    text-align: center;

    line-height: 50px;

    float: left;

    font-size: 18px;

}

.head .nav>li:hover>a {

    background-color: #00AAF6;

}

.head .nav>li>a {

    position: relative;

    width: 100%;

    display: block;

    color: #fff;

    text-decoration: none;

    font-size: 16px;

}





.case .nav li a.on {

    color: #245EB5;

    cursor: pointer;

}



.head .nav>li:hover .navsub {

    display: block;

}



.head .navsub {

    display: none;

    position: absolute;

    top: 50px;

    width: 100%;

    text-align: center;

    font-size: 14px;

    z-index: 10;

    background-color: #f7f7f7;

}



.head .navsub::before {

    content: '';

    display: block;

    position: absolute;

    top: -14px;

    left: 79px;

    border-width: 7px;

    border-color: transparent transparent #ddd transparent;

    border-style: solid;

}



.head .navsub li {

    width: 100%;

    line-height: 40px;

    border-bottom: 1px solid #c2c2c2;

    transition: .3s;

}



.head .navsub li:hover {

    background-color: #245EB5;

}



.head .navsub li:hover a {

    color: #fff;

}



.head .navsub li a {

    display: block;

    width: 100%;

    transition: .3s;

}



.head .btn {

    display: none;

    width: 75%;

    height: 30px;

    float: right;

    background: url('images/open.png') no-repeat right;

    transition: .5s;

}



.head .btn.open {

    background: url('images/close.png') no-repeat right;

    transition: .5s;

}



/* 公司特征 */



.feature .row .col-3 {

    border-right: 1px dotted #c6c6c6;

}



.feature .row i {

    display: block;

    margin: 0 auto;

    width: 54px;

    height: 50px;

}



.feature .row .col-3:nth-child(1) i {

    background: url('images/feature.png');

}



.feature .row .col-3:nth-child(2) i {

    background: url('images/feature.png') -54px 0;

}



.feature .row .col-3:nth-child(3) i {

    background: url('images/feature.png') -108px 0;

}



.feature .row .col-3:nth-child(4) i {

    background: url('images/feature.png') -162px 0;

}



.feature .row p {

    margin-top: 10px;

    margin-bottom: 0;

    font-size: 22px;

}



.feature .row span {

    font-size: 12px;

    color: #999;

}



/* 产品中心 */



.more {

    display: none;

    margin: 10px auto;

    margin-top: 20px;

    width: 95%;

    line-height: 35px;

    background-color: #245EB5;

    color: #fff;

    font-size: 14px;

    text-align: center;

}



.product h3 p,
.case h3 p,
.core h3 p,
.partner h3 p,
.about h3 p {

    font-size: 16px;

    color: #999;

    line-height: 40px;

}



.product .container>a,
.partner .container>a {

    margin-top: 15px;

    font-size: 14px;

    color: #999;

    line-height: 30px;

}



.product .container>a span,
.partner .container>a span {

    color: #245EB5;

    vertical-align: -2px;

}



.product .container>a:hover {

    color: #245EB5;

}



.product ul li {

    position: relative;

    margin: 0 -1px -1px 0;

    border: 1px solid #dcdcdc;

    transition: .3s;

    overflow: hidden;

    float: left;

    width: 33.37%;

}



.product ul li:nth-child(1),
.product ul li:nth-child(2) {

    width: 50%;

}



.product li div {

    position: absolute;

    top: 10%;

    left: 10%;

    width: 50%;

    height: 20%;

    transition: .3s;

}



.product li img {

    transition: .3s;

}



.product li:hover {

    background-color: #245EB5;

    color: #fff;

}



.product li:hover img {

    transform: translateX(-10px);

}



.product li:hover div {

    color: #fff;

}



/* 案例 */



.case {

    background: url('images/case_bg.jpg');

}



.case .nav {

    float: right;

}



.case .nav li {

    margin-top: 20px;

    position: relative;

    margin-left: 20px;

}



.case .navsub {

    display: none;

}



.case .navsub li {

    position: relative;

    margin: .5%;

    overflow: hidden;

}



.case .navsub li img {

    object-fit: cover;

    height: 100%;

    transition: .4s;

}



.case .navsub li:hover img {

    transform: scale(1.1);

}



.case .navsub li p {

    position: absolute;

    bottom: 0;

    margin: 0;

    padding: 0 5%;

    width: 100%;

    line-height: 50px;

    color: #fff;

    background-color: rgba(0, 0, 0, .7);

}

.case .navsub {
    display: none;
    flex-wrap: wrap;
    /* justify-content: space-around; */
}
.case .navsub li{
    width: 32%;
}
/* 
.case .navsub li:nth-child(1) {

    width: 59%;

    float: left;

    height: 400px;

}



.case .navsub li:nth-child(2) {

    width: 39%;

    height: 325px;

    float: right;

}



.case .navsub li:nth-child(3) {

    width: 39%;

    height: 325px;

    float: right;

}



.case .navsub li:nth-child(4) {

    width: 29%;

    float: left;

    height: 250px;

}



.case .navsub li:nth-child(5) {

    width: 29%;

    float: left;

    height: 250px;

} */



/* 核心优势 */



.core h3+span {

    margin-top: 20px;

    font-size: 26px;

}



.core h3+span .iconfont {

    font-size: 23px;

}



.core .container-fluid {

    padding: 0;

    position: relative;

    width: 100%;

    /* height: 350px; */

}



.core .nav {

    position: absolute;

    top: 0;

    z-index: 2;

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, .2);

}



.core .nav ul {

    display: block;

    margin: 0 auto;

    width: 70%;

}



.core .nav ul li {

    position: relative;

    margin: 0 -1px -1px 0;

    padding: 2%;

    width: 25%;

    float: left;

    font-size: 20px;

    color: #fff;

    text-align: center;

    border: 1px solid rgba(255, 255, 255, .2);

    cursor: pointer;

}



.core .nav ul li::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    display: block;

    width: 0%;

    height: 100%;

    background-color: #245EB5;

    transition: .5s;

}



.core .nav ul li.on::after {

    width: 100%;

    background-color: #245EB5;

}



.core .nav ul li i.on {

    background-color: #fff;

    color: #245EB5;

}



.core .nav ul li i {

    display: inline-block;

    margin-right: 5px;

    width: 25px;

    height: 25px;

    line-height: 25px;

    font-size: 16px;

    background-color: #245EB5;

    border-radius: 100%;

    color: #fff;

    font-style: normal;

}



.core .con div {

    padding-right: 20%;

    position: absolute;

    right: 0;

    bottom: 5%;

    width: 50%;

    height: 50%;

    /* border: 1px solid #f40; */

    color: #fff;

}



.core .con li {

    display: none;

}



.core .con div i {

    font-size: 60px;

    font-family: Arial;

    line-height: 60px;

    margin-bottom: 10px;

    font-weight: bold;

    font-style: normal;

    opacity: .2;

}



.core .con div .h4 {

    font-size: 40px;

}



.core .switch {

    display: none;

    text-align: center;

}



.core .switch span {

    margin-right: 10px;

    margin-top: 20px;

    font-family: "宋体";

    width: 60px;

    height: 30px;

    background: #fff;

    text-align: center;

    line-height: 30px;

    font-size: 24px;

    font-weight: bold;

    cursor: pointer;

    display: inline-block;

    color: #333;

}



/* 公司简介 */



.about .small {

    font-size: 18px;

    color: rgb(194, 193, 193);

}



.about .jianjie {

    color: #999;

    font-size: 16px;

}



.about .h4 {

    color: #444;

}



.about li {

    margin-top: 9%;

    width: 25%;

    float: left;

    text-align: center;

}



.about li span {

    font-size: 50px;

    font-family: Arial;

    color: #245EB5;

    font-weight: 700;

}



.about li p {

    font-size: 14px;

    color: #999;

}



/* 合作伙伴 */



.partner {

    background: url('images/case_bg.jpg');

}



.partner ul li {

    position: relative;

    margin: 0 -1px -1px 0;

    float: left;

    width: 14%;

    height: 111px;

    text-align: center;

    border: 1px solid #ccc;

    overflow: hidden;

}



.partner ul li div {

    transition: all ease 0.3s;

}



.partner ul li a {

    display: block;

    line-height: 35px;

    background-color: #245EB5;

    color: #fff;

}



.partner ul li:hover {

    border: 1px solid #245EB5;

    z-index: 2;

}



.partner ul li:hover div {

    margin-top: -35px;

}



/* 新闻中心 */



.news .tit {

    margin-bottom: 40px;

}



.news .tit a {

    padding: 10px 50px;

    font-size: 20px;

    box-shadow: 0 5px 10px #ccc;

    transition: all .3s;

}



.news .tit a.on {

    background-color: #245EB5;

    color: #fff;

}



.news .zuo {

    display: none;

}



.news .zuo.on {

    display: flex;

}



.news .zuo li {

    position: relative;

    padding: 15px 0;

    border-bottom: 1px solid #ccc;

    transition: .4s;

}



.news .zuo li::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    display: block;

    width: 0;

    height: 100%;

    background-color: #245EB5;

    transition: .4s;

}



.news .zuo li:hover::after {

    width: 100%;

}



.news .zuo li:hover span,
.news .zuo li:hover a,
.news .zuo li:hover small,
.news .zuo li:hover i,
.news .zuo li:hover {

    color: #fff;

}



.news .zuo li span {

    display: block;

    float: left;

    width: 25%;

    font-size: 14px;

    color: #999;

    text-align: center;

    transition: .4s;

}



.news .zuo li span i {

    display: block;

    font-size: 48px;

    line-height: 48px;

    font-weight: 700;

    font-style: normal;

    color: #333;

    transition: .4s;

}



.news .zuo li p {

    margin-bottom: 8px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: .4s;

    color: #fff;

}



.news .zuo li small {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    color: #999;

    transition: .4s;

}



.news .row>.col-md-3 {

    background-color: #eaeaea;

}



.news .row>.col-md-3 div p {

    margin-top: 20px;

    margin-bottom: 0;

    line-height: 50px;

    font-size: 18px;

}



.news .row>.col-md-3 div a {

    margin-top: 16px;

    width: 15px;

    height: 15px;

    line-height: 15px;

    border-radius: 50%;

    text-align: center;

    font-size: 15px;

    background-color: #245EB5;

    color: #fff;

}



.news .row>.col-md-3 ul {

    height: 290px;

    overflow: hidden;

}



.news .row>.col-md-3 li {

    padding: 5px 0;

    border-bottom: 1px dotted #b3b3b3;

}



.news .row>.col-md-3 li a {

    color: #333;

    line-height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news .row>.col-md-3 li p {

    margin-bottom: 10px;

    font-size: 14px;

    color: #999;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

    -webkit-line-clamp: 2;

}



/* 底部 */



.foot {

    background-color: #1a1a1a;

    color: #fff;

}



.foot p {

    margin: 15px 0;

    font-weight: 700;

}



.foot a {

    display: block;

    line-height: 30px;

    font-size: 14px;

    color: #fff;

}



.foot .banquan {

    margin: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 35px;

    border-top: 1px solid #333;

    color: #999;

}



.foot .m-nav {

    display: none;

    position: fixed;

    bottom: 0;

    width: 100%;

    margin: 0;

    background-color: #245EB5;

    text-align: center;

    z-index: 11;

}



.foot .m-nav a {

    padding: 5px 0;

    width: 25%;

    float: left;

    font-size: 14px;

    font-weight: 400;

    border-right: 1px solid #ccc;

}



/* ******************内页开始************************* */



.jumbotron {

    margin: 0;

    background: url('images/pro.jpg')no-repeat center/cover;

}



.jumbotron .lead {

    margin: 0;

    color: #999;

}



.jumbotron span {

    display: inline-block;

    width: 30px;

    height: 1px;

    background-color: #ccc;

}



.crumbs {

    font-size: 14px;

    line-height: 40px;

    color: #444;

}



/* 产品列表 */



.pro .nav {

    margin: 0 auto;

    width: 20%;

    float: left;

}

.pro .nav li:first-child {

    position: relative;

    line-height: 60px;

    background-color: #245eb5;

    color: #fff;

    font-size: 22px;

}

.pro .nav li:first-child::after {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 1px;

    background-color: #fff;

    bottom: 5px;

}

.pro .nav li {

    /* margin-right: -1px;  */

    margin-bottom: -1px;

    width: 100%;

    /* float: left; */

    font-size: 18px;

    line-height: 45px;

    text-align: center;

    border: 1px solid #ccc;

}

.pro .nav li:hover a {

    background-color: #245eb5;

    color: #fff;

}

.pro .nav li a {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

}



.pro .nav li a.on {

    background-color: #245EB5;

    color: #fff;

}



.pro .row .col-md-4 p,
.pro .row .col-md-3 p {

    margin-top: 15px;

    text-align: center;

}



.pro .row {

    margin-top: 50px;

}



.pro .row .col-md-4>a,
.pro .row .col-md-3>a {

    position: relative;

    display: block;

    overflow: hidden;

    border: 1px solid #ccc;

}



.pro .row .col-md-4:hover a,
.pro .row .col-md-3:hover a {

    color: #245EB5;

    font-weight: 700;

}



.pro .row .col-md-4>a::after,
.pro .row .col-md-3>a::after {

    content: '';

    position: absolute;

    top: 0;

    display: block;

    width: 100%;

    height: 100%;

    border: 2px solid #245EB5;

    opacity: 0;

    transition: .5s;

}



.pro .row .col-md-4>a:hover::after,
.pro .row .col-md-3>a:hover::after {

    opacity: 1;

}



.pro .row .col-md-4 img,
.pro .row .col-md-3 img {

    transition: all .5s;

    height: 180px;

    object-fit: cover;

}



.pro .row .col-md-4:hover img,
.pro .row .col-md-3:hover img {

    transform: scale(1.1);

}



.pro .page {

    margin: 20px auto;

    width: 50%;

    text-align: center;

}



.pro .page li {

    border: 1px solid #ccc;

    display: inline-block;

}



.pro .page li a {

    display: block;

    padding: 5px 10px;

}



/* 案例 */



/* 新闻 */



.xinwen .first a {

    display: block;

    text-align: center;

    color: #fff;

    line-height: 45px;

    width: 200px;

    background-color: #245EB5;

    border-radius: 25px;

}



.xinwen .first img {

    height: 350px;

}



.xinwen .first .h3 {

    margin: 50px 0;

}



.xinwen .first .small {

    margin: 50px 0;

    font-size: 14px;

}



.xinwen .col-12 {

    margin: 5px 0;

    padding: 10px;

}



.xinwen .col-12:hover .con {

    transform: translateX(20px);

}



.xinwen .col-12:hover img {

    transform: scale(1.1);

}



.xinwen .col-12:hover a {

    color: #245EB5;

}



.xinwen .main .time {

    margin-top: 50px;

    width: 15%;

    float: left;

    text-align: center;

    background-color: #333;

    color: #fff;

}



.xinwen .main .time p {

    margin: 0;

    font-size: 30px;

    color: #ccc;

}



.xinwen .main .con {

    padding: 0 20px;

    margin-top: 30px;

    width: 60%;

    float: left;

    transition: .5s;

}



.xinwen .main .con a {

    margin-bottom: 15px;

    font-size: 22px;

    display: inline-block;

}



.xinwen .main .con p {

    font-size: 14px;

    color: #999;

}



.xinwen .main .img {

    width: 25%;

    padding: 10px;

    float: left;

    overflow: hidden;

}



.xinwen .main .img img {

    transition: .5s;

}



/* 产品详情 */



.details .row h1 {

    margin: 50px 0;

}



.details .row a {

    display: block;

    margin-top: 10px;

    width: 150px;

    line-height: 45px;

    background-color: #245EB5;

    color: #fff;

    text-align: center;

    border-radius: 5px;

}



.details .row span {

    font-size: 14px;

    color: #999;

}



.details .row .h4 {

    font-size: 28px;

    font-weight: 700;

    color: #245EB5;

}



.details .tit {

    position: relative;

    margin: 20px 0;

    font-size: 16px;

    font-weight: 700;

    line-height: 50px;

    border-bottom: 1px solid #ccc;

}



.details .tit+div img {

    max-width: 100%;

    height: auto !important;

}



.details .tit::after {

    content: '';

    position: absolute;

    bottom: 0;

    display: block;

    width: 150px;

    height: 2px;

    background-color: #245EB5;

}



/* 新闻详情 */



.new-con .border {

    background-color: #f7f7f7;

}



.new-con .main {

    padding: 20px 0 35px 0;

    border-bottom: 1px dotted #ccc;

}



.new-con .main img {

    max-width: 100%;

    height: auto !important;

}



.new-con .h4 {

    font-size: 18px;

}



.new-con .zixun {

    padding-bottom: 35px;

    border-bottom: 1px dotted #ccc;

    font-size: 14px;

}



.new-con .zixun .col-md-6 {

    border-bottom: 1px dotted #ccc;

}



.new-con .zixun .col-md-6 p {

    margin: 0;

    line-height: 35px;

}



/* 友情链接 */



.friend {

    padding: 5px 0;

}



.friend li {

    margin-right: 15px;

    display: inline-block;

    font-size: 14px;

}



.foot .banquan a {

    display: inline-block;

}



.img-h {
    object-fit: cover;
    height: 360px;

}





.m_none {
    display: block;
}

.m_block {
    display: none;
}



/* 阿里图标 */



@font-face {

    font-family: 'iconfont';

    src: url('ali/iconfont.eot');

    src: url('ali/iconfont-1.eot') format('embedded-opentype'), url('ali/iconfont.woff2') format('woff2'), url('ali/iconfont.woff') format('woff'), url('ali/iconfont.ttf') format('truetype'), url('ali/iconfont.svg') format('svg');

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}


.banner .swiper-pagination-bullet {
    width: 50px;
    height: 5px;
    border-radius: 2px;
    background: #ffff;
}