a,

a:hover {

    text-decoration: none;

}



ul {

    padding: 0;

}



img {

    max-width: 100%;

}



.fr-alternate-rows {

    border: 0;

    border-collapse: collapse;

    empty-cells: show;

    max-width: 100%;

}



.fr-alternate-rows tr {

    user-select: none;

    -o-user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

}



.fr-alternate-rows td, .fr-alternate-rows th {

    border: 1px solid #DDD;

    padding: 9px 15px;

}



.content-wrap table {

    border: 0;

    border-collapse: collapse;

    empty-cells: show;

    max-width: 100%;

}



.content-wrap table tr {

    user-select: none;

    -o-user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

}



.content-wrap table td, .content-wrap table th {

    border: 1px solid #DDD;

    padding: 9px 15px;

}



.flexBox {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.yc-wrap {

    width: 90%;

    max-width: 1560px;

}



.navbar-expand-md .navbar-nav .nav-link {

    padding: 0;

}



.top-wrap {

    width: 100%;

    /*height: 180px;*/

    background: url('../img/sitetop.png')no-repeat;

}



.site-top {

    line-height: 1.875rem;

    font-size: 0.875rem;

    background: #fcfcfc;

    color: #84807d;

}



.site-top .welcome {

    /* width: 50%; */

    margin-bottom: 0;

}



.site-top .site-top-menu i {

    margin: 0 0.625rem;

}



.site-top .site-top-menu a {

    color: #84807d;

}



.site-top .site-top-menu a:hover {

    color: #032e61;

}



.site-title .navbar-brand {
    margin: 1.25rem 0;
    padding: 0;
}
.site-title .navbar-brand img{ height:90px; }



.navbar-brand {

    float: left;

    width: 15%;

}



.w26 {
    width: 28%;
    float: left;
    padding-top: 1.6875rem;
    margin-left: 2.25rem;
}

.inline-div div:nth-child(3).w26{ width:22%; }

.blue-font {

    color: #032e61;

}



.w26 p.blue-font {

    font-size: 1.5rem;

    font-weight: bold;

    margin-bottom: 0.75rem;

}



.w26 p.bg-blue {

    color: #fff;

    line-height: 2.125rem;

    background: #032e61;

    text-align: center;

    margin-bottom: 0;

}



.site-tel .l-icon {

    margin-top: 2.125rem;

    margin-right: 1rem;

}



.site-tel .r-txt {

    margin-top: 1.25rem;

}



.site-tel p {

    margin-bottom: 0;

    font-size: 1.4rem;

    font-weight: bold;

    line-height: 1;

}



.navbar {

    background: #032e61;

    padding: 0;

}



.navbar-nav .nav-link {

    color: #fff;

    padding: 0;

}



.navbar-nav .nav-link:hover {

    color: #032e61;

    background: #fff;

}



.navbar-nav {

    width: 100%;

}



.navbar-nav .nav-item {

    width: 11%;

    line-height: 50px;

    padding: 0;

    text-align: center;

    display: inline-block;

    position: relative;

}



.pro-dropdown {

    position: absolute;

    top: 60px;

    width: 675px;

    padding: 45px 45px;

    background: #fff;

    border-radius: 10px 10px;

    margin-top: 20px;

}



.dropdown-toggle::after {

    display: none;

}



.pro-dropdown .menu_triangle {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    z-index: -1;

    background-color: #fff;

    transform: translate(75px, -5px) rotate(-45deg);

}



.pro-dropdown .l-pic {

    width: 210px;

    float: left;

    margin-right: 2.25rem;

}



.pro-dropdown .r-cont {

    width: 336px;

    float: left;

}



.pro-dropdown .r-cont p {

    font-size: 18px;

    margin-bottom: 0;

    border-bottom: 1px solid #cccccc;

}



.pro-dropdown ul {

    list-style: none;

    padding: 0;

}



.pro-dropdown ul li {

    width: 49%;

    font-size: 0.875rem;

    float: left;

    border-bottom: 1px solid #cccccc;

    line-height: 2.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pro-dropdown ul li a {

    color: #565555;

}



.navbar-nav .nav-item .nav-link.active {

    background: #eeeef0;

    color: #032e61;

}



.navbar-toggler-icon {

    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}



.carousel-indicators li {

    width: 10px;

    height: 10px;

    border-radius: 50%;

}



.swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.big-banner .swiper-button-next,

.big-banner .swiper-button-prev {

    color: rgba(255, 255, 255, 0.5);

}



.big-banner .swiper-button-prev {

    left: 10%;

}



.big-banner .swiper-button-next {

    right: 10%;

}



.big-banner .swiper-button-next:hover,

.big-banner .swiper-button-prev:hover {

    color: rgba(255, 255, 255, 1);

}



.big-banner .swiper-pagination-bullet {

    width: 40px;

    height: 8px;

    border-radius: unset;

}



.hot-key {

    width: 100%;

    height: 70px;

    line-height: 70px;

    color: #fff;

    background: url('../img/hot.png')no-repeat 100% 100%;

    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.4);

}



.hot-key .l-hot {

    width: 58%;

    float: left;

}



.hot-key .r-phone {

    float: right;

    width: 35%;

    color: #fff;

    font-size: 24px;

    font-weight: bold;

}



.hot-key .r-phone img {

    vertical-align: middle;

}



.hot-key .r-phone .iconfont {

    font-size: 30px;

    font-weight: unset !important;

    vertical-align: middle;

}



.hot-key .icon-remen {

    color: #ff0000;

    font-size: 30px;

    margin-right: 25px;

    vertical-align: middle;

}



.hot-key .hot-words {

    font-size: 14px;

}



.hot-key .hot-words a {

    color: rgba(255, 255, 255, 0.5);

    transition: all 0.3s;

    margin: 0 5px;

}



.hot-key .hot-words a:hover {

    color: rgba(255, 255, 255, 1);

}



.hot-key .l-hot form {

    display: inline-block !important;

    position: relative;

    float: right;

}



.hot-key .l-hot form input {

    line-height: 30px;

    height: 30px;

    text-indent: 1rem;

    border-radius: 15px 15px;

    border: none;

    outline: none;

    width: 254px;

    font-size: 12px;

    color: #cccccc;

}



.hot-key .l-hot form button {

    background: none;

    line-height: 30px;

    border: none;

    outline: none;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 20px;

}



.hot-key .l-hot form button .iconfont {

    font-size: 18px;

    color: #ccc;

}



.product-wrap {

    margin: 80px auto;

}



.pub-title {

    text-align: center;

    margin-bottom: 30px;

}



.pub-title p {

    color: #006db8;

    font-size: 36px;

    margin-bottom: 15px;

    font-weight: bold;

    line-height: 1;

}



.pub-title span {

    color: #3797dc;

}



.pub-title p .pub-line {

    width: 90px;

    height: 4px;

    border: none;

    background: #006db8;

    vertical-align: middle;

    display: inline-block;

    margin: 0 30px;

}







.pro-zone {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

}



.pro-zone .zone-item {

    /* width: 370px;

    height: 180px; */

    width: 24.5%;

    /* height: 180px; */

    padding: 30px 10px 30px 10px;

    background: #333334;

    position: relative;

    overflow: hidden;

    transition: all 0.6s;

}



.pro-zone .zone-item.active {

    background: #006db8;

}



.pro-zone .zone-item .l-pic {

    float: left;

}



.pro-zone .zone-item .r-cont {

    float: left;

    margin-left: 10px;

    color: #fff;

}



.pro-zone .zone-item .r-cont p {

    font-size: 24px;

    margin-bottom: 0;

    font-weight: bold;

}



.pro-zone .zone-item .r-cont .en-title {

    font-size: 12px;

    margin: 6px 0 12px 0;

}



.pro-zone .zone-item .r-cont a {

    background: none;

    border: 1px solid #fff;

    display: inline-block;

    line-height: 32px;

    width: 118px;

    text-align: center;

    color: #fff;

    border-radius: 50px;

}



.pro-zone .zone-item .r-cont a:hover {

    background: #fff;

    color: #006db8;

}



.pro-zone .zone-item:hover {

    background: #006db8;

}



.product-box {

    margin-top: 15px;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

}



.pro-menu {

    width: 24.5%;

}



#accordion {



    /* max-width: 370px; */

    border-radius: unset !important;

}



