@charset "utf-8";
/* CSS Document */

* {
 margin: 0; padding: 0;  box-sizing: border-box;
}
body {
 color:#333333; font-size: 14px; font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-weight: normal; background:#fff; word-wrap:break-word; box-sizing: border-box;
}
a{
 color:#333333; text-decoration:none;
}
a:hover {
 color:#226e97; text-decoration:none;
}
a img {
 border: none;
}
ul,li,dl,dt,dd,form,img,p{
 margin:0; padding:0; border:none; list-style:none;
}
img {
 image-rendering: optimizeQuality;  /* 图像不失真 Firefox 3.6+; default behavior is identical, no need to specify */
 -ms-interpolation-mode: bicubic;   /* 图像不失真 IE专有属性 Internet Explorer 7.0; default in IE8+ */
}
.news_main_l ul li { transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}

/* 文本溢出显示省略号（…）
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
*/



/**/
    .ind_j_con a, .ind_pro_fl li a, .ind_news_time>div>a, .ind_news_lb li, .ind_news_fi, .pro_fl li a, .pro_nr a div { 
    transition:All 0.4s ease-in-out; 
    -webkit-transition:All 0.4s ease-in-out; 
    -moz-transition:All 0.4s ease-in-out; 
    -o-transition:All 0.4s ease-in-out;
    }
/**/

