@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

color:#616161;
background:#fff;
}
img{
border:none;
}
ul li{
list-style:none;
}


/*--------------------index.html start----------------------*/




#nn1{
width:100%;
float:left;
height:100px;
background:#f6f6f6;
}
#nn{
width:1200px;
margin:auto;
}
#nn .n4{float:left;width:815px; }

#nn .n3{float:left;width:815px; color:#0c66d7; font-size:20px; padding-top:18px; }
#nn .n2{float:left;width:815px; line-height:50px; color:#8f8f8f }
#nn .n2 a{color:#8f8f8f }
#nn .n2 h3{float:left;   font-weight:normal; font-size:16px; text-transform:uppercase; line-height:50px; padding-right:20px; color:#3f3f3f }





#search{
width:280px;
padding-top:30px;
float:right;
}
#search_logo{ padding-top:0px;}


.searchinput{
height:34px;
line-height:34px;
color:#333333;
border:#d5d5d5 solid 1px;
width:200px;
 border-radius:25px;
float:left;
padding-left:20px;
display:inline;
background:#f6f6f6;
}





#f1{
width:100%;
height:450px;
float:left;
background:url(../images/f1.jpg) no-repeat top center;     background-size:100%;  background-attachment: fixed;
}


#f1::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}


#f2{
width:100%;
height:450px;
float:left;
background:url(../images/f2.jpg) no-repeat top center;     background-size:100%; background-attachment: fixed;
}

#f2::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}



#f3{
width:100%;
height:450px;
float:left;
background:url(../images/f3.jpg) no-repeat top center;  
  background-size: 100%;
  
  background-attachment: fixed;
}

#f3::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}


#f4{
width:100%;
height:450px;
float:left;
background:url(../images/f4.jpg) no-repeat top center;    background-size:100%; background-attachment: fixed;
}


#f4::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}

#f5{
width:100%;
height:450px;
float:left;
background:url(../images/f5.jpg) no-repeat top center;  background-size:100%; background-attachment: fixed;
}


#f5::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}

#f5_1{
width:100%;
height:450px;
float:left;
background:url(../images/f5_1.jpg) no-repeat top center;   background-size:100%; background-attachment: fixed;
}


#f5_1::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}


#f6{
width:100%;
height:450px;
float:left;
background:url(../images/f6.jpg) no-repeat top center;   background-size:100%; background-attachment: fixed;
}

#f6::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}




#f7{
width:100%;
height:450px;
float:left;
background:url(../images/f7.jpg) no-repeat top center;   background-size:100%; background-attachment: fixed;
}


#f7::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}



#f8{
width:100%;
height:450px;
float:left;
background:url(../images/f8.jpg) no-repeat top center;  background-size:100%; background-attachment: fixed;
}


#f8::after {
    content: "";height:450px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}






#menu1{width:100%;
float:left;
height:60px;
background:#3080f0;
}

#menu{width:1200px;
margin:auto;
height:60px;

}
ul.menu {list-style:none; margin:0; padding:0; border-left:#1f67cd solid 1px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none; padding-left:0px; text-align:center;color:#fff;  }
ul.menu li {position:relative;  float:left; }
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  }
ul.menu ul li {position:relative; border-top:none; width:120px;font-weight:normal;background:#db3049;color:#fff;  border-top:1px solid #fff;}
ul.menu ul li a {color:#fff;font-weight:normal;line-height:35px;}
ul.menu ul li a:hover {color:#fff; background:#26176e; }
ul.menu ul ul { top:0px}
ul.menu .menulink { width:120px;  height:60px;font-size:16px;_display: inline-block; line-height:60px; border-right:#1f67cd solid 1px; }
ul.menu .menulink:hover, ul.menu .menuhover { color:#fff;  background:url(../images/menu_b.jpg) repeat-x;border-right:#1f67cd solid 1px; }
ul.menu .sub {}
ul.menu .topline {}




.ab11{ float:left; width:1200px;  padding-top:50px; }

.ab11 ul{overflow:hidden; }
.ab11 ul li{display:block;float:left;}
.ab11 ul li a{float:left; text-align:center;line-height:40px;  }
.ab11 ul li a:hover{   float:left;}




.ab112{ float:left; width:1200px;  padding-top:30px; }

.ab112 ul{overflow:hidden; font-size:15px;}
.ab112 ul li{display:block;float:left;}
.ab112 ul li a{float:left; text-align:center;line-height:40px; width:350px; text-align:left}
.ab112 ul li a:hover{   float:left;}



.lxx1{width:1200px; margin:auto;  box-shadow: 0px 0px 15px rgba(71, 129, 179, .3); border-radius:15px;   clear: both; padding:50px; margin-bottom:60px;}


#main{ width:1200px; margin:auto; padding-top:0px; clear:both}


.main12{ width:100%; float:left; background:#f7f8fa}

.main13{ width:100%; float:left; background:#f7f8fa; padding-top:50px;}




/* ========== new-detail.html 新闻详情 ========== */
.news-detail-main {
    background: #f5f7fa;
    padding: 56px 0 80px;
}

.news-detail-wrap {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 0px;
}

.news-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 28px;
    align-items: start; margin-bottom:50px;
}

.news-detail-article {
    background: #fff;
    border-radius: 14px;
    padding: 36px 40px 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.news-detail-tag {
    display: inline-block;
    margin-bottom: 14px;
    padding: 4px 25px;
    border-radius: 999px;
    background: rgba(71, 129, 179, .1);
    color: #4781b3;
    font-size: 14px;
    font-weight: 600;
}

.news-detail-head h1 {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.45;
    color: #222;
	width:100%; float:left; padding-bottom:10px;
}

.news-detail-meta {
    flex-wrap: wrap;
    gap: 8px 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eef1f4;
    font-size: 13px;
    color: #999; margin-bottom:30px;
}

.news-detail-cover {
    margin: 28px 0;
    border-radius: 10px;
    overflow: hidden;
}

.news-detail-cover img {
    display: block;
    width: 100%;
    height: auto;
}

.news-detail-content {
    font-size: 16px;
    line-height: 1.9;
    color: #555;
}

.news-detail-content p {
    margin: 0 0 18px;
    text-align: justify;
}

.news-detail-content p:last-child {
    margin-bottom: 0;
}

.news-detail-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #eef1f4;
}

.news-detail-nav-link {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    background: #f7f9fb;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.news-detail-nav-link:hover:not(.is-disabled) {
    background: rgba(71, 129, 179, .1);
    color: #4781b3;
}

.news-detail-nav-link.is-disabled {
    color: #bbb;
    pointer-events: none;
}

.news-detail-nav-label {
    flex-shrink: 0;
    min-width: 3.5em;
    font-size: 14px;
    font-weight: 700;
    color: #4781b3;
}

.news-detail-nav-link.is-disabled .news-detail-nav-label {
    color: #bbb;
}

.news-detail-nav-title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-detail-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    padding: 10px 20px;
    border: 1.5px solid #4781b3;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    color: #4781b3;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.news-detail-back-icon {
    font-size: 15px;
    line-height: 1;
}

.news-detail-back:hover {
    background: #4781b3;
    border-color: #4781b3;
    color: #fff;
}

.news-detail-side-box {
    background: #fff;
    border-radius: 14px;
    padding: 24px 22px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
    position: sticky;
    top: 120px;
}

.news-detail-side-box h2 {
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #4781b3;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}

.news-detail-rec-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-detail-rec-list li {
    border-bottom: 1px solid #f0f2f5;
}

.news-detail-rec-list li:last-child {
    border-bottom: none;
}

.news-detail-rec-list a {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    text-decoration: none;
    color: inherit;
    transition: opacity .2s ease;
}

.news-detail-rec-list a:hover {
    opacity: .85;
}

.news-detail-rec-list a:hover strong {
    color: #4781b3;
}

.news-detail-rec-img {
    flex-shrink: 0;
    width: 72px;
    height: 54px;
    border-radius: 6px;
    overflow: hidden;
    background: #eee;
}

.news-detail-rec-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-detail-rec-body {
    flex: 1;
    min-width: 0;
}

.news-detail-rec-body time {
    display: block;    line-height: 15px;
    font-size: 12px;
    color: #999;
}

.news-detail-rec-body strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .2s ease;
}

.news-detail-products {
    margin-top: 50px;
    padding-top: 50px; padding-bottom:50px; margin-bottom:50px;
    border-top: 1px solid #e4e8ec; width:100%; float:left
}

.pd-related .pd-more-btn,
.pd-related .pd-related-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border: 1.5px solid #2d6a3e;
    border-radius: 999px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #2d6a3e;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition: background .2s ease, color .2s ease;
}

.pd-related .pd-more-btn:hover,
.pd-related .pd-related-more:hover {
    background: #2d6a3e;
    color: #fff;
    text-decoration: none;
}

.news-detail-products-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.news-detail-products-head h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #222;
}

.news-detail-products-more {
    font-size: 14px;
    font-weight: 600;
    color: #4781b3;
    text-decoration: none;
}

.news-detail-products-more:hover {
    text-decoration: underline;
}

.news-detail-product-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}


/* ========== new.html 企业新闻 ========== */
.news-page-main {
    background: #f5f7fa;
    padding: 56px 0 80px; float:left; width:100%;
}

.news-page-wrap {
    padding:0px 0px;
}

.news-page-head {
    margin-bottom: 28px;
}

.news-page-head h2 {
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: 700;
    color: #222;
}

.news-page-head p {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}

.news-page-tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.news-page-tab {
    padding: 10px 28px;
    border: 1px solid #d8dee6;
    border-radius: 999px;
    background: #fff;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.news-page-tab:hover {
    border-color: #4781b3;
    color: #4781b3;
}

.news-page-tab.is-active {
    background: #4781b3;
    border-color: #4781b3;
    color: #fff;
    box-shadow: 0 6px 18px rgba(71, 129, 179, .25);
}

.news-page-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}

.news-page-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .06);
    transition: transform .3s ease, box-shadow .3s ease;
}

