a{ text-decoration: none;}
a:hover{ text-decoration: none;}
.top{ height:40px;background-color: rgba(15,181,236, 1);}
.top_a{ float: left; font-size: 14px; color: #fff; line-height: 40px;}
.top_a svg{ width: 20px; height: 20px; float: left; margin-top: 10px;}
.searchWrap{ float: right; padding-top: 5px; height: 30px;}
.searchWrap input{ height: 29px; border: 0; border-bottom: 1px solid #fff; color: #fff;}
.searchWrap svg{ width: 20px; height: 20px; color: #fff; margin-top: 5px; margin-left: 5px; float: right; cursor: pointer; }
.top_b{ float: right; font-size: 14px; color: #fff; line-height: 40px; margin-left: 10px;}
.top_b svg{ width: 20px; height: 20px; float: left; margin-top: 10px;}
.logo{ width: 165px;}
.nav li a{ padding-left:35px;padding-right:35px; font-size: 14px;}
.navbar-default .navbar-nav>li>a{ color: #000;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color: rgba(15,181,236, 1); background: none;}
.tedian_box{ padding: 50px 0;}
.tedian{ padding: 0 50px;}
.tedian_li{ width: 100%;}
.tedian_box .col-xs-2{ padding-left: 5px;padding-right: 5px; padding-bottom: 10px;}
.about img{ max-width: 100%;}
.about p{ font-size: 15px;}
.about .btn-default{ border-color: rgba(0,167,225, 1); border-style: solid; border-width: 1px; color:rgba(0,167,225, 1); }
.product_box{ background-color: rgba(241,241,241, 1); padding: 50px 0;}
.btn-blue{ color: #fff; background-color: #00a7e1; border-color: #00a7e1;}
.product_more{ float: right;}
.product_more svg{ width: 20px; height: 20px; float: left; margin-top: 2px; margin-right: 5px;}
.product img{ max-width: 100%;}
.product_li{ padding: 0 10px;}
.product_li_in{ background: #fff; text-align: center;}
.product_li_in h5{ line-height: 40px;}
.product_li:first-child .product_li_in{ border-radius: 40px 0px 0px 0px;}
.product_li:first-child img{ border-radius: 40px 0px 0px 0px;}
.product_li:last-child .product_li_in{ border-radius: 0px 0px 40px 0px;}
.product_li:last-child img{ border-radius: 0px 0px 40px 0px;}
.zhengshu_box{ padding: 50px 0;}
.news_box{
    background-image: url(/image/bg1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 50px 0;
}
.news_a{ color: #fff;}
.news_a h2{ margin-top: 10px;}
.news_a a{ float: right; color: #fff; font-size: 16px; margin-top: 12px;}
.content-block {
    border-bottom: 1px solid #bbb;
}
.product-content__title {
    color: rgba(255,255,255, 1);
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
    font-weight: 700;
}
.product-content__intro {
    color: rgba(255,255,255, 1);
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    overflow: hidden;
}
.textLine.content .content-block .product-content__sub {
    font-size: 12px;
    color: #fff;
    margin-bottom: 20px;
}
.news_b a:hover .product-content__title{
    color: #00a7e1;
}
footer{
    background: #303030;
    padding: 25px 0;
}
.footer_a{
    color: #fff;
}
.footer_a h4{ padding-bottom: 15px;}
.footer_li{ list-style: none; font-size: 12px;height: auto;overflow: hidden; padding-bottom: 10px;}
.footer_li svg{ width: 20px; height: 20px; float: left; margin-right: 10px; color: #00a7e1;}
.footer_li .svg1{ margin-top: 10px; margin-bottom: 10px;}
.footer_li a{ color: #fff;}
.footer_b{ padding-top:50px;}
.footer_b1{ color: rgba(102,102,102, 1);}
.footer_b2{ text-align: right;}
.footer_b2 a{ color: rgba(102,102,102, 1);}
.zbanner_box{}
.zbanner_box img{ width: 100%;}
.zabout_box{
    padding: 40px 0;
}
.zabout img{ max-width: 100%; margin-top: 70px;}
.zabout p{ font-size: 15px;}
.zproduct{ padding: 0 35px;}
.newclassifyList {
    border-color: rgba(242,243,247, 1);
    border-style: solid;
    border-width: 1px;
}
.newclassifyList li{
    list-style: none;
    border-bottom: 1px solid rgba(242,243,247, 1);
}
.newclassifyList li:last-child{
    border-bottom: 0;
}
.newclassifyList li a {
    padding: 10px 20px;
    position: relative;
    width: 100%;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    display: block;
    color: #000;
}
.newclassifyList li a:hover{
    color: #00a7e1;
}
.newclassifyList li.active a{
    color: #00a7e1;
}
.multiLine.content {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    background: transparent;
}
.zproduct .content-block{
    border: 0;
}
.zproduct .content-block {
    margin-left: 2.5663645841687384%;
    margin-right: 2.5663645841687384%;
}
.zproduct .imgContent {
    overflow: hidden;
}
.zproduct .imgContent .pic {
    border-color: rgba(0,0,0, 1);
    border-style: solid;
    border-width: 1px;
    transition-duration: 0s;
    -webkit-transition-duration: 0s;
}
.zproduct .imgContent .pic {
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
    background: no-repeat 50%;
    background-size: cover;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.zproduct .product-content__title {
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    font-weight: normal;
}
.zproduct .product-content__intro {
    color: rgba(0,167,225, 1);
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 2;
}
.znews .imgContent {
    width: 21.208439191428255%;
    margin-right: 20px;
    overflow: hidden;
    display: inline-block;
}
.znews .content-block {
    margin-bottom: 0.7069479730476085%;
    display: flex;
    border-bottom: 1px solid #bbb;
}
.znews .product-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    vertical-align: top;
    color: #333;
}
.znews .imgContent .pic {
    padding-bottom: 75%;
    background: no-repeat 50%;
    background-size: cover;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.znews .product-content__title {
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
    color: #333;
}
.znews .product-content__sub {
    font-size: 12px;
    color: #999;
}
.znews .product-content__intro {
    color: rgba(63,63,63, 1);
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 20;
    font-family: Arial;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page li{
    text-align: center;
    display: inline-block;
}
.content{ padding: 50px 0;}
.content img{ max-width: 100%;}
.content p{ font-size: 16px;}
.zcontact{ padding: 50px 0;}
.zcontact img{ max-width: 100%;}
.zcontact p{ font-size: 16px;}
@media (min-width: 1200px){
    .container {
        width: 1500px;
    }
}