/* public */

body,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

blockquote,

dl,

dt,

dd,

ul,

ol,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td {

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none;

    list-style: none;

    outline: none;

}



a:hover {

    text-decoration: none;

}



/* 清除浮动 */

img {
    max-width: 100%;
    border: none;
}

.ks-clear:after,

.clear:after {

    content: '\20';

    display: block;

    height: 0;

    clear: both;

}



.ks-clear,

.clear {

    *zoom: 1;

}



.container {

    width: 1200px;

    margin: 0 auto;

}



* {

    font-family: "Microsoft YaHei";

}



li {

    list-style: none;

}



.fleft {

    float: left;

}



.fright {

    float: right;

}



.overHidden {

    overflow: hidden;

}



.textCenter {

    text-align: center;

}



.disflex-between {

    display: flex;

    justify-content: space-between;

}



/* public */



.overHidden {

    overflow: hidden;

}



.textCenter {

    text-align: center;

}



.disflex-between {

    display: flex;

    justify-content: space-between;

}



/* 清除浮动 */



.ks-clear:after,

.clear:after {

    content: '\20';

    display: block;

    height: 0;

    clear: both;

}



.ks-clear,

.clear {

    *zoom: 1;

}



.container {

    width: 1200px;

    margin: 0 auto;

}



/* header */



.head {

    background: rgba(0, 0, 0, .1);

    width: 100%;

    height: 100px;

    position: absolute;

    top: 30px;

    left: 0;

    z-index: 10;

    min-width: 1200px;

}



.container {

    width: 1200px;

    margin: 0 auto;

}



.container-wrap {

    /* min-width: 1200px;

    max-width: 1800px; */
    width: 1200px;

    height: 100%;

    margin: 0 auto;

    position: relative;

}



.head-logo {

    position: absolute;

    left: 0px;

    top: 10px;

}

.h_top {
    overflow: hidden;
}

.logo-name {

    position: absolute;

    left: 160px;

    top: 22px;

    font-size: 30px;

    color: #fff;

    font-weight: bold;

}



.logo-name p {

    font-size: 12px;

    color: #fff;

    font-weight: bold;

    text-align: center;

}



.head-nav {

    position: absolute;

    left: 320px;

    top: 40px;

}



.head-nav ul {

    overflow: hidden;

}



.head-nav ul li {

    float: left;

    /* width: 110px; */

    border-left: 1px dashed #fff;

    text-align: center;

    font-size: 14px;

}



.head-nav ul li:last-child {

    border-right: 1px dashed #fff;

}



.head-nav ul li a {

    float: left;

    /* width: 114px; */
    padding: 0 20px;

    color: #fff;



}



.head-nav ul li:hover a {

    color: #ff6c00;
}



.head-r {

    position: absolute;

    right: 0px;

    top: 30px;

    width: 160px;

}



.head-ritem {
    float: left;

    width: 33.33%;

    text-align: center;

    z-index: 99;

    text-align: center;

    position: relative;

}

.head-ritem2 {
    float: right;
    width: 20px;
}


.fdj-icon {

    width: 20px;

    height: 20px;

    margin-top: 8px;

    cursor: pointer;

}



.head-ritem a {
    width: 38px;

    height: 38px;

    border: 1px solid #fff;

    border-radius: 50%;

    font-size: 12px;

    color: #fff;

    line-height: 38px;

    display: inline-block;

}



.head-ritem:hover a {

    border: 1px solid #0450a3;

}



.head-ritem:hover a {

    color: #0450a3;

}



.search-wrap {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 260px;

    height: 40px;

    background: #fff;

    border-radius: 50px;

    display: none;

    z-index: 99;

}



.search-b {

    display: flex;

    justify-content: space-between;

    padding: 0 20px;

}



.search-b input {

    width: 170px;

    border: none;

    outline: none;

}

.search-b .search-btn {

    font-size: 16px;

    color: #0450a3;

    line-height: 38px;

    cursor: pointer;

    background: none;

}



.search-b>a {

    display: inline-block;

    height: 40px;

    width: 80px;

    text-align: center;

    font-size: 25px;

    color: #ccc;



}

/*.search-b span {*/

/*font-size: 16px;*/

/*color: #0450a3;*/

/*line-height: 38px;*/

/*cursor: pointer;*/

/*}*/



/* banner */

.banner {

    position: relative;

}



.s-banner {

    min-width: 1200px;

}



.banner img {

    width: 100%;

}

.banner .swiper-wrapper {
    height: auto;
}


.banner .swiper-slide {
    height: auto;
}

.banner-introduce {

    position: absolute;

    left: 666px;

    width: 446px;

    z-index: 12;

    bottom: 140px;

}



.company-cont {

    position: relative;

    border-bottom: 1px dashed #0450a3;

    padding-bottom: 10px;

}



.company-logo {

    width: 90px;

    height: 65px;

}



.company-logo img {

    width: 100%;

    height: 100%;

}



.banner-img {

    min-width: 1200px;

}



.company-name {

    color: #0450a3;

    position: absolute;

    bottom: 10px;

    right: 0;

}



.company-name h3 {

    font-size: 24px;

    font-weight: bold;

}



.company-name p {

    font-size: 12px;

    font-weight: bold;

}





.banner-cont h2 {

    font-size: 52px;

    font-weight: bold;

    color: #0450a3;

    padding: 20px 0;

}



.banner-cont p {

    font-size: 14px;

    color: #797979;

}