.news-page-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(71, 129, 179, .12);
}

.news-page-card a {
/*    display: block;*/
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.news-page-card-img {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e8edf2;
}

.news-page-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.news-page-card:hover .news-page-card-img img {
    transform: scale(1.05);
}

.news-page-card-body {
    padding: 18px 20px 22px;
}

.news-page-card-body time {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    color: #999;
}

.news-page-card-body h3 {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ty1{
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-page-more {
    font-size: 13px;
    font-weight: 600;
    color: #4781b3;
}

.news-page-more::after {
    content: " >";
}

.news-page-empty {
    padding: 48px 20px;
    text-align: center;
    font-size: 15px;
    color: #888;
    background: #fff;
    border-radius: 12px;
}

.news-page-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.news-page-pager a {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #dde3e8;
    background: #fff;
    color: #555;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.news-page-pager a:hover:not(.is-disabled):not(.is-active) {
    border-color: #4781b3;
    color: #4781b3;
}

.news-page-pager a.is-active {
    background: #4781b3;
    border-color: #4781b3;
    color: #fff;
}

.news-page-pager a.is-disabled {
    opacity: .45;
    pointer-events: none;
}


/* ========== product.html 产品中心 ========== */
.product-page-main {
    background: #f7f8fa;width: 100%;
    padding: 56px 0 80px; float:left;
}

.product-page-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0px;
}

.product-page-head {
    margin-bottom: 32px;
}

.product-page-head h2 {
    margin: 0 0 12px;
    font-size: 32px;
    font-weight: 700;
    color: #222;
}

.product-page-head p {
    margin: 0;
    max-width: 760px;
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap:35px;
}

.product-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid transparent;
    box-shadow: 0 2px 14px rgba(0, 0, 0, .06);
    text-decoration: none;
    color: inherit;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.product-card:hover {
    border-color: #3f608b;
    box-shadow: 0 10px 28px rgba(63, 96, 139, .14);
    transform: translateY(-4px);
}

.product-card-media {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #eee;
}

.product-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.product-card:hover .product-card-media img {
    transform: scale(1.04);
}

.product-card-go {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(63, 96, 139, .88);
    opacity: 0;
    transform: scale(.85);
    transition: opacity .3s ease, transform .3s ease;
}

.product-card-go::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(-60%, -50%) rotate(45deg);
}

.product-card:hover .product-card-go {
    opacity: 1;
    transform: scale(1);
}

.product-card-body {
    min-height: 65px;
    padding: 12px 14px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2px;
}

.product-card-body strong,
.product-card-body span {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    color: #3f608b;
}

.product-card-body strong {
    font-weight:normal;
}

.product-card-body span {
  font-weight:normal;
}



/* ========== contact.html 联系我们 ========== */
.contact-page-main {
    background: #f7f8fa; width:100%;
    padding: 56px 0 56px; float:left;
}

.contact-page-wrap {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 0px;
}

.contact-main-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: stretch;
}

.contact-info-col {
    background: #fff;
    border-radius: 16px;
    padding: 36px 40px 40px;
    box-shadow: 0 10px 36px rgba(71, 129, 179, .08);
    border: 1px solid #eef1f4;
}

.contact-form-col {
    align-self: stretch;
    position: relative;
}

.contact-form-spacer {
    width: 100%;
    height: 0;
    pointer-events: none;
    visibility: hidden;
}

