* {
    padding: 0;
    margin: 0;
    font-family: '思源黑体 CN Normal';
}

.clears {
    clear: both;
}

input, p, ul, li, ol, i {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.img-box img {
    width: 100%;
    border: 0;
}

body {
    font-size: 16px;
}

header {
    overflow: hidden;
    zoom: 1;
}

/*新闻轮播*/
.swiper-container {
    flex: 1;
    border-radius: 5px;
}

.activeicon{
    border-bottom: #00a0e9 solid 5px;
}
.swiper-container img {
    display: block;
    width: 100%;
}
.header {
    /*二次开发2020-03-10 */
    width: 100%;
    /*二次开发2020-03-10 */
    height: 60px;
    padding: 10px 10px 5px 10px;
    text-align: center;
    background: -webkit-gradient(linear, 25% 0, 100% 0, from(#00b4db), to(#224fbb));
}

.header i {
    color: #003c9d;
    font-size: 24px;
}

.header .left .header .right {
    display: inline-block;
    text-align: center;
}

.search {
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
}

.left {
    float: left;
    padding: 2px 0px;
    border: 1px solid #fff;
    border-radius: 20px;
    width: 26%;
    margin-top: 8px;
}

.right {
    float: left;
    padding: 10px 0;
    margin: 0px 30px 0px 30px;
}

.right ul li {
    float: left;
    margin-left: 20px;
}

.right ul li a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.container {
    /*padding-bottom: 70px;*/
}

.header .logo {
    margin-left: 45px;
}

.sections {
    overflow: hidden;
    zoom: 1;
    display: flex;
    width: 100%;
    justify-items: center;
    background: #ffffff;
    position: relative;
}

.sections ul {
    margin-top: 10px;
    float: left;
    width:100%;
    box-sizing: border-box;
}

.sections ul li {
    float: left;
    width: 25%;
    border-right: #00b4db solid 1px;
    border-image: -webkit-linear-gradient(#fff,#00b4db,#fff) 0 30 0;
    border-image: -moz-linear-gradient(#fff,#00b4db,#fff) 0 30 0;
    border-image: linear-gradient(#fff,#00b4db,#fff) 0 30 0;
    box-sizing: border-box;
}

.sections ul li a{
    display: block;padding: 10px 5px;
}

.sections ul li p {
    text-align: center;
    font-size: 16px;
    color: #015683;
    font-weight: 600;
}

.sections ul li:nth-last-child(2) {
    border: none;
}
.case-navs{
    background: #ffffff;
    position: absolute;
    z-index: 10;
    width: 100%;
}
.case-navs ul {
    width: 100%;
    box-sizing: border-box;
}

.case-navs ul a {
    display: block;
    float: left;
    width: 25%;
    box-sizing: border-box; 
    color: #015683; 
    background: #ffffff;
    border:#fff solid 1px;
}

.case-navs ul a p {
     text-align: center;
     font-size: 16px;
     font-weight: 600;
     width: 100%;
    margin: 10px 0px 10px 0px;
    border-right: #367ca2 solid 1px;
    border-image: -webkit-linear-gradient(#fff,#367ca2,#fff) 0 100% 0;
    border-image: -moz-linear-gradient(#fff,#367ca2,#fff) 0 100% 0;
    border-image: linear-gradient(#fff,#367ca2,#fff) 0 100% 0;
 }
.case-navs ul a:nth-child(4) {
   border-right: none;
}
.navs {
    margin-top: 12px;
    padding: 6px 0px 6px 0px;
    float: left;
}

.navs img {
    width: 10px;
    height: 15px;
    vertical-align: text-bottom;
}

.notice {
    width: 85%;
    float: left;
}

.notice-imgs {
    float: left;
    width: 8px;
    height: 12px;
    margin-top: 2px;
    margin-right: 5px;
}

.content {
    width: 100%;
}

.notice-img {
    width: 6px;
    height: 14px;
    margin-top: 2px;
    margin-right: 30px;
    margin-left: 10px;
}

.banner img {
    width: 100%;
}

.icon-nav {
    overflow: hidden;
    zoom: 1;
}

.action {
    width: 70%;
    margin: 0 auto;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}

.icon-nav ul {
    box-sizing: border-box;
    margin: 0px 10px 0px 10px;
}

.icon-nav ul li a {
    display: block;
    text-align: center;
    color: #fff;
}

.icon-nav ul li {
    float: left;
    width: 25%;
    padding: 10px 0px;
    font-size: 16px;
    box-sizing: border-box;
}

.main-title {
    overflow: hidden;
    zoom: 1;
    box-sizing: border-box;
    /*margin-top: 10px;*/
    width: 100%;
    border-top: #bfbfbf solid 1px;
    padding: 10px 5px 10px 5px;
}

.advert {
    display: flex;
}

.main-title h2 {
    color: #2c70ed;
    padding: 5px 0;
}

.main-title .desc {
    font-size: 13px;
    color: #5d5d5d;
    text-align: center;
}

.main-title .news {
    color: #fff;
}

.classify-title {
    padding-top: 15px;
    float: left;
    width: 85%;
}

.more-name {
    overflow: hidden;
    zoom: 1;
    margin: 0px 20px 0px 20px;
}

.classify-title p {
    padding-left: 5px;
    margin-left: 2px;
    font-size: 18px;
    font-weight: bold;
    color: #025683;
    margin-bottom: 10px;
}

.classify-title hr {
    color: #303131;
}

.mores {
    float: right;
    width: 14%;
    margin-top: 5px;
}

.mores a {
    box-sizing: border-box;
    display: block;
    text-align: center;
}

.mores a img {
    width: 25px;
    height: 43px;
}

.mores a p {
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    color:#000;
}


.product-sort {
    overflow: hidden;
    zoom: 1;
}

.product-sort ul {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.product-sort ul li {
    font-size: 16px;
    box-sizing: border-box;
    margin: 10px;
    text-align: center;
}

.product-sort ul li img {
    width: 50%;
    height: 26px;
    margin-top: 5px;
}

.product-sort ul li a {
    font-size: 26px;
    font-weight: bold;
}

.product-shop {
    zoom: 1;
    background: #e9faff;
    width: 100%;
}

.product-shop ul {
    width: 100%;
    overflow-x: scroll;
    display: flex;
}

.product-shop ul::-webkit-scrollbar {
    display: none;
    height: 0px;
}
.product-shop ul li{
    width: 33%;
}
.product-shop ul li a {
    display: block;
    text-align: center;
    color: #474747;
}

.product-shop ul li a p {
    font-size: 12px;
    margin-bottom: 10px;
}

.product-shop .pdimgs {
    /*width: 100%;*/
}

.product-shop ul li {
    border: red solid 1px;
    border-right: #7e929d solid 1px;
    border-image: -webkit-linear-gradient(#fff,#b5bdbf,#fff) 0 30 0;
    border-image: -moz-linear-gradient(#ff,#b5bdbf,#ff) 0 30 0;
    border-image: linear-gradient(#fff,#b5bdbf,#fff) 0 30 0;
}
.product-shop ul li:nth-last-child(2n+1){
    border: none;
}
.product-shop ul li a img {
    width: 140px;
}

.shop-more {
    box-sizing: border-box;
}

.product-list {
    overflow: hidden;
    zoom: 1;
}

.product-list ul {
    box-sizing: border-box;
    padding: 5px 10px;
    margin: auto;
}

.product-list ul li a {
    display: block;
}

.product-list ul li {
    float: left;
    width: 50%;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;
}

.more-goods {
   box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.more-goods img {
     width: 100px;
    height: 30px;
}
.product-price {
    display: flex;
    width: 45px;
    height: 35px;
    text-align: center;
}

.product-price p {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    padding-top: 2px;
    width: 45px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
}

.product-price img {
    flex: 1;
}

.product-name {
    box-sizing: border-box;
    z-index: 1;
    position: absolute;
    top: 0;
    width: 100%;
}

.product-name img {
    /*width: 30%;*/
}

.product-get {
    overflow: hidden;
    zoom: 1;
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
}

.product-get p {
    box-sizing: border-box;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 12px;
    -webkit-box-orient: vertical;
}

.product-get img {
    box-sizing: border-box;
    margin-top: 6px;
    width: 50%;
}

.price-name {
    overflow: hidden;
    zoom: 1;
    margin: 8px;
}

.price-name dt {
    box-sizing: border-box;
    color: #891c21;
    float: left;
}

.price-name dt p {
    font-size: 12px;
}
.price-name dt p span {
    font-weight: bold;
    font-size: 16px;
}
.price-name dd {
    text-align: center;
    box-sizing: border-box;
    float: right;
    vertical-align: center;
    width: 20%;
}


.price-name dd img {
    width: 100%;
}

.hvr-glow {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.news-list {
    zoom: 1;
    background: -webkit-gradient(linear, 20% 0, 100% 0, from(#00b4db), to(#224fbb));
}

/*detail.css*/

.detail-type {
    color: #fff;
    text-align: center;
    font-size: 12px;
    height: 30px;
}
.pname {
    width: 120px;
    height: 30px;
    font-weight: bold;
    line-height: 30px;
}

.detail .detail-desc {
    background: #fff;
    padding: 10px 10px 5px 10px;
}

.detail .detail-desc .product-title {
    font-size: 16px;
    color: #000;
    display: -webkit-box;
    overflow: hidden;
    /*-webkit-line-clamp: 2;*/
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.detail .detail-desc .price {
    font-size: 20px;
    color: red;
    vertical-align: middle;
    margin: 10px 0;
}

.detail .detail-desc .price span {
    display: inline-block;
    background: red;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    margin-left: 15px;
    vertical-align: middle;
}

.detail .detail-desc del span {
    color: red;
}

.detail-tab {
    display: flex;
    height: 50px;
    line-height: 50px;
}

.detail-tab span {
    display: inline-block;
    flex: 1;
    text-align: center;
    color: #8e97a0;
}

.detail-tab .detail-span {
    border-bottom: 2px solid #226ff1;
    color: #fff;
}

.goods-param .attr {
    width: 100%;
    box-sizing: border-box;
}
.goods-param .attr ul {
    display: flex;
    overflow: hidden;
    width: 100%;
    flex-wrap: wrap;
    margin: 5px 0px 10px 0px;
}
.goods-param .attr ul li {
    color: #fff;
    border: 1px solid #cccccc;
    display: flex;
    width: 48%;
    margin-left: 4px;
    margin-top: 2px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    vertical-align: middle;

}
.goods-param .attr ul li span{
    display: block;
    width: 42%;
    font-size: 12px;
    padding: 10px 0px 10px 0px;
    text-align: center;
}
.goods-param .attr ul li p{
     padding: 10px 0px 10px 5px;
     font-size: 12px;
    width: 56%;
 }

.goods-param .attr ul li span:nth-of-type(2n-1) {
    background: #555555;
}

.swiper-link {
    display: block;
    background: url("../images/swiper_bg.png") no-repeat;
    background-size: 100% 100%;
    padding: 10px 50px;
}
.foot{
    margin-bottom: 45px;
}

.footer {
    display: flex;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #f6f6f7;
    height: 45px;
    border-top: #dddada solid 1px;
    box-shadow: 8px 8px 8px #dddada;
    z-index: 9;
    padding: 5px 0px 0px 0px;
}

.footer > div {
    flex: 1;
}

.br {
   /*border-right: 2px solid #111628;*/
}

.footer a {
    width: 100%;
    display: inline-block;
    color: #898989;
    padding: 0px 0px 0px 0px;
    text-align: center;
    box-sizing: border-box;
    font-size:12px;
}

.footer a img {
    width:20px;
}

/*example.css*/
.dpn {
    display: none;
}

.example-list .example-item li {
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-bottom: 1px solid #242d3f;
    padding: 0 20px;
}

.example-list .example-item li i {
    color: #fff;
    float: right;
}

.example-list .example-item .example-content {
   /* color: #fff;*/
   margin-bottom: 20px;
}

.example-list .example-item .ex-title {
    text-align: left;
    font-size: 18px;
    height: 30px;
    margin-bottom: 10px;
    padding: 0 20px;
    /*background: url("../images/title_bg.png") no-repeat;*/
    background-size: 110px 50px;
}

.example-list .example-item .example-content .about-shop {
    color:  #000;
    font-size: 14px;
    background: #c9eff7;
    margin-top: 20px;
}

.example-list .example-item .ex-desc {
    color:#4f4f4f;
    font-size: 14px;
    padding: 0 20px;
}
 .example-list .example-item .ex-desces {
     color:#808080;
     font-size: 14px;
     margin-top: 10px;
     padding: 0 20px;
 }
.example-list .example-item .ex-img {
    /*margin: 20px 0;*/
}
.example-list .example-item .ex-img a{
    text-align: center;
    display: flex;
    justify-content: center;
}.example-list .example-item .ex-img a img{
    width: 40%;
    height: 100%;
 }
.swiper-wrapper::-webkit-scrollbar {
   display: none;
}
.mainmenu {
    overflow: hidden;
    zoom: 1;
    position: relative;
    text-align: center;
}

.mainmenu ul {
    box-sizing: border-box;
}

.mainmenu ul li a {
    display: block;
    text-align: center;
    color: #fff;
}
.mainmenu ul li a img{
 width: 100%;
}
.mainmenu ul li {
    float: left;
    width: 47%;
    margin-left: 2%;
    box-sizing: border-box;
}
.main-more{
    position: absolute;
    z-index: 111;
    overflow: hidden;
    zoom: 1;
    top: 40%;
    width: 100%;
    text-align: center;
}
.main-more a img{
    width: 10%;
    height: 10%;
    flex: 1;
}.main-more a {
    display: block;

 }
.dehum{
    padding-top: 15px;
    margin-left: 8px;
    margin-right: 8px;
}
.productlist{
    background: #fff;
    margin: 2%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    padding-bottom: 6px;
}

.productlist-content {
    overflow: hidden;
    zoom: 1;
}

.productlist-content ul {
    box-sizing: border-box;
    padding: 5px 0px;
    margin: auto;
}

.productlist-content ul li a {
    display: block;
}

.productlist-content ul li {
    float: left;
    width: 33%;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;
    margin-bottom: 10px;
}
.productlist-glow{
    display: flex;
    box-sizing: border-box;
    width: 100%;
    -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.news-top{
    overflow: hidden;
    zoom: 1;
    display: flex;
    background: #fff;
    height: auto;
}
.news-top  ul{
    flex: 1;
    box-sizing: border-box;
    margin:10px 20px;
}
.news-top ul li{
    display: flex;
 }
.news-top ul p{
    font-size: 14px;
    color: #363636;
    width: 100%;
 }
.news-top ul img{
    width: 5%;
    height: 14px;
    transform: rotate(90deg);
    margin: 5px 10px 0px 10px;
}
.news-name{
    width: 100%;
}
.news-name p{
    text-align: right;
}
.news-hide{
    display: none;
    position: absolute;
    background: #fff;
    z-index: 9999;
    width: 150px;
    top:95px;
    right: 0px;
    padding-left:5px; ;
    margin-top: 5px;
    opacity: 1;
    border-radius: 5px;
}
.news-hide p{
     text-align: left;
     padding: 0 10% 5px 0px;
    text-indent: 1em;
 }
.news-zixun ul{
    margin: 10px 10px 20px 10px;
    background: #fff;
    padding-bottom: 15px;
}

.news-zixun ul li dl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: 15px 15px 0px 15px;
}
.news-zixun ul li p {
     margin: 15px 15px 0px 15px;
    color:#777777;
    font-size: 12px;
}
.news-zixun ul li b {
    margin: 18px 15px 0px 15px;
    display: flex;
    align-items: center;
}
.news-zixun ul li b img {
    width: 15px;
    height: 15px;
 }
.news-zixun ul li b span {
    font-weight: 100;
    font-size: 12px;
    margin-left: 5px;
}
.news-imgs img{
    width: 100%;
}
.last-page{
    display: inline-block;
    width:44px;
    text-align: center;
    padding:10px 0;
}
last-index{
    width:44px;
    text-align: center;
    padding:10px 0;
}
.logo-name{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-name i{
    color:#fff;
    font-size:24px;
}
.preview .swiper-slide img{
    width: 82px;
    /*float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    flex: 1;*/
}
@media screen and (max-width: 370px){
    .banner .swiper-slide img{
        height: 10rem;
        width: 100%;;
    }
}
@media screen and (min-width: 375px){
    .banner .swiper-slide img{
        height: 11rem;
        width: 100%;;
    }
}
/*右侧菜单栏*/
.fixed-center {
    position: fixed;
    right: 1%;
    z-index: 9999;
    bottom: 35vh;
    width: 45px;
    height: 45px;
    box-sizing:border-box;
}

.fixed-center img {
  width:100%;
}
.fixed-bod {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: #000;
    transition: opacity 0.1s ease-in 0s;
    opacity: 0.6;
    top: 0;
    box-sizing: border-box;
    z-index: 999;
    overflow: hidden;
}
.imges {
	display:none;
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    width: 75%;
    bottom:25vh;
    right: 13%;
    background: #ffffff;
    height: 60vh;
    border-radius: 10px;
    padding: 20px 5px 0px 5px;
    text-align: center;
}
.imges p{
    text-align: center;
    margin: 10px 0px;
}
.imges .images-img{
    width: 42px;
    height: 42px;
    margin: 0 auto;
}
.imges .images-imgs{
    flex: 1;
    width: 96%;
    margin-top: 20px;
}
.confale{
	display:none;position:fixed;bottom:16vh;z-index:9999;right:47%;text-align:center;width:8%;
}
.confale img{
	width:100%;
}
.fixed-phone{
    position: fixed;
    right: 1%;
    z-index: 9999;
    bottom: 56vh;
     width: 45px;
     height: 45px;
}
.fixed-phone img {
  width:100%;
 }
.fixed-service{
    box-sizing: border-box;
    position: fixed;
    right: 1%;
    z-index: 9999;
    bottom: 34vh;
    width: 45px;
    height: 45px;
}
.fixed-service img{
    width: 100%;
}
@media screen and (max-width: 376px){
    .fixed-phone{
        box-sizing: border-box;
        position: fixed;
        right: 1%;
        z-index: 9999;
        bottom:56vh;
        width: 45px;
        height: 45px;
    }
    .fixed-center {
         position: fixed;
         right: 1%;
         z-index: 9999;
         bottom: 30vh;
         width: 45px;
         height: 45px;
         box-sizing: border-box;
     }
	 .imges {
         display:none;
         box-sizing: border-box;
         position: fixed;
         z-index: 9999;
         width: 68%;
         bottom:20vh;
         height: 63vh;
         right: 15%;
     }
    .imges img {
        width: 100%;
    }
    .confale{
        display:none;position:fixed;bottom:10vh;z-index:9999;right:45%;text-align:center;width:8%;
    }
    .fixed-service{
        box-sizing: border-box;
        position: fixed;
        right: 1%;
        z-index: 9999;
        bottom: 38vh;
        width: 45px;
        height: 45px;
    }
}
/*右侧菜单栏*/
/*选框样式*/

.details-titles{
    border: #c9c9c9 solid 1px;padding:10px 0px;text-align: center;margin-top: 5px;margin-right: 2px;border-radius: 10px;width: 30%;
}
.titlepath{
    border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;width: 100%;color:#fff;margin-top: 10px;margin-bottom: 10px;
}
.titlepath ul{
    width: 100%;display: flex;flex-direction: row;
}
.titlepath ul li{
    width: 35%;text-indent: 1em;border-right:#c9c9c9 dotted 1px;padding: 10px 0px
}
.titlepath .title-details{
    width: 35%;text-indent: 1em;border-right:#c9c9c9 dotted 1px;padding: 10px 0px
}
.titlepath .continue{
    border-top:#c9c9c9 dotted 1px;
}
.titlepath .record{
    width: 70%;text-indent: 1.5em;padding: 10px 0px
}
.bdname {
     border: #125eff solid 1px;border-radius: 10px;color: #125eff;box-shadow: #125eff 0px 0px 2px;
 }
.imgname{
    width: 100%;
}
.optional{
    margin: 5px 0px;color:#0a6aa1;font-weight: bold;font-size: 16px;
}

/*选框样式*/
/*公司简介*/
 .article-title {
     box-sizing: border-box;
     display: flex;
     overflow: hidden;
     flex-direction: row;
 }

.article-title li {
    width: 50%;
    text-align: center;
}

.article-title li a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px;
    color: #0a0a0a;
}

.company-on a {
    width: 100%;
    border-bottom: 2px solid #337ab7;
    color: #337ab7;
    padding: 10px;
}
.company-content {
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
}
/*电话弹出框*/
.screen{
    position: fixed;height: 100vh;top: 0;left: 0;z-index: 99999;width: 100%;box-sizing: border-box;display: none;
}
.screen-back{
    position: fixed;height: 100vh;background: #000;top: 0;left: 0;z-index: 9999;width: 100%;opacity: 0.6;
}
.screen-phone{
    background: #F8F8F8;  position: fixed;height:38vh;top: 40%;left: 10%;z-index: 99999;width: 80%;display: flex;flex-direction: column;justify-content: center;border-radius: 10px;
}
.screen-phone ul{
    display: block;border-top: #dee2da solid 1px;
 }
 .screen-phone ul:nth-last-child(1){
     border-bottom: #dee2da solid 1px;
 }
.screen-phone ul li{
   float: left; padding: 8px 0px 8px 10px;font-size: 16px;font-family: '微软雅黑';text-align: center;color:#337ab7 !important;
}
.screen-phone ul p{
    float: left; width: 20px;height:20px;margin: 10px 0px 0px 10px;
}
.screen-phone ul p img{
    width: 100%;
}
.screen-phone ul li:nth-child(2n+1){
    padding: 8px 0px 8px 10px;font-size: 16px;font-family: '微软雅黑';text-align: left;text-indent: 1em;color:#0a0a0a !important;
}
.call-phones{
    display: block; float: right; padding: 5px 0px 5px 10px;font-size: 16px;font-family: '微软雅黑';text-align: center;color:#125eff !important;margin-right: 20px;
}
@media screen and (max-width: 376px){
    .screen-phone{
        background: #F8F8F8;  position: fixed;top: 40%;left: 5%;z-index: 99999;width: 90%;display: flex;flex-direction: column;justify-content: center;border-radius: 10px;padding: 10px 0px;
    }
}
@media screen and (max-width: 320px) {
    .screen-phone{
        background: #F8F8F8;  position: fixed;top: 35%;left: 5%;z-index: 99999;width: 90%;display: flex;flex-direction: column;justify-content: center;border-radius: 10px;padding: 10px 0px;
    }
    .screen-phone ul a{
        display: flex;flex-direction: row;flex-wrap: nowrap;font-size: 14px;
    }
    .screen-phone ul li{
        padding: 8px 0px 8px 10px;font-size: 14px;font-family: '微软雅黑';text-align: center;color:#337ab7 !important;
    }
    .screen-phone ul span{
       font-size: 14px;
    }
    .screen-phone ul li:nth-child(2n+1){
        padding: 8px 0px 8px 0px;font-size: 14px;font-family: '微软雅黑';text-align: left;color:#0a0a0a !important;
    }
}
/*在线咨询*/
.online-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.online-con {
    position: relative;
    top: -5px;
    margin-right: 15px;
    padding: 8px 15px;
    border-radius: 5px;
    background: #52ace5;
    color: #fff;
    font-size: 14px
}
/*二次开发
  2020 01 16
*/
.hum-title{
    font-size: 13px;margin-top: 15px;
}
.hum-title span{
    border-bottom-left-radius: 20px;border-bottom-right-radius:20px;border-top-right-radius:20px;margin-left: 10px;color: #eeeeee; background: -webkit-gradient(linear, 80% 0, 100% 0, from(#00b4db), to(#186cc5));padding: 3px 15px 3px 10px;
}
.hum-name{
    font-size: 10px;margin: 3px 0px 0px 10px;color: #0a0a0a;width: 100%;flex: 1;
}
.hum-names{
    font-size: 10px;margin-left: 10px;color: #920101
}
/*2020-04-30*/
.column-name{
    background: #fff;margin: 0;display: flex;padding-top: 5px;justify-content: center
}
.column-title{
    background:rgb(26, 173, 25);font-size: 16px;color: #ffffff;padding: 5px 10px;border-radius: 10px;margin: 5px 10px 5px 0px;
}
.column-title i{
    font-style:normal;font-size: 18px;
}
.column-titles{
    margin-right: 15px; padding: 7px 16px; border-radius: 10px; background: #52ace5; color: #fff;font-size: 16px;
}
/*2020-04-30end*/