.hide{display:none !important;}
.transimg{overflow:hidden;}
.transimg img{transition:.5s all;-webkit-transition:.5s all;}
.transimg:hover img{transform:scale(1.2,1.2);}
.oneline,.over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.twoline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.threeline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.fourline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.fiveline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.sixline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.sevenline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
.imgAll{ width: 100%;height: 100%;vertical-align: middle;transition: 0.5s all;}
.left{float: left}
.right{float: right}
.clearfix{clear: both;}
.widthContent {
    min-width: 1200px;
    width: 1200px !important;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.center {
    margin: 0 auto;
}


.header {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    height: 50px;
    background-color: #fff;
}

.search {
    width: 469px;
    height: 90%;
    border: 2px solid #0084ff;
    float: left;
    margin-left: 75px;
}

.searchicon {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon1.png);
    background-size: cover;
    float: left;
    margin: 15px 10px;
}

.search input {
    float: left;
    height: 65%;
    border: 0;
    margin-top: 7px;
    color: #ccc;
    font-size: 14px;
    width: 300px;
    background-color: #fff;
}

.search input:focus {
    outline: 0;
    color: rgb(20, 20, 20);
}

.search button {
    width: 100px;
    border: 0;
    height: 100%;
    background-color: #0084ff;
    float: right;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
}

.logo {
    float: left;
}

.logo a {
    text-decoration: none;
}

.contact {
    float: right;
    height: 100%;
    box-sizing: border-box;
    padding-top: 15px;
}

.contact img {
    /* height: 25px; */
    display: block;
    float: left;
    margin-right: 15px;
}

.contact span {
    font-size: 23px;
    font-weight: 500;
    color: #0084ff;
}

/* -------------------------------------- */
.typeList {
    height: 55px;

}

.allType {
    width: 285px;
    height: 100%;
    background-color: #0084ff;
    float: left;
    position: relative;
}

.allTypeBtn {
    width: 100%;
    height: 100%;
}

.allTypeBtn a {
    display: block;
    width: 100%;
    height: 100%;
}

.allTypeBtn a img {
    margin: 20px 0 0 75px;
}

.allTypeList {
    height: 580px;
    width: 100%;
    background-color: #282828;
    z-index: 9;
    position: relative;
}

.allItem {
    width: 100%;
    height: 97px;
    box-sizing: border-box;
    border-top: 1px solid #282828;
}

.itemdl dt {
    margin: 20px 0 0 20px;
    align-items: center;
}
.icon img{
    width: auto;
    height: 18px;
}

.itemdl dt .itemdl-ctag {
    color: #ffffff;
    margin-left: 10px;
    font-size: 15px;
}

.itemdl dd {
    line-height: 20px;
    margin-top: 15px;
    padding: 0 20px;
}

.itemdl dd a {
    color: #999999;
    text-decoration: none;
    font-size: 12px;
    margin: 20px 20px 0 0;
}
.allItem:hover{
    background-color: #0084ff;
    color: #fff;

}
.allItem:first-child:hover{
    border-top: 1px solid #fff;
}
.allItem:hover .itemdl dd a{
    color: #ffffff;
}
.itemdl dt .itemdl-ctag:hover{
    text-decoration: underline;
}
.itemdl dd a:hover{
    text-decoration: underline;
}
.typeItem {
    width: 100%;
    height: 100%;
    /*float: right;*/

}

.typeItem ul {
    height: 100%;
    align-items: center;
    justify-content: space-between;
    margin-left: 80px;
    -webkit-box-pack: center;
}

.typeItem ul>li {
    width: 140px;
    float: left;
    line-height: 50px;
    text-align: left;
    position: relative;
}
.typeItem ul>li.active>a,.typeItem ul>li.active>p{
    color: #0084ff;
}
.typeItem ul>li>a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
}