.contact-form-fields {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.contact-base {
    margin-bottom: 8px;
}

.contact-welcome {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 700;
    color: #4781b3;
}

.contact-address,
.contact-website {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}

.contact-website a {
    color: #4781b3;
}

.contact-dept-block {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e8edf2;
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity .55s ease, transform .55s ease;
}

.contact-dept-block.visible {
    opacity: 1;
    transform: translateX(0);
}

.contact-dept-heading {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;
    color: #4781b3;
}

.contact-dept-heading span {
    font-weight: 600;
    color: #3d9aaa;
}

.contact-info-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-info-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
}

.contact-info-row:last-child {
    margin-bottom: 0;
}

.contact-info-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}

.contact-info-icon--tel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}

.contact-info-icon--mail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
}

.contact-info-content {
    flex: 1;
    min-width: 0;
}

.contact-info-content strong {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

.contact-info-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.75;
    color: #666;
}

.contact-info-content a {
    color: #666;
    word-break: break-all;
}

.contact-info-content a:hover {
    color: #4781b3;
}

.contact-email-value {
    margin-bottom: 10px !important;
}

.contact-copy-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.contact-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    border: none;
    border-radius: 999px;
    background: #3d9aaa;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(61, 154, 170, .3);
    transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
}

.contact-copy-btn:hover {
    background: #2f8494;
    box-shadow: 0 5px 14px rgba(61, 154, 170, .4);
}

.contact-copy-btn:active {
    transform: scale(.96);
}

.contact-copy-btn svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.contact-copy-toast {
    font-size: 13px;
    font-weight: 500;
    color: #3d9aaa;
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity .3s ease, transform .3s ease;
    pointer-events: none;
    white-space: nowrap;
}

.contact-copy-wrap.show-toast .contact-copy-toast {
    opacity: 1;
    transform: translateX(0);
}

.contact-form-panel {
    background: #eceff2;
    border-radius: 16px;
    padding: 24px 28px;
    box-shadow: 0 10px 36px rgba(71, 129, 179, .08);
    border: 1px solid #e4e8ec;
    opacity: 0;
    transform: translateY(32px);
    transition: opacity .65s ease, transform .65s ease;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}

.contact-form-panel.is-following {
    position: fixed;
    z-index: 50;
}

.contact-form-panel.visible {
    opacity: 1;
    transform: translateY(0);
}

.contact-form-panel h2 {
    margin: 0 0 8px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    flex-shrink: 0;
}

.contact-form-subtitle {
    margin: 0 0 16px;
    text-align: center;
    font-size: 13px;
    line-height: 1.6;
    color: #888;
    flex-shrink: 0;
}

.contact-form-group {
    margin-bottom: 16px;
    opacity: 0;
    transform: translateX(-16px);
    transition: opacity .45s ease, transform .45s ease;
}

.contact-form-panel.visible .contact-form-group {
    opacity: 1;
    transform: translateX(0);
}

.contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
    opacity: 0;
    transform: translateX(-16px);
    transition: opacity .45s ease, transform .45s ease;
}

.contact-form-panel.visible .contact-form-row {
    opacity: 1;
    transform: translateX(0);
}

.contact-form-row .contact-form-group {
    margin-bottom: 0;
    opacity: 1;
    transform: none;
    transition: none;
}

.contact-form-panel.visible .contact-form-group:nth-child(1) { transition-delay: .1s; }
.contact-form-panel.visible .contact-form-row { transition-delay: .18s; }
.contact-form-panel.visible .contact-form-group--captcha { transition-delay: .26s; }
.contact-form-panel.visible .contact-form-submit-wrap { transition-delay: .34s; }

.contact-form-group textarea,
.contact-form-group input[type="text"],
.contact-form-group input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    background: #fff;
    padding: 14px 16px;
    font-size: 14px;
    color: #333;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease;
    font-family: inherit;
}

.contact-form-group textarea {
    min-height: 100px;
    resize: vertical;
}

.contact-form-group textarea:focus,
.contact-form-group input:focus {
    border-color: #4781b3;
    box-shadow: 0 0 0 3px rgba(71, 129, 179, .12);
}

.contact-captcha-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
}

.contact-captcha-img {
    min-width: 96px;
    height: 48px;
    padding: 0 12px;
    border: 1px solid #c5dde2;
    border-radius: 8px;
    background: #fff;
    color: #3d9aaa;
    font-size: 22px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 4px;
    cursor: pointer;
    font-family:Arial, Helvetica, sans-serif;
}

.contact-form-submit-wrap {
    opacity: 0;
    transform: translateX(-16px);
    transition: opacity .45s ease, transform .45s ease;
}

.contact-form-panel.visible .contact-form-submit-wrap {
    opacity: 1;
    transform: translateX(0);
}

.contact-form-submit {
    display: block;
    width: 100%;
    border: none;
    border-radius: 999px;
    padding: 16px 24px;
    background: linear-gradient(90deg, #6bc04b 0%, #3d9aaa 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease;
    box-shadow: 0 8px 20px rgba(61, 154, 170, .25);
}

.contact-form-submit:hover {
    opacity: .95;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(61, 154, 170, .32);
}








.culture-grid {
    max-width: 1100px;
    margin: 0 auto;
    padding:60px 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

.culture-card {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #fff;
    border-radius: 16px;
    padding: 32px 28px;
    box-shadow: 0 8px 30px rgba(71, 129, 179, .08);
    border: 1px solid rgba(71, 129, 179, .08);
    transition: transform .35s ease, box-shadow .35s ease;
    overflow: hidden;
    position: relative;
}

.culture-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.culture-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(71, 129, 179, .14);
}

.culture-card-icon {
    flex-shrink: 0;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46px;
    transition: transform .4s ease;
}

.culture-card:hover .culture-card-icon {
    transform: scale(1.08);
}

.culture-card-body h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 10px;
}

.culture-card-body p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: #666;
}

