* {
    margin:0;
    padding:0;
    list-style:none;
    text-decoration:none;
    box-sizing:border-box;
}
.img {
    overflow: hidden;
}

    .img img {
        width: 100%;
        display: block;
        transition: all .5s;
    }

.yih {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erh {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
header {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:300;
}
.header_pack{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.logo{
    height:100px;
    padding:30px 0;
}
.logo  a {
    display:block;
    height:100%;
}
.logo img {
    max-height:100%;
    display:block;
}
.w_nav {
    display:flex;
}
.w_nav>li {
    padding:0 30px;
}
    .w_nav > li > a {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        color: rgb(37, 48, 52);
        display:block;
        position:relative;
    }
    .w_nav > li.active > a::after {
        content: "";
        width: 14px;
        height: 3px;
        background: rgb(37, 48, 52);
        position:absolute;
        bottom:0;
        left:50%;
        transform:translateX(-50%);
    }
.language{
    position:relative;
}
.language_cont {
    display:flex;
    align-items:center;
}
    .language_cont {
        font-size: 16px;
        line-height: 30px;
        color: rgb(37, 48, 52);
        font-weight:bold;
        cursor:pointer;
    }
.language_cont i {
    margin-left:10px;
}
.language_list{
   background:#fff;
   box-shadow:0 0 10px rgba(0,0,0,.1);
   position:absolute;
   top:100%;
   left:-20%;
   width:140%;
   display:none;
}
    .language_list li a {
        font-size: 16px;
        line-height: 30px;
        color: rgb(37, 48, 52);
        display:block;
        text-align:center;
        font-weight:bold;
    }
        .language_list li a:hover {
            background: rgb(153, 197, 206);
            color:#fff;
        }
.nei-banner{
    position:relative;
}
.layout {
    width:1520px;
    margin:0 auto;
}
.banner_cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: rgb(37, 48, 52);
}
    .banner_cont h3 {
        font-size: 72px;
        line-height: 105px;
    }
    .banner_cont p {
        font-size: 41px;
        line-height: 60px;
        margin-top: 13px;
    }
.coooper{
    padding:28px 0 90px;
}
.public_nav {
    font-size: 16px;
    line-height: 24px;
    color: rgb(102, 102, 102);
}
.cooper_cont{
    margin-top:74px;
   text-align:center;
}
    .cooper_cont > ul > li:first-child {
        margin:0;
    }
    .cooper_cont > ul > li {
        margin-top: 30px;
    }
    .cooper_cont h3 {
        font-size: 48px;
        line-height: 70px;
        color: rgb(0, 0, 0);
    }
.cooper_contlist{
    margin-top:52px;
    display:flex;
    margin:52px  -20px 0;
    flex-wrap:wrap;
}
.cooper_contlist li  {
    width:calc(100% / 6);
    padding:0 20px;
    margin-bottom:40px;
}
    .cooper_contlist li a {
        display: block;
        box-shadow: 0 0 20px rgba(165, 184, 213, 0.3);
    }
.cooper_contlist img {
    width:100%;
    display:block;
}
footer {
    background: rgb(44, 46, 45);
}
.footer_pack{
    padding:78px 0 46px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}
.footer_left{
    width:25%;
}
.footer_logo{
    height:100px;
}
.footer_logo a {
    display:block;
    height:100%;
}
.footer_logo img {
    max-height:100%;
    display:block;
    margin:auto;
}
.footer_contact{
    margin-top:56px;
}
.footer_contact p {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:18px;
}
.footer_contact p img {
    max-width:20px;
    display:block;
    margin-top:3px;
}
    .footer_contact span {
        width: calc(100% - 20px);
        padding-left: 20px;
        color: rgb(152, 152, 152);
        font-size:18px;
        line-height:26px;
    }
.footer_navlist{
    width:45%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}
.footer_contnav{
    width:32%;
}
.footer_navlist h4 {
    font-size: 20px;
    line-height: 29px;
    color: #fff;
    margin-bottom: 24px;
}
.footer_navlist a {
    display: block;
    font-size: 18px;
    line-height: 36px;
    color: rgb(152, 152, 152);
}
.footer_right{
    width:10%;
}
.footer_link{
    margin-top:52px;
    display:flex;
    justify-content:flex-end;
}
    .footer_link li {
        margin-left:20px;
    }
    .footer_link a {
        display: block;
        width: 36px;
    }
.footer_link img {
    width:100%;
    display:block;
}
.copyright {
    border-top: 1px solid rgb(59, 63, 68);
    display: flex;
    justify-content: center;
    padding: 28px 0 50px;
    font-size: 18px;
    line-height: 26px;
    color: rgb(152, 152, 152);
}
    .copyright a {
        color: rgb(152, 152, 152);
    }
.contact{
    padding:115px 0 150px;
}
.public_title{
    text-align:center;
}
    .public_title h3 {
        font-size: 48px;
        line-height: 70px;
        color: rgb(0, 0, 0);
    }
.contact_pack{
    margin-top:52px;
    display:flex;
    align-items:center;
}
.contact_dh{
    width:123px;
    margin-left:108px;
    margin-bottom:-62px;
}
.contact_left {
    width:48%;
    position:relative;
}
.contact_cont {
    background: rgb(228, 242, 245);
    box-shadow: 0 0 30px rgba(107, 107, 107, 0.1);
    padding: 110px 110px 86px;
    width: 110%;
    margin-right: -10%;
    border-radius: 20px;
}
.contact_cont_list li {
    display:flex;
    align-items:flex-start;
    margin-bottom:43px;
}
.contact_cont_img {
    width:20px;
}
    .contact_cont_img img {
        max-width: 100%;
        display: block;
        /*filter: brightness(0) invert(1);*/
    }
.contact_cont_text {
    width:calc(100% - 20px);
    padding-left:15px;
}
    .contact_cont_text h4 {
        font-size: 18px;
        line-height: 24px;
        color: rgb(153, 197, 206);
        /*color:#fff;*/
    }
    .contact_cont_text p {
        font-size: 18px;
        line-height: 24px;
        color: rgb(37, 48, 52);
        /*color: #fff;*/
        margin-top: 8px;
    }
.contact_link {
    display:flex;

}
.contact_link li {
    width:36px;
    margin-right:15px;
}
    .contact_link li a {
        display:block;
    }
.map {
    width:52%;
}
.map iframe {
    height:750px !important;
    border-radius:20px;
}
.serve_classify {
    box-shadow: 0 3px 10px rgba(0, 46, 91, 0.05);
    padding:27px 0;
}
.serve_classify_list {
    justify-content:center;
    display:flex;
    overflow:auto;
}
.serve_classify_list li {
    padding:0 50px;
    position:relative;
}
    .serve_classify_list li::after {
        content: "";
        width: 1px;
        height: 80%;
        background: rgb(213, 216, 217);
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%);
    }
    .serve_classify_list li:last-child::after {
        display:none;
    }
    .serve_classify_list li a {
        font-size: 18px;
        line-height: 26px;
        color: rgb(0, 0, 0);
        display:block;
        white-space:nowrap;
    }
        .serve_classify_list li a.active {
            color: rgb(153, 197, 206);
            font-weight:bold;
        }
.serve_cont{
    padding:28px 0 110px;
}
.serve_cont_list{
    margin-top:78.5px;
}
.serve_cont_list ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.serve_cont_list li {
    width:calc(50% - 20px);
    margin-bottom:40px;
}
    .serve_cont_list li a {
        display: block;
        height: 100%;
        padding: 40px 60px;
        box-shadow: 0 0 30px rgba(107, 107, 107, 0.1);
    }
.serve_list_icon {
    height:48px;
}
    .serve_list_icon img {
        max-height:100%;
        display:block;
    }
    .serve_list_icon img:last-child {
        display: none;
    }
.serve_list_cont {
    margin-top:16px;
}
    .serve_list_cont h4 {
        font-size: 36px;
        line-height: 48px;
        font-weight: bold;
        color: rgb(37, 48, 52);
    }
    .serve_list_cont p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 29px;
        white-space: pre-line;
        color: rgb(107, 107, 107);
    }