.title1 {

    font-size: 36px;

    color: #0450a3;

    padding: 26px 0 20px;

}



/* -----------------------------  index  ----------------------------- */



/* about-company */

.about-company {

    padding-bottom: 26px;
    position: relative;
    background-image: url(/public/index/images/map.png);
    padding-top: 20px;

}



.about-img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    min-width: 1200px;

}



.about-introduce {

    padding-top: 0px;

}



.about-introduce p {

    font-size: 14px;

    color: #333333;

    text-align: left;

    line-height: 24px;

}



.box {

    overflow: hidden;

    padding: 20px 0;

    width: 100%;

}



.box li {

    float: left;

    width: 25%;

    text-align: center;

}


.box-img {

    width: 76px;

    height: 76px;

    margin: 10px auto;

}



.box-img img {

    width: 100%;

    height: 100%;

}



.box-title1 {

    font-size: 18px;

    color: #222;

    padding: 10px 0;

}



.box-title2 {

    font-size: 14px;

    color: #222;

    padding: 0 30px;

    line-height: 24px;

}



.left-hide {

    position: relative;

    margin-left: -300px;

}



.rifgt-hide {

    position: relative;

    margin-right: -300px;

}



.btn-more {

    width: 164px;

    background-color: #0e93f8;

    border-radius: 50px;

    margin: 0 auto;

    text-align: center;

    transform: scale(0.8)
}



.btn-more a {

    color: #fff;

    font-size: 14px;

    display: inline-block;

    width: 100%;

    padding: 10px 0;

}



.app-introduction {

    padding-bottom: 60px;

}



/* product-display */

.product-display {

    background-color: #f5f5f5;

    padding-bottom: 26px;

    min-width: 1200px;

}



.title2 {

    font-size: 36px;

    color: #0450a3;

    padding: 26px 0 20px;

}



.title2 span {



    float: right;

}



.title2 a {

    font-size: 14px;

    color: #333333;

}



.title2 span:hover a {

    color: #0450a3;

}



.title2 img {

    width: 13px;

    height: 12px;

}



.tab {

    display: flex;

    justify-content: space-between;

    padding-bottom: 28px;
    overflow: hidden;

}



.tab li {

    /* width: 216px; */
    float: left;
    width: 16%;
    margin: 0 2%;

    background: #0e93f8;

    border-radius: 4px;

    text-align: center;

}



.tab .tab-active {

    background: #ff6c00;

}



.tab li a {

    color: #fff;

    display: inline-block;

    padding: 10px 0;

    width: 100%;

}



.tab-bodys {

    /* overflow: hidden; */

    height: auto;

    /* overflow: hidden; */

}



.tab-body {

    /* display: flex; */

    justify-content: space-between;

    margin-bottom: 4px;
    overflow: hidden;


}



.disblock {

    display: block;

}



.disnone {

    display: none;

}



.tab-body a {

    width: 23%;
    margin: 10px 1%;
    cursor: pointer;
    float: left;

}



.tab-body a:hover {

    box-shadow: 2px 2px 5px #999;

}



.tab-img {

    width: 100%;

    height: 204px;

    background-color: rgb(212, 212, 212);

}



.tab-img img {

    width: 100%;

    height: 100%;

}



.tab-bodyItem {

    text-align: center;

    background: #fff;

    padding: 18px 28px;

    height: 121px;

    box-sizing: border-box;

}