.pro-display {

    width: 74.8%;

}



#accordion .card-header {

    height: 60px;

    border-radius: unset;

    background: #006db8;

    padding: 10px 40px;

    line-height: 1.2;

}



#accordion .card-header a {

    color: #fff;

}



#accordion .card-header a p {

    margin-bottom: 0;

    font-size: 18px;

    font-weight: bold;

}



#accordion .card-body {

    padding: 4px 0;

    height: 377px;

    overflow-y: scroll;

}



#accordion .card-body ul {

    list-style: none;

    padding: 0;

}



#accordion .card-body ul li {

    background: #333;

    line-height: 40px;

    width: 100%;

    padding-left: 40px;

    margin: 1px 0;

}



#accordion .card-body ul li:hover {

    background: #006db8;

}



#accordion .card-body ul li a {

    color: #fff;

}



#accordion .card {

    border: 1px solid #fff;

}



.call-us {

    width: 100%;

    margin-top: 7px;

}



.call-us img {

    width: 100%;

}



.pro-display .tab-wraper {

    width: 100%;

    display: none;

}



.pro-display .tab-wraper.active {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.pro-display .tab-wraper .tab-item {

    width: 32.5%;

    border: 1px solid #333;

    position: relative;

    margin-bottom: 25px;

}



.pro-display .tab-wraper .tab-item .top {

    width: 100%;

    height: 265px;

    overflow: hidden;

}



.pro-display .tab-wraper .tab-item .top img {

    width: 100%;

    transition: all 0.6s;

}



.pro-display .tab-wraper .tab-item .under {

    line-height: 36px;

    text-align: center;

    background: #333;

}



.pro-display .tab-wraper .tab-item .under a {

    color: #fff;

    text-align: center;

    background: #333;

    display: inline-block;

}



.pro-display .tab-wraper .tab-item:hover img {

    transform: scale(1.4);

}



.pro-display .tab-wraper .tab-item .mask {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    background: rgba(0, 109, 184, 0.8);

    text-align: center;

    opacity: 0;

    transition: all 0.6s;

}



.pro-display .tab-wraper .tab-item .mask .iconfont {

    font-size: 50px;

}



.pro-display .tab-wraper .tab-item .mask .wrap {

    padding: 60px 50px;

}



.pro-display .tab-wraper .tab-item .mask a {

    color: #fff;

}



.pro-display .tab-wraper .tab-item .mask .wrap .pro-title {

    margin: 5px 0;

    font-size: 18px;

}



.pro-display .tab-wraper .tab-item .mask .wrap .pro-desc {

    font-size: 14px;

    margin-bottom: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.page{

    margin-top: 20px;

}



.pro-display .tab-wraper .tab-item:hover .mask {

    height: 100%;

    width: 100%;

    opacity: 1;

}



.pro-display .tab-wraper .tab-item:nth-child(7),

.pro-display .tab-wraper .tab-item:nth-child(8),

.pro-display .tab-wraper .tab-item:nth-child(9) {

    /*margin-bottom: 0;*/

}



.pro-display .tab-wraper {

    position: relative;

}



.pro-display .tab-wraper::after {

    width: 32.5%;

    content: '';

    height: 0;

    display: block;

}



.pro-display .tab-wraper .pro-more {

    background: #333;

    color: #fff;

    display: inline-block;

    line-height: 40px;

    text-align: center;

    border-radius: 50px;

    width: 230px;

    margin: 20px auto;

    margin-bottom: 0;

    position: absolute;

    bottom: -35px;

    left: 50%;

    margin-left: -115px;

}





.advantage {

    width: 100%;

    height: 1200px;

    position: relative;

    overflow: hidden;

    margin: 80px auto;

    margin-bottom: 0;

    background: url('../img/advbj.jpg')no-repeat;

}



.advantage .wrap {

    padding: 80px 0 50px 0;

}



.advantage .wrap .gif-box,

.advantage .wrap .cont-box {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.advantage .wrap .gif-box .gif-item {

    width: 48%;

    height: 456px;

    overflow: hidden;

}



.advantage .wrap .gif-box .gif-item img {

    width: 100%;

}



.advantage .wrap .tips {

    font-size: 24px;

    text-align: center;

    color: #fff;

    margin: 24px 0;

}



.advantage .wrap .cont-box .cont-item {

    width: 48%;

    color: #fff;

}



.advantage .wrap .cont-box .cont-item .bt {

    line-height: 36px;

    text-align: center;

    background: #fff;

    display: inline-block;

    color: #006db8;

    padding: 0 32px;

}



.stripes {

    height: 165px;

    background: url('../img/1.jpg')no-repeat 100% 100%;



}



.stripes .yc-wrap {

    height: 165px;

    position: relative;

}



.stripes .btn {

    position: absolute;

    bottom: 20px;

    right: 0;

}



.stripes .btn a {

    display: inline-block;

    margin-left: 10px;

    text-align: center;

    color: #fff;

    border: 1px solid #fff;

    line-height: 30px;

    padding: 0 15px;

}



.stripes .btn a:hover {

    background: #fff;

    border-color: #fff;

    color: #006db8;

}



.solution {

    margin: 80px auto;

}



.solution .solu-cont {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.solution .solu-control {

    width: 270px;

}



.solution ul {

    list-style: none;

    padding: 0;

    margin: 0 !important;

}



.solution .solu-control ul li {

    list-style: none;

    background: #343434;

    line-height: 117px;

    padding: 0 25px;

    margin-bottom: 5px;

    font-size: 18px;

}



.solution .solu-control ul li:last-child {

    margin-bottom: 0;

}



.solution .solu-control ul li span {

    margin-right: 10px;

    display: inline-block;

    width: 25px;

}



.solution .solu-control ul li span img {

    vertical-align: middle;

}



.solution .solu-control ul li a {

    color: #fff;

}



.solution .solu-control ul li:hover,

.solution .solu-control ul li.active {

    background: #006db8;

}



.solution .solu-body {

    width: 980px;

}



.solution .solu-r {

    width: 270px;

    position: relative;

}



.solution .solu-body .solu-show {

    height: 727px;

    width: 100%;

    overflow: hidden;

    position: relative;

    display: none;

}



.solution .solu-body .solu-show img {

    width: 100%;

    height: 100%;

}



.solution .solu-body .solu-show .mask {

    padding: 20px 80px;

    background: #006db8;

    color: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}



.solution .solu-body .solu-show .mask .tit {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

}



.solution .solu-body .solu-show .mask .desc {

    font-size: 14px;

    margin-bottom: 0;

}



.solution .solu-body .solu-show.show {

    display: block;

}



.solution .solu-r .r-wrap {

    overflow: hidden;

    position: relative;

    width: 100%;

    height: 595px;

}



.solution .solu-r ul {

    padding: 0;

    margin: 0;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 999999px;

}



.solution .solu-r ul li {

    width: 100%;

    height: 185px;

    overflow: hidden;

    margin-bottom: 20px;

    position: relative;

}



.solution .solu-r ul li .mask {

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0, 109, 184, 0.8);

    text-align: center;

    line-height: 185px;

    height: 185px;

    width: 100%;

    opacity: 0;

    transition: all 0.6s;

}



.solution .solu-r ul li .mask a {

    color: #fff;

}



.solution .solu-r ul li:hover .mask {

    opacity: 1;

}



.solution .solu-r ul li img {

    width: 100%;

}



.solution .solu-r ul li .under {

    text-align: center;

    line-height: 30px;

    position: absolute;

    bottom: 0;

    width: 100%;

    left: 0;

    background: #006db8;

}



.solution .solu-r ul li .under a {

    color: #fff;

}



.solution .solu-r .r-ctrl {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

}



.solution .solu-r .r-ctrl a {

    display: block;

    width: 49%;

    max-width: 130px;

    line-height: 102px;

    background: #343434;

    color: #fff;

    text-align: center;

}



.solution .solu-r .r-ctrl a:hover {

    background: #006db8;

}



.solution .solu-r .r-ctrl a span {

    display: inline-block;

    width: 100%;

    line-height: 102px;

    font-size: 50px;

}



.process {

    margin: 80px auto;

}



.process-wrap {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

}



.process-wrap .process-item {

    width: 16.66667%;

}



.process-wrap .process-item .cont {

    padding: 45px 40px;

    background: #006db8;

    color: #fff;

    max-height: 214px;

}



.process-wrap .process-item .cont .step {

    font-size: 40px;

    color: rgba(255, 255, 255, 0.6);

    margin-bottom: 8px;

    line-height: 1;

    font-weight: 700;

}



.process-wrap .process-item .cont .tit {

    font-size: 20px;

    font-weight: bold;

    line-height: 1;

    margin-bottom: 24px;

}



.process-wrap .process-item .cont .des {

    font-size: 14px;

    margin-bottom: 0;

    line-height: 1;

}



.process-wrap .process-item .cont .en {

    font-size: 8px;

    margin-bottom: 0;

}



.process-wrap .process-item:nth-child(even) .cont {

    background: #343434;

}



.index-about {

    padding: 80px 0;

    background: url('../img/2.jpg')no-repeat center center;

}



.index-about .title .g {

    display: inline-block;

    font-size: 70px;

    font-weight: bold;

    margin-right: 15px;

    float: left;

    color: #006db8;

    line-height: 1;

}



.index-about .title .y {

    float: left;

}



.index-about .title .y span {

    font-size: 36px;

    color: #006db8;

    font-weight: bold;

}



.index-about .title .y p {

    margin-bottom: 0;

    font-size: 18px;

    font-weight: bold;

    color: #3797dc;

}



.index-about p.cont {

    margin: 60px 0 80px 0;

    line-height: 40px;

    text-indent: 2rem;

}



.index-about a {

    display: inline-block;

    width: 200px;

    line-height: 50px;

    font-size: 16px;

    background: #006db8;

    color: #fff;

    text-align: center;

}



.index-news {

    margin: 80px 0;

}



.index-news .news_wrap {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

}



.index-news .news_wrap .news-item {

    width: 32%;

}



.index-news .news_wrap .news-item .top {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    width: 100%;

}



.index-news .news_wrap .news-item .top p {

    margin-bottom: 0;

    font-size: 20px;

    font-weight: bold;

    color: #006db8;

}



.index-news .news_wrap .news-item .top a {

    vertical-align: middle;

    display: inline-block;

    line-height: 50px;

}



.index-news .news_wrap .news-item hr {

    width: 100%;

    background: #c4c4c4;

    height: 1px;

    border: none;

    margin: 22px 0 32px 0;

}



.index-news .news_wrap .news-item .flag {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    width: 100%;

}



.index-news .news_wrap .news-item .flag .pic {

    width: 40%;

    height: 120px;

    overflow: hidden;

}



.index-news .news_wrap .news-item .flag .pic img {

    width: 100%;

    cursor: pointer;

    transition: all 0.6s;

}



.index-news .news_wrap .news-item .flag .cont {

    width: 55%;

    height: 120px;

    overflow: hidden;

}



.index-news .news_wrap .news-item .flag .cont .tit {

    font-size: 18px;

    font-weight: bold;

    line-height: 1;

    word-break: break-all;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;



}



.index-news .news_wrap .news-item .flag .cont .tit a {

    color: #000;

}



.index-news .news_wrap .news-item .flag .cont .tit a:hover {

    color: #006db8;

}



.index-news .news_wrap .news-item .flag .cont .desc {

    margin-bottom: 0;

    font-size: 14px;

    color: #9c9c9c;

    word-break: break-all;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    /* autoprefixer: off */

    -webkit-box-orient: vertical;

    /* autoprefixer: on */

    -webkit-line-clamp: 4;



}



.index-news .news_wrap .news-item .news-list {

    margin: 40px 0 35px 0;

    list-style: none;

}



.index-news .news_wrap .news-item .news-list a {

    color: #9c9c9c;

}



.index-news .news_wrap .news-item .news-list a:hover {

    color: #006db8;

}



.index-news .news_wrap .news-item .news-list li {

    border-bottom: 1px solid #c4c4c4;

    font-size: 14px;

    height: unset;

    width: 100%;

    margin-bottom: 0;

}



.index-news .news_wrap .news-item .news-list li a {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    line-height: 40px;

}



.index-news .news_wrap .news-item .news-list li span.news-tit {

    display: inline-block;

    width: 80%;

    word-break: break-all;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.index-news .news_wrap .news-item .news-list li span.date {

    width: 15%;

}



.index-news .news_wrap .news-item.callme .top {

    border: none !important;

}



.index-news .news_wrap .news-item.callme .flag .pic {

    width: 100%;

    height: 170px;

    margin-top: 23px;

}



.index-news .news_wrap .news-item.callme .news-list {

    margin-top: 22px;

}



.index-news .news_wrap .news-item.callme .news-list li {

    line-height: 40px;

    color: #0970b9;

    width: 100% !important;

    height: unset !important;

    margin-bottom: 0;

}





.footer {

    background: #343434;

    padding-top: 40px;

    color: #fff;

}



.footer .hot-tit {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 0;

    line-height: 1;

}



.footer .foot-tel {

    font-size: 24px;

    font-weight: bold;

    margin-top: 30px;

}

.footer .foot-tel.foot-mobile{

    margin: 0;

    margin-top: 0;

}



.footer .zixun a {

    display: block;

    color: #858585;

    line-height: 30px;

}



.footer .zixun a:hover {

    color: #fff;

}



.footer .zixun .kefu {

    width: 160px;

    line-height: 40px;

    display: inline-block;

    border: 1px solid #fff;

    color: #fff;

    text-align: center;

    margin-top: 30px;

}



.footer .foot-menu {

    float: left;

    margin-right: 120px;

}



.footer .foot-menu p {

    font-size: 16px;

    font-weight: bold;

    color: #fff;

}



.footer .foot-menu ul li {

    list-style: none;

    line-height: 32px;

}



.footer .foot-menu ul li a {

    color: #858585;

}



.footer .foot-menu ul li a:hover {

    color: #fff;

}



.footer .qrcode-box {

    width: 135px;

}



.footer .qrcode-box img {

    width: 100%;

}



.footer .qrcode {

    position: relative;

}



.footer .qrcode .qrcode-box {

    position: absolute;

    top: 0;

    right: 0;

}



.footer .qrcode .qrcode-box p {

    font-size: 12px;

    margin-top: 20px;

    margin-bottom: 0;

}



.footer .qrcode .qrcode-btn {

    position: absolute;

    top: 0;

    right: 150px;

}



.footer .qrcode .qrcode-btn p {

    line-height: 1;

}



.footer .qrcode .qrcode-btn a {

    color: #696969;

}



.footer .qrcode .qrcode-btn a:hover {

    color: #fff;

}



.footer .qrcode .qrcode-btn .iconfont {

    font-size: 40px;

}



.footer .flink {

    margin-top: 20px;

    line-height: 20px;

    font-size: 12px;

}



.footer hr {

    width: 100%;

    height: 1px;

    border: none;

    background: #696969;

}



.footer .flink a {

    color: #696969;

    display: inline-block;

    text-align: center;

    margin: 0 10px;

}



.footer .flink a:hover {

    color: #fff;

}



.footer .powerby {

    text-align: center;

    color: #696969;

    font-size: 14px;

}



.footer .powerby span {

    margin: 0 10px;

}



.footer .powerby a {

    color: #696969;

}



.footer .powerby a:hover {

    color: #fff;

}





.top-banner {

    width: 100%;

    position: relative;

}



.top-banner .current {

    position: absolute;

    top: 45%;

    z-index: 10;

    color: #fff;

    width: 100%;

    display: none;

}



.top-banner .current p {

    font-size: 40px;

    font-weight: bold;

}



.news-wrap {

    margin: 80px auto;

}



.news-wrap .top-nav {

    line-height: 60px;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    width: 100%;

    border-bottom: 1px solid #333334;

}



.news-wrap .top-nav .option a {

    display: inline-block;

    line-height: 60px;

    font-size: 16px;

    color: #333334;

    text-align: center;

    width: 115px;

}



.news-wrap .top-nav .option a:hover,

.news-wrap .top-nav .option a.active {

    background: #032e61;

    color: #fff;

}



.news-wrap .top-nav .bread a {

    display: inline-block;

    color: #333334;

    text-align: center;

}



/*.news-wrap .top-nav .bread a::after {*/

/*    content: '》';*/

/*    margin: 0 10px;*/

/*}*/



.news-wrap .top-nav .bread a:last-child::after {

    content: none;

}



.news-wrap .top-nav .bread a:hover {

    color: #032e61;

}





.news-wrap.inner-news .news-list {

    margin: 40px auto;

    padding: 0;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.news-wrap.inner-news .news-list li {

    width: 49%;

    height: 244px;

    list-style: none;

    margin-bottom: 30px;

    overflow: hidden;

}



.news-wrap.inner-news .news-list li .list-pic {

    width: 40%;

    height: 244px;

    overflow: hidden;

    float: left;

}



.news-wrap.inner-news .news-list li .list-pic img {

    width: 100%;

    height: 100%;

    transition: all 0.6s;

}



.news-wrap.inner-news .news-list li .list-cont {

    width: 60%;

    height: 100%;

    float: left;

    background: #f3f3f3;

}



.news-wrap.inner-news .news-list li .list-cont .wrap {

    padding: 34px 25px;

}



.news-wrap.inner-news .news-list li .list-cont .list-title {

    font-size: 18px;

    font-weight: bold;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

    width: 100%;

}



.news-wrap.inner-news .news-list li .list-cont .list-title a {

    color: #333;

}



.news-wrap.inner-news .news-list li .list-cont .list-title a:hover {

    color: #006db8;

}



.news-wrap.inner-news .news-list li .list-cont .list-desc {

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    line-clamp: 3;

    -webkit-box-orient: vertical;

    width: 100%;

    font-size: 14px;

}



.news-wrap.inner-news .news-list li .list-cont .list-data {

    font-size: 14px;

    margin-bottom: 0;

}



.news-wrap.inner-news .news-list::after {

    width: 49%;

    content: '';

    display: block;

    height: 0;

}



.page span {

    margin-right: 10px;

    border: 1px solid #333;

    line-height: 36px;

    display: inline-block;

    text-align: center;

    padding: 0 10px;

}



.page .layui-laypage-curr {

    background: #006db8;

    color: #fff;

    border: #006db8;

    min-width: 36px;

}



.page a {

    color: #333;

    line-height: 36px;

    padding: 0 10px;

    border: 1px solid #333;

    display: inline-block;

    min-width: 36px;

    margin-right: 10px;

}



.page input {

    line-height: 36px;

    height: 36px;

    border: none;

    text-align: center;

    max-width: 60px;

    margin: 0 5px;

    border: 1px solid #333;

}



.page button {

    border: none;

    line-height: 36px;

    background: #006db8;

    color: #fff;

    /* border: 1px solid #006db8; */

}



.page .layui-laypage-skip {

    padding-right: 0;

    border: none;

}



.news_show {

    width: 100%;

    background: #fbfbfb82;

    padding: 40px 100px;

    margin: 80px auto;

}



.news_show .top h1 {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 40px;

}



.news_show .top .info {

    width: 100%;

    margin-bottom: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.news_show .top .info .l-info span {

    margin-right: 10px;

    color: #585858;

    font-size: 14px;

}



.news_show hr {

    margin: 40px 0;

}



 .next-box a {

    color: #1b1b1b;

}



.news_show a:hover {

    color: #006db8;

}

.main-r{

    margin-top:80px;

}

.main-r .top{

    line-height: 40px;

    padding: 0 10px;

    color: #202020;

    font-size: 24px;

    font-weight: 700;

}

.hot-pro .item .title a{

    line-height: 40px;

    display:inline-block;

    color: #fff;

}



.more-info {

    color: #585858;

}



.more-info .tags a {

    color: #585858;

    margin: 0 5px;

    text-align: center;

}



.more-info a {

    color: #585858;

}



.related {

    margin-bottom: 80px;

    width: 100%;

}

.related .swiper-container{

    margin-top: 20px;

}

.related .swiper-slide{

    height: 240px;

    overflow: hidden;

    position: relative;

}

.related .swiper-slide img{

    /*height: 100%;*/

    width: 100%;

}

.related .swiper-slide .mask{

    position: absolute;

    width: 100%;

    bottom: 0;

    height: 40px;

    line-height: 40px;

    background: rgba(0,0,0,0.5);

}

.like_case{

    margin-top: 20px;

}

.like_case_wrap{

    list-style: none;

}

.like_case_wrap li{

    position: relative;

    overflow: hidden;

    margin-bottom: 20px;

}

.like_case_wrap li .mask{

    position: absolute;

    width: 100%;

    bottom: 0;

    height: 40px;

    line-height: 40px;

    background: rgba(0,0,0,0.5);

}

.like_case_wrap li .mask a{

    color: #fff;

}

.like_case_wrap.like_news li{

    line-height: 40px;

    margin: 0;

    border-bottom: 1px solid #f3f3f3;

}

.like_case_wrap.like_news li a{

    color: #202020;

}

.related .swiper-slide .mask a{

    color: #fff;

}

.like_case_wrap.like_news li p{

    overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

margin: 0;

}

.related .pub-tit {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 0;

}



.news-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

    margin-top: 35px;

}





.news-list li {

    width: 32%;

    /*height: 244px;*/

    overflow: hidden;

    list-style: none;

    margin-bottom: 20px;

    background: #f3f3f3;

}



.index-news .news-list li{

    background: none;

}



.news-list li .list-pic {

    width: 40%;

    height: 244px;

    overflow: hidden;

    float: left;

}



.news-list li .list-pic img {

    width: 100%;

    height: 100%;

    transition: all 0.6s;

}



.news-list li .list-cont {

    width: 100%;

    height: 100%;

    float: left;

    background: #fbfbfb82;

}



.news-list li .list-cont .wrap {

    padding: 10px 25px;

}



.news-list li .list-cont .list-title {

    font-size: 16px;

    font-weight: bold;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    line-clamp: 1;

    -webkit-box-orient: vertical;

    width: 100%;

}



.news-list li .list-cont .list-title a {

    color: #333;

}



.news-list li .list-cont .list-title a:hover {

    color: #006db8;

}



.news-list li .list-cont .list-desc {

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    line-clamp: 3;

    -webkit-box-orient: vertical;

    width: 100%;

    font-size: 14px;

}



.news-list li .list-cont .list-data {

    font-size: 14px;

    margin-bottom: 0;

}



.contact {

    margin: 80px auto;

    width: 100%;

}



.contact .company-name {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 8px;

}



.contact .contact-wrap {

    padding: 0;

    margin-bottom: 0;

    margin-top:50px;

}



.contact .contact-wrap li {

    width: 100%;

    list-style: none;

    line-height: 70px;

    font-size: 20px;

    border-bottom: 1px solid #bebebe;

}



.contact .contact-wrap li .iconfont {

    font-size: 50px;

    vertical-align: middle;

    color: #032e61;

    margin-right: 35px;

}



.l-w95 {

    width: 95%;

    margin-right: 5%;

}



.r-w95 {

    width: 95%;

    margin-left: 5%;

}



.form-group {

    margin-top: 40px;

}



.form-group,

.form-group table {

    width: 100%;

}



.form-group table tr {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    margin-bottom: 20px;

}



.form-group table tr td {

    width: 49%;

    display: inline-block;

}



.form-group table tr.textarea td {

    width: 100%;

}



.form-group table tr td input,

.form-group table tr td textarea,

.form-group table tr td button {

    width: 100%;

    outline: none;

    line-height: 50px;

    color: #555555;

    font-size: 20px;

    text-indent: 2rem;

    border: 1px solid #bebebe;

}



.form-group table tr td input{

    height: 50px;

}

.form-group table tr td textarea {

    line-height: 30px;

}



.form-group table tr td .sub-btn {

    border: none;

    background: #032e61;

    text-align: center;

    color: #fff;

    text-indent: unset;

}



.form-group table tr td .reset-btn {

    border: none;

    background: #333334;

    text-align: center;

    color: #fff;

    text-indent: unset;

}



.map-box {

    width: 100%;

    height: 400px;

}



.map_wrap {

    width: 100%;

    margin: 80px auto;

}



.cont-qrcode {

    padding: 50px 40px;

    height: 400px;

}



.cont-qrcode .qr-box {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    width: 80%;

    margin: 0 auto;

    margin-top: 20px;

    text-align: center;

}

.cont-qrcode .qr-box .item{

    margin: 0 auto;

}

.solution-wrap {

    margin: 80px auto;

}



.solution-list {

    width: 100%;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.solution-list li {

    margin-bottom: 50px;

    width: 49%;

    list-style: none;

}



/* .solution-list li:last-child{

    margin-bottom: 0;

} */

.solution-list li .l-pic {

    width: 48%;

    max-width: 380px;

    height: 200px;

    overflow: hidden;

    float: left;

}



.solution-list li .l-pic img {

    width: 100%;

    height: 100%;

}



.solution-list li .r-cont {

    position: relative;

    width: 48%;

    background: url('../img/fabj.png')no-repeat 100% 100%;

    max-width: 380px;

}



.solution-list li .r-cont .desc {

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    line-clamp: 4;

    -webkit-box-orient: vertical;

    width: 100%;

    font-size: 14px;

}



.solution-list li .r-cont .tit {

    position: absolute;

    top: 5px;

    left: 38px;

    width: 54%;

    font-weight: bold;

    color: #032e61;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.solution-list li .r-cont .wrap {

    padding: 20px 30px;

    position: absolute;

    top: 30px;

    left: 0;



}



.solution-list li .r-cont .solu-more {

    display: inline-block;

    font-size: 12px;

    text-align: center;

    color: #fff;

    background: #032e61;

    line-height: 40px;

    width: 90px;

}



.profile {

    margin: 80px auto;

}



.profile .cn-title {

    font-size: 40px;

    margin-bottom: 0;

}



.profile .en-title {

    font-size: 40px;

    font-weight: bold;

    color: #ebebeb;

    margin-bottom: 0;

}



.profile hr {

    width: 50px;

    height: 4px;

    background: #333334;

    border: none;

    display: inline-block;

}



.profile .content {

    line-height: 28px;

    font-size: 16px;

    text-indent: 2rem;

}



.introduce {

    padding: 64px 0;

    color: #fff;

    background: url('../img/jiesao.jpg')no-repeat;

}



.introduce .flex {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.introduce .items {

    width: 49%;

    height: 352px;

    max-width: 757px;

    padding: 66px 80px;

    border: 1px solid #fff;

}



.introduce .items .top {

    font-size: 28px;

    font-weight: bold;

}



.introduce .items .under {

    line-height: 38px;

    text-indent: 2rem;

}



.introduce .items:last-child .under {

    text-indent: unset;

}



.positioning {

    margin: 80px auto;

}



.positioning .wraper {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

}



.positioning .wraper .p-one {

    width: 34.8%;

}



.positioning .wraper img {

    width: 100%;

}



.positioning .wraper .p-two {

    width: 65.2%;

}



.positioning .wraper .p-two .two-item .l,

.positioning .wraper .p-two .two-item .r {

    width: 50%;

}



.positioning .wraper .p-two .two-item {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

}



.positioning .wraper .p-two .two-item .l {

    padding: 70px 60px;

    background: url('../img/dw.jpg')no-repeat;

    color: #fff;

}



.positioning .wraper .p-two .two-item:last-child .l {

    background: url('../img/kh.jpg')no-repeat;

}



.positioning .wraper .p-two .two-item .l .txt {

    font-size: 16px;

    margin-bottom: 0;

}



.positioning .wraper .p-two .two-item .l .tit {

    font-size: 30px;

    line-height: 1;

    font-weight: bold;

}



.pro-display .top-box {

    width: 100%;

    margin-bottom: 20px;

    border-bottom: 1px solid #333334;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    padding-bottom: 10px;

    line-height: 40px;

}



.pro-display .top-box form {

    position: relative;

}



.pro-display .top-box form input {

    position: relative;

    line-height: 40px;

    width: 254px;

    border-radius: 50px 50px;

    border: none;

    background: #333334;

    color: #cacaca;

    text-indent: 2rem;

    font-size: 12px;

}



.pro-display .top-box form button {

    position: absolute;

    right: 15px;

    background: none;

    border: none;

    color: #cacaca;

    font-size: 18px;

}



.pro-display .top-box form button .iconfont {

    font-size: 18px;

}



.pro-display .top-box .bread a {

    display: inline-block;

    color: #333334;

    text-align: center;

}





.pro-display .top-box .bread a:last-child::after {

    content: none !important;

}



.pro-display .top-box .bread a:hover {

    color: #032e61;

}



.product-body {

    margin: 40px auto;

}



.product-body .out-wrap {

    padding: 40px;

}



.product-body .out-wrap .pro-title {

    font-size: 30px;

}



.product-body .out-wrap .attribute li {

    border-bottom: 1px solid #dddddd;

    line-height: 60px;

    list-style: none;

}

.product-body .out-wrap .under-tel{

    line-height: 67px;

}

.product-body .out-wrap .under-tel .icon {

    vertical-align: middle;

    display: inline-block;

}

.product-body .out-wrap .under-tel .icon img{

    vertical-align: middle;

}

.product-body .out-wrap .under-tel .num {

    display: inline-block;

    margin-left: 20px;

    font-size: 28px;

    line-height: 60px;

    font-weight: bold;

}



.product-body .figure {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

    padding-right: 65px;

}



.product-body .figure .figure-wrap {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}





.product-body .pro-content {

    margin-top: 20px;

}



.product-body .pro-content .tips {

    border-bottom: 1px solid #dddddd;

}



.product-body .pro-content .tips span {

    display: inline-block;

    line-height: 48px;

    background: #032e61;

    width: 160px;

    text-align: center;

    color: #fff;

}



.product-body .pro-content .content-wrap {

    margin: 20px 0;

    width: 100%;

}



.product-body .pro-content .content-wrap img {

    max-width: 100%;

}



.m-show{

    display: none;

}

.brand{

    display: none;

}

.pro-zone.n-zone{

    width: 100%;

    flex-wrap: wrap;

}

.pro-zone.n-zone .zone-item{

    width: 100%;

    margin-bottom: 20px;

}

@media screen and (max-width:768px) {

    .m-hide {

        display: none;

    }

    .main-r{

        margin-top: 0;

    }

    .brand{

    display: block;

}

    .m-show{

        display: block;

    }

    .yc-wrap{

        width: unset;

    }

    .navbar {

        padding: 0.5rem 1rem;

    }



    .navbar-collapse {

        margin-top: 0.5rem;

    }



    .navbar-nav .nav-item {

        width: 100%;

    }

    .hot-key{

        display: none;

    }

    .product-wrap{

        margin: 30px auto;

    }

    .pub-title p{

        font-size: 24px;

    }

    .pub-title p .pub-line{

        width: 40px;

    }

    .pro-zone{

        flex-wrap: wrap;

    }

    .pro-zone .zone-item{

        width: 49%;

    }

    .pro-zone .zone-item .r-cont{

        margin-left: 0;

    }

    .pro-zone .zone-item .r-cont p{

        font-size: 16px;

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .pro-zone .zone-item .r-cont .en-title{

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .pro-zone .zone-item .l-pic{

        display: none;



    }

    .pro-zone .zone-item .r-cont{

        width:100%;

    }

    .pro-zone .zone-item{

        padding: 10px 10px;

        margin-bottom: 10px;

        text-align: center;

    }

    .pro-menu{

        display: none;

    }

    .pro-display{

        width: 100%;

    }

    .pro-display .tab-wraper .tab-item{

        width: 49%;

        margin-bottom: 20px;

    }

    .tab-wraper .tab-item:nth-child(9),.pro-display .tab-wraper .tab-item:nth-child(9){

        margin-bottom: 20px!important;

    }

    .pro-display .tab-wraper .tab-item .top{

        height: unset;

        min-height: 100px;

    }

    .pro-display .tab-wraper .tab-item .top img{

         min-height: 100px;

    }

    .pro-display .tab-wraper .tab-item .under{

        line-height: 30px;

        font-size: 14px;

    }

    .advantage{

        background: #006db8;

        color: #fff;

        height: unset;

    }

    .advantage  .pub-title p{

        color: #fff;

    }

    .advantage .pub-title p .pub-line{

        background: #fff;

    }

    .advantage .pub-title span{

        color: #fff;

    }

    .advantage .wrap .gif-box .gif-item{

        height: unset;

    }

    .advantage .wrap .tips{

        color: #fff;

        font-size: 20px;

    }

    .advantage .wrap .cont-box .cont-item .bt{

        padding: 0 15px;

        text-align: left;

        font-size: 14px;

        line-height: 22px;

    }

    .index-about{

        display: none;

    }

    .stripes{

        display: none;

    }

    .index-news .news_wrap .news-item .top span{

        display: none;

    }

    .index-news .news_wrap .news-item hr{

        margin-top: 0;

        margin-bottom: 15px;

    }

    .index-news .news_wrap .news-item.callme .news-list{

        /*margin-top: 0;*/

        margin: 0;

    }

    .index-news .news_wrap .news-item.callme .news-list li{

        line-height: 35px;

    }

    .advantage .wrap .cont-box .desc{

        font-size: 14px;

    }

    .solution .solu-control{

        width: 100%;

    }

    .solution ul{

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .solution ul li{

        width: 32%;

    }

    

    

    .solution .solu-control ul li{

        height: unset;

        line-height: 30px;

        padding: 0 10px;

        font-size: 14px;

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .solution .solu-control ul li span{

        display: none;

    }

    .solution .solu-control ul li:last-child{

        margin-bottom: 5px;

    }

    .solution .solu-body{

        width: 100%;

    }

    .solution .solu-body .solu-show{

        height: unset;

    }

    .solution .solu-body .solu-show .mask{

        padding: 10px 10px;

    }

    .solution .solu-r{

        display: none;

    }

    .solution .solu-body .solu-show .mask .tit{

        font-size: 16px;

        margin-bottom: 0;

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .solution .solu-body .solu-show .mask .desc{

        font-size: 12px;

        display: none;

    }

    .process-wrap .process-item{

        width: 50%;

    }

    .process-wrap .process-item .cont {

        padding: 10px;

        height: 116px;

    }

    .process-wrap .process-item .cont .step{

        font-size: 24px;

    }

    .process-wrap .process-item .cont .tit{

        font-size: 16px;

        margin-bottom: 10px;

    }

    .process-wrap .process-item .cont .des{

        font-size: 12px;

    }

    .process-wrap .process-item .cont .en{

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .index-about p.cont{

        margin: 20px auto;

        line-height: 2;

    }

    .profile .en-title{

        display: none;

    }

    .index-about{

        padding: 30px 0;

    }

    .index-news,.solution,.advantage,.news-wrap,.process,.profile,.positioning,.contact,.map_wrap,.cont-qrcode,.product-body{

        margin: 30px 0;

    }

    .advantage{

        margin-top: 40px;

    }

    .product-body .out-wrap .pro-title{

        font-size: 18px;

    }

    .product-body .pro-content .content-wrap{

        overflow-x: scroll;

    }

    .under-tel{

        display: none;

    }

    .cont-qrcode{

        height: unset!important;

    }

    .index-news .news_wrap .news-item.callme .flag .pic,

    .index-news .news_wrap .news-item.information{

        display: none;

    }

    .index-news .news_wrap .news-item{

        width: 100%;

    }

    .advantage .wrap{

        padding-top: 30px;

    }

    .index-news .news_wrap .news-item .flag .cont .desc{

        word-break: break-all;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

    }

    .index-news .news_wrap .news-item .news-list li span.date{

        width: 20%!important;

    }

    .index-news .news_wrap .news-item .news-list li span.news-tit{

        width: 70%!important;

    }

    .index-news .news_wrap .news-item .news-list li a{

        line-height: 35px;

    }

    .index-news .news_wrap .news-item .news-list{

        margin: 20px auto;

    }

    .footer .foot-tel{

        margin: 20px auto;

    }

    .footer .zixun .kefu{

        margin-top: 20px;

    }

    .m-hide{

        display: none;

    }

    .footer{

        padding-top: 25px;

    }

    .foot-nav{

        margin: 20px auto;

    }

    .foot-nav-flex{

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .foot-nav-flex .foot-menu{

        width: 49%;

        margin-right: 0;

    }

    .index-about a{

        line-height: 30px;

        width: 150px;

        margin: 0 auto;

        display: block;

    }

    .w90{

        width: 90%;

    }

    .pro-display .top-box{

        flex-wrap: wrap;

        width: 100%;

    }

    .pro-display .top-box form{

        width: 100%;

    }

    .pro-display .top-box form input{

        width: 100%;

    }

    .pro-display .tab-wraper .tab-item .under a{

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

        width: 100%;

    }

    .pro-display .tab-wraper .tab-item .mask{

        display: none;

    }

    .product-body .out-wrap{

        padding: 10px;

    }

    .product-body .figure{

        padding-right:unset!important;

    }

    .product-body .out-wrap .attribute li{

        line-height: 36px;

    }

    .attribute{

        margin: 20px auto;

    }

    .smallshow{

        height: 100px!important;

    }

    .top-banner{

        height: 140px;

        width: 100%;

    }

    .top-banner img{

        /*display: none;*/

        height: 140px;

    }

    .top-banner.product-banner{

        /*background: url('../img/mpro.jpg')no-repeat center center/cover;*/

    }

    .top-banner.news-banner{

        background: url('../img/mnews.jpg')no-repeat center center/cover;

    }

    .top-banner.about-banner{

        background: url('../img/mabout.jpg')no-repeat center center/cover;

    }

     .top-banner.call-banner{

        background: url('../img/mcall.jpg')no-repeat center center/cover;

    }

      .top-banner.jj-banner{

        background: url('../img/mjj.jpg')no-repeat center center/cover;

    }

    .brand{

        font-size:18px;

        color: #fff;

        font-weight: 700;

    }

    .top-banner .current{

        top: 35%;

        display: block;

    }

    .top-banner .current p{

        font-size: 24px;

        display: none;

    }

    .product-body .out-wrap .under-tel .num{

        font-size: 24px;

        width: 100%;

        line-height: 30px;

    }

    .show{

        height: unset!important;

    }

    .product-body .figure .figure-wrap .show{

        height: 240px!important;

    }

    .dropdown-menu{

        display: none!important;

    }

    .news_show{

        padding: 10px 10px;

    }

    .news-list li{

        width: 100%;

        height: unset;

    }

    .news-list li .list-cont{

        height: unset;

    }

    .news-list li .list-cont .wrap{

        padding: 20px 10px;

    }

    .news-list li .list-pic{

        max-height: 144px!important;

    }

    .related .news-list li{

        margin-bottom: 15px;

    }

    .related .news-list li:nth-child(3), .related .news-list li:nth-child(4){

        margin-bottom: 15px;

    }

    .introduce{

        padding: 10px 0 0 0 ;

    }

    .introduce .items{

        width: 100%;

        height: unset;

        margin-bottom: 10px;

        padding: 20px 10px;

    }

    .introduce .items .top{

        font-size: 16px;

    }

    .introduce .items .under{

        font-size: 12px;

        line-height: 20px;

    }

    .positioning .wraper .p-two .two-item .l{

        padding: 10px;

    }

    .positioning .wraper .p-two .two-item .l .tit{

        font-size: 15px;

    }

    .positioning .wraper .p-two .two-item .l .txt{

        font-size: 12px;

    }

    .positioning .wraper img{

        height: 100%;

    }

    .solution-list li{

        width: 100%;

    }

    .solution-list li .r-cont .tit{

        left: 0;

        top: 0;

        width: 100%;

    }

    .solution-list li .r-cont{

        background: none;

    }

    .solution-list li .r-cont .wrap{

        padding: 0;

    }

    .solution-list li .r-cont .desc{

        font-size: 12px;

        overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

    }

    .solution-list li .r-cont .solu-more{

        line-height: 30px;

    }

    .news_show .top .info{

        font-size: 12px;

    }

    .news_show .top .info .l-info span{

        font-size: 14px;

    }

    .news_show .top .info .r-info{

        margin-top: 10px;

    }

    .news_show .top h1{

        margin-bottom: 20px;

    }

    .news_show hr{

        margin: 20px auto;

    }

    .news-wrap .top-nav{

        flex-wrap: wrap;

    }

    .news-wrap .top-nav .bread{

        padding-left: 10px;

        font-size: 12px;

        line-height: 40px;

        display: none;

    }

    .pro-display .top-box .bread{

        display: none;

    }

    .news-wrap .top-nav .option a{

        line-height: 40px;

    }

    .news-wrap .top-nav .bread a{

        font-size: 12px;

    }

    .news-wrap.inner-news .news-list li{

        width: 100%;

    }

    .news-wrap.inner-news .news-list li .list-cont{

        height: unset!important;

    }

    .news-wrap.inner-news .news-list li .list-cont .wrap{

        padding: 0px 10px;

    }

    .news-wrap.inner-news .news-list{

        margin: 0;

    }

    .news-wrap.inner-news .news-list li .list-pic{

        height: 166px!important;

    }

    .news-wrap.inner-news .news-list li{

        margin-bottom: 10px;

        height: unset;

    }

    .news-list li .list-cont .list-title a{

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .contact .company-name{

        font-size: 18px;

    }



    .contact .contact-wrap li{

        line-height: 60px;

        font-size: 12px;

    }

    .contact .contact-wrap li .iconfont{

        margin-right: 10px;

    }

    .contact .contact-wrap li .iconfont{

        font-size: 26px;

    }

    .r-w95{

        width: 100%;

        margin-left: unset;

        margin-top: 20px;

    }

    .form-group table tr td input, .form-group table tr td textarea, .form-group table tr td button{

        line-height: 40px;

        font-size: 14px;

        text-indent: 1rem;

    }

    .form-group{

        margin-top: 20px;

    }

    .cont-qrcode .qr-box{

        width: 100%;

    }

    .cont-qrcode .qr-box p{

        font-size: 12px;

    }

    .cont-qrcode{

        padding:20px 0;

    }

    .page a,.page span,.page input,.page button{

        line-height: 20px;

        height: unset;

        width: unset;

        margin:5px;

    }

    .foot-logo{

        margin-bottom: 20px;

        display: inline-block;

    }

    .m-nav{

        background: #006db8;

    }

    .m-nav .item{

        text-align: center;

        color: #fff;

        width: 25%;

        font-size: 14px;

        padding: 5px 0;

    }

    .m-nav .item.phone a{

        color: #ff9000;

    }

    .m-nav .item .iconfont{

        font-size: 20px;

    }

    .m-nav .item p{

        margin: 0;

        line-height: 1;

    }

    .m-nav .item a{

        color:#fff;

    }

}



@media (max-width:1440px) and (min-width:768px) {

    .w26 p.blue-font {

        font-size: 1rem;

    }



    /*.w26 {

        display: none;

    }*/



    .navbar-expand-md .navbar-nav .nav-link {

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .pro-zone .zone-item .r-cont{

        width: 40%;

    }

    .pro-zone .zone-item .r-cont p{

        font-size: 20px;

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .pro-zone .zone-item .r-cont .en-title{

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .pro-display .tab-wraper .tab-item .top{

        height: unset;

        min-height: 244px;

    }

    .stripes{

        display: none;

    }

    .solution .solu-control ul li{

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .solution .solu-control,.solution .solu-r{

        width: 17%;

    }

    .solution .solu-body{

        width: 64%;

    }

    .solution .solu-control ul li{

        padding: 0 8px;

        font-size: 16px;

    }

    .solution .solu-r ul li{

        height: unset;

    }

    .footer .foot-menu{

        margin-right: 50px;

    }

    .introduce .items{

        padding: 50px 60px;

    }

    .positioning .wraper .p-two .two-item .l{

        padding: 45px 60px;

    }

    .product-body .out-wrap .under-tel .num{

        font-size: 24px;

        margin-left: 10px;

    }

    .solution-list li .r-cont .wrap{

        padding: 10px 20px;

    }

    .solution-list li .r-cont{

        background: url('../img/fabj.png')no-repeat center center/cover;

    }

    .solution-list li .r-cont .solu-more{

        line-height: 30px;

    }

    .solution-list li .r-cont .tit{

        top: -10px;

        left: 24px;

    }

    .news-list li{

        height: unset;

    }

    .news-list li .list-pic{

        height: 180px;

        min-height: 180px;

    }

    .news-list li .list-pic img{

        width: unset;

        min-height: 180px;

    }

    .news-list li .list-cont .wrap{

        padding: 28px 25px;

    }

    .news-list li .list-cont .list-desc{

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        line-clamp: 2;

        -webkit-box-orient: vertical;

        width: 100%;

        font-size: 14px;

    }

    .footer .foot-tel{

        font-size: 20px;

    }



}



/* 中大尺寸 */

@media (max-width:1920px) and (min-width:1440px){

    .w26 p.blue-font{

        font-size: 1.2rem;

    }

    .hot-key .l-hot{

        width: 49%;

    }

    .w26 p.bg-blue{

        font-size: 14px;

    }

    .navbar-expand-md .navbar-nav .nav-link{

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

    .solution .solu-control ul li{

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;

    }

  

    .hot-key .r-phone{

        /*width: 45%;*/

    }

    .pro-zone .zone-item .l-pic{

        width: 30%;

    }

    .pro-zone .zone-item .r-cont{

        width: 55%;

    }

    .pro-zone .zone-item .r-cont p{

        font-size: 20px;

    }

    .stripes{

        background: url('../img/1.jpg')no-repeat center center /cover;

    }

    .stripes .btn a:last-child{

        display: none;

    }

    .solution .solu-control,.solution .solu-r{

        width: 17%;

    }

    .solution .solu-body{

        width: 64%;

    }

    .solution .solu-control ul li{

        padding: 0 15px;

        font-size: 17px;

    }

    .footer .foot-menu{

        margin-right: 60px;

    }

    

    .solution-list li .r-cont{

        background: none;

    }

    .solution-list li .r-cont .tit{

        top: 0;

        left: 0;

    }

    .solution-list li .r-cont .wrap{

        padding: 10px 0;

    }

    .footer .foot-tel{

        font-size: 18px;

    }

}