.typeItem ul>li>a:hover {
    color: #0084ff;
}
.typeItem ul>li:hover p{
    color: #0084ff;
    cursor: pointer;
}
.yq-list{
    z-index: 999;
    position: absolute;
    left: -20px;
    top: 45px;
    border: 1px solid #eee;
    background-color: #fff;
    width: 90px;
    display: none;
}
.yq-list .yq-item{
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #000;
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.yq-list .yq-item:last-child{
    border-bottom: none;
}
.yq-list .yq-item:hover{
    background-color: #0084ff;
    color: #fff;
}
.type-item {
    width: 760px;
    height: 580px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 0px;
    z-index:9;
    left: 285px;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}
.allItem:hover .type-item{
    width: 760px;
    transform: scaleX(1);
    border-radius: 0px;
    border-radius: 0px;
    box-shadow: 4px 2px 8px rgb(182, 182, 182);
}

.type-item dl {
    width: 698px;
    border-bottom: 1px dashed #dadada;
    margin: 38px 30px 0 30px;
    padding-bottom: 30px;
}
.type-item dl dt {
    font-size: 20px;
    color: #222;
    font-weight: 600;
    margin-bottom: 21px;
}
.type-item dl dd {
    float: left;
    margin-right: 22px;
    margin-bottom: 17px;
}
.type-item dl dd a {
    text-decoration: none;
    color: #444444;
    font-size: 14px;
    display:block;
}
.type-item dl dd a:hover {
    color: #0084ff;
    text-decoration: underline #0084ff;
}

.bottom-Item {
    padding-bottom: 50px;
    margin: 38px 30px 0 30px;
}
.bottom-Item p {
    width: 100%;
}
.bottom-Item p span{
    float: left;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
}
.bottom-Item p a{
    float: right;
    color: #999999;
    font-size: 14px;
}
.bottom-Item p a:hover{
    color: #0084ff;
    text-decoration: underline;
}
.item-ul {
    width:720px;
    height: 100%;
    margin-top: 20px;
    margin-left:-12px;
    overflow: hidden;
}
.item-ul li {
    float: left;
    width: 164px;
    height: 60px;
    margin-top:12px;
    margin-left:12px;
    border: 1px solid #dedede;
}
.item-ul li a {
    display: block;
    padding: 10px 7px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}
.item-ul li a img {
    width: 100%;
    height: 100%;
}
.swiper1 .swiper-slide a{
    width: 100%;
    height: 580px;
    display: block;
}

    /*.swiper-container {*/
/*    min-width: 1200px;*/
/*    height: 580px;*/

/*}*/


/*.swiper-slide {*/
/*    background-image: url(../images/swiper.png);*/
/*    background-size: 100% 100%;*/
/*}*/

.liebiao {
    height: 500px;
    background-color: #282828;
}

.main {
    width: 100%;
    /* height: 2000px; */
    background-color: #f2f3f6;
    /* overflow: hidden; */

}

.main main {
    background-color: #f2f3f6;
}

.container {
    /* height: 1000px; */
}

.title {
    /* margin: 60px auto 30px auto; */
    height: 25px;
    padding-right: 7px;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    background-color: #f2f3f6;
    padding-top: 70px;
    padding-bottom: 30px;
}

.title span {
    padding-left: 10px;
    box-sizing: border-box;
    border-left: #0084ff 3px solid;
    color: #222222;
    font-weight: 600;
    font-size: 20px;
    float: left;
}

.title a {
    float: right;
}

.brand {
    width: 100%;
    height: 280px;

}

.brandItem {
    width: 199px;
    height: 150px;
    background-color: #ffffff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: left;
    margin-top: 1px ;
    margin-left: 1px;
}

.brandItem a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #444444;
    float: left;
    text-align: center;
}

.brandItem a img {
    width: 150px;
    display: block;
    margin: 20px auto 30px auto;
    height: 60px;
    transition: 0.5s all;
}
.brandItem a img:hover{
    transform: scale(1.05);
}
.brandItem span {
    text-align: center;
    font-size: 14px;
}
.brandItem span:hover{
    color: #0084ff;
}
.instrument {
    width: 100%;
    height: 540px;
}

.choice {
    width: 240px;
    height: 100%;
    background-color: #ffffff;
    float: left;
}

.last {
    border-bottom: 0 !important;
}

.chiceList{
    position: relative;
    border-right: 1px solid #eee;
}
.chiceListItem {
    height: 108px;
    width: 100%;
    background-color: #fff;
    padding: 20px 20px 10px 20px;
    color: #444444;
    box-sizing: border-box;
}
.chiceListItemhover {
    background-color: #0084ff !important;
    color: #fff !important;
}

.chiceListItemhover dl::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 9;
    right: -30px;
    top: 25%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #0084ff;
}
.chiceListItem dl{
    position: relative;
}

.chiceListItem dl>dt .yiqiicon {
    float: left;
    align-items: center;
    justify-content: center;
}

.chiceListItem dl>dt a {
    color: #444444;
}

.chiceListItemhover dl>dt a {
    color: #fff;
}

.chiceListItem dl>dt .rigthIcon {
    float: right;
}