.serve_cont_list li a:hover  {
    background:rgb(153, 197, 206);
}
.serve_cont_list li a:hover img {
    display:none;
}
.serve_cont_list li a:hover img:last-child {
    display:block;
}
    .serve_cont_list li a:hover h4,
    .serve_cont_list li a:hover p{
        color: #fff;
    }
.products_cont{
    padding:28px 0 150px;
}
.pro_tag{
    margin-top:78.5px;
    position:relative;
}
.arr{
    width:28px;
    height:40px;
    background:url(../images/arr_l.png) no-repeat center/100% 100%;
    cursor:pointer;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:200;
}
.arr_l {
    transform:translateY(-50%) rotate(180deg);
    left:8%;
}
.arr_r {
    right: 8%;
}
.pro_tag_swiper{
    overflow:hidden;
}
.arr:hover {
    background-image:url(../images/arr_r.png);
}
.arr_r:hover {
    transform: translateY(-50%) rotate(180deg);
}
.arr_l:hover {
    transform: translateY(-50%);
}
.pro_list{
    margin-top:100px;
}
.products_list {
    display:flex;
    flex-wrap:wrap;
    margin:0 -1.5px;
}
.products_list li {
    width:25%;
    padding:0 1.5px;
    margin-bottom:50px;
}
    .products_list a {
        display: block;
        height: 100%;
        border: 1px solid rgb(239, 239, 239);
        box-shadow: 0 0 15px rgba(0, 46, 91, 0.05);
    }
