@charset "UTF-8";
.search {
    padding: 15px 0;
    background-color: #f7f7f7;
}

.search a {
    padding-right: 10px;
    color: #666;
}

.search .box input {
    padding: 2px 10px;
    width: 60%;
    float: right;
    border: 1px solid #666;
    line-height: 30px;
    color: #999;
    font-size: 14px;
    border-radius: 20px;
    background-color: #ffff;
}

.search .box div {
    position: absolute;
    right: 30px;
    bottom: 6px;
    vertical-align: middle;
}

/*  */
.share_index p:after,
.share_index p::before {
    content: '';
    display: block;
}

.share_index p::before {
    box-sizing: content-box;
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translateX(-50%);
    background-color: #2D71D8;
    border-left: 30px solid #fff;
    border-right: 30px solid #fff;
}

.share_index p::after {
    margin: 20px auto;
    max-width: 50%;
    width: 600px;
    height: 1px;
    background-color: #ccc;
}

/* 产品中心 */
/* .chanpin .left {
    margin: .5%;
    width: 29%;
    float: left;
}

.chanpin .left a {
    display: block;
    padding: 44px;
    background-color: #DDA200;
} */

/* .chanpin .left .end {
    margin-top: 15px;
    padding: 15px;
    position: relative;
} */



/* .chanpin .left .end p::after {
    content: '';
    position: absolute;
    top: 10%;
    left: 5%;
    display: block;
    width: 90%;
    height: 80%;
    border: 1px solid #fff;
} */

.chanpin ul .li a {
    padding: 40px 20px;
}

.chanpin ul .li {
    margin: .5%;
    float: left;
    width: 32%;
}

.chanpin ul .li:nth-child(1) {
    background-color: #DDA200;
}
.chanpin ul .li:nth-child(2) {
    background-color: #5aba66;
}

.chanpin ul .li:nth-child(3) {
    background-color: #77A6A0;
}

.chanpin ul .li:nth-child(4) {
    background-color: #CF8B5B;
}

.chanpin ul .li:nth-child(5) {
    background-color: #6F9B74;
}

.chanpin ul .li:nth-child(6) {
    background-color: #3F89C1;
}

.chanpin ul .li p,
.chanpin .left a p {
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 2px solid #fff;
}

.chanpin li a:hover {
    background-color: #2D71D8;
}

.chanpin .li .txt {
    width: 60%;
}

.chanpin ul .li .img {
    width: 40%;
}

.chanpin ul li .img span {
    max-width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    padding: 0 15px;
    line-height: 40px;
    border: 1px solid #fff;
}

/* 应用推荐 */
.yy .share_index p::before,
.xinwen .share_index p::before {
    border-color: #f7f7f7;
}

.yy {
    margin-top: 50px;
    background-color: #f7f7f7;
}

.yy .row,
.jj .list,
.xinwen .list {
    margin-right: -10px;
    margin-left: -10px;
}

.yy .row>div,
.jj .list>div,
.xinwen .list>div {
    padding-left: 10px;
    padding-right: 10px;
}

.yy .row a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yy .row a p {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 45px;
    background-color: rgba(0, 0, 0, .4);
    transition: all .36s;
}

.yy .row a:hover p {
    justify-content: center;
    display: flex;
    font-size: 22px;
    align-items: center;
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
}

.yy .row a:hover p::after {
    content: '';
    display: block;
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    border: 1px solid #fff;
    transition: all .36s;
}

/* 公司简介 */
.jj {
    margin-top: 50px;
    padding-top: 100px;
    background: url(../img/jj.jpg)no-repeat center top;
}

.jj .main {
    padding: 50px 100px;
    background-color: #2D71D8;
    box-shadow: 0 0 10px 0 #ddd;
}

.jj .main a {
    margin-top: 30px;
    margin-left: auto;
    display: block;
    width: 110px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    border: 1px solid #eee;
}

/* 新闻 */
.xinwen {
    padding-bottom: 50px;
    background-color: #f7f7f7;
}

.xinwen .list>div:hover div {
    background-color: #2D71D8 !important;
}

.xinwen .list>div:hover a,
.xinwen .list>div:hover p {
    color: #fff !important;
}
.xinwen .list img{
    height: 15vh;
    width: 100%;
    object-fit: cover;
}
.xinwen .more {
    margin: 20px auto 0;
    padding-left: 15px;
    display: block;
    width: 129px;
    line-height: 38px;
    background: url(../img/more.jpg) no-repeat center;
    box-shadow: 0 0 5px 5px #ddd;
}