.chiceListItem dl>dt span {
    line-height: 20px;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
}
.chiceListItem dl>dt span:hover{
    text-decoration: underline;
}
.chiceListItem dl>dd {
    margin-top: 10px;
    height: 55px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.chiceListItem:last-child dl>dd{
    border-bottom: none;
}
.chiceListItemhover dl>dd {
    border-bottom: 0;
}

.chiceListItem dl>dd a {
    color: #888888;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    margin-right: 15px;
}

.chiceListItemhover dl>dd a {
    color: rgb(255, 255, 255);
}
.chiceListItemhover dl>dd a:hover{
    text-decoration: underline;
}
.icfont {
    display: block;
    width: 18px;
    height: 18px;
}
.icfont img{
    max-height: 100%;
}
.instruments {
    width: 956px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 240px;
    display: none;
    background-color: #fff;
}

.instruments ul {
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    align-items: stretch;
}

.instItem {
    width: 239px;
    height: 270px;
    background-color: #ffffff;
    padding: 20px 36px 20px 36px;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.instItem .chanpinimg {
    height: 150px;
}
.instItem .chanpinimg img{
    transition: 0.5s all;
    width: 100%;
    height: 100%;
}
.instItem .chanpinimg img:hover{
    transform: scale(1.05);
}
.instItem a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #444444;
    text-align: center;
    line-height: 25px;
}

.instItem a span {
    margin-top: 20px;
    font-size: 14px;
    height: 50px;
}
.instItem a span:hover{
    color: #0084ff;
}
.consumables {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.consumables ul {
    margin: -8px 0 0 -7px;
}

.consumables a {
    display: block;
    text-decoration: none;
    color: #444444;
    line-height: 25px;
    overflow: hidden;
}

.haocaiimg {

    width: 100%;
    height: 162px;
}

.haocaiimg img {
    width: 100%;
    height: 100%;
}
.haocaiimg img:hover{
    transform: scale(1.05);
}
.consumablesItem {
    width: 230px;
    height: 250px;
    background-color: #fff;
    padding: 0 25px 0 25px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin: 8px 0 0 10px;
    font-size: 14px;
}
.fontstyle-14 {
    font-size: 14px;
    font-weight: 500;
}
.consumablesItem a .fontstyle-14:hover{
    color: #0084ff;
}
.news {
    width: 100%;
    height: 500px;
    margin-bottom: 60px;
}
.news-topimg {
    background-image: url(../images/xinwenxiangqing.png);
}

.leftNews {
    width: 880px;
    height: 100%;
    margin-right: 13px;
    overflow: hidden;
}

.rightNews {
    width: 300px;
    height: 100%;
    overflow: hidden;
}

.newsStyle {
    background-color: #fff;
    float: left;
    padding: 20px;
    box-sizing: border-box;
}

.newsTitle {
    width: 100%;
    height: 180px;
    background-color: #f2f3f6;
}

.newsTitle a {
    text-decoration: none;
}

.newsTitle a .nwesimg {
    width: 300px;
    height: 100%;
    float: left;
    overflow: hidden;
}

.nwesimg img {
    width: 100%;
    height: 100%;
}
.nwesimg img:hover{
    transform: scale(1.05);
}
.newsTitle a .titleJeishao {
    width: 540px;
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding: 25px 30px;

}

.titleJeishao span {
    width: 490px;
    display: block;
    color: #444444;

}
.titleJeishao span:hover{
    color: #0084ff;
}
.yichu {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.titleJeishao p {
    line-height: 25px;
    margin: 20px 0;
    color: #888888;
    height: 50px;
    overflow: hidden;
    font-size: 14px;
}

.titleJeishao .date {
    color: #999;
    font-size: 12px;
}

.biaoti {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.biaoti p {
    display: inline-block;
    float: left;
}

.biaoti i {
    float: right;
}

.newFontStyle {
    font-size: 14px;
}

.leftNews ul .newItem {
    width: 403px;
    float: left;
    border-top: 0;
    border-bottom: 1px solid #ccc;
    margin: 3px 0;
}

.leftNews ul .newItem:nth-of-type(odd) {
    margin-right: 30px;
}
.leftNews ul .newItem:nth-child(5),.leftNews ul .newItem:last-child{
    border-bottom: none;
}
.newItem {
    padding: 22px 0;
    border-top: 1px solid #ccc;
}

.newItem a {
    display: block;
    text-decoration: none;
    color: #444444;
}

.newItem a i {
    margin-right: 10px;
}

.newItem a .itemTitle {
    display: block;
    margin-bottom: 15px;
    position: relative;
    transition: 0.3s ease-out;
}
.newItem a .itemTitle span{
    display: block;
    padding-left: 15px;
    max-width: 100%;
    height: 16px;
    line-height: 16px;
}
.newItem a:hover .itemTitle {
    color: #0084ff;
    transform: translateX(4px);
}
.newItem a .itemTitle i{
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    line-height: 16px;
}
.newItem a .date {
    color: #999;
    font-size: 12px;
}

.footer {
    min-width: max-content;
    width: 100%;
    background-color: #404e93;
}

.footerNav {
    height: 300px;
    box-sizing: border-box;
    padding-top: 60px;
    background-color: #404e93;
}

.leftlianxi {
    float: left;
    width: 820px;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
}

.leftlianxi dl {
    float: left;
    margin-right: 66px;
}

.leftlianxi dl dt {
    color: #fff;
    margin-bottom: 40px;
}

.leftlianxi dl dd {
    margin-bottom: 20px;
}

.leftlianxi dl dd>a {
    text-decoration: none;
    color: #fefefe;
    font-size: 14px;
    font-weight: 500;
}

.rigthdianhua {
    float: right;
    text-align: right;

}

.rigthdianhua span {
    padding-right: 5px;
    color: #aaaaaa;
    font-size: 14px;
}

.rigthdianhua h3 {
    font-size: 25px;
    color: #fff;
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}

.rigthdianhua .socialContact>a {
    display: block;
    margin: 0 7px;
    text-decoration: none;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    text-align: center;
    line-height: 40px;
    background-position: center;
    position: relative;
}
.rigthdianhua .socialContact>a:nth-child(1) {
    background-image: url(../images/weibo.png);
}
.rigthdianhua .socialContact>a:nth-child(2) {
    background-image: url(../images/weixin.png);
}
.rigthdianhua .socialContact>a:nth-child(3) {
    background-image: url(../images/qq.png);
}
.socialContact{
    position: relative;
}
.wxcode-show{
    position: absolute;
    top: -115px;
    left: 38%;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eee;
    display: none;
}
.wxcode-show:after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 7px solid #FFFFFF;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    top: 98px;
    left: 42px;
}
.wxcode-show img{
    width: 100%;
    height: 100%;
}
.rigthdianhua .socialContact>a img {
    width: 25px;
    height: 25px;
    margin-top: 3px;
    margin-left:2px ;
}
.footer a:hover{
    color: #fff;
}
.bottomBeian {
    height: 120px;
    padding: 30px 0;
    color: #fefefe;
    font-size: 14px;
    border-top: 0.5px solid #3f4144;
    background-color: #404e93;
    box-sizing: border-box;
}
.bottomBeian .boxher p{
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.bottomBeian div {
    background-color: #404e93;
}

.bottomBeian .leftbeian {
    align-items: center;
    float: left;
}

.bottomBeian .rightbeian {
    float: right;
    text-align: right;
    background-color: #404e93;
}
.bottomBeian .rightbeian a {
    text-decoration: none;
}

.bottomBeian a {
    text-decoration: none;
    color: #fefefe;

}
.bottomBeian a:hover{
    color: #ddd;
}
.bottomBeian img {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    position: relative;
    top: 3px;
}
/* -------------------------------------------------------- */




.aboutUs {
    position: relative;
    border-top: 3px solid #0084ff;
    padding-bottom: 60px;
    box-sizing: border-box;
    min-width: 1200px;
}
.abouts-topimg {
    background-image: url(../images/gongsijianjie.png);
}
.about-swiper {
    min-width: 1200px;
    width: 100%;
    height: 300px;
    background-size: 100% 100%;
}
.about-swiper span {
    color: #ffffff;
    font-size: 30px;
}
.about-swiper p {
    color: #ffffff;
    font-size: 14px;
    margin-top: 16px;
}
.about-swiper img {
    width: 100%;
    height: 100%;
}

.abouts-details {
   
}
.abouts-details nav {
    border-bottom: 1px solid #eee;
}
.abouts-details .topnav {
    height: 70px;
    width: 100%;
    height: 67px;
}

.abouts-leftnav {
    float: left;
}
.abouts-rightnav {
    float: right;
}
/* .abouts-rightnav .abouts-home img {
    display: block;
    float: left;
    margin-top: 27px;
    margin-right:10px ;

} */
.abouts-leftnav,
.abouts-rightnav {
    line-height: 70px;
} 

.abouts-leftnav ul li,
.abouts-rightnav ul li {
    height: 67px;
    float: left;
    box-sizing: border-box;
}
.abouts-leftnav ul li a,
.abouts-rightnav ul li a {
    text-decoration: none;
    color: #000;
}
.abouts-rightnav ul li a:hover{
    color: #0084ff;
}
.abouts-rightnav ul span {
    float: left;
    margin: 0 5px;
}
.abouts-rightnav ul span img{
    position: relative;
    top: 2px;
}
.abouts-leftnav ul li {
    margin-right: 45px;
}
.abouts-rightnav ul  li:last-child a {
    color:#0084ff ;
}
.abouts-leftnav ul li:hover {
    border-bottom: 2px solid #0084ff;
   
}

.abouts-leftnav ul li:hover a {
    color: #0084ff;
}

.about-active {
    color: #0084ff;
    border-bottom: 2px solid #0084ff;
}
.about-active > a {
    color: #0084ff !important;
}
.about-xiangqing {
    padding: 30px 0;
    box-sizing: border-box;
    min-height: 244px;
}

.about-xiangqing p {
    margin-bottom: 50px;
    line-height: 30px;
    text-indent:36px;
    font-size: 15px;
}

.about-xiangqing .about-imgs {
    height: 260px;
    letter-spacing:17px; 
}

.about-xiangqing .about-imgs img {
    height: 100%;
}

.newCentent {
   
}
.newsItem {
   height: 215px;
   padding:30px 0 30px 0 ;
   box-sizing: border-box;
   border-bottom: 1px solid #eeeeee;
}
.newsItem a {
    text-decoration: none;
    color: #777777;
    display: block;
}
.newsItem .newimage {
    height: 100%;
    width: 260px;
    float: left;
    margin-right:30px ;
    overflow: hidden;
}
.newsItem .newimage img {
    width: 100%;
    height: 100%;
}
.newsItem .newimage img:hover{
    transform: scale(1.05);
}
.newsItem .newsDetails {
    width: 900px;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
    float: left;
}

.newsItem .newsDetails h4 {
    width: 900px;
    font-size: 26px;
    color: #000;
    font-weight: 600;
}
.newsItem .newsDetails h4:hover{
    color: #0084ff;
}
.newsItem .newsDetails p {
    width: 900px;
    font-size: 14px;
    line-height: 26px;
    height: 90px;
    padding: 15px 0 10px 0;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 15px;
}

.newsItem .newsDetails span {
    font-size: 14px;
}

.newsPager {
    height: 40px;
    width: 100%;
    margin-top:40px ;
    /* position: relative; */
}


.newsPager-cententer {
    height: 100%;
    width: 320px;
    margin: 0 auto;
    text-align: center;
    /* position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto; */
}
.newsPager-cententer span {
    width: 40px;
    height: 100%;
    box-sizing: border-box;
    display: block;
    text-align: center;
    line-height: 40px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.newsPager-cententer span {

}
.upPager {
    float: left;
}

.lastPager {
    float: left;
}
.newsPager-cententer ol {
    float: left;
    height: 100%;
    margin-left: 10px;
   
}
.newsPager ol li {
    width: 40px;
    height: 40px;
    float: left;
    border: 1px solid #dddddd;
    border-radius: 5px;
    box-sizing: border-box;
    margin-right: 10px;
    line-height: 40px;

}

.newsItemhover:hover {
    background-color: #0084ff;
}
.newsItemhover:hover a {
    color: #fff;
}
.newsPager ol li a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #222222;
}



.nwes-xiangqing {
   
}
.news-title {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.news-title h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom:20px ;
    text-align: center;
    color: #222222;
}

.news-title p {
    font-size: 14px;
    text-align: center;
    color: #888888;

}
.news-title p  span {

    margin-right:20px ;
}

.new-qiangqing {
    margin-top: 40px;
    text-indent:36px;
    padding-bottom: 20px ;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
}

.new-qiangqing p {
    line-height: 25px;
    margin:35px 0 ;
    color: #555555;
    font-size: 15px;
}

.bottom-fenye {
    width: 100%;
    background-color: aquamarine;
    margin-top:30px ;
}

.bottom-fenye span a{
    text-decoration: none;
    color: #444444;
    font-size: 14px;
}

.bottom-fenye .shangyiye {
    float: left;
}
.bottom-fenye .xiayiye{
    float: right;
}



.callme {
    height: 380px;
    margin-top: 40px;
}

.callPhone {
    width: 50%;
    height: 100%;
    background-image: url(../images/lianxifangshi.png);
    padding: 68px 0 0 40px;
    color: #ffffff;
    box-sizing: border-box;
    float: left;
}
.callMap {
    float: left;
    width: 50%;
    height: 100%;
}

.callPhone h6{
    font-size: 22px;
    margin-bottom: 30px;
}

.callPhone span {
    display:block;
    margin-bottom:30px;
    font-size: 14px;
}

.liuyani {
    width: 100%;
    padding-bottom: 60px;
    box-sizing: border-box;
    background-color: #f8f8f8;
    margin-top: 50px;
}
.liuyan-topimg {
    background-image: url(../images/woshou.png);
    background-size: 100% 100%;
}
.liuyan-conter{
    padding-top: 70px;
    text-align: center;
}

.liuyan-conter span {
    font-size: 30px;
    position: relative;
}
.liuyan-conter span:before {
    display: block;
    content: ' ';
    width: 40px;
    height: 4px;
    background-color: #d8d8d8;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -19%;

}

.form {
    margin-top: 70px;
    font-family: Microsoft YaHei UI;
}
.from-input {
    letter-spacing: 10px;
}

.form input {
    border: 0;
    height: 46px;
    width: 390px;
    font-size: 14px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    padding-left: 15px;
 
}

.form input:focus {
    outline: 0;
    color: rgb(20, 20, 20);
}
.text-liuyan {
    width: 100%;
    margin-top: 20px;
}

.text-liuyan  textarea {
    width: 1200px;
    font-size: 14px;
    resize:none;
    border: 1px solid #dddddd;
    text-align: left;
    box-sizing: border-box;
    padding: 0;
    color: #999999;
    padding: 15px;
    box-sizing: border-box;
}

.text-liuyan  textarea:focus {
    outline: 0;
    color: rgb(20, 20, 20);
}

.liuyan-submit {
    width: 300px;
    height: 60px;
    border: 0;
    background-color: #1c88ff;
    cursor: pointer;
    margin-top:40px;
    font-size: 20px;
    color: #ffffff;
}


.slectt  {
    width: 100%;
    position: relative;
}

.nav-bar {
    width: 100%;
    height: 50px;
    background-color: #f2f3f6;
}
.nav-ul-bar {
    height: 100%;
    line-height: 50px;
    font-size: 14px;
}
.nav-ul-bar span, 
.nav-ul-bar li {
    float: left;
}
.nav-ul-bar li a {
    text-decoration: none;
    color: #444444;
}
.nav-ul-bar li a:hover{
    color: #0084ff;
}
.nav-ul-bar span {
     margin: 0 6px;
     line-height: 54px;
}

.selct-list {
    margin: 30px auto;
}
.selct-list dl {
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right:1px solid #eee ;
}
.selct-list dl:nth-child(2) {
    border-top: 0 !important;
}
.selct-list dl > dd,
.selct-list dl > dt {
    float: left;

}
.selct-list dl > dt {
    height: 100%;
    width: 130px;
    text-align: center;
    background-color: #f5f5f5;
    margin-right:30px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    color: #222222;
}

.selct-list dl > dd {
  
}
.selct-list dl > dd a {
    text-decoration: none;
    color: #333333;
    font-size: 14px;
    padding: 6px;
    box-sizing: border-box;
    margin: 0 5px;
    border-radius: 5px;
}

.selct-list dl > dd a:hover {
    background-color: #0084ff;
    color: #fff;
}

.commodity {
 
}
.commodity ul {
    width: 1245px;
    margin-top:-15px ;
    margin-left:-18px ;
}
.commodity-item {
    width: 224px;
    height: 270px;
    text-align: center;
    border: 1px solid #dedede;
    float: left;
    margin-top: 15px;
    margin-left:18px ;
}
.commodity-item:hover {
    border: 1px solid #0084ff;
}
.commodity-item a {
    display: block;
    text-decoration: none;
    color: #444444;
    font-size: 14px;
    padding-top: 38px;
}
.commodity-item img {
    display: block;
    height: 146px;
    margin-left:40px ;
    margin-bottom:30px ;
    transition: 0.5s all;
}
.commodity-item img:hover{
    transform: scale(1.05);
}
.commodity-item a span {
    width: 168px;
    display: block;
    margin: 0 auto;
    line-height: 20px;
    overflow: hidden;
    height: 40px;
    font-size: 14px;
}
.commodity-item a span:hover{
    color: #0084ff;
}
.slectt-Pager {
    margin-bottom: 60px;
}
.selct-act a {
    background-color: #0084ff;
    color: #fff !important;
}



.brandList ul {
    width: 1250px;
    padding-left: 25px;
}

.brand-Item {
    float: left;
    width: 230px;
    height: 220px;
    text-align: center;
    border: 1px solid #eee;
    margin-top:12px;
    margin-left:11px ;
}
.brand-Item:hover {
    border: 1px solid #0084ff;
}

.brand-Item img {
    width: 150px;
    display: block;
    height: 60px;
    margin: 30px auto;
    transition: 0.5s all;
}
.brand-Item img:hover{
    transform: scale(1.05);
}
.brand-Item span {
    width: 100%;
    text-align: center;
    display: block;
    margin: 20px 0;
    color: #000;
}
.brand-Item span:hover{
    color: #0084ff;
}
.brand-Item a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #0084ff;
}
.brand-Item i {
    text-decoration: none;
    display: block;
    width: 160px;
    height: 37px;
    text-align: center;
    margin: 0 auto;
    color: #0084ff;
    border: 1px solid #0084ff;
    line-height: 37px;
    border-radius: 5px;
}
.brand-Item i:hover{
    background-color: #0084ff;
    color: #fff;
}

.Brand-details {
    margin-top: 30px;
}

.left-details-img{
    float: left;
    width: 408px;
    box-sizing: border-box;
    position: relative;
}
.left-details-img .gallery-swiper .swiper-slide{
    border: 1px solid #eee;
    box-sizing: border-box;
}
.left-details-img .thumbs-swiper .swiper-slide{
    border: 1px solid #eee;
    box-sizing: border-box;
}
.left-details-img img {
    width: 100%;
    height: 100%;
}
.right-dereils-text {
    width: 762px;
    float: right;
    padding: 20px 0 20px 0;
    box-sizing: border-box;
}
.right-dereils-text h4 {
    font-size: 24px;
    color: #000000;
    font-weight: 600;
}
.right-dereils-text .jieshiao {
    width: 100%;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #666666;
    box-sizing: border-box;
    padding: 23px;
    line-height: 26px;
    margin-top: 20px;
}
.right-dereils-text .offer {
    width: 100%;
    height: 140px;
    border-bottom: 1px solid #eee;
}
.right-dereils-text .offer p {
    margin: 20px 0;
    width: 100%;
}
.right-dereils-text .offer p .guige {
    width: 250px;
    display: block;
    float: left;
    color: #555555;
    overflow: hidden;
    font-size: 14px;
}
.right-dereils-text .offer p .guige .money {
    font-size: 20px;
    color: #0084ff;
    font-weight: 600;
}
.goshop {
    margin-top: 40px;
}
.goshop a {
    display: block;
    float: left;
    text-decoration: none;
    text-align: left;
    line-height: 50px;
    margin-right: 20px;
    height: 50px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}
.goshop a:nth-child(1) {
    width: 160px;
    height: 50px;
    background-color: #0084ff;
    text-align: center;
    line-height: 50px;
}
.goshop a:nth-child(2) {
    width: 260px;
    background-color: #ff8400;
}
.phoneme {
    width: 25px;
    height:25px;
    display:inline-block;
    margin-top: 13px;
    margin-left:55px;
    float: left;
    margin-right:15px;
    background-image: url(../images/phone3.png);
    background-size: 100% 100%;
}
.Product-selection {
    height: 55px;
    margin-top: 17px;
}
.Product-selection .img-btn {
    width: 400px;
    height: 100%;
}
.img-btn span {
    height: 100%;
    display: block;
    line-height: 55px;
}
.img-btn span a {
    text-decoration: none;
}
.img-btn .leftPag {

    float: left;
}
.img-btn .rightPag {
    float: right;
}
.img-btn .center-img {
    float: left;
}
.img-btn .center-img li {
    width: 60px;
    height: 55px;
    float: left;
    margin-left: 20px;
    border: 1px solid #ccc;
}
.img-btn .center-img li:hover {
    border: 1px solid #1c88ff;
}
.center-imgActive {
    border: 1px solid #1c88ff !important;
}
.img-btn .center-img li img{
    width: 100%;
    height: 100%;
}
.introduce {
    height: 56px;
    background-color: #f4f4f4;
    margin-top:50px;
    margin-bottom:40px;
}
.introduce-btn {
    height: 100%;
    float: left;
    width: 200px;
    background-color:#1c88ff ;
    text-align: center;
    line-height: 56px;
    color: #ffffff;
    font-size: 20px;
}

.introduce-text {
    font-size: 15px;
    color: #555555;
    box-sizing: border-box;
    padding-bottom: 80px;
    line-height: 26px;
}
.introduce-text img{
    max-width: 100%;
    height: auto;
}

.about_banner{position: relative;height:320px;overflow:hidden;}
.about_banner img{width:100%;height:100%;object-fit: cover;}
.banner_cont{
    position: absolute;
    width: 300px;
    height: 86px;
    top: 50%;
    left: 28%;
    margin-top: -43px;
    margin-left: -150px;
    color: #fff;
    text-align: center;
}
.banner_cont p:first-child{
    font-family: "思源黑体","PingFang", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
}
.banner_cont p:last-child{
    font-size: 24px;
    margin-top: 10px;
    text-transform: uppercase;
}
.news_lists{box-sizing: border-box;padding:20px 0;line-height: 30px;}
.empty-img{
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 10px 0;
    width: 200px;
    height: auto;
}
.empty-text{
    text-align: center;
    margin-bottom: 10px;
}
/*.bh-fixtop{*/
/*    position: fixed;*/
/*    right: 12px;*/
/*    top: 65%;*/
/*    width: 50px;*/
/*    height: 60px;*/
/*    background-color: #eee;*/
/*    color: #000;*/
/*    line-height: 80px;*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*    display: none;*/
/*}*/
/*.bh-fixtop:before{*/
/*    content:"";*/
/*    position:absolute;*/
/*    top:-10px;*/
/*    left:17px;*/
/*    border-bottom:10px solid #eee;*/
/*    border-left:10px solid transparent;*/
/*    border-right:10px solid transparent;*/
/*}*/
.arrow-top{
    position: absolute;
    margin-left: 4px;
    margin-top: 2px;
}
.arrow-top:before,.arrow-top:after{
    position: absolute;
    content: '';
    border-top: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-right: 10px transparent dashed;
    border-bottom: 10px #eee solid;
}
.arrow-top:before{
    border-bottom: 10px #0099CC solid;
}
.arrow-top:after{
    top: 3px; /*覆盖并错开1px*/
    border-bottom: 10px #eee solid;
}
#outerdiv{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.7);
    z-index:2;
    width:100%;
    height:100%;
    display:none;
}
#innerdiv{
    position:absolute;
}
#bigimg {
    border: 5px solid #fff;
}
.honor-swiper{
    padding: 0 30px;
    box-sizing: border-box;
}
.honor-swiper .swiper-button-next, .swiper-button-prev{
    height: 80px;
    background-size: 27px 30px;
    margin-top: -43px;
}
.honor-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-color: rgba(0,0,0,0.7);
    right: 0;
}
.honor-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-color: rgba(0,0,0,0.7);
    left: 0;
}
.honor-swiper .swiper-slide img{
    width: 240px;
    height: 320px;
}
.pages{
    margin-top: 30px;
}
.xwd-capition{width:100%;height:118px;}
.xwd_title{font-size:26px;color:#222222;padding-top:20px;width:100%;text-align:center;}
.xwd_time{font-size:14px;color:#aaaaaa;margin-top:20px;width:100%;text-align:center;}
.xwd-content{width:100%;min-height:100px;color:#666666;font-size:14px;line-height:26px;margin-top:20px;margin-bottom:30px;}
.xwd-cut{width:100%;border-top:1px solid #ededed;height:90px;margin-bottom:30px;}
.xwd-cut a:hover{color:#0084ff;}
.xwdc-left{height:100%;width:48%;float: left}
.xwdc-left>a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666666;line-height:90px;}
.xwdc-right{width:48%;height:100%;float: right;}
.xwdc-right>a{display:block;width:100%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666666;line-height:90px;}

.pro-ly{
    width: 100%;
    border: 1px solid #eee;
    background-color: #f5f5f5;
}
.pro-ly .pro-ly-left{
    width: 130px;
    text-align: center;
    border-right: 1px solid #eee;
    color: #222222;
    padding-top: 15px;
    height: 30px;
    line-height: 30px;
}
.pro-ly .pro-ly-right{
    background-color: #fff;
    padding: 15px 30px 5px 30px;
    width: 1009px;
}
.pro-ly-right ul li{
    color: #333333;
    font-size: 14px;
    padding: 0 6px;
    box-sizing: border-box;
    margin: 0 5px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.pro-ly-right ul li a{
    width: 100%;
    height: 100%;
    display: block;
    color: #444;
}
.pro-ly-right ul li.active{
    background-color: #0084ff;
}
.pro-ly-right ul li.active a{
    color: #fff;
}
.pro-ly2{
    border-top: none;
}