.tab-bodyItem h5 {

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.tab-bodyItem span {

    width: 34px;

    border-top: 2px solid #0e93f8;

    background-color: #0e93f8;

    display: inline-block;

    margin-top: 6px;

    position: relative;

}



.tab-bodyItem p {

    font-size: 12px;

    line-height: 20px;

    color: #999999;

}



/* success-fulCase */

.success-fulCase {

    background-color: #fff;

    padding-bottom: 26px;

}



.success-cont {

    display: flex;

    justify-content: space-between;

}



.success-Item {

    width: 586px;

    height: 228px;

    display: flex;

    justify-content: space-between;

    overflow: hidden;

}



.success-ItemImg {

    width: 304px;

    height: 100%;

    background-color: rgb(212, 212, 212);
    float: left;

}



.success-ItemImg img {

    width: 100%;

    height: 100%;

}



.success-Itemcont {

    width: 282px;

    height: 100%;

    background: #0e93f8;

    color: #fff;
    float: right;

}



.success-Itemcont h4 {

    font-size: 18px;

    line-height: 24px;

    padding: 16px 26px;

    color: #fff;

}



.success-Itemcont p {

    font-size: 14px;

    line-height: 24px;

    padding: 0px 26px;

    color: #fff;

}



.success-line {

    border-top: 1px solid #fff;

    margin: 6px 26px 20px 26px;

}



.success-datail {

    padding: 20px 26px 0;

}

.success-datail a {
    color: #fff;
}

.success-datail span {

    font-size: 14px;

    line-height: 26px;

    color: #ffffff;

    cursor: pointer;

}



/* news-information */

.news-information {

    background-color: #f5f5f5;

    padding-bottom: 26px;

    min-width: 1200px;

}



.news-item {

    /* width: 356px; */
    margin: 0 1%;
    width: 31.33%;
    float: left;

}



.news-cont {

    display: flex;

    justify-content: space-between;

    padding-bottom: 26px;

    overflow: hidden;

}



.news-itemTitle {

    font-size: 18px;

    line-height: 24px;

    color: #ffffff;

    background-color: #0e93f8;

    padding: 30px 0;

    text-align: center;

    margin-bottom: 14px;

}



.news-itemImg {

    width: 100%;

    height: 267px;

    background-color: rgb(212, 212, 212);

}



.news-itemImg img {

    width: 100%;

    height: 100%;

}



.news-itemCont {

    background: #fff;

    padding: 24px 14px;

}



.title3 {

    font-size: 16px;

    line-height: 28px;

    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}



.title4 {

    font-size: 12px;

    line-height: 22px;

    color: #999999;

}



.title5 {

    font-size: 14px;

    color: #333333;

}



.title6 {

    font-size: 18px;

    line-height: 24px;

    font-weight: bold;

    color: #0e93f8;

}



.news-itemContTop:hover .title3 {

    color: #0e93f8;

}





.blue-line {

    width: 22px;

    height: 1px;

    border-bottom: 1px solid #0e93f8;

    position: absolute;

    left: 24px;

    top: 69px;

}



.news-itemList {

    padding-top: 20px;

}



.news-itemList li {

    border-top: 1px solid #EEE;

    padding: 17px 0;

}



.news-itemList li a {

    color: #000;

}



.news-itemList li:hover a {

    color: #0e93f8;

}



.news-itemList li a em {

    width: 70%;

    display: inline-block;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-style: normal;

}



.news-itemList li a span {

    float: right;

}



.news-itemList li:last-child {

    border-bottom: 1px solid #EEE;

}



.common-problem {

    background-color: #fff;

    padding: 26px 24px;

    position: relative;

}



.common-problem>.news-itemList>li>a {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    width: 100%;

    display: inline-block;

}



/* footer */

.foot-mian {

    background-color: #363636;

}



.bgcolor-gray {

    background-color: #363636;

}

.sales-link {
    font-size: 14px;

    line-height: 22px;

    color: #000;


}

.sales-link li {
    display: inline-block;
    text-align: center;
    width: 196px
}

.sales-link a {
    font-size: 14px;

    line-height: 40px;

    color: #000;

}

.sales-link a:hover {
    color: #0e93f8;
}

.sales-link ul li a img {
    width: 120px;
    display: block;
    margin: 0 auto;
}

.foot-link {

    font-size: 14px;

    line-height: 22px;

    color: #ffffff;

    padding: 26px 0;


}



.foot-link a {

    font-size: 14px;

    line-height: 22px;

    color: #ffffff;

    margin-right: 30px;

}



.foot-link a:hover {

    color: #0e93f8;

}



.foot-cont {

    width: 100%;

    border-top: 2px solid #686868;

    display: flex;

    justify-content: space-between;

    padding-top: 40px;

    overflow: hidden;

}



.hotline {

    display: inline-block;

    margin-left: 10px;

}



.hotline p {

    font-size: 12px;

    line-height: 24px;

    color: #ffffff;

    padding-bottom: 10px;

}



.hotline h2 {

    font-size: 30px;

    line-height: 24px;

    color: #ff6c00;

}



.company-addresss {

    font-size: 14px;

    line-height: 22px;

    color: #fff;

    padding: 10px 0;

}



.company-addresss img {

    vertical-align: middle;

}



.foot-contR {

    width: 617px;

    display: flex;

    justify-content: space-between;

    padding-bottom: 20px;
    float: right;
    overflow: hidden;

}



.foot-contR>div {

    width: 130px;
    float: left;

}



.foot-bottomWrap {

    background-color: #1e1e1e;

}



.bgcolor-gray2 {

    background-color: #1e1e1e;

}



.bgcolor-gray3 {

    background-color: #f5f5f5;

}



.foot-bottom {

    display: flex;

    justify-content: space-between;

    color: #999;

    padding: 10px 0;

}



.foot-litle {

    font-size: 16px;

    line-height: 22px;

    color: #ffffff;

    padding: 10px 0;

}



.foot-line {

    position: relative;

    border-top: 1px solid #686868;

    width: 78px;

    padding: 6px 0;

    margin-top: 10px;

}



.foot-line div {

    position: absolute;

    top: -1px;

    width: 16px;

    border-bottom: 1px solid #ea5b25;



}



.foot-contR>div a {

    display: block;

    font-size: 14px;

    line-height: 36px;

    color: #ffffff;

}



.foot-contR>div a:hover {

    color: #0e93f8;

}



/* -----------------------------  product-detail  ----------------------------- */



.breadcrumb-wrap {

    background: #f2f2f2;

    padding: 10px 0;

}



.breadcrumb li {

    float: left;

    color: #999;

    font-size: 12px;

    line-height: 32px;

}



.breadcrumb li a {

    color: #999;

    font-size: 12px;

}



.breadcrumb>li+li:before {

    color: #CCCCCC;

    content: "——";

    padding: 0 5px;

    color: #999;

}



.back-page {

    width: 93px;

    background: #0e93f8;

    text-align: center;

}



.back-page a {

    width: 93px;

    color: #fff;

    font-size: 12px;

    padding: 8px 0;

    display: inline-block;

}



.details-display {

    width: 100%;

    background: #D1EAFF;

    min-width: 1200px;

    padding: 50px 0;

}



.detailsDis-cont {

    display: flex;

    justify-content: center;
    overflow: hidden;

}



.detailsDis-conL {

    width: 44%;

    height: 414px;

    background: rgba(255, 255, 255, 0.3);
    float: left;
    padding: 0 3%;
}

.detailsDis-conL p {
    text-align: left;
}


.detailsDis-conLimg {

    width: 95px;

    height: 95px;

    background: #666;

    border-radius: 50%;

    margin: 44px auto 0;

    overflow: hidden;

    text-align: center;

}



.detailsDis-conLimg img {

    width: 70px;

    height: 70px;

    margin-top: 13px;

}



.detailsDis-conL h3 {

    font-size: 24px;

    color: #333333;

    text-align: center;

    padding: 30px 0;

    font-weight: normal;

}



.detailsDis-conL p {

    font-size: 14px;

    color: #333333;

    line-height: 24px;

}



.detailsDis-conR {

    width: 50%;

    height: 414px;

    background: #CCCCCC;
    float: left;

}





.appTntr-tabs {

    min-width: 1200px;

    position: relative;

}



.appTntr-tabs img {

    min-width: 1200px;

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: -1;

}



.appTntr-tab {

    display: flex;

    justify-content: flex-start;

    padding-top: 54px;

    overflow: hidden;

}



.appTntr-tab li {

    width: 200px;

    background: #fff;

    cursor: pointer;

    margin: 0 6px;

    text-align: center;

    float: left;

}



.appTntr-tab li a {

    font-size: 14px;

    line-height: 68px;

    color: #000;

    display: inline-block;

    width: 100%;

}



.appTntr-tab .appTntr-active {

    background: #333;

    color: #fff;

}



.appTntr-tab .appTntr-active a {

    color: #fff;

}



.appTntr-tabBody {

    width: 100%;

    padding: 76px 0;

}



.appTntr-tabBody li:nth-child(2),

.appTntr-tabBody li:nth-child(3) {

    display: none;

}



/* --------------------------------about-us -------------------------- */



.Navigation {

    background: #fff;

    min-width: 1200px;

}



.Navigation-wrap {

    display: flex;

    justify-content: center;

    position: relative;

    z-index: 20;

}


.Navigation-wrap:after {

    content: '\20';

    display: block;

    height: 0;

    clear: both;

}


.Navigation-wrap {

    *zoom: 1;

}


.Navigation-wrap>li {

    position: relative;
    float: left;
    width: 171px;

}



.Navigation-wrap>li>a {

    padding: 40px 0;

    display: inline-block;

}



.Navigation-item {

    width: 170px;

    border-right: 1px solid #F2F2F2;

}


.Navigation-wrap>li:first-child>a>div {

    border-left: 1px solid #F2F2F2;

}


.Navigation-itemImg {

    width: 70px;

    height: 50px;

    margin: 4px auto 32px;

    text-align: center;

}



.Navigation-itemTmg img {

    width: 100%;

    height: 100%;

}



.Navigation-itemImg2 {

    display: none;

}



.Navigation-item h5 {

    text-align: center;

    font-size: 14px;

    line-height: 36px;

    color: #333333;

}



.product-display2 {

    background: #f2f2f2;

    min-width: 1200px;

    padding-bottom: 35px;

}



.Navigation-itemLi {

    position: absolute;

    top: 202px;

    left: 0;

    width: 100%;

    z-index: 30;

    display: none;

}



.Navigation-itemLi li {

    background-color: rgba(14, 147, 248, 1);

    margin-bottom: 1px;

}



.Navigation-itemLi li a {

    color: #fff;

    /* width: 100%; */

    display: inline-block;

    font-size: 13px;

    padding: 12px 14px;

}



.Navigation-wrap li:hover .Navigation-itemLi {

    display: block;

}



.product-title {

    font-size: 36px;

    line-height: 24px;

    color: #0450a3;

    text-align: center;

    padding-top: 55px;

    padding-bottom: 10px;

}



.disinline-block {

    display: inline-block;

}



.pro-line {

    width: 34px;

    border: 1px solid #0e93f8;

    display: inline-block;

    margin: 10px auto;

}



.product-dis2Cont {

    width: 100%;

    padding: 10px 0 100px;

}

.product-dis2Cont p {
    line-height: 24px;
}



.pro-dis2Contimg {

    width: 588px;

    height: 441px;

    background: #d4d4d4;
    float: left;

}



.pro-dis2Contimg img {

    width: 100%;

    height: 100%;

}



.pro-dis2Contitem {

    width: 588px;

    height: 441px;

    background: #fff;
    padding: 100px 20px 0;
    box-sizing: border-box;
    float: left;

}



.pro-dis2Contitem h2 {

    font-size: 30px;

    color: #0450a3;

    padding: 96px 50px 46px 50px;

}



.pro-dis2Contitem p {

    font-size: 14px;

    line-height: 24px;

    color: #333333;

    padding: 0 50px 20px;

}

.pro-dis2Contitem span {
    padding: 0 50px 20px;
    display: inline-block;
}

.pro-dis2line {

    display: flex;

    justify-content: center;

    width: 100%;
    overflow: hidden;

}



/* --------------------------------product-display -------------------------- */



.product-lists {

    overflow: hidden;

    padding-bottom: 36px;

}



.product-lists a {

    float: left;

    width: 280px;

    margin: 10px;

}





.pages-wrap {

    text-align: center;

    padding-bottom: 120px;

}



.pages {

    overflow: hidden;

    display: inline-block;

}



.pages li {

    float: left;

    width: 41px;

    height: 40px;

    border: solid 1px #d0d0d0;

    text-align: center;

    background: #fff;

    margin: 2px;

}



.pages li a {

    display: inline-block;

    width: 100%;

    height: 100%;

    font-size: 14px;

    line-height: 40px;

    color: #666666;



}



.pages .page-active {

    background-color: #0e93f8;

}



.pages .page-active a {

    color: #fff;

}



.product-part1 {

    position: relative;

}



.product-part1logow {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 4px;

    text-align: center;

}



.product-part1logo {

    width: 190px;

    height: 290px;

    background: #0e93f8;

    margin: 0 auto;

}



.product-part1logo img {

    padding-top: 66px;

}



.product-part1logo h5 {

    font-size: 18px;

    line-height: 32px;

    color: #ffffff;

    padding: 20px 30px 0;

    text-align: center;

}



.product-part2 {

    background: #fff;

    min-width: 1200px;

}



.pro-part2Item {

    width: 682px;

    margin: 0 auto;

    padding: 40px 0;

}



.pro-part2Item li {

    float: left;

    width: 226px;

    text-align: center;

    border-right: 1px solid #333;

    margin-bottom: 4px;

}



/* .pro-part2Item li::after{

    content: "|";

    color: #333;

} */

.pro-part2Link {

    width: 142px;

    cursor: pointer;

    margin: 0 auto;

}



.pro-part2Link a {

    font-size: 14px;

    width: 100%;

    display: inline-block;

    line-height: 32px;

    color: #333333;

}



.pro-part2Link:hover a {

    background: #0e93f8;

    color: #fff;



}





/* --------------------------------news-information------------------------------------ */







.p60 {

    padding: 0px 50px 0 50px;

}



.pb20 {

    padding-bottom: 20px;

}



.news-first {

    margin-bottom: 25px;

}



.news-firstinfo h5 {

    font-size: 12px;

    color: #999999;

    font-weight: normal;

}



.news-firstinfo h4 {

    font-size: 18px;

    color: #333333;

    padding: 24px 0 46px;

}



.news-firstinfo p {

    font-size: 14px;

    color: #333333;

    padding: 0;

}



.news-firstinfo a {

    text-decoration: underline;

    font-size: 12px;

    padding-top: 60px;

    color: #2e3691;

    display: inline-block;

}



.news-lists {

    overflow: hidden;

    margin-bottom: 40px;

}



.news-lists ul li {

    float: left;

    width: 572px;

    margin: 10px;

}



.news-listitem {

    background: #fff;

    padding: 20px;

}



.news-listTitle {

    display: flex;

    justify-content: space-between;

}



.news-listTitle p {

    width: 65%;

    font-size: 16px;

    color: #333333;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.news-listTitle span {

    width: 30%;

    text-align: right;

    font-size: 12px;

    color: #999999;

}



.news-listDetail {

    display: flex;

    justify-content: space-between;

    padding-top: 20px;

}



.news-listDetail p {

    font-size: 12px;

    color: #999999;

    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


}



.news-listMore {

    width: 20%;

    font-size: 12px;

    color: #2e3691;

    text-decoration: underline;

    text-align: right;

}



.news-lists ul li:hover .news-listitem {

    background: #0e93f8;

}



.news-lists ul li:hover p,

.news-lists ul li:hover a,

.news-lists ul li:hover span {

    color: #fff;

}



/*----------------------------------------- news-detail---------------------------------- */



.article-wrap {

    min-width: 1200px;

    padding: 32px 0;

}



.article-wraps {

    overflow: hidden;

}



.article-L {

    width: 820px;

    float: left;

}

.article-L p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 20px;
}