.products_list_cont {
    padding: 25px 10px;
    font-size: 18px;
    line-height: 26px;
    color: rgb(107, 107, 107);
    text-align:center;
}
.products_list a:hover img {
   transition:all .5s;
}
.products_list a:hover .products_list_cont {
    color: rgb(153, 197, 206);
}
.pro_detail{
    padding-top:78.5px;
    width:85%;
    margin:0 auto;
}
.pro_de_pack{
    display:flex;
    align-items:center;
}
    .pro_de_pack>div {
        width:50%;
    }
.pro_de_cont {
    padding-left:8%;
}
    .pro_de_cont h3 {
        font-size: 28px;
        line-height: 37px;
        font-weight: bold;
        color: rgb(37, 48, 52);
    }
    .pro_de_cont p {
        font-size: 16px;
        line-height: 30px;
        margin-top: 20px;
        color: rgb(107, 107, 107);
    }
.pro_de_cont a {
    font-size:18px;
    font-weight:bold;
    display:block;
    width:220px;
    line-height:70px;
    border-radius:15px;
    text-align:center;
    background:rgb(153, 197, 206);
    color:#fff;
    margin-top:37px;
}
.pro_de_img {
    border: 1px solid rgb(239, 239, 239);
}
.pro_content{
    margin-top:77.5px;
}
    .pro_content h3 {
        font-size: 28px;
        line-height: 37px;
        font-weight: bold;
        color: rgb(37, 48, 52);
        padding-bottom: 19px;
        border-bottom: 1px solid rgb(239, 239, 239);
    }
.pro_deta_cont div {
    padding-top: 20px;
    font-size: 16px;
    line-height: 24px;
    color: rgb(107, 107, 107);
}
.pro_deta_cont {
    margin-bottom:44.5px;
}
.pro_deta_cont:last-child {
    margin:0;
}
.products_detail,
.news_list {
    padding: 28px 0 150px;
}
.news_list_conts {
    margin-top: 78.5px;
}
.news_list_content {
    margin: 0 -27px;
    display:flex;
    flex-wrap:wrap;
}
.news_list_content li {
    width:33.333%;
    padding:0 27px;
    margin-bottom:55px;
}
    .news_list_content a {
        display: block;
        background: #fff;
        box-shadow: 0 0 30px rgba(107, 107, 107, 0.1);
        position:relative;
    }
.news_list_cont {
    padding:28.5px 30px;
}
    .news_list_cont span {
        font-size: 16px;
        line-height: 24px;
        color: rgb(135, 135, 135);
    }
    .news_list_cont h4 {
        font-size: 24px;
        line-height: 32px;
        font-weight: bold;
        margin-top: 16px;
        color: rgb(32, 32, 32);
    }
    .news_list_cont p {
        font-size: 16px;
        line-height: 24px;
        color: rgb(102, 102, 102);
        margin-top:19px;
    }
    .news_list_cont samp {
        font-size: 16px;
        line-height: 24px;
        display: block;
        color: rgb(135, 135, 135);
        margin-top:25px;
        font-family:"微团雅黑";
    }
.news_list_cont2 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background: rgb(153, 197, 206);
    box-shadow: 0 0 30px rgb(153, 197, 206);
    padding:50px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:all .5s;
}
.news_list_cont2 * {
    color:#fff !important;
}
    .news_list_cont2 hr {
        display:block;
        width:100%;
        margin-top:28.5px;
    }
.news_list_content a:hover .news_list_cont2 {
    opacity:1;
}
.detail_pack{
    display:flex;
    margin-top:78px;
    align-items:flex-start;
}
.detail_news_left{
    width:calc(100% - 400px);
    padding-right:99.5px;
    
}
.detail_title h3 {
    font-size: 40px;
    line-height: 53px;
    color: rgb(0, 0, 0);
    font-weight:bold;
}
.detail_tab {
    font-size: 16px;
    line-height: 21px;
    color: rgb(102, 102, 102);
    margin-top: 6px;
    padding-bottom: 31.5px;
    border-bottom: 1px solid rgb(238, 238, 238);
}
.news_detail_content {
    padding: 30px 0 47px;
    border-bottom: 1px solid rgb(238, 238, 238);
    font-size: 16px;
    line-height: 24px;
    color: rgb(102, 102, 102);
}
.news_detail_btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:47px;
}
.TurnPages{
    width:60%;
    flex-wrap:wrap;
}
.TurnPages p {
    width:100%;
}
    .TurnPages p:nth-last-child(1){
        text-align:left;
    }