/* 首页 */
    .ind_header_box { 
    width: 100%; 
    position: relative;
    }
    .ind_banner {
    width: 100%;  
    z-index: -2;
    }
    .ind_nav_bg {
        width: 100%;
        height: 110px; 
        background-color: rgba(255, 255, 255, 0.7); 
        position: absolute; 
        left: 0; top: 0; 
        z-index: 99;
    }
    .ind_nav_box{
        width: 1300px;
        margin: 0 auto;
        display: flex; 
        justify-content: space-between;
    }
    .logo {
        width: 20%;
        display: inline-block;
        padding-top: 15px;
    }
    .nav{
        width: 70%;
        line-height: 110px;
        display: flex;
        justify-content : space-between;
    }
    .nav ul {
        width: 82%;
        display: flex;
        justify-content : space-around;
    }
    .nav ul li a {     
        display: inline-block;  
        font-size: 16px;
        width: 100%;
        height: 110px;
    }
    .nav ul li a:hover {     
        background: url(../images/huxian.png) no-repeat center 65%;
    }
    .nav_act{
        color: #226e97;
        background: url(../images/huxian.png) no-repeat center 65%;
    }
    .nav_tel {
        width: 15.5%;
        line-height: 110px;
        background: url(../images/tel.png) no-repeat 0 center;
        text-align: right;
        color: #226e97;
        font-size: 18px;
    }
    .ind_j_box {
        width: 100%;
        background: url(../images/jianjiebg.png) no-repeat center center;
        margin-top: 100px;
        padding-bottom: 200px;
    }
    .ind_j_con {
        width:1300px;
        margin: 0 auto;
    }
    .ind_j_con h1 {
        font-size: 32px;
        color: #226e97;
    }
    .ind_j_en {
        margin-top: 10px;
        background: url(../images/ind_line.png) no-repeat left center;
        padding-left: 75px;
        text-transform:uppercase;
        color: #b3b3b3;
        font-size: 16px;
        font-weight: bold;
        word-spacing:8px;
    }
    .ind_j_text {
        margin-top: 100px;
        width: 650px;
        line-height: 30px;
        text-indent:2em; 
        display: -webkit-box; 
        -webkit-box-orient: vertical; 
        -webkit-line-clamp: 4; 
        display: box; 
        box-orient: vertical;  
        line-clamp: 4; 
        overflow:  hidden;
    }
    .ind_j_con a {
        display: block;
        margin-top: 40px;
        width: 200px;
        line-height: 50px;
    }
    .ind_j_con a:hover {
        color: #226e97;
        transform:translateY(-10px); 
        -webkit-transform:translateY(-10px);
    }
    .ind_pro_box {
        width: 100%;
        padding: 80px 0;
        background: #226e97;
    }
    .ind_pro {
        width: 1300px;
        margin: 0 auto;
    }
    .ind_pro_title {
        display: flex;
        justify-content: space-between;
        align-items : center; 
    }
    .ind_pro_left {
        width: 30%;
    }
    .ind_pro_left h1 {
        font-size: 32px;
        color: #ffffff;
    }
    .ind_pro_en {
        margin-top: 10px;
        background: url(../images/ind_line_b.png) no-repeat left center;
        padding-left: 75px;
        text-transform:uppercase;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
        word-spacing:8px;
    }
    .ind_pro_fl {
        display: flex;
        width: 65%;
        justify-content : flex-end;
        flex-wrap: wrap;
    }
    .ind_pro_fl li {
        width: 14%;
        margin-bottom: 10px;
        margin-left: 2%;
    }
    .ind_pro_fl li a {
        display: block;
        border-radius: 4px;
        border: 1px solid #5b93b1;
        color: #ffffff;
        width: 100%;
        line-height: 34px;
        margin: 0 auto;
        text-align: center;
    }
    .ind_pro_fl li a:hover {
        background: #5b93b1;
    }
    .ind_pro_nr {
        margin-top: 70px;
        width: 100%;
    }
    .ind_pro_nr a {
        display: inline-block;
        margin-left: 40px;
        width: 317px;
        text-align: center;
    }
    .ind_pro_nr a div {
        width: 100%; 
        padding-top: 117%; 
        position: relative; 
        overflow: hidden;
        background: #ffffff;
        border-radius: 10px;
    }
    .ind_pro_nr a div img {
        width: 100%; 
        height: 100%; 
        object-fit: contain; 
        position: absolute; 
        left: 0; 
        top: 0;
    }
    .ind_pro_nr a h2 {
        font-weight: normal;
        font-size: 16px;
        color: #ffffff;
        margin-top: 20px;
    }
    .ind_news_box {
        width: 1300px;
        margin: 70px auto 0 auto;
    }
    .ind_news_left h1 {
        font-size: 32px;
        color: #226e97;
    }
    .ind_news_right {
        font-size: 18px;
        color: #b2b2b2;
    }
    .ind_news_n {
        margin-top: 50px;
        display: flex;
        justify-content: space-between;
    }
    .ind_news_fi {
        background: #ecf4f8;
        width: 715px;
    }
	.ind_news_fi img {
		width:100%
		}
    .ind_news_fi:hover {
        transform:translateX(30px); 
        -webkit-transform:translateX(30px);
    }
    .ind_news_fi_n {
        padding: 30px;
    }
    .ind_news_fi_n h1 {
        font-weight: normal;
        font-size: 20px;
        color: #333333;
    }
    .ind_news_fi_n>p {
        line-height: 30px; 
        color: #666666;
        padding-top: 20px;
        display: -webkit-box; 
        -webkit-box-orient: vertical; 
        -webkit-line-clamp: 2; 
        display: box; 
        box-orient: vertical;  
        line-clamp: 2; 
        overflow:  hidden;
    }
    .ind_news_time {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ind_news_time>div>a {
        display: block;
    }
    .ind_news_time>div>a:hover {
        color: #226e97;
        transform:translateY(-10px); 
        -webkit-transform:translateY(-10px);
    }
    .ind_news_time>div>p {
        color: #999999;
    }
    .ind_news_time span {
        display: inline-block;
        text-align: right;
        font-size: 48px;
        color: #5b93b1;
        font-weight: bold;

    }
    .ind_news_lb {
		flex:1;
        margin-left: 80px;
    }
    .ind_news_lb li {
        border-bottom: 1px dashed #d3d3d3;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .ind_news_lb li:last-child {
        margin-bottom: 0;
    }
    .ind_news_lb li:hover {
        transform:translateX(-30px); 
        -webkit-transform:translateX(-30px);
    }
    .ind_news_lb li>h1 {
        font-weight: normal;
        font-size: 20px;
    }
    .ind_news_lb li>p {
        margin-top: 20px;
        line-height: 30px; 
        color: #666666;
        display: -webkit-box; 
        -webkit-box-orient: vertical; 
        -webkit-line-clamp: 2; 
        display: box; 
        box-orient: vertical;  
        line-clamp: 2; 
        overflow:  hidden;
    }
    .ind_cont_bg {
        margin-top: 90px;
        background: url(../images/ind_contact.png) no-repeat center bottom;
    }
    .ind_cont_box {
        width: 1300px;
        margin: 0 auto;
        display: flex;
        padding-bottom: 90px;
    }
    .ind_cotn_title {
        width: 548px;
        height: 278px;
        background: #226e97;
        padding: 60px 30px;
    }
    .ind_cotn_title h1 {
        font-size: 32px;
        color: #ffffff;
    }
    .ind_cotn_title p {
        font-size: 20px;
        color: #ffffff;
        padding-top: 50px;
    }
    .ind_cont_right {
        margin: 159px 0 0 236px;
    }
    .ind_cont_right p {
        font-size: 16px;
        line-height: 46px;
        color: #ffffff;
    }
    .ind_footer_bg {
        background: #1a1a1a;
    }
    .ind_footer_box {
        width: 1300px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 169px;
        color: #ffffff;
    }
    .ind_fotr_logo {
        background: url(../images/footerlogo.png) no-repeat left center;
        padding: 40px 0 40px 182px;
        font-size: 26px;
        color: #ffffff;
    }
    .ind_fotr_logo p {
        font-size: 11px;
        padding: 14px 0 0 2px;
    }
    .ind_footer_box a {
        color: #ffffff;
    }
    .ind_footer_box a:hover {
        color: #226e97;
    }

    /* about */

    .ab_nav_bg {
        width: 100%;
        height: 110px; 
        background-color: rgba(255, 255, 255, 1); 
    }
    .n_footer_bg {
        background: #1a1a1a;
    }

    .ab_bg {
        width: 100%;
        background: #f2f2f2;
        padding-bottom: 100px;
        position: relative;
    }
    .ab_banner {
        width: 100%;
        padding-top: 19%;
        position: relative;
        overflow: hidden;
    }
    .ab_banner img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        animation-name: onep_wn; /*动画名称*/
        animation-duration: 3s; /*动画时长*/
        /* Safari and Chrome: */ 
        -webkit-animation-name:onep_wn; 
        -webkit-animation-duration: 3s;         
    }

    @keyframes onep_wn {
        0% {
            transform: scale(1.2); -webkit-transform: scale(1.2);
        }
        100% {
            transform: scale(1); -webkit-transform: scale(1);
        }
    }
    .ab_inf {
        width: 1300px;
        padding: 40px 40px 60px 40px;
        background: #ffffff;
        margin:-60px auto 0 auto;
        z-index:89;
        position: relative;
    }
    .ab_nav {
        color: #999999;
        background: url(../images/home.png) no-repeat left center;
        padding-left: 20px;
    }
    .ab_nav>.dqwz {
        color: #226e97;
    }
    .ab_title {
        text-align: center;
        padding: 30px 0;
        font-size: 30px;
        font-weight: normal;
        color: #333333;
        border-bottom: 1px solid #e5e5e5;
    }
    .ab_text {
        margin-top: 40px;
        font-size: 16px;
        line-height: 30px;
    }

