* { margin: 0px; }
/*苹果设备表单修正*/
input:focus, [contenteditable]:focus { outline: none; }
input, button, select, textarea { outline: none; resize: none; background: transparent; border: none; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none; }
* img { image-rendering: optimizeQuality; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
ul li {
    list-style: none;
}
a{color: #000; text-decoration: none;}
a:hover{ text-decoration: none !important; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2,  h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
html,body{
    scroll-behavior: smooth;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}
s{text-decoration: none;}
b{font-weight: none;}
i{font-style: normal;}
.dingwei{position: relative;}
.tanxing{display: flex;}
.yinying{box-shadow: 0 4px 10px 0 #0000001;}
.p-0{padding: 0;}

.top{ background-color: #056E6F;height: 50px; width: 100%;display: flex;justify-content: space-between;}
.top p{line-height: 50px; padding: 0px 20px;}
.top-logo{width: 300px;}
.top-logo img{width: 100%;}
.top-left{text-align: left;color: #fff;}
.top-right{text-align: right;color: #fff;}


.nav{padding: 20px 50px; display: flex;;justify-content: space-between;align-items: center;}
.top-logo{float: left;}

.nav ul li{float: left;margin: 0 15px;position: relative;}
.nav ul li a{ font-size: 16px;}
.nav ul li a:hover{color: #056E6F;}
.nav ul li:hover::before {
    content: "";
    position: absolute;
    left:-20px;
    top: 0;
    width: 20px;
    height: 20px;
    background-image:url("../img/yezi.png");
    background-size: cover;
}

.nav-tel{float: right;}
.nav-tel img{float: left;}
.nav-tel p{float: right;}

.banner ul li{margin: 0 auto;background-image: url("../img/br1.jpg"); background-size:cover; padding-bottom: 90px;background-repeat: no-repeat;background-position: center; }
.banner{z-index: 0;}
.banner ul li h1,.banner ul li p{color: #ffffff;}
.banner ul li p{margin-top: 5px;}
.banner ul li p span{padding: 0 10px;}
.banner-sousuo{margin-top: 45px;}
.banner-sousuolan{width:780px;height: 70px;padding: 0 20px; background-color: #fff;}
.banner h1{font-size: 50px;font-weight: 700;margin-top:150px ; display:flex;color: white;
    text - shadow: 1px 1px 1px black, 2px 2px 1px black, 3px 3px 1px black, 4px 4px 1px black, 5px 5px 1px black;}

.banner-sousuolan h2{color: #9E9E9E; font-size: 16px;line-height: 70px;}
.banner-sousuo-ss{width: 70px;height: 70px;background-color:#056E6F;}
.banner .dingwei{display: flex;}
.banner-sousuo-ss{display: flex;    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: baseline;
    justify-content: center;
}
.banner h3{background: #056e6f;color: #fff;width: 151px;height: 45px; text-align: center;line-height: 45px;margin-top: 27px;display: inline-block;}

.erweima{margin-top: 28px}
.erweima span{font-size: 16px; color: #fff;text-align: center;margin-top: 40px;}
.erweima img{width: 100%;}
.erweima div{margin-right: 20px;}

.top-gundong{ z-index: 99999999;height:100px;overflow: hidden;margin-top: -50px;}
.gundong-riqi{height: 100px;
    display: flex;
    background: #056e6f;color: #fff;font-size:16px;justify-content: center;
    align-items: center;}
.gundong-riqi span{display: block;}
.zhuti{    height: 100px;
    display: flex;
    align-items: center;text-align: center;background-color: #ffffff;}
.gundong-neirong{    height: 100px;
    display: flex;
    align-items: center;background-color: #ffffff}
.zuoyou{padding: 0;}
.zuoyou div{ display: flex;    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: baseline;
    justify-content: center;width: 100%;height: 50px;width: 40px;}
.jiantou-left{background-color:#ffffff;border: 0.5px solid #bbbbbb;}
.jiantou-right{background-color: #056e6f;}
.about{ background: url("../img/about-bj.jpg")repeat no-repeat;padding-bottom: 60px;}
.about h6{font-size:18px;font-weight: 400;}
.about h3{font-size:36px;font-weight: 700;}
.about .col-md-4 img{width: 100%;}
.about-bt{margin-top:145px ;}
.guanyu-heng{width: 22px;height: 5px;opacity: 1;background: #056e6f;margin-top: 60px;}
.about-bt p{font-size: 16px;margin-top: 60PX;}
.about-bt a{width: 152px;
    height: 44px;
    border-radius: 5px;
    opacity: 1;
    background: #056e6f;display: block;
    color: #fff;
    line-height:44px;
    text-align: center;font-size: 14px;
    margin-top: 66px;}
.about .col-md-4 img{margin-top: 30px;}
.about-shuzi h4{
    float: left;
    color: #333333;
    font-size: 60px;
    font-weight: 700;}
.about-shuzi h4 span{ font-size: 16px;}
.shuju-zw{display: inline-block;}
.shuju-zw p{font-size: 16px}
.shuju-zw span{ font-size: 12px;color: #999999;}
.about-shuzi{margin-top:80px ;}

.anli img{width: 100%;}
.anli-zw{width: 100%;padding: 24px 50px; background: #056e6f;color: #fff;height: 150px;}
.anli-zw h2{font-size: 24px}
.anli-zw p{font-size: 14px;margin-top: 10px;overflow: hidden;
    height: 60px;
    text-overflow: ellipsis;}
.anli .col-md-6{}
.anli-lianxi{    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 120px;
    align-items: center;
}
.anli-lianxi h2{font-size: 24px;margin-left: 100px; }

.anli-jiantou{ margin-right:100px ; }
.anli-right{overflow: hidden;}

.dianxing{ padding-top: 80px; background-color: #242933; overflow: hidden; padding-bottom: 80px; }
.dianxing-left h1{ font-size: 50px;font-weight: bold;color: #fff;}
.dianxing-left small{color: #fff;font-weight: bold;font-size: 24px;}

.dianxing-bt h5{font-size: 18px;color: #fff;padding-top: 12px; padding-bottom: 12px;}
.dianxing-bt p{color: #666;}
.dianxing hr{border-color:#999;margin-top: 90px;}

.dianxing-img{ transition: min-height 0.3s linear; display:block;transition: all .3s;}
.dianxing-img:hover{
    box-shadow: 0 0 0 10px white;
}
.dianxing-img:hover .dianxing-bt h5{
    color: #333; background-color: #FFF;
}



.news{padding-top: 80px;padding-bottom: 60px;}
.news-anniu{width: 45px;height: 45px;border-radius: 20px;    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-top:60px ;
    transition: background 0.5s ease;
}
.news-img{margin-top: 20px;}
.news-img img{width: 100%;}
.news p{margin-top: 13px;color: #999;}
.news h5{margin-top: 90px;font-size: 20px;font-weight: bold;line-height: 1.5;}
.news h6{position: absolute;top:30px;color: #9E9E9E;font-size: 50px;font-weight: bold;}
.news ul{margin-top: 100px;}
.news ul li{transition: box-shadow 0.3s ease;padding: 0 40px;}
.news-xian{width:0%;margin-top:100px ;height: 3px;background: #056e6f;transition: width 0.3s ease;}
.news ul li:hover .news-anniu{background: #056e6f;}
.news ul li:hover .news-anniu img{filter: brightness(0) invert(1)}
.news ul li:hover h6{display: block;}
.news ul li:hover h5{color: #056e6f;}
.news ul li:hover .news-xian{width: 100%;}
.news ul li:hover{     box-shadow: 5px 12px 25px rgba(0, 0, 0, 0.08);}

.di{background: #1C1C1C;padding-top: 100px;}
.di ul li{float: left;font-size: 16px;color: #fff;font-weight: bold;margin-right: 50px;}
.di ul li a{display: block;color: #999;font-weight: 400;margin-top: 5px;}
.di ul li a:hover{color: #fff;}
.di-l-left{float: left;}
.di-anniu{display: block;background: #056e6f;font-size: 18px;padding: 12px 0;color: #fff;text-align: center;}
.di-anniu:hover{color: #fff;}
.di-l-left p{text-align: right;color: #fff;font-size: 20px;font-weight: 700;margin-top: 60px;}
.di-l-right{float: left;color: #fff;text-align: center;line-height: 2;margin-left: 40px;}

.di hr{border-color:#999; margin-top: 90px;}
.di span{font-size: 16px; padding: 10px 0;text-align: center;color: #9E9E9E;display: block;}

.hei{color: #000 !important;}

.anbli ul{overflow:hidden;}
.anbli ul li{width: 25%;float: left;}
.anbli ul li:first-child {
    width: 50%;float: left;
}
.anbli ul li img{width: 100%;}
.anbli ul li div{background-color: #056e6f;padding: 20px;color: #fff;}
.anbli ul li div b{font-size: 24px}
.anbli ul li div p{font-size: 16px;margin-top: 15px;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.anbli ul li s{background-color: #fff;width: 100%;display: block;line-height: 69px;padding-left: 20px;}
.anbli ul li s img{width:69px;float: right;margin-right: 20px;}

@media (max-width: 1199px) {
    .anbli ul li:first-child {
        width: 100%;float: left;
    }
    .anbli ul li:first-child {
        width: 100%;float: left;
    }

    .anbli ul li:not(:first-child) {
        width: 50%;

    }
}






@media (max-width: 0) {

}

@media (max-width: 576px) {

}


@media (max-width: 768px) {

}


@media (max-width: 991px) {
    .about .col-md-4{display: none;}
    .di .col-md-8{display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 40px;
        text-align: center;
    }
    .di-l-right{display: block;}
    .di .col-md-4{    display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .di-l-left{float: none;}
    .di .col-md-4 {
        display: block;
    }
    .di-l-left p{display: none;}
    .di-l-right {display: none;}
    .di ul{width: 100%;}
    .di ul li {
        width: 25%;
        margin-right: 0;
    }
    .news-anniu{display: none;}
    .news ul li{padding: 0 20px;}
    .news-xian{display: none;}
    .news h6{display: none;}
    .news p{font-size: px}

    .news ul li:hover h6{display: none;}
    .news h5{margin-top: 60px;font-size: 24px}
    .news ul li:hover{box-shadow: none;}
}


@media (max-width: 1199px) {

    .nav-tel{display: none;}
    .top-gundong{display: none;}
    .about-shuzi{display: none;}
    .about .col-md-4 img {
        margin-top: 90px;
    }
    .about-bt {
        margin-top: 90px;
    }
    .anli .col-lg-6 .col-sm-6{
        padding: 20px 20px;
    }
    .news ul {
        margin-top: 50px;
    }

}

.content { margin: auto; margin-right: 15%; margin-left: 15%; }
.content table{ border: 1px solid #CCC; }
.content table td{ border: 1px solid #CCC; padding: 10px; }
* img{ max-width:100%}
.l1{margin-top: 50px; margin-bottom: 50px; overflow: hidden;}
.l1 li{width: 25%;background-color: #fff;float: left;position: relative;margin-bottom:20px ;}
.l1 li a{padding: 15px 15px;margin: 0 10px;display: block;transition: box-shadow 0.3s ease;}
.l1 li a div{height: 150px;background:center;background-size: 100%;transition: all 1s; background-repeat: no-repeat;}
.l1 li a b{display: block;height: 40px;line-height: 20px;overflow: hidden;margin-top: 20px;font-size: 18px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.l1 li a p{ font-size: 16px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 20px; height: 60px; }
.l1 li a:hover b{color: #136946;}
.l1 li a s{height: 3px;background: #136946;width: 0;transition: all 1s;margin-top: 30px;display: block;}
.l1 li a:hover s{width: 100%;}
.l1 li a:hover{    box-shadow: 5px 12px 25px rgba(0, 0, 0, 0.08);}
.l1 li a:hover div{background-size: 120%;}
@media (max-width: 1199px) {
    .l1 li{width: 33%;}
}
@media (max-width: 768px) {
    .l1 li{width: 50%;}
}

.l2{margin-top: 50px; margin-bottom: 50px; overflow: hidden;}
.l2 li{width: 25%;background-color: #fff;float: left;position: relative;margin-bottom:20px ;}
.l2 li a{ padding: 15px 15px; margin: 0 10px; display: block; transition: box-shadow 0.3s ease;  }
.l2 li a b{display: block;height: 40px;line-height: 20px;overflow: hidden;margin-top: 20px;font-size: 18px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.l2 li a p{ font-size: 16px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 20px; height: 60px; margin-top: 15px; }.l2 li a i{ font-size: 16px; color: #FFFFFF; line-height: 30px; background-color: #056E6F; display: inline-block; padding-right: 10px; padding-left: 10px; }

.l2 li a:hover b{color: #056e6f;}
.l2 li a s{height: 3px;background: #056e6f;width: 0;transition: all 1s;margin-top: 30px;display: block;}
.l2 li a:hover s{width: 100%;}
.l2 li a:hover{    box-shadow: 5px 12px 25px rgba(0, 0, 0, 0.08);}
@media (max-width: 1199px) {
    .l2 li{width: 33%;}
}
@media (max-width: 768px) {
    .l2 li{width: 50%;}
}

.l3{margin-top: 50px; margin-bottom: 50px; overflow: hidden;}
.l3 li{width: 33.33%;background-color: #fff;float: left;position: relative;margin-bottom:20px ;}
.l3 li a{ display: block; transition: box-shadow 0.3s ease; margin: 10px; padding: 10px; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.08);}
.l3 li a img{ height: 240px; width:180px; float: left; margin-right: 30px; padding: 10px; border: 1px solid #d1d1d1;}
.l3 li a b{ display: block; line-height: 20px; overflow: hidden; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; height: 40px; }
.l3 li a p{ font-size: 16px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 20px; height: 60px; margin-left: 10px; }
.l3 li a i{ font-size: 14px; font-style: normal; line-height: 36px; color: #FFF; background-color: #056e6f; display: inline-block; padding-right: 20px; padding-left: 20px; margin-top: 30px;}
.l3 li a:hover b{color: #056e6f;}
.l3 li a s{height: 3px;background: #056e6f; width: 0;transition: all 1s;margin-top: 30px; display: block; clear: both; }
.l3 li a:hover s{width: 100%;}
.l3 li a:hover{ box-shadow: 5px 12px 25px rgba(0, 0, 0, 0.08);}
.l3 li a:hover div{background-size: 120%;}


@media (max-width: 1199px) {
    .l3 li{width: 33%;}
}
@media (max-width: 768px) {
    .l3 li{width: 50%;}
}


.bg { background-color: #333; height: 300px;  background-repeat: no-repeat; background-position: center; background-size:cover; }
.bg h2 { font-size: 32px;  color: #fff; text-shadow: 0 0 1px #000; padding-top: 5%;  }
.bg h3 { font-size: 24px; color: #fff; text-shadow: 0 0 1px #000; padding-left: 3px; padding-top: 3px; }
.bg a{ line-height: 40px; color: #FFF; text-decoration: none; background-color: #056e6f; display: inline-block; padding-right: 50px; padding-left: 50px;transition: all 1s; margin-top: 20px; }
.bg a:hover{ background-color: #056e6f; }