.fh {
    width: 150px;
    line-height: 50px;
    background: rgb(153, 197, 206);
    text-align:center;
    font-size:16px;
    color:#fff;
    cursor:pointer;
}
.detail_news_right {
    width: 400px;
    background: #fff;
    box-shadow: 0 0 30px rgba(107, 107, 107, 0.1);
    padding:30px;
    position:sticky;
    top:20px;
}
    .detail_news_right h3 {
        font-size: 24px;
        line-height: 32px;
        font-weight: bold;
        color: rgb(0, 0, 0);
    }
.xg_list{
    margin-top:33px;
}
.xg_list li {
    margin-bottom:27px;
}
    .xg_list li:last-child {
        margin-bottom:27px;
    }
    .xg_list li a {
        display: block;
        font-size: 16px;
        line-height: 24px;
    }
    .xg_list h4 {
        color: rgb(37, 48, 52);
    }
    .xg_list p {
        color: rgb(102, 102, 102);
        margin-top:12px;
    }
    .xg_list li a:hover h4 {
        color:rgb(153, 197, 206);
    }
.join_cont{
    margin-top:77px;
}
.join_cont_num {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgb(238, 238, 238);
    color: rgb(0, 0, 0);
}
.join_list{
    margin-top:22px;
}
.join_list li {
    margin-bottom:44px;
}
.join_list_title {
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(238, 238, 238);
}
    .join_list_title.active{
        border-bottom-color:rgb(153, 197, 206);
    }
    .join_list_title.active h3 {
        color: rgb(153, 197, 206);
    }
    .join_list_title h3 {
        font-size: 24px;
        line-height: 32px;
        font-weight: bold;
        color: rgb(0, 0, 0);
    }
.join_title_right {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-top:17px;
    font-size:16px;
    line-height:21px;
}
    .join_title_right p {
        color: rgb(0, 0, 0);
    }
    .join_title_right span {
        color: rgb(102, 102, 102);
    }