/* 面包屑 */
.crumbs {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f7f7f7;
}

.crumbs a {
    color: #666;
}

.crumbs a:hover {
    color: #2D71D8;
    text-decoration: underline;
}

/* 关于我们小轮播 */
.a-lunbo {
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
}

.a-lunbo ul {
    width: 600%;
}

.a-lunbo li {
    display: inline-block;
    margin: 15px;
}

.a-lunbo li img {
    filter: opacity(100%);
    transition: all 0.36s;
}

.a-lunbo li img:hover {
    filter: opacity(95%);
}

/* 表单 */
.lxwm .biao {
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 5px 3px #eee;
}

.lxwm .biao p {
    margin-bottom: 20px;
}

.lxwm .biao p span {
    display: inline-block;
    width: 90px;
    text-align: right;
}

.lxwm .biao input {
    padding-left: 15px;
    width: 80%;
    color: #999;
    line-height: 40px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.lxwm .biao .submit {
    display: block;
    margin: 0 auto;
    color: #fff;
    border-radius: 5px;
    background-color: #6FC742;
}

.lxwm .border {
    height: 100%;
    border-radius: 5px;
    /* box-shadow: 0 0 5px 5px #ddd; */
}


/* 产品封面 */
.pro_f .list {
    position: relative;
    background-color: #DDA200;
}

.pro_f .list:hover {
    background-color: #0092DE !important;
}

.pro_f .row>div:nth-child(2) .list {
    background-color: #77A6A0
}

.pro_f .row>div:nth-child(3) .list {
    background-color: #6F9B74
}

.pro_f .row>div:nth-child(4) .list {
    background-color: #CF8B5B
}

.pro_f .row>div:nth-child(5) .list {
    background-color: #3F89C1
}

.pro_f .list h3 {
    display: inline-block;
    border-bottom: 2px solid #fff;
}

.pro_f .list a {
    display: block;
    line-height: 80px;
}

.pro_f .list a::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.pro_f .list span {
    margin: 15px auto;
    display: block;
    width: 60%;
    line-height: 45px;
    border: 1px solid;
}


/* 案例列表 */
.case .left {
    width: 25%;
}

.case .left li {}

.case .left ul p {
    line-height: 60px;
    background-color: #2D71D8;
}
.case .left ul p span{
    display: none;
    vertical-align: 0px;
}
.case .left li a {
    margin-top: 5px;
    position: relative;
    display: block;
    padding-left: 15px;
    line-height: 45px;
    border: 1px solid #2D71D8;
}

.case .left li a:hover {
    color: #fff;
    background-color: #2D71D8;
}

.case .left li a::after {
    content: '>';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-family: 'Simsun';
    font-weight: bold;
    transition: all .36s;
}

.case .left li a:hover::after {
    color: #fff;
    transform: translateY(-50%) translateX(10px);

}

.case .right {
    width: 75%;
}

.case dl {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}


.case dl dd {
    position: relative;
    width: 100%;
}
.case dl .disabled{
    position: relative;
}
.case dl .disabled::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: transparent;
}

.case .tit {
    margin-bottom: 1px;
    border-bottom: 1px solid #ccc;
}

.case .dl:hover {
    background-color: #F4F8FF;
    /* font-weight: bold; */
}

.case .dl {
    margin-bottom: -1px;
    border: 1px solid #efefef;
}

.case .dl a {
    color: #2D71D8;
    text-decoration: underline;
}

/* 产品列表 */
.pro_tit {
    margin-bottom: 5px;
}

.pro_tit p {
    font-size: 16px;
}

.pro_tit a {
    margin-right: 10px;
    margin-top: 5px;
    padding: 0 10px;
    display: inline-block;
    line-height: 30px;
    color: #fff;
    border: 1px solid transparent;
    background-color: #2D71D8;
    border-radius: 5px;
    transition: all .36s;
}

.pro_tit a:hover {
    color: #333;
    border: 1px solid #2D71D8;
    background-color: #fff;
}

.chang {
    width: 50% !important;
}

.show_pro .con_p table {
    text-align: center;
}

.show_pro .con_p table td {
    border: 1px solid #eee;
}

/* 上下篇 */
.page .goback a {
    display: inline-block;
    width: 110px;
    line-height: 35px;
    border-radius: 20px;
    transition: all .36s;
    color: #fff;
    font-size: 14px;
    background-color: #0092DE;
    text-decoration: none;
    transition: all .36s;
}