.article-L div {
    line-height: 24px;
    margin-bottom: 20px;
}

.article-L h3 {

    font-size: 24px;

    text-align: center;

    color: #333333;

    padding: 16px 0;

}



.article-line {

    width: 100%;

}



.authorTime {

    font-size: 12px;

    line-height: 26px;

    color: #999999;

    text-align: center;

    margin-bottom: 20px;

}



.authorTime span:first-child {

    margin-right: 60PX
}



.article-page {

    display: flex;

    justify-content: space-between;

    margin: 30px 0 30px;

}



.article-pageitem {

    width: 48%;

    display: flex;

}



.article-s {

    width: 80px;

    background: #ddd;

    text-align: center;

    font-size: 12px;

    color: #999999;

    line-height: 32px;

    display: inline-block;

    margin-right: 4px;

}



.article-sLink {

    width: 300px;

    background: #ececec;

    text-align: center;

    font-size: 12px;

    color: #999999;

    display: inline-block;

    text-align: left;

}



.article-sLink p {

    font-size: 12px;

    color: #999999;

    line-height: 32px;

    display: inline-block;

    width: 98%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    padding: 0 4px;

}



.article-R {

    width: 304px;

    float: right;

}



.article-zxitem {

    margin-bottom: 20px;

}



.article-itemtitle {

    background-color: #0e93f8;

    width: 100%;

    font-size: 18px;

    line-height: 24px;

    color: #ffffff;

    padding: 16px 0;

    text-align: center;

}



