body {
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    font-family: 'sourcehansans';

}

@font-face {
    font-family: "sourcehansans";
    src: url("../font/sourcehansans.eot");
    src: url("../font/sourcehansans.eot") format("embedded-opentype"),
        url("../font/sourcehansans.woff") format("woff"),
        url("../font/sourcehansans.ttf") format("truetype"),
        url("../font/sourcehansans.svg") format("svg");

}

ul,
li,
p {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a:link,
a:hover {
    text-decoration: none;
}

.w100 {
    width: 100%;
}

h1 {
    font-size: 30px;
}

.juli {
    margin-top: 82px;
}

img {
    max-width: 100%;
}

h3 strong {
    font-size: 16px;
}


.fl {
    float: left;
}

.clean {
    clear: both;
}

.fr {
    float: right;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd !important;
}

select:focus,
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-clickable .swiper-pagination-bullet,
textarea,
input:focus {
    outline: none;
    resize: none;
}

.over {
    overflow: hidden;
}

.over>img {
    cursor: pointer;
    transition: all 0.6s;
}

.over>img:hover {
    transform: scale(1.2);
}





.displaynone {
    display: none;
}



.clearfix {
    zoom: 1;
}




/*下载页面*/

.zylist .nr li {
    overflow: hidden;

    background: #f8f8f8;
    margin-bottom: 20px;
}

.zylist .nr li p:nth-child(1) {
    color: #333;
    font-weight: bold;
    font-size: 20px;
    padding-top: 5px;
}

.zylist .nr li p:nth-child(2) {
    font-size: 16px;
    color: #999;
    padding-bottom: 2%;
    padding-top: 10px;
    display: none;
}

.zylist .nr li a {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding: 20px 15px;
}

.zylist .nr .fr {
    width: 40px;
    height: 40px;
    background: url(../img/xiazai.svg) no-repeat 50%;
    background-size: 80%;
    border-radius: 50px;
    border: 2px solid #555;
}

.zylist .nr li a:hover .fr {
    background: url(../img/xz2.svg) no-repeat 50%;
    background-size: 80%;
    border: 2px solid #19a9eb;
}

.zylist .nr li a:hover p:nth-child(1):hover {
    color: #19a9eb;
}

.zylist h2 {
    font-size: 20px;
    color: #fff;
    background: #19a9eb;
    width: 120px;
    padding: 10px;
    margin-top: 50px;
    margin-bottom: 30px;
}

/*在线客服*/

.zxkf {
    position: fixed;
    right: 0;
    top: 60%;
    z-index: 999;
}

.zxkf .kf_xj p a {
    font-size: 12px;
    color: #fff;
    background: #3388ff;
    border-radius: 30px;
    padding: 7px 6px;
    box-shadow: 0 6px 10px 0 rgba(51, 136, 255, 0.2);
}

.zxkf .kf_xj p {
    width: 60px;
    margin: 0 auto;
    padding-top: 5px;

}

.djxj {
    position: fixed;
    right: 0;
    bottom: 8%;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.06);
    z-index: 999;
}

.fix_chat {
    display: none;
}

.djxj li {
    float: left;
    padding: 10px 30px;
    height: 60px;
}

.djxj li:nth-child(1) {
    background: #fff;
}