.culture-card--1::before { background: #5a8fc4; }
.culture-card--1 .culture-card-icon { background-color: rgba(90, 143, 196, .12); background-image:url(../images/a1.svg); }

.culture-card--2::before { background: #f2a23a; }
.culture-card--2 .culture-card-icon { background-color: rgba(242, 162, 58, .14); background-image:url(../images/a2.svg); }

.culture-card--3::before { background: #79b66e; }
.culture-card--3 .culture-card-icon { background-color: rgba(121, 182, 110, .14); background-image:url(../images/a3.svg); }

.culture-card--4::before { background: #7ecae8; }
.culture-card--4 .culture-card-icon { background-color: rgba(126, 202, 232, .18); background-image:url(../images/a4.svg); }




<!---------------------->


.anli-section {
    max-width: 1100px;
    margin: 56px auto 0;
    padding: 0 40px;
}

.anli-head {
    text-align: center;
    margin-bottom: 32px;
}

.anli-head h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 12px;
}

.anli-head h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: #4781b3;
    margin: 12px auto 0;
    border-radius: 2px;
}

.anli-head p {
    margin: 16px 0 0;
    font-size: 15px;
    line-height: 1.8;
    color: #888;
}

.anli-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.anli-item {
    margin: 0;
    padding: 0;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .55s ease, transform .55s cubic-bezier(.22, 1, .36, 1);
}

.anli-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.anli-item:nth-child(1) { transition-delay: .05s; }
.anli-item:nth-child(2) { transition-delay: .1s; }
.anli-item:nth-child(3) { transition-delay: .15s; }
.anli-item:nth-child(4) { transition-delay: .2s; }
.anli-item:nth-child(5) { transition-delay: .25s; }
.anli-item:nth-child(6) { transition-delay: .3s; }
.anli-item:nth-child(7) { transition-delay: .35s; }
.anli-item:nth-child(8) { transition-delay: .4s; }

.anli-item a {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 72px;
    padding: 16px 18px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(71, 129, 179, .2);
    box-shadow: 0 4px 18px rgba(71, 129, 179, .06);
    color: #555;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, color .35s ease;
    overflow: hidden;
    position: relative;
}

.anli-item a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #4781b3;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .35s ease;
}

.anli-item a:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(71, 129, 179, .14);
    border-color: rgba(71, 129, 179, .22);
    color: #4781b3;
}

.anli-item a:hover::after {
    transform: scaleY(1);
}

.anli-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    transition: transform .35s ease, box-shadow .35s ease;
}

.anli-item a:hover .anli-icon {
    transform: scale(1.08);
    box-shadow: 0 6px 16px rgba(71, 129, 179, .2);
}

.anli-text {
    flex: 1;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}

.anli-arrow {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity .3s ease, transform .3s ease;
    background-image:url(../images/d9.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.anli-item a:hover .anli-arrow {
    opacity: 1;
    transform: translateX(0);
}

.anli-item--road .anli-icon1 {
    background-color: rgba(90, 143, 196, .14);
    background-image:url(../images/d1.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	 height:40px;
    width: 40px;
	border-radius:5px;
	}

.anli-item--road .anli-icon2 {
    background-color: rgba(242, 162, 58, .14);
    background-image:url(../images/d2.svg);
		background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	 height:40px;
    width: 40px;
	border-radius:5px;}

.anli-item--road .anli-icon3 {
    background-color: rgba(71, 129, 179, .14);
    background-image:url(../images/d3.svg);
		background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	 height:40px;
    width: 40px;
	border-radius:5px;}

.anli-item--road .anli-icon4 {
    background-color: rgba(121, 182, 110, .14);
    background-image:url(../images/d4.svg);
		background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	 height:40px;
    width: 40px;
	border-radius:5px;}

.anli-item--road .anli-icon5 {
    background-color: rgba(126, 202, 232, .2);
    background-image:url(../images/d5.svg);
		background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	 height:40px;
    width: 40px;
	border-radius:5px;}

.anli-item--road .anli-icon6 {
    background-color: rgba(90, 143, 196, .12);
    background-image:url(../images/d6.svg);
		background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	 height:40px;
    width: 40px;
	border-radius:5px;}

.anli-item--road .anli-icon7 {
    background-color: rgba(90, 143, 196, .12);
    background-image:url(../images/d7.svg);
		background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	 height:40px;
    width: 40px;
	border-radius:5px;}


.anli-item--road .anli-icon8 {
    background-color: rgba(242, 162, 58, .12);
    background-image:url(../images/d8.svg);
		background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	 height:40px;
    width: 40px;
	border-radius:5px;}




/* ========== hish.html 发展历程 ========== */
.history-page-content {
    max-width: none;
}

.history-page-intro {
    margin-bottom: 48px;
    padding-bottom: 32px;
    border-bottom: 1px solid #e8edf3;
}

.history-page-intro h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 16px;
}

.history-page-intro p {
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: #666;
}

.history-timeline-wrap {
    position: relative;
    padding: 12px 0 20px;
}

.history-timeline-track {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 8px 0 24px;
}

.history-timeline-track::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: #e2e8f0;
    border-radius: 2px;
}

.history-timeline-fill {
    position: absolute;
    left: 50%;
    top: 0;
    width: 3px;
    margin-left: -1.5px;
    height: 0;
    background: linear-gradient(180deg, #4781b3 0%, #6ba3d4 100%);
    border-radius: 3px;
    z-index: 1;
    transition: height .12s linear;
}

.history-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

.history-item {
    position: relative;
    width: 50%;
    padding: 0 52px 52px;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(36px);
    transition: opacity .65s ease, transform .65s cubic-bezier(.22, 1, .36, 1);
}

.history-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.history-item:nth-child(odd) {
    margin-right: auto;
    padding-right: 56px;
    text-align: right;
}

.history-item:nth-child(even) {
    margin-left: 50%;
    padding-left: 56px;
    text-align: left;
}

.history-item:last-child {
    padding-bottom: 0;
}

.history-item-dot {
    position: absolute;
    top: 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #c5d6e8;
    box-sizing: border-box;
    z-index: 3;
    transition: border-color .35s ease, background .35s ease, box-shadow .35s ease, transform .35s ease;
}

.history-item:nth-child(odd) .history-item-dot {
    right: -9px;
}

.history-item:nth-child(even) .history-item-dot {
    left: -9px;
}

.history-item.is-active .history-item-dot,
.history-item.is-visible .history-item-dot {
    border-color: #4781b3;
    background: #4781b3;
    box-shadow: 0 0 0 6px rgba(71, 129, 179, .18);
}

.history-item.is-active .history-item-dot {
    transform: scale(1.12);
}

.history-item-card {
    background: #fff;
    border-radius: 14px;
    padding: 24px 26px;
    box-shadow: 0 8px 28px rgba(71, 129, 179, .08);
    border: 1px solid rgba(71, 129, 179, .08);
    transition: box-shadow .35s ease, transform .35s ease;
}

.history-item.is-visible .history-item-card:hover {
    box-shadow: 0 14px 36px rgba(71, 129, 179, .14);
    transform: translateY(-3px);
}

.history-item-year {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #4781b3;
    line-height: 1.2;
    margin-bottom: 12px;
    letter-spacing: .02em;
}

.history-item-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.85;
    color: #555;
    text-align: left;
}

.history-item:nth-child(odd) .history-item-year {
    text-align: right;
}

.history-item:nth-child(odd) .history-item-card p {
    text-align: right;
}



#left{width:23%; float:left; margin-top:50px;
 background:#4781b3;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06); 

}
#pro{width:100%; float:left;}


