body { background-color: #e3e3e3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body, div, p, span { color: #333; font-style: normal; margin: 0; padding: 0; font-size: 14px; display: block;}
img { display: block;}
a, a:visited { color: #333; text-decoration: none;}
a:hover { color: #0090c5;}

.clearfix { float:none; clear: both;}
.anim {transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.container { clear: both; overflow: hidden;}

.menu-list { min-height: 100vh; background-color: #171717; display: none; }
.menu-list.active { display: block;}
.menu-list .item { min-height: 56px; color: #fff; display: block; line-height: 56px; border-bottom: solid 1px #212121;}
.menu-list .bar { min-height: 56px; display: flex; align-items: center; justify-content: space-between; padding-left: 20px;}
.menu-list .label { flex: 1; width: 1%; height: 56px; line-height: 56px; color: #fff; font-size: 16px;}
.menu-list .arrow { width: 56px; height: 56px; background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/ico-plus-mobile.png) no-repeat center; background-size: 16px;}
.menu-list .arrow.active { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/ico-minus-mobile.png);}
.menu-list .close { width: 56px; height: 56px; background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/close-mobile.png) no-repeat center; background-size: auto 16px;}
.menu-list .list { background-color: #101010; padding: 8px 24px;}
.menu-list .li { color: #8a8989; height: 32px; display: flex; align-items: center;}
.menu-list .li::before { width: 4px; height: 4px; background-color: #646464; content: ''; margin-right: 10px;}

.header { clear: both; overflow: hidden; position: relative;}
.header .top { height: 44px; background-color: rgba(255,255,255,0.17); display: flex; align-items: center; position: absolute; left: 0; top: 0; right: 0; z-index: 10; justify-content: space-between;}
.header .logo { width: 60px; height: 44px; background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/logo.png) no-repeat left; background-size: 100% auto; margin-left: 12px;}
.header .menu { width: 44px; height: 44px; background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/ico-menu.png) no-repeat center; background-size: auto 12px;}

.swiper { height: 300px; overflow: hidden;}
.swiper .content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.48); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10;}
.swiper .content .title { font-size: 24px; color: #fff; font-weight: bold; position: relative; text-align: center; padding:0 25px; line-height: 150%;}
/*.swiper .content .title::before { background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/line-left-top.png) no-repeat; width: 28px; height: 20px; background-size: 100% auto; position: absolute; left: -19px; top: -10px; content: '';}*/
.swiper .content .desc { color: #fff; line-height: 24px; font-size: 12px; margin-top: 20px; text-align: center; padding: 0 0.8rem;}
.swiper .swiper-slide { width: 100%; height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.swiper .swiper-pagination { bottom: 15px;}
.swiper .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: #fff; opacity: 1;}
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #008fc4;}

.about { padding-top: 32px; clear: both; overflow: hidden; border-bottom: solid 1px #cecece; background-color: #fff;}
.about .title { font-size: 28px; text-align: center;}
.about .desc { line-height: 1.6; color: #5d5d5d; text-align: center; padding: 25px 25px 0;}
.about .more { width: 140px; height: 44px; background-color: #0090c5; line-height: 44px; text-align: center; color: #fff; display: block; margin: 25px auto 0; position: relative; z-index: 1;}
.about .image { padding: 0 12px; margin-top: -22px;}
.statistics { display: flex; align-items: center; justify-content: space-between; padding: 20px 10px 20px 0; position: relative;}
.statistics .item { width: calc(100% / 3); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.statistics .label { font-size: 32px; color: #0090c5; display: flex; align-items: center;}
.statistics .label::after { content: attr(data-value); font-size: 12px; margin: 8px 0 0 5px;}
.statistics .value { font-size: 12px; text-align: center; color: #5d5d5d; line-height: 1.4; margin-top: 6px;}
.statistics .item:nth-child(2) .label::after { font-size: 20px; margin-top: -20px; font-weight: bold;}
.statistics::after { width: 100px; height: 90px; background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/bg1.png) no-repeat; position: absolute; right: -7px; top: -55px; background-size: 100% auto; content: '';}

.cooperation { background-color: #f6f6f6; border-top: solid 1px #cecece; border-bottom: solid 1px #cecece; margin-top: 10px; clear: both; overflow: hidden;}
.cooperation .title { font-size: 28px; text-align: center; margin-top: 26px; color: #0090c5; font-weight: bold;}
.cooperation .desc { line-height: 1.6; color: #5d5d5d; text-align: center; padding: 20px 20px 0;}
.cooperation .content { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 12px; margin-top: 30px;}
.cooperation .item { width: 50%; height: 185px; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.cooperation .icon { width: 32px; height: 32px;}
.cooperation .value { font-size: 12px; font-weight: bold; line-height: 1.6; color: #305260; text-align: center; padding: 10px 15px 0;}
.cooperation .item:nth-child(2) { background-color: #e5f4fa;}
.cooperation .item:nth-child(3) { background-color: #f0f9e4;}
.cooperation .item:nth-child(6) { background-color: #e5f4fa;}

.product { clear: both; overflow: hidden; background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/bg5.png) no-repeat center top #fff; background-size: 240px auto; border-top: solid 1px #cecece; border-bottom: solid 1px #cecece; margin-top: 10px;}
.product .title { font-size: 28px; text-align: center; margin-top: 26px; color: #0090c5; font-weight: bold;}
.product .desc { line-height: 1.6; color: #5d5d5d; text-align: center; padding: 20px 20px 0;}
.product .category { display: flex; justify-content: space-between; margin-top: 25px;}
.product .category .item { width: 25%; display: flex; flex-direction: column; align-items: center;}
.product .category .icon { width: 68px; height: 68px; background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/normal-mobile-bg.png) no-repeat center; background-size: 100% auto; margin:0 auto;}
.product .category .icon::before { width: 68px; height: 68px; background-repeat: no-repeat; background-position: center; content: ''; display: block;}
.product .category .text { font-size: 12px; text-align: center; line-height: 1.4; margin-top: 8px;}
.product .category .item:hover .icon { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/active-mobile-bg.png);}
.product .category .item:hover .text { color: #6bc200;}
.product .category .item:nth-child(1) .icon::before { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/icon1.png); background-size: 24px auto;}
.product .category .item:nth-child(2) .icon::before { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/icon2.png); background-size: 36px auto;}
.product .category .item:nth-child(3) .icon::before { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/icon3.png); background-size: 20px auto;}
.product .category .item:nth-child(4) .icon::before { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/icon4.png); background-size: 24px auto;}

.product-list {  clear: both; overflow: hidden; padding: 0 12px;  margin-top: 30px;}
.product-list .item { width: 50%;  float: left;}
.product-list .image { width: 100%; background-color: #efefef; display: flex; align-items: center; justify-content: center; height: 170px;}
.product-list .img { width: 80px;}
.product-list .text { width: calc(100% - 20px); background-color: #a1a1a1; color: #fff; text-align: center; font-size: 12px; padding: 5px 10px; line-height: 1.6; height: 44px;}
.product-list .item:hover .text { background-color: #9bcbdf;}

.product-tags { display: flex; align-items: center; flex-wrap: wrap; padding: 5px 12px;}
.product-tags .line { height: 66px; width: 1px; background-color: #e8e8e8; margin: 0 10px;}
.product-tags .item { width: calc(100% / 3 - 21px); border-bottom: solid 1px #e8e8e8; margin-top: 10px; padding-bottom: 15px;}
.product-tags .text { font-size: 12px; text-align: center;}
.product-tags .image { width: 100%; height: 50px; background-repeat: no-repeat; background-position: center;}
.product-tags .icon1 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i1.png); background-size: auto 30px;}
.product-tags .icon2 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i2.png); background-size: auto 24px;}
.product-tags .icon3 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i3.png); background-size: auto 26px;}
.product-tags .icon4 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i4.png); background-size: auto 28px;}
.product-tags .icon5 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i5.png); background-size: auto 30px;}
.product-tags .item:nth-child(6), .product-tags .item:nth-child(8), .product-tags .item:nth-child(10) { border-width: 0;}
.product-tags .item:hover .icon1 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i1-on.png);}
.product-tags .item:hover .icon2 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i2-on.png);}
.product-tags .item:hover .icon3 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i3-on.png);}
.product-tags .item:hover .icon4 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i4-on.png);}
.product-tags .item:hover .icon5 { background-image: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/i5-on.png);}
.product-tags .item:hover .text { color: #2699c9;}

.news { clear: both; overflow: hidden; background: url(https://api.bcwhkj.cn/uploadfile/weishiya_com_cn/news-bg.png) no-repeat center; background-size: cover; border-top: solid 1px #cecece; border-bottom: solid 1px #cecece; margin-top: 10px; padding-bottom: 30px;}
.news .title { font-size: 28px; text-align: center; margin-top: 26px; color: #0090c5; font-weight: bold;}
.news .desc { line-height: 1.6; color: #5d5d5d; text-align: center; padding: 20px 20px 0;}
.news .more { width: 138px; height: 40px; border: solid 1px #7f7f7f; display: flex; align-items: center; justify-content: center; color: #999; margin: 10px auto 0;}
.news-list { clear: both; overflow: hidden; padding: 10px 12px;}
.news-list .item { display: flex; padding: 10px 0;}
.news-list .cover { position: relative; width: 130px; height: 80px; background: #fff; border: 1px solid #eee; box-sizing: border-box;}
.news-list .date { background-color: #0090c5; width: 52px; height: 52px; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; display: none;}
.news-list .value { color: #fff; font-weight: bold; font-size: 16px;}
.news-list .label { color: #fff; font-size: 12px; margin-top: 4px;}
.news-list .cover .image { max-width: 100%; height: 100%; margin:0 auto;  }
.news-list .info { flex: 1; width: 1%; margin-left: 20px; border-bottom: dashed 1px #ccc;}
.news-list .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px;}
.news-list .text { font-size: 12px; color: #999; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 8px;}

.friend { background-color: #fff; border-top: solid 1px #cecece; border-bottom: solid 1px #cecece; margin-top: 10px; clear: both; overflow: hidden;}
.friend .title { font-size: 28px; text-align: center; margin-top: 26px; color: #0090c5; font-weight: bold;}
.friend .desc { line-height: 1.6; color: #5d5d5d; text-align: center; padding: 20px 20px 0;}
.friend .list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 12px 20px;}
.friend .item { width: calc(100% / 3 - 7px); height: 62px; background-color: #fff; border: solid 1px #e6e6e6; margin-top: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center;}

.copyright { background-color: #fff; border-top: solid 1px #cecece; margin-top: 10px; clear: both; overflow: hidden; padding: 12px 0; text-align: center; font-size: 12px; line-height: 1.6; color: #666;}



.middelNav { background: #F2F2F2;  line-height: 60px; position: relative; overflow:hidden;}
.middelNav li{ float:left; padding:0 12px; font-size: 14px; text-align: center;}
.middelNav li:hover{background: #38A8D2; color: #fff;}
.middelNav .cur {background: #38A8D2; color: #fff;}
.middelNav .swiper { }
.middelNav .swiper-wrapper{}
.middelNav .swiper-slide {width:auto; text-align: center;}

.childNav { background: #eee;  line-height: 40px; display: none; position: absolute; left: 0px; top:
60px; width: 100%; box-sizing: border-box}
.childNav li{ float:left; padding:0 8px; font-size: 14px;}
.childNav li:hover{background: #38A8D2; color: #fff;}
.childMenuShow {display:block;}

.p1 {padding:40px 0; background: #fff;}
.p1 img{max-width: 100%;}
.p1 p{line-height: 30px; font-size: 15px;}
.p1 .contents {line-height: 150%; font-size: 15px; border-top: 1px solid #eee; margin: 20px 0; padding:20px 0;}
.p1 .contents *{line-height: 150%; font-size: 15px;}
.sTitle { color: #0090c5; font-size: 22px; font-weight: 800; text-align: center; line-height: 150%;}
.sTitle2{ color: #666; font-size: 10px; text-align: center; margin-top:13px;}



.p2Contents {padding-top: 20px;}
.p2Contents img{width: 100%;}

.newList {background: none!important; border:none!important;}
.Page {padding-bottom:40px;
    display: flex;
    justify-content: center;
    align-items: center; padding-top: 40px;}



.layui-laypage .layui-laypage-curr,.layui-laypage-prev,.layui-laypage-next,.layui-laypage a,.layui-laypage-spr {    width: 20px!important;
    text-align: center!important;
    height: 40px!important;
    line-height: 40px!important;
    margin-right: 10px!important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #666!important;}


.proList {padding:0 20px;}
.proList table {width: 100%; margin-top: 50px;}
.proList table tr:first-child{background: #cfeaf4;}
.proList table tr:nth-child(2n){background: #f6f6f6;}

.proList table td{ padding:10px; font-size: 10px; border:1px solid #eee; box-sizing: border-box; text-align: center;}

.contact {margin-top: 20px; }
.contact *{line-height: 38px!important;}



.zhengShuList {width: 90%; margin:40px auto; margin-bottom: 0px;}
.zhengShuList td{width: 33%; text-align: center; padding-top: 20px; font-size: 9px;}
.zhengShuList td p{font-size: 9px; line-height: 20px;}
.zhengShuList img {width: 90%!important; height: auto!important; margin:0 auto; padding: 2px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;}


.newInfoContent {overflow: hidden; border-top: 1px solid #eee; margin: 20px 0; padding: 20px 0; margin-bottom: 50px;}
.newInfoContent img {max-width: 100%!important;}
.newInfoContent *{ font-size: 14px; line-height: 28px;}