.djxj li:nth-child(1) p:nth-child(1) {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.djxj li:nth-child(1) p:nth-child(2) {
    font-size: 12px;

    color: #999;
    text-align: right;
}

.djxj li:nth-child(2) {
    background: #3388ff;

}

.djxj li:nth-child(2):hover {
    background: #2170d9;
}

.djxj li:nth-child(2) a {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: url(../img/tel_ico.png) no-repeat 0 100%;
    background-size: 18%;
    padding-left: 30px;
}

@media (min-width: 1400px) {
    .container {
        width: 1190px;
    }

    .tsfuwu .container {
        width: 1420px;
    }

    .lxwm .container {
        width: 1420px;
    }

    .lunbo .container {
        width: 1420px;
    }
}



.lunbo .swiper-button-prev {
    left: 20px;
}

.lunbo .swiper-button-next {
    right: 20px;
}


/* 导航 */
.daohang {
    height: 82px;
    line-height: 82px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000000000;
    background-color: #FFF;
    width: 100%;
}

.daohang_ul>li {
    display: inline-block;
    margin-left: 3em;
    position: relative;
}

.daohang_ul .top a {
    display: inline-block;
}


.daohang_ul>li>a {
    font-size: 16px;
    color: #333333;
    display: block;

    position: relative;
}

.daohang_ul>li.active>a,
.daohang_ul>li:hover>a {
    color: #3388ff;
}

.daohang_ul>li>a::after {
    content: "";
    width: 0;
    height: 2px;
    background: #3388ff;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.daohang_ul>li:hover a::after,
.daohang_ul>li.active a::after {
    width: 100%;
}






.daohang .top a img {
    max-width: 173px;
    float: left;
    margin-top: 15px;
}

.daohang .top span.img1 {

    border-left: 1px solid #004099;
    padding-left: 5px;
    display: inline-block;
    line-height: 20px;
    margin-top: 20px;

}

.lunbo .swiper-slide:nth-of-type(1) .lunbo_size p:nth-child(1)::after {
    content: "";
    width: 80px;
    height: 8px;

    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}



.lunbo .swiper-button-next .iconfont,
.lunbo .swiper-button-prev .iconfont {
    color: #fff;
    font-size: 55px;
}




/*产品中心*/
.incomm {
    padding-top: 10px;
}

.incomm h3 {
    font-size: 30px;
    text-align: center;

}

.procent .row ul {
    overflow: hidden;
    padding-top: 4%;
}

.procent .row li {
    width: 20%;
}

.incomm .row li {

    float: left;
    text-align: center;
}

.incomm .row li .ico {
    max-width: 96px;
    margin: 0 auto;
}

.incomm .row li p {

    font-size: 22px;
}

.incomm .futiti li p {
    padding-top: 12%;
}

.incomm .row li p:hover {
    color: #3388e1;
}

.incomm .row li a p {
    color: #333;
}

.cuxiao .zhunr a:hover .titi {
    color: #3388e1;
}

.yanjiu {
    padding: 0 5%;
    padding-top: 1%;
}


.yanjiu .row ul {
    padding-top: 3.5%;
    overflow: hidden;
}

.yanjiu .row ul li {
    padding: 0 10px 10px 10px;

}

.yanjiu .row ul li:hover .dx {
    transform: translateY(-20px);
    transition: all .5s;
}

.yanjiu ul li p {
    padding-top: 13%;
    padding-bottom: 8%;
}

.yanjiu .row li a {
    display: block;
    width: 100%;
    border: 1px solid #d8dadb;
    border-radius: 10px;
    box-shadow: 0 0 0.625rem rgb(0 0 0 / 11%);
    padding-top: 20%;
    padding-bottom: 5%;
}

.yanjiu .row ul li:hover li {
    padding-top: 2%;
}



.yuyue {
    max-width: 790px;
    margin: 0 auto;
    padding-top: 4%;

}

.yuyue form {
    padding-top: 3.5%;
}

.yuyue form ul li {
    padding: 0;
    padding-bottom: 20px;
}

.yuyue form ul li:nth-child(odd) {
    padding-right: 5px;
}

.yuyue .zixun-ul .p1 {
    font-size: 16px;
    color: #999;
    text-align: left;
    line-height: 35px;
}

.yuyue .zixun-ul .p1:hover {
    color: #999;
}

.yuyue .zixun-ul .p1 span {
    color: #ff0000;
}

.tsfuwu {
    padding-top: 5%;
}

.yuyue .zixun-ul input,
.yuyue .zixun-ul textarea,
.yuyue .zixun-ul select {
    width: 100%;
    height: 60px;
    border: none;
    text-indent: 10px;
    background: #f5f5f5;
    line-height: 50px;
    /* color: #b8b7b7; */
    font-size: 16px;
}


.incomm .ta {
    margin: 25px auto 10px;
    max-width: 490px;
    overflow: hidden;
    text-align: center;
}

.incomm .ta .more {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 3px;
    font-size: 20px;

}

.yuyue .ta .more {
    background: #3388ff;
    color: #fff;
    border: none;
}

.yuyue .ta .more:hover {
    background: #2e7ae5;
}

.cuxiao .row {
    position: relative;
}

.cuxiao .top {
    background: #f8f8f8;
    padding-bottom: 40px;
}

.cuxiao .top h3 {
    padding-top: 2.5%;
}

.cuxiao .top p {
    color: #999;
    font-size: 16px;
    text-align: center;
}

.cuxiao .ta .more:hover {
    background: #3388ff;
    color: #fff;
}

.procent {
    padding-top: 2.5%;
}

.line1 {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.cuxiao .nr p.titi{
    position: relative;
}
.cuxiao .nr p.titi::before {
    content: "";
    width: 5px;
    height: 28px;
    background-color: #3388ff;

    display: inline-block;
    margin-bottom: -4px;
    transform: translateX(-25px);
    position: absolute;
    left: 0;

}

.cuxiao .zhunr li {
    padding: 0;

}

.cuxiao .zhunr li:nth-child(1) {
    padding-right: 11px;
}

.cuxiao .zhunr li:nth-child(2) {
    padding-left: 5.5px;
    padding-right: 5.5px;
}

.cuxiao .zhunr li:nth-child(3) {
    padding-left: 11px;
}

.cuxiao .row a {
    display: block;
    width: 100%;
}

.cuxiao .zhunr li a {
    box-shadow: 0 0 0.625rem rgb(0 0 0 / 11%);
    border-radius: 10px;
}

.cuxiao .container .row li {
    padding-bottom: 20px;
}

.cuxiao .container .nr {
    padding: 25px;
    height: 267px;
}

.cuxiao .container .nr p {
    text-align: left;

}

.cuxiao.incomm {
    background: #f8f8f8;
    padding-bottom: 50px;
}

.cuxiao .ta {
    border: 1px solid #d8d8d8;
    /* margin-top: 16.8%; */
}

.cuxiao .ta .more {
    color: #666;
}

.cuxiao .container .nr p.titi {
    font-weight: bold;
    padding: 5px 0;


}


.cuxiao .container .nr p.date {
    font-size: 16px;
    color: #999;
    padding-bottom: 8px;
}

.lxwm {
    margin-top: 40px;
}

.lxwm .container {
    height: 32em;

    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;

}

.lxwm .container .row {
    width: 87%;
    margin: 0 auto;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;


}

.lxwm .container .lx {
    color: #fff;
    width: 45%;
    float: left;
    padding-top: 5%;
}

.lxwm .container .lx li span {
    font-size: 16px;
}

.lxwm .maplist {
    width: 55%;
    float: left;
    margin-top: 5%;
}

.lxwm .container .lx h3 {
    padding: 0;
}

.lxwm .container .lx li {
    width: 100%;
    text-align: left !important;
    height: 35px;
    line-height: 35px;

}

.lxwm .container .lx li span:nth-child(1) {
    width: 85px;
    display: inline-block;
}

.lxwm .lx li span {
    color: #fff;
}

.lxwm .container .lx h3 {

    text-align: left !important;
}




/*底部*/

.foot {
    margin-top: 30px;
    background: #f8f8f8;
    height: 135px;
}

.foot ul {
    overflow: hidden;
    text-align: center;
    width: 630px;
    margin: 0 auto;
    padding-top: 40px;

}

.foot ul li {
    float: left;
}

.foot ul li a {
    padding-left: 5rem;
    padding-right: 5rem;
    color: #333;
    font-size: 16px;
}

.foot .row p {
    text-align: center;
    padding-top: 30px;
    color: #666;
    font-size: 12px;
}

.foot ul li a:hover {
    color: #3388ff;
}

.foot ul li a::after {
    content: "";
    width: 1px;
    height: 18px;
    background-color: #ccc;
    display: inline-block;
    margin-bottom: -4px;
    transform: translateX(49px);
}




/*产品详情页*/
.position {
    margin-top: 98px;
}

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

.position a {
    line-height: 80px;
    color: #333;
    font-size: 16px;
}

.proxx .row .left {
    width: 40%;

}

.proxx .row .left img {
    padding-right: 40px;
}

.proxx .row .right {
    width: 60%;
}

.proxx .row .right .bt {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
    color: #333;
}

.proxx .row .right p:nth-child(2) {
    height: 90px;
    background: #f5f5f5;
    line-height: 90px;
    padding-left: 20px;
}

.proxx .row .right p {
    color: #666;
}

.proxx .row .right .price {
    font-size: 28px;
    color: #e6322e;
    padding: 0 20px;
}

.proxx .row .right .zdj {
    color: #999;
    padding-right: 5px;
}

.proxx .row .right .sc {

    text-decoration: line-through;
}

.proxx .row .right .tage {
    margin-top: 10px;
    overflow: hidden;
}

.proxx .row .right .tage li {
    float: left;
    font-size: 12px;
    background: #f2f7ff;
    color: #3388ff;
    padding: 5px;

}

.proxx .row .right .tage li {
    margin-right: 8px;
}

.proxx .row .right .xj button {
    margin-top: 30px;
    width: 140px;
    height: 40px;
    border: 1px solid #409EFF;
    color: #409EFF;
    background: #fff;
    font-size: 16px;
}

.proxx .row .right .xj button:hover {
    background: #409EFF;
    color: #fff;

}

.promain {
    margin-top: 50px;
}

.promain .row .bt {
    background: #f5f5f5;
    height: 60px;
}

.promain .row .bt p {
    line-height: 60px;
    color: #409EFF;
    border-top: 3px solid #409EFF;
    width: 180px;
    font-size: 18px;
    background: #fff;
    text-align: center;
}

.promain .nr {
    padding: 50px 0;
}

.promain .nr p {
    line-height: 30px;
    font-size: 16px;
}


/*促销列表页*/
.cux_cent h1 {

    padding-top: 20px;
}

.cux_cent .nr {
    overflow: hidden;
}

.cux_cent .nr li {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 30px 0;
}

.cux_cent .nr li img {
    padding-right: 10%;

}

.cux_cent .nr li .left {
    width: 27%;
}

.cux_cent .nr li .right {
    width: 73%;
}

.cux_cent .nr li .right p:nth-child(1) {
    font-size: 22px;
    color: #333;
    font-weight: bold;
}

.cux_cent .nr li .right p:nth-child(2) {
    font-size: 14px;
    color: #999;
    padding-bottom: 2%;
    padding-top: 10px;
}

.cux_cent .nr li .right p:nth-child(3) {
    font-size: 16px;
    color: #666;
}

.page {
    overflow: hidden;
    padding: 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.page li {
    padding: 10px 18px;
    background: #eee;

    border-radius: 3px;
}

.page li a {
    color: #333;
}

.page li {
    float: left;
    margin-right: 10px;
}

.page li a:hover {
    color: #3388ff;
}

.page .thisclass {
    background: #3388ff;
    color: #fff;

}

.page .thisclass a {
    color: #fff;
}

.page .thisclass:hover {
    color: #fff;
}

/*促销详情页*/
.cxmain {
    margin-bottom: 30px;
}

.cxmain .nr {
    max-width: 790px;
    margin: 0 auto;
}

.cxmain .nr .titile {
    font-size: 30px;
    font-weight: bold;
}

.cxmain .nr .date {
    font-size: 14px;
    color: #999;
    padding-top: 10px;
    padding-bottom: 30px;

}

.cxmain .nr .wz {
    font-size: 16px;
    line-height: 30px;
}

.cxmain .tuij {
    overflow: hidden;
}

.cxmain .tuij li {
    width: 50%;
    margin-bottom: 10px;
    height: 90px;

}

.cxmain .tuij li a {

    display: inline-block;
    background: #f8f8f8;

}

.cxmain .tuij li a:hover .right p:nth-child1 {
    color: #3388ff;
}

.cxmain .tuij li .left {
    width: 90px;
    margin-right: 20px;
}

.cxmain .tuij li .right {
    width: 65%;
}

.cux_cent .right:hover p:nth-child(1) {
    color: #3388ff;
}

.cxmain .tuij li .left img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.cxmain .tuij li .right p:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.cxmain .tuij li .right p:nth-child(2) {
    font-size: 12px;
    color: #ccc;
}

.cxmain .tuij li a:nth-child(odd) {
    margin-right: 2%;
    width: 97%;
}

.cxmain .tuij li a:nth-child(even) {
    width: 100%;
}

.cxmain .tuij h3 {
    margin-top: 50px;
    margin-bottom: 30px;
}



/*产品列表*/
.pro_cent {
    margin-top: 80px;
}

.ind_product {
    background-color: #fff;
    padding: 50px 0 0;
    overflow: hidden;
}

.ind_product .pro_menu {
    margin: 15px 0;
    overflow: hidden;
}

.ind_product .pro_menu p {
    margin-right: 3.2%;
    margin-bottom: 2.5%;
    padding: 10px 15px;
    font-size: 18px;
    cursor: pointer;
    float: left;
    color: #666
}

.ind_product .pro_menu .active {
    background-color: #f2f7ff;
    color: #3388ff;
    border-radius: 5px;
}

.ind_product .pro_menu p:hover {
    background-color: #f2f7ff;
    color: #3388ff;
    transition: all 0.3s;
}

.ind_product .pro_ul {
    display: flex;
    flex-flow: wrap;
    /* justify-content: space-between; */
    overflow: hidden;
}

.ind_product .pro_ul li {
    width: 24.3%;
    margin-bottom: 30px;
    float: left;
    margin-right: 0.8%;
    min-height: 270px;
}

.ind_product .pro_ul li:nth-child(4n) {
    margin-right: 0;
}

.ind_product .pro_ul .txt {
    padding: 15px 0;
    color: #333;
    font-size: 16px;
    position: relative;
    background: #f8f8f8;
}

.ind_product .pro_ul .img {
    overflow: hidden;
}

.ind_product .pro_ul img {
    transition: all 0.5s;
}

.ind_product .pro_ul li:hover img {
    transform: scale(1.1);
    transition: all 0.5s;
}

.ind_product .pro_ul .txt p {
    margin-top: 5px;
    padding-left: 10px;
}

.ind_product .pro_ul li:hover .txt {
    color: #3c98db;
}

.ind_product .pro_inlist {
    display: none;
}

.ind_product .pro_inlist.active {
    display: block;
}

.ind_product .pro_ul .txt:hover {
    background: #3388ff;
}

.ind_product .pro_ul .txt:hover p {
    color: #fff;
}


@media (max-width: 1200px) {
    .row {
        margin-right: 0
    }

    .row {
        margin-left: 0
    }
}

@media (max-width: 990px) {
    .yuyue {
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .cuxiao .zhunr li {
        width: 33.33%
    }

    .incomm h3 {
        font-size: 22px;
    }

    .incomm .row li a p {
        font-size: 18px
    }
}