.article-zxCont {

    background: #F2F2F2;

    padding: 0px 20px;

}



.article-zxCont ul li {



    border-bottom: 1px solid #FFF;



}



.article-zxCont ul li a {

    font-size: 14px;

    line-height: 52px;

    color: #333333;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    display: inline-block;

    width: 100%;

}




.mob-nav {

    display: none;

}





.head-mob {

    width: 100%;

    overflow: hidden;

    background: #9ed5ff;

    display: none;

}



.logo1 {

    float: left;

    width: 70px;
    display: none;
}



.logo1 img {

    width: 100%;

    padding-left: 8px;

    padding-top: 2px;

}



.open-nav {
    display: none;
    position: relative;
    float: right;
    z-index: 200;
    margin: 10px 10px 0 0;
}



.nav-colse {

    width: calc(100% - 190px);

    height: 100%;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 998;

    background: rgba(0, 0, 0, .5);

}



.nav-leftwrap {

    display: none;

}



.foot-fixed {

    display: none;

}



.cl {

    clear: both;

}



.cont {

    width: 1200px;

    margin: 0px auto;

}



.cont ul {

    width: 100%;
    display: flex;
    flex-wrap: wrap;

}



.cont ul li {

    float: left;

    width: 44%;

    margin: 1%;

    background: #fff;

    padding: 2%;

}