#pro ul{overflow:hidden; text-align:left; float:left; font-size:15px; padding-bottom:10px; }
#pro ul li{float:left; line-height:47px; width:100%;}

#pro ul li a{ float:left;  width:100%; padding-left:20px; border-bottom:#5e8ebe solid 1px;color:#fff;}

#pro ul li a:hover{ float:left;   width:100%;
    background:#bc0d1c;
    border-left-color: #fff;
 border-left: 5px solid #fff;
    transition: color .2s, background .2s, border-color .2s; font-weight:900 }




.new{ width:803px; float:left; }
.new ul{overflow:hidden; float:left; }
.new ul li{display:inline;float:left; width:803px; background:url(../images/m1.jpg) no-repeat right; border-bottom:#e5e5e5 solid 1px; height:100px; margin-top:15px; }


.new h5{ width:680px; float:right; font-size:18px; color:#424242; font-weight:normal}
.nnn1{ width:680px; float:right; font-size:14px;text-align:justify!important; list-style:none; list-style:none;vertical-align:top;border:none; font-family:Arial, Helvetica, sans-serif;text-indent:0px!important; white-space:nowrap; display: inline}

.shi{ width:680px; float:right; font-size:12px; color:#d3d3d3;line-height:30px; }
.shijian{ width:80px; float:left; height:60px; background:#eaeaea; color:#aaaaaa;  text-align:center; padding-top:20px; font-size:15px; }
.shijian b{  font-size:35px;text-align:center; padding-left:10px; }
 


.xxx img{ max-width:100%!important; width:auto!important; height:auto!important;}


.rx{width:233px; float:left; border:#e2e2e2 solid 1px; background:url(../images/tel1.jpg) no-repeat 20px 30px;height:130px; margin-bottom:1px;}
.rx span{ font-size:20px; color:#0f57ac; font-weight:bold;padding-left:70px; }
.rx p{padding-left:70px; padding-top:25px;}
.rx em{width:183px; padding-left:50px; font-style:normal; background:url(../images/home.jpg) no-repeat 20px 0px; float:left; margin-top:15px;}

.rxxx{width:235px; float:left; line-height:35px; text-align:center; background:#28186e; font-size:15px; color:#FFFFFF; margin-bottom:20px}
.rxxx a{width:235px;  float:left;line-height:35px; text-align:center; background:#28186e; font-size:15px; color:#FFFFFF;}
.rxxx a:hover{width:235px;  float:left;line-height:35px; text-align:center; background:#3280ee; font-size:15px; color:#FFFFFF;}




.order{width:100%;float:left; float:left;  background:#4781b3; text-align:center; line-height:55px; margin-bottom:40px; color:#fff; font-size:18px;border-radius:8px; }


.order1{width:1200px;float:left; padding-top:0px; background:#f0f0f0; text-align:center; line-height:45px; margin-bottom:40px; color:#000; font-size:16px; margin-top:20px; margin-bottom:20px;}




#right{
width:73%;
float:right;
margin-bottom:20px; margin-top:50px; background:#FFFFFF;
box-shadow: 0 4px 20px rgba(0, 0, 0, .06);border-radius:8px;padding:3%;
}

#right h2{width:100%; float:left; height:37px; font-size:22px; color:#383838; font-weight:normal; border-bottom:#e0e0e0 solid 0px;  margin-bottom:15px;}
#right h2 span{float:right; font-size:14px; color:#7b7b7b; font-weight:normal;padding-top:5px; background:url(../images/home.jpg) no-repeat left; padding-left:25px;}
#right h2 span a{color:#7b7b7b;}

.cuti{ color:#fff; font-size:20px; background:#82a5cb;  text-align:center; margin-bottom:10px; line-height:50px; width:100%; }

.cuti1{ color:#0f57ac; font-size:20px;  text-align:left; line-height:80px; background:url(../images/rrr1.jpg) no-repeat 0px 390px; padding-top:25px; padding-left:40px; width:100%; }


.cuti2{ color:#0f57ac; font-size:20px; font-weight:bold ; text-align:left; line-height:80px; background:url(../images/rrr1.jpg) no-repeat 0px 493px; padding-top:25px; padding-left:40px; width:100%; }


#about{  padding-left:0px;   padding-right:0px;  padding-bottom:10px;}







.imglist1 ul li{text-align:center;display:inline;float:left;width:260px; height:420px; margin:0px 20px 20px 20px;overflow:hidden;border: 1px solid rgba(71, 129, 179, .2);
    box-shadow: 0 4px 15px rgba(71, 129, 179, .08); border-radius:5px;}
.imglist1 ul li span{line-height:50px; text-align:center;}

.zu11{float:left;width:260px!important; height:370px!important; overflow:hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.zu11 img{width:100%!important; height:auto!important; margin:auto; }
.zu11 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-width:100%;}
.zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}







.imglist12 ul li{text-align:center;display:inline;float:left;width:280px; height:240px; margin:0px 10px 20px 10px;overflow:hidden;border: 1px solid rgba(71, 129, 179, .2);
    box-shadow: 0 4px 15px rgba(71, 129, 179, .08); border-radius:5px;}
.imglist12 ul li span{line-height:50px; text-align:center;}

.zu112{float:left;width:280px!important; height:180px!important; overflow:hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.zu112 img{width:100%!important; height:auto!important; margin:auto; }
.zu112 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-width:100%;}
.zu112 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}











.imglist14 ul li{text-align:center;display:inline;float:left;width:280px; height:209px; margin:0px 10px 20px 10px;overflow:hidden;border: 1px solid rgba(71, 129, 179, .2);
    box-shadow: 0 4px 15px rgba(71, 129, 179, .08); border-radius:5px;}
.imglist14 ul li span{line-height:50px; text-align:center;}

.zu114{float:left;width:280px!important; height:158px!important; overflow:hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.zu114 img{width:100%!important; height:auto!important; margin:auto; }
.zu114 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-width:100%;}
.zu114 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}



.imglist3 ul li{text-align:center;float:left;display:inline;width:242px;height:260px; margin:10px 15px;overflow:hidden; border: #e4e4e4 1px solid; }
.imglist3 ul li img{background:#FFF; max-width:100%; max-height:100%;}
.imglist3 ul li span{line-height:30px;display:block;background:#FFF; text-align:center}


* html .imglist3 ul li img{background:#F3F3F3; width:auto;height:180px;}
* + html .imglist3 ul li img{background:#F3F3F3; max-width:100%; max-height:100%; }

.casepic{ width:242px;
height:220px!important;
vertical-align: middle;
display: table-cell; background:#FFF;}



/*------------contact-----------------------------*/


.lxx{width:1200px; float:left;  padding-top:40px; padding-bottom:15px;}
.lxx h3{width:1200px;float:left;  font-size:22px; text-align:left;  line-height:50px; font-weight:900;  font-family:Arial, Helvetica, sans-serif; background:url(../images/logoo.png) no-repeat 0px 5px; background-size:10%; padding-left:140px; color:#343434}

.lxx h3 span{  font-size:14px; background:url(../images/h.png) no-repeat left 25px; float:right;  font-weight:normal; letter-spacing:0px; padding-left:22px; padding-top:8px;}






.lxx3{width:1200px; float:left;  padding-top:30px; padding-bottom:15px;}
.lxx3 h3{width:1200px;float:left;  font-size:25px; text-align:left;  line-height:50px; font-weight:900;  font-family:Arial, Helvetica, sans-serif; background:url(../images/logoo.png) no-repeat 0px 5px; background-size:10%; padding-left:140px; color:#343434}

.lxx3 h3 span{  font-size:14px; background:url(../images/h.png) no-repeat left 25px; float:right;  font-weight:normal; letter-spacing:0px; padding-left:22px; padding-top:8px;}





.ab11{ float:left; width:1200px; }

.ab11 ul{overflow:hidden; }
.ab11 ul li{display:block;float:left;}
.ab11 ul li a{float:left; text-align:center;line-height:40px; font-size:16px; color:#FFFFFF ;}
.ab11 ul li a:hover{   float:left;    box-shadow: 0 6px 18px rgba(71, 129, 179, .10); }


.zz1{  color:#FFFFFF; padding-left:28px; padding-right:29px; float:left;  line-height:40px;margin-right:8px;background: #bc0d1c; border: 1px solid #d8dee6;
    border-color: #bc0d1c;
    color: #fff;
   border-radius: 999px;}
.zz1 a{color:#FFFFFF ; }
.zz2{  color:#FFFFFF; padding-left:28px; padding-right:29px; float:left;  line-height:40px; margin-right:8px;    border: 1px solid #d8dee6;
    border-radius: 999px;background: #4781b3;
    border-color: #4781b3;
    color: #fff;
}
.zz2 a{color:#fff ; }




.zz11{  color:#FFFFFF;background:#e2324d; padding-left:145px; padding-right:145px; float:left;  text-align:center;  line-height:40px; margin-left:7px; margin-right:7px; border-radius:5px;color:#FFFFFF; }
.zz11 a{color:#FFFFFF; }
.zz22{  color:#FFFFFF;background:#1d115e; padding-left:145px; padding-right:145px;  float:left; text-align:center;   line-height:40px;  margin-left:7px; margin-right:7px; border-radius:5px;color:#FFFFFF; }
.zz22 a{color:#FFFFFF ; }



.lxx-1{ width:520px; float:right;border-radius:50px;}


.lxx-3{width:530px; float:left; padding-top:70px; padding-bottom:70px; font-size:15px; line-height:26px; background:#ededed; border-radius:15px; padding-left:30px;}
.lxx-3 h4{ font-size:35px; font-weight:normal; color:#3280ee; text-align:left;  padding-bottom:50px;width:518px; font-family:Arial, Helvetica, sans-serif }
.lxx-3 span{  background:none; float:none;padding:0px; font-size:20px; line-height:55px; }







.kuang1{
height:20px;
color:#767676;
font-size:12px;
border:#cccccc solid 1px;
width:80%;
float:left;
display:inline;
margin-right:5px;
margin-top:3px;
padding-top:3px;
padding-left:10px;
background:#fdfdfd;
}

.kuang2{
height:50px;
color:#767676;
font-size:12px;
border:#cccccc solid 1px;
width:80%;
float:left;
display:inline;
margin-right:5px;
margin-top:3px;
padding-top:3px;
padding-left:10px;
background:#fdfdfd;
font-family:Arial, Helvetica, sans-serif;
}












#dh3{width:100%;background:#147fe1; float:left; padding-top:70px; padding-bottom:70px;}
#dh1{width:1200px;margin:auto; }
#dh1 h3{width:1200px; float:left;text-align:center;font-size:25px; color:#c4e3f1;font-weight:normal;line-height:60px; letter-spacing:5px; padding-bottom:70px;}
#dh1 h3 span{font-size:44px; color:#147fe1; background:#fff; line-height:40px; padding-left:30px;  padding-right:30px;font-weight:900;letter-spacing:0px;}
#dh1 h3 b{font-size:44px; color:#ffffff; letter-spacing:0px; }

.dh2{width:999px;float:left; background:url(../images/pz_x.png) no-repeat center center;  padding-left:50px; padding-right:50px;}

.dh2-1{width:200px;float:left; text-align:center; color:#FFFFFF; font-size:17px;}
.dh2-1 span{ font-size:60px; font-family:Arial, Helvetica, sans-serif; font-weight:900}
.dh2-1 img{float:left; padding-top:20px; padding-bottom:20px;}
.dh2-1 img.aaaa01{-moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.dh2-1:hover img.aaaa01{-webkit-transform: rotateZ(360deg);color:#504537;-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.dh2-2{width:200px;float:left; text-align:center; color:#FFFFFF; font-size:17px;  padding-left:70px; padding-right:70px;}
.dh2-2 span{ font-size:60px; font-family:Arial, Helvetica, sans-serif; font-weight:900;padding-bottom:30px; float:left;width:200px; }
.dh2-2 img{float:left; padding-top:20px;}
.dh2-2 img.aaaa01{-moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.dh2-2:hover img.aaaa01{-webkit-transform: rotateZ(360deg);color:#504537;-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}



.dh2-3 { width:200px;float:left; text-align:center; font-size:60px; font-family:Arial, Helvetica, sans-serif; font-weight:900; color:#FFFFFF; }
.dh2-3 span{ color:#ff0000; font-size:17px; font-weight:bold; 
text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
*filter: Glow(color=#fff, strength=1);}
.dh2-3 img{float:left; padding-top:20px; padding-bottom:20px;}
.dh2-3 img.aaaa01{-moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.dh2-3:hover img.aaaa01{-webkit-transform: rotateZ(360deg);color:#504537;-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.dh2-4 { width:200px;float:right; text-align:center;  font-size:60px; font-family:Arial, Helvetica, sans-serif;  font-weight:900; width:200px; color:#FFFFFF;}
.dh2-4 span{color:#ff0000; font-size:17px;font-weight:bold;width:200px;
text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
*filter: Glow(color=#fff, strength=1); padding-top:40px; float:left; text-align:center}
.dh2-4 img{float:left; padding-top:20px;}
.dh2-4 img.aaaa01{-moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.dh2-4:hover img.aaaa01{-webkit-transform: rotateZ(360deg);color:#504537;-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}





.da-thumbs {
	list-style: none;
	width: 1083px;
	position: relative;
	margin: auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin:0px;
	background: #fff;
	padding: 9px;
	position: relative;
}
.da-thumbs li.case{width:325px; height:108px; float:left; background:#f0f0f0; color:#0072c9; font-size:35px; text-align:center; padding-top:70px; margin-top:9px; margin-left:9px; margin-right:9px;}
.da-thumbs li.case p{width:325px;  float:left; background:#f0f0f0; color:#0072c9; line-height:55px; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align:center; text-transform:uppercase}

.da-thumbs li a,
.da-thumbs li a img {
width:343px; height:188px;
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 90px 0; text-align:center; font-size:30px; font-weight:900;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);

}





.culture{width:1200px; margin:auto; padding-top:30px; padding-bottom:30px; overflow:hidden;}


.culture-1{ width:250px; height:224px; float:left; background:url(../images/t1.png) no-repeat center 90px #3d86ba;  border-radius:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg); }
.culture-1 h5{ width:250px; color:#FFFFFF; font-size:25px; text-align:center; padding-top:30px;}
.culture-1 h5 em{ width:50px; height:2px; background:#FFFFFF; position:absolute; margin-left:-25px; margin-top:5px; float:left}
.culture-1 h5 span{ width:250px;font-size:15px; text-align:center; padding-top:110px; float:left; font-weight:normal}

.culture-2{ width:250px; height:224px; float:left; background:url(../images/t2.png) no-repeat center 90px #e57740;  border-radius:15px; margin-left:32px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.culture-2 h5{ width:250px; color:#FFFFFF; font-size:25px; text-align:center; padding-top:30px;}
.culture-2 h5 em{ width:50px; height:2px; background:#FFFFFF; position:absolute; margin-left:-25px; margin-top:5px; float:left}
.culture-2 h5 span{ width:250px;font-size:15px; text-align:center; padding-top:110px; float:left; font-weight:normal}

.culture-3{ width:250px; height:224px; float:left; background:url(../images/t3.png) no-repeat center 80px #64bf8f;  border-radius:15px; margin-left:32px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.culture-3 h5{ width:250px; color:#FFFFFF; font-size:25px; text-align:center; padding-top:30px;}
.culture-3 h5 em{ width:50px; height:2px; background:#FFFFFF; position:absolute; margin-left:-25px; margin-top:5px; float:left}
.culture-3 h5 span{ width:250px;font-size:15px; text-align:center; padding-top:110px; float:left; font-weight:normal}

.culture-4{ width:250px; height:224px; float:right; background:url(../images/t4.png) no-repeat center 90px #619fcc;  border-radius:15px;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.culture-4 h5{ width:250px; color:#FFFFFF; font-size:25px; text-align:center; padding-top:30px;}
.culture-4 h5 em{ width:50px; height:2px; background:#FFFFFF; position:absolute; margin-left:-25px; margin-top:5px; float:left}
.culture-4 h5 span{ width:250px;font-size:15px; text-align:center; padding-top:110px; float:left; font-weight:normal}

.rotatesimg{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 






#dy11{
width:100%;
float:left;
 margin-top:80px; padding-bottom:50px;
}

.dy{
width:1200px;margin:auto;
}
.dy h3{width:1200px; text-align:center;  font-size:35px; color:#4d4d4d; font-weight:normal; background:url(../images/r1.png) no-repeat center 0px; line-height:100px;}
.dy h3 span{ color:#0c66d7;  }


.dy p{
width:1200px; float:left; font-size:25px; line-height:80px; text-align:center}

.dyy{ width:1200px; float:left;  padding-top:30px; padding-bottom:70px; }
.dyy ul{overflow:hidden; float:left;width:1200px; }
.dyy ul li{display:inline; width:257px; height:168px; text-align:left; color:#808080; font-weight:normal; color:#000; font-size:17px;}


.dy1 a{padding-top:90px;  width:225px; height:76px;background:url(../images/r2.png) no-repeat 30px 30px; float:left; padding-left:30px;border:#d1d1d1 solid 1px;}
.dy1 a:hover{float:left; width:225px; height:76px;  font-weight:normal; color:#0c66d7;background:url(../images/r2.png) no-repeat 30px 30px;  padding-top:90px;padding-left:30px;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; display:block; position:relative;   box-shadow: 0px 0px 30px #0c66d7 inset ;}

.dy2 a{padding-top:90px;  width:225px; height:76px;background:url(../images/r3.png) no-repeat 30px 30px; float:left; padding-left:30px; margin-left:23px; border:#d1d1d1 solid 1px;}
.dy2 a:hover{float:left; width:225px; height:76px;  font-weight:normal; color:#0c66d7;background:url(../images/r3.png) no-repeat 30px 30px;  padding-top:90px;padding-left:30px;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; display:block; position:relative;   box-shadow: 0px 0px 30px #0c66d7 inset ;}

.dy3 a{padding-top:90px;  width:225px; height:76px;background:url(../images/r4.png) no-repeat 30px 30px; float:left; padding-left:30px;border:#d1d1d1 solid 1px; margin-left:23px}
.dy3 a:hover{float:left; width:225px; height:76px;  font-weight:normal; color:#0c66d7;background:url(../images/r4.png) no-repeat 30px 30px;  padding-top:90px;padding-left:30px;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; display:block; position:relative;   box-shadow: 0px 0px 30px #0c66d7 inset ; }

.dy4 a{padding-top:90px;  width:225px; height:76px;background:url(../images/r5.png) no-repeat 30px 30px; float:right; padding-left:30px;border:#d1d1d1 solid 1px;}
.dy4 a:hover{float:right; width:225px; height:76px;  font-weight:normal; color:#0c66d7;background:url(../images/r5.png) no-repeat 30px 30px;  padding-top:90px;padding-left:30px;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; display:block; position:relative;   box-shadow: 0px 0px 30px #0c66d7 inset ;}



.m3{ padding-left:25px; padding-right:25px;line-height:45px; text-align:center; background:#0c66d7; color:#FFFFFF;border-radius:5px;float:left;font-size:20px; margin-left:385px;}
.m3 a{color:#FFFFFF;width:180px;}
.m3 a:hover{color:#FFFFFF;width:180px; background:#d01b11; width:180px; line-height:45px;border-radius:5px; float:left;-webkit-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s; }




#pro2{width:100%; float:left; padding-bottom:40px; }
.pro_1{width:1200px; margin:auto; padding-top:50px; font-size:16px; line-height:45px; }

@media (max-width: 768px) {
.ab11{display:none; }




#f1{
width:100%;
height:250px;
float:left;
background:url(../images/f1.jpg) no-repeat top center;     background-size:cover;  background-attachment: fixed;
}


#f1::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}


#f2{
width:100%;
height:250px;
float:left;
background:url(../images/f2.jpg) no-repeat top center;     background-size:cover; background-attachment: fixed;
}

#f2::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}



#f3{
width:100%;
height:250px;
float:left;
background:url(../images/f3.jpg) no-repeat top center;  
  background-size: cover;
  
  background-attachment: fixed;
}

#f3::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}


#f4{
width:100%;
height:250px;
float:left;
background:url(../images/f4.jpg) no-repeat top center;    background-size:cover; background-attachment: fixed;
}


#f4::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}

#f5{
width:100%;
height:250px;
float:left;
background:url(../images/f5.jpg) no-repeat top center;  background-size:cover; background-attachment: fixed;
}


#f5::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}

#f5_1{
width:100%;
height:250px;
float:left;
background:url(../images/f5_1.jpg) no-repeat top center;   background-size:cover; background-attachment: fixed;
}


#f5_1::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}


#f6{
width:100%;
height:250px;
float:left;
background:url(../images/f6.jpg) no-repeat top center;   background-size:cover; background-attachment: fixed;
}

#f6::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}




#f7{
width:100%;
height:250px;
float:left;
background:url(../images/f7.jpg) no-repeat top center;   background-size:cover; background-attachment: fixed;
}


#f7::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}



#f8{
width:100%;
height:250px;
float:left;
background:url(../images/f8.jpg) no-repeat top center;  background-size:cover; background-attachment: fixed;
}


#f8::after {
    content: "";height:250px;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 42%,
            rgba(0, 0, 0, 0) 72%
        ),
        linear-gradient(
            to bottom,
            rgba(65, 125, 177, 0.92) 0%,
            rgba(65, 125, 177, 0.08) 38%,
            rgba(65, 125, 177, 0) 62%,
            rgba(65, 125, 177, 0.18) 100%
        );
}



.lxx1{width:95%; margin:auto;  box-shadow: 0px 0px 15px rgba(71, 129, 179, .3); border-radius:15px;   clear: both; padding:30px; margin-bottom:60px;}


#main{ width:95%; margin:auto; padding-top:0px; clear:both}




.lxx{width:100%; float:left;  padding-top:20px; padding-bottom:15px;}
.lxx h3{width:100%;float:left;  font-size:18px; text-align:left;  line-height:35px; font-weight:900;  font-family:Arial, Helvetica, sans-serif; background:url(../images/logoo.png) no-repeat 0px 5px; background-size:70px; padding-left:80px; color:#343434}

.lxx h3 span{ display:none; }






.lxx3{width:100%; float:left;  padding-top:20px; padding-bottom:15px;}
.lxx3 h3{width:100%;float:left;  font-size:18px; text-align:left;  line-height:35px; font-weight:900;  font-family:Arial, Helvetica, sans-serif; background:url(../images/logoo.png) no-repeat 0px 5px; background-size:70px; padding-left:80px; color:#343434}

.lxx3 h3 span{ display:none; }

.culture-card-icon {
 display:none; 
}


.culture-grid {
    max-width: 100%;
    margin: 0 auto;
    padding:20px 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.culture-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    border-radius: 16px;
    padding: 20px 20px;
    box-shadow: 0 8px 30px rgba(71, 129, 179, .08);
    border: 1px solid rgba(71, 129, 179, .08);
    transition: transform .35s ease, box-shadow .35s ease;
    overflow: hidden;
    position: relative;
}



.history-item {
    position: relative;
    width: 50%;
    padding: 0 0px 0px;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(36px);
    transition: opacity .65s ease, transform .65s cubic-bezier(.22, 1, .36, 1);
}



.anli-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}



.imglist1 ul li{text-align:center;display:inline;float:left;width:100%; height:auto; margin:0px 0px 20px 0px;overflow:hidden;border: 1px solid rgba(71, 129, 179, .2);
    box-shadow: 0 4px 15px rgba(71, 129, 179, .08); border-radius:5px;}
.imglist1 ul li span{line-height:50px; text-align:center;}

.zu11{float:left;width:100%!important; height:auto!important; overflow:hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.zu11 img{width:100%!important; height:auto!important; margin:auto; }
.zu11 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-width:100%;}
.zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}





.imglist12 ul li{text-align:center;display:inline;float:left;width:100%; height:auto; margin:0px 0px 20px 0px;overflow:hidden;border: 1px solid rgba(71, 129, 179, .2);
    box-shadow: 0 4px 15px rgba(71, 129, 179, .08); border-radius:5px;}
.imglist12 ul li span{line-height:50px; text-align:center;}

.zu112{float:left;width:100%!important; height:auto!important; overflow:hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.zu112 img{width:100%!important; height:auto!important; margin:auto; }
.zu112 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-width:100%;}
.zu112 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}



.product-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap:20px;
}

.product-page-wrap {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 0px;
}
#left{display:none; }



#right{
width:100%;
float:left;
margin-bottom:20px; margin-top:20px; background:#FFFFFF;
box-shadow: 0 4px 20px rgba(0, 0, 0, .06);border-radius:8px;padding:3%;
}

.news-detail-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}





.imglist14 ul li{text-align:center;display:inline;float:left;width:100%; height:auto; margin:0px 0px 20px 0px;overflow:hidden;border: 1px solid rgba(71, 129, 179, .2);
    box-shadow: 0 4px 15px rgba(71, 129, 179, .08); border-radius:5px;}
.imglist14 ul li span{line-height:50px; text-align:center;}

.zu114{float:left;width:100%!important; height:auto!important; overflow:hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.zu114 img{width:100%!important; height:auto!important; margin:auto; }
.zu114 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-width:100%;}
.zu114 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}



.imglist3 ul li{text-align:center;float:left;display:inline;width:100%;height:auto; margin:10px 0px;overflow:hidden; border: #e4e4e4 1px solid; }
.imglist3 ul li img{background:#FFF; max-width:100%; max-height:100%;}
.imglist3 ul li span{line-height:30px;display:block;background:#FFF; text-align:center}


* html .imglist3 ul li img{background:#F3F3F3; width:auto;height:auto;}
* + html .imglist3 ul li img{background:#F3F3F3; max-width:100%; max-height:100%; }

.casepic{ width:100%;
height:auto!important;
vertical-align: middle;
display: table-cell; background:#FFF;}


.news-page-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}

.news-detail-side-box {display:none; 
}


.news-detail-wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0px;
}
.news-detail-layout {
    display:block;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 28px;
    align-items: start;
}
.news-detail-head h1 {
    font-size:17px;
    font-weight: 700;
    line-height:22px; padding-bottom:15px;
    color: #222;
	width:100%; float:left
}

.news-detail-products {
 padding-bottom:0px; 
}

.contact-main-layout {
    display:block;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: stretch;
}


.contact-page-wrap {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 0px;
}



}