.page .goback a:hover {
    color: #fff;
    box-shadow: 0 0 5px 5px #ddd;
}

/* 新闻 */
.news li {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.news li>div {
    width: 100%;
}

.news li .img {
    max-width: 253px;
}

.news li .img img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.news li .txt {
    padding-left: 40px;
}

.news li .time {
    width: 20%;
}

.show_news .top p {
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px dashed #eee;
    border-bottom: 1px dashed #eee;
}
.m_tel{display: none;text-align: center; background-color: #0092DE;position: fixed;left: 0;bottom: 0;width: 100%;height: 50px;font-size: 14px;align-items: center;font-size: 12px;}
.m_tel a{color: #fff;width: 100%;border-right: 1px solid rgba(255,255,255,.3);}
.m_tel a img{display: block;margin: 0 auto;}
@media(max-width:992px){
    .datu>img{height: 120px;width: 100%;object-fit: cover;}
    .lxwm .biao{display: none;}
    .m_tel{display: flex;}
    /* .chanpin .container{padding-left: 10px;padding-right: 10px;} */
    .chanpin .left .end,.chanpin .left .img img,.chanpin ul .li .img img,.jj .list,.jj>.container{display: none;}
    .share_index h3{font-size: 18px;margin-bottom: 0;}
    .share_index p{font-size: 14px;line-height: 1;}
    .share_index p::after{margin: 10px auto;}
    .chanpin ul .li a{flex-wrap: wrap;}
    .chanpin .left a,.chanpin ul .li a{padding: 20px;}
    .chanpin .li .txt{text-align: center;}
    .chanpin .left,.chanpin ul .li,.chanpin .li .txt,.chanpin ul .li .img,.case .left,.case .right,.news li .img,.news li .txt,.news li .time{width: 100%;}
    .chanpin li .text_3{-webkit-line-clamp: 2;}
    .chanpin ul .li p, .chanpin .left a p{padding-bottom: 10px;margin-bottom: 10px;font-size: 17px;}
    .chanpin ul li span{font-size: 14px;}
    .jj{margin-top: 0;padding-top: 0;background: none;}
    .jj .main{padding: 10px;}
    .jj .main div img{height: 200px;width: 100%;object-fit: cover;}
    .jj .main div .f26{font-size: 17px;margin-top: 10px;text-align: center;}
    .jj .main div .f26+p{text-align: center;}
    .jj .main div .mb-30{margin-bottom: 10px;}
    .jj .main .con_p{font-size: 14px;}
    .xinwen{margin-top: 0;padding-bottom: 20px;}
    .xinwen .list .p-20{padding: 10px;}
    .xinwen .list div a {font-size: 16px;margin-bottom: 0px;}
    .xinwen .list div a+p{font-size: 12px;-webkit-line-clamp: 2;}
    .xinwen .more{margin: 0px auto;}
    .friend_links{font-size: 14px;padding-left: 10px;padding-right: 10px;}
    .friend_links a{font-size: 12px;}

    /* FIXME */
    .case .left ul p span{display: inline-block;}
    .case .left ul p{font-size: 16px;line-height: 50px;}
    .case .left ul{height: 50px;transition: all .36s;overflow: hidden;margin-bottom: 10px;}
    .case .left ul.on{height: auto;}
    .pro_tit{font-size: 14px;}
    .pro_tit p{font-size: 14px;}
    .pro_tit a{font-size: 12px;line-height: 25px;margin-right: 3px;margin-top: 2px;}
    .case dl{padding-top: 5px;padding-bottom: 5px;}
    .case dl dd{font-size: 12px;}
    
    /* FIXME */
    .news li{flex-wrap: wrap;align-items: center;padding-top: 10px;padding-bottom: 10px;}
    .news li .img{max-width: 100%;}
    .news li .img img{width: 100%;height: 160px;object-fit: cover;}
    .news li .txt{padding-left: 0;margin-top: 5px;}
    .news li .txt a{font-size: 14px;}
    .news li .txt p{font-size: 12px;}
    .news li .txt p{display: none;}
    .news li .txt{width: 70%;}
    .news li .time{width: 30%;}
    .news li .txt span{font-size: 12px;}
    .news li .time p{font-size: 16px;}
    .news li .time span{font-size: 14px;}

    .show_pro .con_p table{width: 100% !important;}
}