.cont_tl {

    float: left;

    width: 84%;

    border-bottom: 1px solid #e0e0e0;

    background: url(../images/c_add.png) left no-repeat;

    font-weight: bold;

    color: #0e93f8;

    font-size: 30px;

    padding: 10px 8%;

}



.cont_tel {

    float: left;

    width: 100%;

    font-size: 14px;

    background: url(../images/c_l.png) left bottom no-repeat;

    padding: 20px 0px 40px 0px;

}



.cont_tel p {

    font-size: 30px;

    font-weight: bold;

}



.cont_ct,

.cont_ct ul {

    float: left;

    width: 100%;

}



.cont_ct ul li {

    float: left;

    width: 25%;

    font-size: 12px;

    color: #999;

    padding: 20px 0px;

    margin: 0px;

}



.cont_ct ul li:nth-child(1) {

    width: 50%;

}



.c_m {

    width: 1200px;

    margin: 0px auto;

    color: #333;

    font-size: 36px;

    font-weight: bold;

    text-align: center;

    padding: 40px 0px;

}



.c_m_ct {

    width: 1200px;

    margin: 0px auto;

}



.mass {

    float: left;

    width: 33%;

}



.lis {

    float: left;

    width: 90%;

    height: 46px;

    border: none;

    line-height: 46px;

    color: #666;

    outline: none;

    padding: 0px 3%;

    background: #fff;

}



.mass_ly {

    float: left;

    width: 100%;

}



.mass_l {

    float: left;

    width: 92%;

    height: 200px;

    border: none;

    line-height: 24px;

    color: #666;

    outline: none;

    padding: 0px 3%;

    background: #fff;

    margin: 30px 0px;

}



.mass_btn {

    float: left;

    width: 220px;

    height: 46px;

    text-align: center;

    line-height: 46px;

    padding: 0px 470px 50px 470px;

}



.mass_btn a {

    float: left;

    width: 100%;

    height: 46px;

    background: #0e93f8;

    border-radius: 4px;

    color: #f1512c;

    color: #fff;

}



.mass_btn a:hover {

    float: left;

    width: 100%;

    height: 46px;

    background: #ff6c00;

    border-radius: 4px;

    color: #fff;

}



.s-success {
    width: 100%;
}

.s-success .swiper-slide {
    height: auto;
}

.s-success .swiper-wrapper {
    height: auto;
}

.foot-contL {
    width: 437px;
    float: left;
}

.topbar {
    background-color: #F2F2F2;
}

.topbar {
    position: relative;
    z-index: 10;
    height: 30px;
}

.top {
    font-size: 12px;
    width: 1200px;
    margin: 0px auto;
}

.top em {
    padding: 0px 5px;
}

.top a {
    padding: 0px 5px;
}

.top,
.top a {
    color: #1F1F1F;
}

.top-info {
    float: left;
    width: 340px;
}

.top-h1 {
    float: left;
    width: 340px;
    line-height: 30px;
    font-size: 12px;
}

.top .top-info,
.top .top-nav {
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}

.top-nav {
    float: right;
    width: 650px;
    text-align: right;
}

em {
    font-style: normal;
    font-weight: normal;
}

.pro_cpjg {
    margin-top: -340px;
    padding-bottom: 0px;
}


.box img {
    width: 76px;
    display: block;
    margin: 0 auto;
}

.i_ryzz {
    background-color: #fff;
    padding: 0 0 26px;
}

.s_ryzz img {
    width: 100%;
}

.bg3 {
    background-color: #f5f5f5;
}

.n_cont p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 20px;
}

.i_gysq {
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
}

.i_gyl {
    width: 40%;
    float: left;
}

.i_gyr {
    width: 55%;
    float: right;
}

.i_gyr p {
    line-height: 24px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 14px;
}