.join_list_text>div {
    padding:21.5px 0 0;
}
.join_list_text {
    display:none;
}
.blog_list {
    margin-top:78.5px;
}
.blog_list_cont{ 
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.blog_list_cont li {
    width:calc(50% - 20px);
    margin-bottom:10px;
}
.blog_list_cont a {
    display:block;
    overflow:hidden;
    border-radius:20px;
    position:relative;
}
.blog_list_text  {
    position:absolute;
    width:90%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
}
.blog_list_text h3 {
    font-size:36px;
    line-height:48px;
    color:#fff;
}
.blog_list_text span {
    display:block;
    width:150px;
    line-height:48px;
    margin:19px auto 0;
    text-align:center;
    font-size:16px;
    color:#fff;
    border:1px solid #fff;
    border-radius:50px;
}
.blog_left{
    width:100%;
}
.news2_list{
    margin-top:74px;
}
    .news2_list h3 {
        font-size: 48px;
        line-height: 70px;
        color: rgb(0, 0, 0);
        text-align:center;
    }
.news2_list_cont{
    margin-top:52px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.news2_list_cont li {
    width:calc(50% - 20px);
    margin-bottom:40px;
}
    .news2_list_cont li a {
        display: block;
        padding: 37px 50px;
        background: rgb(249, 250, 251);
        height:100%;
    }
    .news2_list_cont h4 {
        font-size: 20px;
        line-height: 26px;
        font-weight: bold;
        color: rgb(0, 0, 0);
    }
    .news2_list_cont p {
        font-size: 14px;
        line-height: 18px;
        color: rgb(102, 102, 102);
        margin-top:14px;
    }
    .news2_list_cont li a:hover {
        background:rgb(153, 197, 206);
    }
    .news2_list_cont li a:hover h4,
    .news2_list_cont li a:hover p{
        color:#fff;
    }
.news2_list_cont2 {
    margin-top:90px;
    overflow:hidden;
}
.news2_list_cont2 li {
    float:right;
    width:23%;
    margin:0 1.5% 2%;
}
    .news2_list_cont2 li:nth-child(2) {
        margin-right:0;
    }
    .news2_list_cont2 li:nth-child(4) {
        margin-right: 0;
    }
    .news2_list_cont2 li:first-child {
        float: left;
        width: 48%;
        margin: 0;
        margin-right: 1.5%;
    }
    .news2_list_cont2 li a {
        display:block;
    }
    .news2_list_cont2 li:first-child .news2_list_cont2_cont {
        background: rgb(249, 250, 251);
    }
.news2_list_cont2_cont h4 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 18px;
    color: rgb(0, 0, 0);
}
.news2_list_cont2_cont p {
    display:none;
}
.news2_list_cont2 li:first-child .news2_list_cont2_cont {
    padding: 28px 30px;
}
    .news2_list_cont2 li:first-child .news2_list_cont2_cont h4 {
        font-size: 20px;
        line-height: 26px;
        font-weight: bold;
        color: #000;
    }
    .news2_list_cont2 li:first-child .news2_list_cont2_cont p {
        display: block;
        font-size: 14px;
        line-height: 18px;
        color: rgb(102, 102, 102);
        margin-top:14px;
    }
.news2_list_cont2 li a:hover img {
    transform:scale(1.1);
}
.news2_list_cont2 li a:hover .news2_list_cont2_cont h4 {
    color: rgb(0, 64, 128);
}
.about_plate1{
    padding-bottom:150px;
}
.about_num_list{
    display:flex;
    justify-content:space-between;
    padding:86px 0 118px;
}
.about_num_pack h3 {
    font-size: 32px;
    line-height: 42px;
    color: rgb(37, 48, 52);
    position:relative;
    padding-bottom:9px;
    text-align:center;
}
    .about_num_pack h3::after {
        content: "";
        width: 55px;
        height: 4px;
        background: rgb(238, 205, 12);
        position:absolute;
        left:50%;
        bottom:0;
        transform:translateX(-50%);
    }
    .about_num_pack h3 span {
        font-size: 54px;
        line-height: 79px;
        color: rgb(37, 48, 52);
        margin-right:5px;
    }
    .about_num_pack  p {
        font-size: 16px;
        line-height: 24px;
        color: rgb(37, 48, 52);
        margin-top:13.4px;
        text-align:center;
    }
.about_cont{
    display:flex;
    align-items:center;
}
    .about_cont>div {
        width:50%;
    }
.about_left{
    padding-right:60px;
}
.about_left h3 {
    font-size: 48px;
    line-height: 70px;
    color: rgb(0, 0, 0);
}
.about_cont_list {
    margin-top:52px;
}
.about_cont_list li {
    margin-bottom:17px;
}
    .about_cont_list li:last-child {
        margin:0;
    }
.about_cont_list_pack{
    border-radius:20px;
    padding:39px 40px;
    display:flex;
    align-items:flex-start;
}
.dui {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: rgb(236, 241, 244) url(../images/d.png) no-repeat center center;
}
.about_cont_list_text{
    width:calc(100% - 80px);
    padding-left:40px;
}
    .about_cont_list_text h4 {
        font-size: 20px;
        line-height: 26px;
        color: rgb(37, 48, 52);
        font-weight:bold;
    }
    .about_cont_list_text p {
        font-size: 16px;
        line-height: 24px;
        color: rgb(107, 107, 107);
        margin-top:14px;
    }
.about_cont_list_pack:hover .dui {
    background-image: url(../images/dd.png);
    background-color: rgb(153, 197, 206);
}
.about_cont_list_pack:hover {
    background: #fff;
    box-shadow: 0 10px 15px rgb(246, 250, 251);
}
.about_plate2 {
    display: flex;
    background: rgb(153, 197, 206);
    align-items:center;
}
    .about_plate2>div {
        width:50%;
    }
.about_plate2_cont {
    padding:2% 5% 2% 18%;
}
    .about_plate2_cont h3 {
        font-size: 48px;
        line-height: 63px;
        color: rgb(255, 255, 255);
        text-align:center;
        font-weight:bold;
    }
.about_plate2_text {
    margin-top: 39px;
    padding: 0 0 35px;
    position: relative;
    font-size: 16px;
    line-height: 36px;
    color: rgb(255, 255, 255);
}
    .about_plate2_text p{
        margin-top:30px;
        max-height:300px;
        overflow:auto;
    }
    .about_plate2_text img {
        width: 22.6px;
        display: block;
    }
        .about_plate2_text img:last-child {
            right: 0;
            bottom: 0;
            position: absolute;
        }
.about_plate3{
    padding:145px 0 147px;
}
.about_plate3_cont {
    margin-top:44.5px;
}
    .about_plate3_cont h3 {
        font-size: 28px;
        line-height: 37px;
        font-weight: bold;
        color: rgb(37, 48, 52);
        padding-bottom: 19.5px;
        border-bottom: 1px solid rgb(239, 239, 239);
    }
.about_plate3_desc {
    padding-top: 20px;
    font-size: 16px;
    line-height: 28px;
    color: rgb(107, 107, 107);
}
.home_banner {
    overflow:hidden;
    position:relative;
}
.home_banner a {
    display:block;
}
.home_banner img {
    width:100%;
    display:block;
}
.nei-banner img {
    width:100%;
    display:block;
}
.home_banner .banner_cont{
    top:40%;
}
.home_nav{
    position:absolute;
    z-index:200;
    bottom:0;
    left:0;
    width:65%;
    padding:55px 10%;
    background:#fff;
    border-radius:20px 20px 0 0;
}
.home_navlist{
    display:flex;
    justify-content:space-between;

}
.home_navlist a {
    display:block;
}
    .home_navlist h4 {
        font-size: 16px;
        line-height: 24px;
        color: rgb(37, 48, 52);
    }
    .home_navlist p {
        font-size: 16px;
        line-height: 24px;
        color: rgb(107, 107, 107);
        margin-top:14px;
    }
    .home_navlist span {
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px;
        color: rgb(107, 107, 107);
        display:block;
    }
    .home_navlist a:hover h4,
    .home_navlist a:hover p,
    .home_navlist a:hover span {
        color: rgb(153, 197, 206);
    }
.home_cont_pack {
    background:url(../images/hbg.png) no-repeat center center;
    padding-bottom:150px;
}
.home_palte2 h3,
.home_plate3 h3{
    font-size: 48px;
    line-height: 70px;
    color: rgb(0, 0, 0);
}
.home_palte2 > a,
.about_left>a{
    display: block;
    margin: 0 auto;
    width: 220px;
    line-height: 70px;
    background: rgb(44, 46, 45);
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 15px;
}
.home_palte2 > a:hover {
    background:rgb(153, 197, 206);
}
.home_plate3{
    padding-top:145px;
}
.home_plate3_classify{
    display:flex;
    justify-content:space-around;
    overflow:auto;
    margin-top:62px;
}
.home_plate3_classify li a {
    display:block;
    padding:0 10px;
}
.home_plate3_icon{
    height:40px;
}
.home_plate3_icon img {
    max-height:100%;
    display:block;
    margin:0 auto;
}
.home_plate3_classify li a p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 13px;
    text-align: center;
    color: rgb(51, 51, 51);
}
.home_plate3_classify li a:hover p {
    color:rgb(153, 197, 206);
}
.home_plate3 .pro_tag_swiper{
    margin-top:52px;
}
.home_plate3 .pro_tag_swiper a{
   position:relative;
}
.h_pro_cont{
    position:absolute;
    left:50%;
    bottom:48px;
    width:90%;
    transform:translateX(-50%);
    text-align:right;
    color:#fff;
}
.h_pro_cont h4 {
    font-size:24px;
    line-height:32px;
}
.h_pro_cont p{
    font-size:16px;
    line-height:24px;
    margin-top:14px;
}
.home_plate4 {
    padding-top:145px;
}
.home_plate4_pack {
    margin-top: 52px;
    padding: 50px 50px 1px; 
    border-radius: 20px;
    background: rgb(228, 242, 245);
}
.home_plate4_list{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.home_plate4_list li {
    width:23%;
    margin-bottom:50px;
}
    .home_plate4_list li a {
        display:block;
        background:#fff;
        border-radius:20px;
        padding:40px 40px 33px;
        height:100%;
    }
.home_plate4_icon{
    height:48px;
}
.home_plate4_icon img {
    max-height:100%;
    display:block;
    margin:0 auto;
}
.home_plate4_list li a p {
    font-size: 20px;
    line-height: 26px;
    color: rgb(51, 51, 51);
    text-align:center;
    margin-top:20px;
}
.about_left>a {
    display:none;
}
.serve_classify_list::-webkit-scrollbar {
    height:3px;
}
@media(max-width:1600px) {
    .layout {
        width:1150px;
    }
    .banner_cont h3 {
        font-size:50px;
        line-height:70px;
    }
    .banner_cont p{
        font-size:25px;
        line-height:35px;
    }
    .about_num_list{
        padding:50px 0;
    }
    .home_nav{
        padding:30px 10%;
    }
    .about_num_pack h3 span,
    .home_palte2 h3, .home_plate3 h3,
    .about_plate2_cont h3,
    .cooper_cont h3 {
        font-size: 40px;
        line-height: 60px;
    }
    .about_left h3{
        font-size:35px;
        line-height:45px;
    }
    .about_cont_list_pack{
        padding:10px 20px;
    }
    .about_cont_list{
        margin-top:30px;
    }
    .dui{
        width:60px;
        height:60px;
    }
    .about_cont_list_text{
        width:calc(100% - 60px);
        padding-left:20px;
    }
    .about_plate1{
        padding-bottom:100px;
    }
    .news_list_content{
        margin:0 -10px;
    }
    .news_list_content li {
        padding: 0 10px;
        margin-bottom:20px;
    }
    .home_palte2 > a{
        margin-top:40px;
    }
    .home_plate3,
    .home_plate4 {
        padding-top: 100px;
    }
    .home_plate4_list li a p {
        font-size:16px;
        line-height:24px;

    }
    .home_plate4_list li a{
        padding:20px;
    }
    .home_plate4_list li{
        width:24%;
    }
    .home_cont_pack{
        padding-bottom:100px;
    }
    .footer_contact span,
    .footer_navlist a {
        font-size: 16px;
    }
    .footer_navlist a {
        line-height:30px;
    }
    .footer_navlist h4 {
        font-size:18px;
        line-height:26px;
        margin-bottom:15px;
    }
    .footer_pack{
        padding:50px 0 40px;
    }
    .home_palte2 > a,
    .about_left > a,
    .pro_de_cont a {
        width: 150px;
        line-height: 50px;
        font-size: 16px;
        border-radius: 10px;
    }
    .about_plate2_text p{
        max-height:260px;
    }
    .about_plate3{
        padding:100px 0;
    }
    .public_title h3{
        font-size:40px;
        line-height:60px;
    }
    .about_plate3_cont h3,
    .pro_de_cont h3,
    .pro_content h3 {
        font-size: 24px;
        line-height: 34px;
    }
    .serve_cont_list li a{
        padding:30px 40px;
    }
    .serve_list_cont p {
        font-size:16px;
        line-height:26px;
    }
    .serve_list_cont h4,
    .detail_title h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .detail_news_left{
        padding-right:50px;
    }
    .contact{
        padding:100px 0;
    }
    .contact_dh{
        width:80px;
        margin-bottom:-40px;
        margin-left:70px;
    }
    .contact_cont{
        padding:70px;
    }
    .map iframe{
        height:600px !important;
    }
    .w_nav > li {
        padding:0 20px;
    }
    .serve_classify_list li{
        padding:0 30px;
    }
}
@media(max-width:1000px) {
    .iconfont {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

        .iconfont i {
            width: 100%;
            height: 100%;
            position: absolute;
        }

        .iconfont .cha {
            background: url(../images/cha.png) no-repeat center/100% 100%;
            display: none;
        }

        .iconfont .nav {
            background: url(../images/nav.png) no-repeat center/100% 100%;
        }

    .logo {
        height: 60px;
        padding: 10px 0;
    }

    .navlist {
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        background: #fff;
        padding: 10px;
        border-top: 1px solid #f1f1f1;
        display: none;
        z-index: 101;
    }

    .w_nav {
        display: block;
    }

    header {
        position: relative;
        background: #fff;
    }

    .language {
        margin-right: 80px;
    }

    .w_nav > li.active > a::after {
        display: none;
    }

    .contact {
        padding: 30px 0;
    }

    .public_title h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .contact_pack {
        margin-top: 30px;
        display: block;
    }

    .contact_left,
    .map {
        width: 100%;
    }

    .map {
        margin-top: 20px;
    }

    .contact_cont {
        padding: 40px 20px;
        width: 100%;
    }

    .footer_navlist {
        display: none;
    }

    .footer_left {
        width: 100%;
    }

    .footer_pack {
        padding: 20px 0;
        display: block;
    }

    .footer_right {
        width: 100%;
        margin-top: 20px;
    }

    .footer_code {
        width: 80px;
    }

    .footer_link {
        justify-content: flex-start;
        margin-top: 15px;
    }

        .footer_link li {
            margin: 0 10px 0 0;
        }

    .copyright {
        padding: 10px 0;
    }

    .layout {
        width: 100%;
        padding: 0 10px;
    }

    .banner_cont h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .banner_cont p {
        font-size: 16px;
        line-height: 24px;
    }

    .contact_dh {
        display: none;
    }

    .contact_cont_text p {
        font-size: 16px;
    }

    .serve_classify_list {
        justify-content: flex-start;
    }

    .serve_classify {
        padding: 15px 0;
    }

    .news_list_conts,
    .detail_pack {
        margin-top: 30px;
    }

    .news_list_content {
        margin: 0;
    }

        .news_list_content li {
            padding: 0;
            margin-bottom: 20px;
            width: 100%;
        }

    .news_list_cont2 {
        display: none;
    }

    .news_list_cont {
        padding: 20px 10px;
    }

        .news_list_cont h4 {
            font-size: 18px;
            line-height: 26px;
        }

    .detail_pack {
        display: block;
    }

    .detail_news_left {
        padding-right: 0;
        width: 100%;
    }

    .serve_list_cont h4, .detail_title h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .detail_tab {
        padding-bottom: 10px;
    }

    .fh {
        display: none;
    }

    .news_detail_content {
        padding: 20px 0;
    }

    .news_detail_btn {
        margin-top: 20px;
    }

    .detail_news_right {
        width: 100%;
        margin-top: 30px;
        padding: 20px 15px;
    }

        .detail_news_right h3 {
            font-size: 20px;
            line-height: 30px;
        }

    .footer_contact {
        margin-top: 20px;
    }

    .copyright {
        font-size: 16px;
    }

    .w_nav > li > a {
        line-height: 32px;
    }

    .w_nav > li {
        padding: 0 10px;
    }

    .cooper_cont,
    .pro_tag {
        margin-top: 30px;
    }

        .about_num_pack h3 span, .home_palte2 h3, .home_plate3 h3, .about_plate2_cont h3, .cooper_cont h3 {
            font-size: 25px;
            line-height: 35px;
        }

    .cooper_contlist {
        margin: 30px -5px 0;
    }

        .cooper_contlist li {
            width: 50%;
            padding: 0 5px;
            margin-bottom: 10px;
        }

    .arr {
        width: 20px;
        height: 30px;
    }

    .arr_l {
        left: 5%;
    }

    .arr_r {
        right: 5%;
    }

    .pro_list {
        margin-top: 30px;
    }

    .products_list li {
        width: 50%;
        margin-bottom: 20px;
    }

    .products_list_cont {
        font-size: 16px;
        line-height: 24px;
        padding: 10px;
    }

    .pro_detail {
        padding-top: 30px;
        width: 100%;
    }

    .pro_de_pack {
        display: block;
    }

        .pro_de_pack > div {
            width: 100%;
        }

    .pro_de_cont {
        padding: 20px 0 0;
    }

        .about_plate3_cont h3, .pro_de_cont h3, .pro_content h3 {
            font-size: 20px;
            line-height: 30px;
        }

    .pro_content {
        margin-top: 30px;
    }

    .pro_deta_cont{
        margin-bottom:20px;
    }
    .serve_cont_list{
        margin-top:30px;
    }
        .serve_cont_list li {
            width:100%;
            margin-bottom:20px;
        }
            .serve_cont_list li a{
                padding:15px 20px;
            }
    .serve_list_cont p{
        margin-top:10px;
    }
    .serve_list_icon{
        height:40px;
    }
    .serve_cont,
    .products_detail, .news_list {
        padding-bottom: 30px;
    }
    .about_num_list{
        padding:20px 0 5px;
        flex-wrap:wrap;
    }
    .about_num_list li {
        width:50%;
        margin-bottom:15px;
    }
    .about_cont {
        display:block;
    }
        .about_cont > div {
            width:100%;
            padding:0 0 20px;
        }
    .about_left h3{
        font-size:25px;
        line-height:35px;
    }
    .dui{
        display:none;
    }
    .about_cont_list_text {
        padding:0;
        width:100%;
    }
    .about_plate1 {
        padding-bottom:30px;
    }
    .about_plate2{
        display:block;
    }
        .about_plate2 > div{
            width:100%;
        }
    .about_plate2_cont{
        padding:20px 10px;
    }
    .about_plate3 {
        padding:30px 0;
    }
    .about_plate3_cont{
        margin-top:30px;
    }
    .home_nav{
        display:none;
    }
    .home_banner .banner_cont{
        top:50%;
    }
    .home_plate3_classify {
        margin-top:30px;
    }
    .h_pro_cont{
        position:static;
        background:rgb(153, 197, 206);
        transform:none;
        width:100%;
        padding:15px 10px;
    }
    .h_pro_cont h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .home_plate3, .home_plate4{
        padding-top:30px;
    }
    .home_plate4_pack {
        margin-top:30px;
        padding:20px 10px;
    }
    .home_plate4_list li {
        width:100%;
        margin-bottom:10px;
    }
    .home_cont_pack{
        padding:0 0 30px;
    }
    .map iframe {
        height:350px !important;
    }
}