/* news.html */

.news_main_l ul li { margin: 0 0 25px 0; background: #ffffff;  border-radius: 10px; border: 1px solid #eaeaea; padding: 30px;}
.news_main_l ul li a h1 { color: #333; font-size: 16px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: box; box-orient: vertical;  line-clamp: 1; overflow: hidden;}
.news_main_l ul li a span { font-size: 12px; display: block; color: #b5b5b5; margin-top: 8px;}
.news_main_l ul li a p { padding-top: 10px; color: #777; line-height: 28px; font-size: 14px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; display: box; box-orient: vertical;  line-clamp: 2; overflow: hidden;}
.news_main_l ul li:hover {  filter: drop-shadow(2px 2px 3px #77878e);  -webkit-filter: drop-shadow(2px 2px 3px #77878e); transform:translateY(5px); -webkit-transform:translateY(5px);}
.news_main_l ul li a:hover h1 { color: #e5212b; font-weight: bold;}
.news_main_l ul li a:hover p { color: #949494;}

.pages_ym { text-align: center; margin-top: 30px;}
.pages_ym a { display: inline-block; padding: 0 10px; line-height: 25px; border: 1px solid #b5b5b5; border-radius: 3px; margin: 0 5px; color: #a3a3a3; min-width: 25px; font-size: 14px;}
.pages_ym a:hover { background: #e5212b; border: 1px solid #e5212b; color: #ffffff;}
.pages_ym a#dqdw { background: #e5212b; border: 1px solid #e5212b; color: #ffffff;}


    .pro_fl {
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }
    .pro_fl li {
        display: inline-block;
        margin: 0 10px;
    }
    .pro_fl li a {
        display: block;
        width: 120px;
        height: 40px;
        line-height: 40px;
        color: #226e97;
        background: #deedf4;
        border: 1px solid #deedf4;
        border-radius: 4px;
        text-align: center;
    }
    .pro_fl li a:hover {
        background: #ffffff;
        border: 1px solid #226e97;
        transform:translateY(-10px); 
        -webkit-transform:translateY(-10px);
    }

    .pro_nr {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .pro_nr a {
        display: block;
        width: 23%;
        text-align: center;
        margin: 40px 1% 0 1%;
    }
    .pro_nr a div {
        width: 100%; 
        padding-top: 117%; 
        position: relative; 
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #c7e5f5;
        border-radius: 10px;
    }
    .pro_nr a div:hover {
        box-shadow: 3px 5px 10px #bcc6cc;
        transform:translateY(-10px); 
        -webkit-transform:translateY(-10px);
    }
    .pro_nr a div img {
        width: 100%; 
        height: 100%; 
        object-fit: contain; 
        position: absolute; 
        left: 0; 
        top: 0;
    }
    .pro_nr a h2 {
        font-weight: normal;
        font-size: 16px;
        margin-top: 20px;
    }
    
.products_ym { 
    text-align: center; 
    margin-top: 80px;
}
.products_ym a { 
    display: inline-block; 
    padding: 0 10px; 
    line-height: 25px; 
    border: 1px solid #a3afc3; 
    border-radius: 3px; 
    margin: 0 5px; 
    color: #a3afc3; 
    min-width: 25px; 
    font-size: 14px;
}
.products_ym a:hover { 
    background: #226e97; 
    border: 1px solid #226e97; 
    color: #ffffff;
}
.products_ym a#dqdw { 
    background: #226e97; 
    border: 1px solid #226e97; 
    color: #ffffff;
}