.article-sLink a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-sLink p {
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-pageitem .article-s {
    margin-bottom: 0 !important;
    line-height: 38px;
}

.article-pageitem .article-sLink {
    margin-bottom: 0 !important;
}

.article-sLink p {
    line-height: 38px;
}

.article-sLink a {
    display: inline-block;
}



















@media screen and (min-width: 200px) and (max-width:800px) {
    .head {

        background: rgba(0, 0, 0, .1);

        width: 100%;

        height: 100px;

        position: absolute;

        top: 0px;

        left: 0;

        z-index: 10;

        min-width: 1200px;

    }


    .topbar {
        display: none;
    }

    .sales-link {
        font-size: 14px;

        line-height: 22px;

        color: #000;

    }

    .sales-link li {
        display: inline-block;
        text-align: center;
        width: 49%
    }

    .sales-link a {
        font-size: 14px;

        line-height: 40px;

        color: #000;

    }

    .sales-link a:hover {
        color: #0e93f8;
    }


    .head {

        min-width: auto;

        /* background: #0E93F8; */

        background: #9ed5ff;

        position: relative;

        height: 58px;

        border-bottom: 1px solid #80C6FC;

    }



    .head-nav {

        display: none;

    }



    .head-mob {

        display: block;

    }



    .mob-nav {

        display: none;

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

        height: 58px;

    }



    .head-r {

        right: 0px;

        top: 8px;

        width: 160px;

    }



    .logo-name {

        left: 8px;

        top: 4px;

        font-size: 22px;

    }



    .head-logo {

        display: none;

    }



    .container-wrap {

        min-width: 100%;

        max-width: 100%;

    }







    .open-nav {

        display: block;

    }





    .nav-leftwrap {

        display: none;

    }



    .nav-leftwrap {

        position: fixed;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 997;

        background: rgba(0, 0, 0, .5);

        display: none;

    }



    .nav-leftwrap2 {

        width: 200px;

        height: 100%;

        background: #fff;

        padding: 20px 0;

        position: relative;

        z-index: 999;

    }



    .nav-left li {

        width: 100%;

        text-align: center;

    }



    .nav-left li a {

        width: 100%;

        display: inline-block;

        text-align: center;

        padding: 18px 0;

        color: #000;

    }



    .nav-colse {

        width: calc(100% - 190px);

        height: 100%;

        position: fixed;

        right: 0;

        top: 0;

        z-index: 998;

        background: rgba(0, 0, 0, .5);

        /* display: none; */

    }



    .s-banner {

        width: 100%;

        min-width: auto;

    }



    .about-company {

        padding-bottom: 10px;


    }



    .container {

        width: 100%;

        margin: 0 auto;

    }



    .title1 {

        font-size: 24px;

        color: #0450a3;

        padding: 10px 0 10px;

    }



    .about-introduce {

        padding-top: 20px;

    }



    .box li {

        width: 50%;

        min-height: 236px;

    }



    .box-title1 {

        padding: 10px 0;

    }



    .box-title2 {

        padding: 0 10px;

    }



    .title2 {

        font-size: 24px;

        color: #0450a3;

        padding: 20px 10px 20px;

    }



    .product-display {

        background-color: #f5f5f5;

        padding-bottom: 10px;

        min-width: auto;

    }



    .tab {

        display: flex;

        justify-content: space-between;

        padding-bottom: 18px;

    }



    .tab-body {

        display: inline;

    }



    .tab-bodys {

        overflow: visible;

        height: auto;

    }



    .tab-body a {

        width: 46%;

        float: left;

        padding: 1%;

    }



    .success-Item {

        width: 100%;


        display: block;

        overflow: hidden;

    }



    .success-ItemImg {

        width: 45%;

        height: 100%;

        float: left;

        background-color: rgb(212, 212, 212);

    }



    .success-ItemImg img {

        width: 100%;

        height: 100%;

    }



    .success-Itemcont {

        width: 55%;

        height: 100%;

        background: #0e93f8;

        color: #fff;

        float: right;

    }



    .s-success .sliswiper-slide a {

        display: inline-block;

        width: 100%;

    }



    .w100 {

        width: 100%;

    }



    .news-information {

        padding-bottom: 10px;

        min-width: auto;

    }



    .news-cont {

        padding-bottom: 10px;

        display: block;

        padding: 10px;

    }



    .news-item {

        width: 100%;
        margin: 0;

    }



    .foot-link {

        font-size: 14px;

        line-height: 22px;

        color: #ffffff;

        padding: 16px 10px;

    }



    .foot-contL {

        width: 90%;

        margin: 0 auto;

    }



    .foot-contR {

        display: none;

    }



    .foot-bottom {

        display: inline;

        text-align: center;

        font-size: 14px;

        padding: 4px;

    }



    .about-img {

        min-width: auto;

        height: auto;

    }



    .Navigation {

        background: #fff;

        min-width: auto;

    }



    .Navigation-wrap {

        display: block;

    }



    .Navigation-wrap>li>a {

        padding: 4px 0;

        display: inline-block;

        width: 100%;

        text-align: center;

    }



    .Navigation-wrap>li {

        text-align: center;

        width: 50%;

        float: left;

        border-bottom: 1px solid #f5f5f5;

    }



    .Navigation-itemImg {

        display: none;

    }



    /* .Navigation-itemLi {

        position: absolute;

        top: 56px;

        left: 0;

        width: 100%;

        z-index: 30;



    } */



    .Navigation-item {

        width: 100%;

    }



    .Navigation-itemLi li a {

        padding: 12px 0px;

    }



    .product-display2 {

        min-width: auto;

        padding-bottom: 10px;

    }



    .product-title {

        font-size: 24px;

        line-height: 24px;

        color: #0450a3;

        text-align: center;

        padding-top: 30px;

        padding-bottom: 10px;

    }



    .pro-dis2Contimg {

        width: 100%;

    }



    .pro-dis2line {

        display: block;

    }



    .pro-dis2Contitem h2 {

        font-size: 24px;

        color: #0450a3;

        padding: 10px;

    }



    .pro-dis2Contitem p {

        padding: 0 10px;

    }



    .pro-dis2Contitem {

        width: 100%;

        height: auto;

        background: #fff;

    }



    .product-dis2Cont {

        width: 100%;

        padding: 0px;

    }



    .back-page {

        display: none;

    }



    .article-wrap {

        background: #F2F2F2;

        width: 100%;

        min-width: auto;

        padding: 10px 0;

    }



    .article-L,

    .article-R {

        width: 100%;

        float: none;

    }



    .article-page {

        display: block;

        margin: 10px 0 10px;

    }



    .article-pageitem {

        width: 100%;

        margin-bottom: 10px;

    }



    .breadcrumb-wrap {

        padding: 10px;

    }



    .article-wraps {

        padding: 10px;

    }



    .article-sLink {

        width: calc(100% - 80px);

    }



    .news-lists {

        padding: 0 10px;

    }



    .news-lists ul li {

        margin: 10px 0;

        width: 100%;

    }



    .p60 {

        padding: 16px 10px 10px 10px;

    }



    .news-firstinfo h4 {

        font-size: 18px;

        color: #333333;

        padding: 10px 0 10px;

    }



    .news-firstinfo a {

        padding-top: 20px;

    }



    .details-display {

        min-width: auto;

        padding: 0;

    }



    .detailsDis-conL {

        width: 100%;

        height: auto;

        padding: 1em 0 2em;

    }



    .detailsDis-conR {

        width: 100%;

        height: 414px;

        background: #CCCCCC;

    }



    .detailsDis-cont {

        display: block;

        justify-content: center;


    }



    .appTntr-tabs {

        min-width: auto;

    }



    .appTntr-tab {

        padding-top: 24px;

    }





    .appTntr-tabs img {

        min-width: auto;

    }



    .product-part2 {

        min-width: auto;

    }



    .pro-part2Item {

        width: 100%;

        margin: 0 auto;

        padding: 20px 0;

    }



    .pro-part2Item li {

        float: left;

        width: 100%;

        text-align: center;

        border-right: none;

        margin-bottom: 4px;



    }



    .product-part1>img {

        width: 100%;

    }



    .product-part1logo {

        display: none;

    }



    .pages-wrap {

        text-align: center;

        padding-bottom: 20px;

    }

    .product-lists{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .product-lists a {

        float: left;

        width: 48%;

        margin: 1%;

    }



    .product-litem {

        padding: 6px 10px;

    }



    .tab-bodyItem {

        padding: 10px;

        height: auto;

    }



    .foot-fixed {
        width: 100%;
        position: fixed;
        width: 100%;
        background: #0e93f8;
        bottom: 0;
        left: 0;
        display: flex;
        z-index: 50;
    }
    .foot-cwx {
        width: 50%;
        text-align: center;
    }

    .foot-ctel {

        width: 50%;

        text-align: center;

    }

    .foot-cwx a {

        width: 100%;

        display: inline-block;

    }

    .foot-ctel a {

        width: 100%;

        display: inline-block;

    }

    .cont-wx {

        margin: 4px auto 0;

    }

    .cont-title1 {

        font-size: 12px;

        color: #fff;

        padding-bottom: 4px;

    }

    body {

        padding-bottom: 60px;

    }

    .Navigation-wrap:first-child {

        border-left: none;

    }



    .Navigation-item {

        border-right: none;

    }



    .cont {

        width: 100%;

        margin: 0px auto;

    }



    .cont ul li {

        /* float: ; */

        width: 94%;

        margin: 1%;

        background: #fff;

        padding: 2%;

    }

    .c_m {
        width: 100%;

        font-size: 24px;

        padding: 20px 0px;

    }


    .mass {
        width: 100%;
        margin-bottom: 2%;
    }

    .c_m_ct{
        width: 100%;
        margin: 0px auto;
    }



    .mass_btn {

        width: 100%;

        text-align: center;

        line-height: 46px;

        padding: 0;

    }

    .mass_btn a {
        width: 200px;
        margin: 0 auto;

        height: 46px;

        background: #0e93f8;

        border-radius: 4px;

        color: #fff;

        display: inline-block;

        float: none;

    }

    .lis {

        float: none;

        width: 90%;

        height: 46px;

        border: none;

        line-height: 46px;

        color: #666;

        outline: none;

        padding: 0 2%;

        background: #fff;

        margin: 0 auto;

        display: block;

    }



    .mass_l {

        float: left;

        width: 92%;

        height: 200px;

        border: none;

        line-height: 24px;

        color: #666;

        outline: none;

        padding: 0px 3%;

        background: #fff;

        margin: 30px 0px;

    }



    .mass_ly {

        float: left;

        width: 96%;

        padding: 0 2%;

    }

    .box {
        display: flex;
        flex-wrap: wrap;
    }

    .mass_btn a:hover {

        width: 200px;

        margin: 0 auto;

        height: 46px;

        background: #ff6c00;

        border-radius: 4px;

        color: #fff;

        display: inline-block;

        float: none;

    }

    .Navigation-itemLi {

        display: none !important;

    }

    .Navigation-wrap {

        display: block;

        overflow: hidden;

    }

    .pro_cpjg {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
        width: 100%;
    }

    .i_gysq {
        display: flex;
        flex-wrap: wrap-reverse;
        padding-top: 10px;
    }

    .i_gyl {
        width: 96%;
        margin: 2%;
    }

    .i_gyr {
        width: 96%;
        margin: 2%;
    }

    .head-ritem2,.logo-name {
        display: none;
    }
    .logo1 {

        display: block;
    }

}