@charset "utf-8";
*,
body,
html {
  list-style:none;text-decoration: none; text-decoration:none; margin:0 auto; 
  }
  
  
@font-face {font-family: 'BEBAS';src: url('../fonts/BEBAS.woff2');}
@font-face {font-family: 'Oswald-Bold';src: url('../fonts/Oswald-Bold.otf');}

@font-face {font-family: 'Open Sans';src: url('../fonts/Barlow-Regular.ttf');}


.lian-index-aboutluk-bottom {overflow: hidden;padding-top:4%; width:100%; float:left; height:270px;}
.lian-index-aboutluk-date {float: left;width: 23%;margin-right:2%;}
.lian-index-aboutluk-date:last-child {margin-right: 0;}
.lian-index-aboutluk-date a {display: block;position: relative;}
.lian-index-aboutluk-date a::after {content: '';width: 100%;height:45%;position: absolute;left: 0;top: 0;z-index: 1;background:#fff ;  box-shadow: 0px 0px 10px #c7d4de; margin-left:5px; border-radius:8px;}
.lian-index-aboutluk-date .icon-1 {position: absolute;left: 9%;top: 10%;z-index: 10;width: 1rem;height:1rem;}
.lian-index-aboutluk-date .icon-1 img {filter: grayscale(1);opacity: .2; width:50px;}
.lian-index-aboutluk-date .text {position: absolute;left: -10%;top: 10%;z-index: 11;width: 90%;text-align: right;}
.lian-index-aboutluk-date .title-1 em{font-style: normal;font-weight: bold;margin-left: 1rem;}
.lian-index-aboutluk-date .text-1 {color: #666666;width: 60%;margin-top: 3%;float: right; font-size:15px;}
.lian-index-aboutluk-date .img {background: none;}
.lian-index-aboutluk-date a:hover {transform: translateY(-1rem);}
.lian-index-aboutluk-date a .title-1 strong,.lian-index-aboutluk-date a .title-1 em {color: ;}
.lian-index-aboutluk-date a .title-1 em { color:#fff; background:#1077e1; border-radius:50%;  font-weight:400; font-size:16px; width:30px; line-height:30px; display: inline-block; text-align:center; height:30px;}







.title-1 strong,.title-1 h1 {font-weight: normal;}
.header-contact .contact-btn span,.lian-more span,.lian-index-aboutluk-date .title-1 strong,.lian-index-news-item .title-1,.index-faq-item .title-1,.lian-news-item.lni1 .title-1,
.lian-index-aboutluk-date .title-1 em ,.lian-index-industries-item .title-1,.viewmore-1 .text-2,.lian-about-contact-text .title-1,.title-1 h1,.lian-team-rightbtn a,
.lian-page-model-top .title-1 h1,.lian-sitemap-item .title-1 a,.lian-food-processing-top .title-1,.lian-food-processing-top .title-1 strong,
.lian-food-processing-item .title-2,.lian-key-considerations-item .title-2{font-family: Arial;font-weight:bold;}
.index-banner-text strong,.lian-title .title-1,.title-1 strong,.lian-company-data-item .title-1 em,.lian-products-weoffer-nav strong,.lian-page-banner .text-1 strong ,
.lian-history-item-left .year-1 strong,.lian-history-item-left .text-1 strong{font-family: Arial;font-weight:bold;}
.lian-page-nav a.cur span,.lian-about-culture-item .title-1{font-family: Arial;font-weight:bold;}

.lian-company-data-item .title-1 strong ,.lian-company-data-item .title-1 em{font-family: 'MonExtraBold';}
.lian-index-aboutluk-date .title-1 strong{font-family: 'BEBAS'; font-weight:200;}

.lian-index-aboutluk-date .title-1 strong.font60{font-family: 'BEBAS'; font-weight:200; font-size:45px;}





.bt05{ width:100%; padding-top:60px; padding-bottom:60px; background:url(../images/index_05.jpg) no-repeat bottom; background-size:100%; float:left}

.kuai1{ width:1250px; margin:auto;}

.qywlan01{line-height:42px;  font-size:33px; color:#fff; font-weight:bold; width:100%; float:left; font-weight:normal}
.qywlan02{line-height:30px; font-size:17px; color:#fff; text-transform:uppercase; width:100%; float:left; padding-top:15px;}

.qywlan03{ width:40%; float:left; font-family: 'Open Sans'; color:#1077e1; font-size:20px; text-align:left; padding-top:5px; padding-bottom:5px; padding-left:80px; background:#fff; margin-top:20px;border-radius:35px;}
.qywlan03 span{font-size:17px;}






 .tabox{width:1201px;margin:30px auto;}
.tabox .hd{width:50%;  float:left; padding-top:80px;}
.tabox .hd li{ width:343px; float:left}
.tabox .hd li.on{}
.tabox .bd{width:50%;  float:left;}
.tabox .lh{overflow:hidden; }
.tabox .lh li{font-size:15px; color:#fff; text-transform:uppercase; text-align:left; line-height:40px; border-bottom:#CCCCCC solid 1px;width:55%; float:left }





/*首页产品*/
.s_pro_bg1{ background:url(../images/img10.jpg) center no-repeat; width:100%; height:700px; margin-top:70px; position:relative;background-size: cover; background-position:top}

.s_pro_bg{ width:1250px; margin:auto}
.s_pro_left_bg{ width:50%;  float:left;}
.s_pro_left_bg1{background-color:rgba(0,0,0,0.6);width:40%;height:700px;}


.s_pro_left_box{ width:100%; float:right; padding-top:70px;}
.s_pro_p1{ font-size:33px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:30px;}
.s_pro_tip{ width:343px; height:45px; border:1px solid #928d87; margin-bottom:20px;}
.s_pro_tip .s_pro_line{ width:0px; height:3px; float:left; background-color:#fff; margin-top:22px; margin-left:30px; margin-right:12px; transition:all 0.4s linear;}
.s_pro_tip .s_pro_p2{ font-size:16px; color:#fff; font-weight:bold; line-height:45px; float:left; text-transform:uppercase;}

.s_pro_tip:hover .s_pro_line{ width:17px;}
.s_pro_tip:hover{ background-color:#006cbe; border:1px solid #006cbe;transition:all 0.5s linear;}

.s_pro_right{ width:526px; float:left;  padding-top:132px;}
.s_pro_right .s_pro_pic{ float:left;}
.s_pro_right .s_pro_p3{ font-size:17px; color:#fff; text-transform:uppercase; text-align:left; margin-top:13px;}
.s_pro_p4{ font-size:34px; color:#fff; font-weight:bold;  text-align:left; margin-top:13px;}
.s_pro_right .s_pro_p5{ font-size:18px; color:#fff; line-height:30px;  text-align:left; margin-top:5px;}

.s_pro_pic1{ position:absolute; bottom:142px; left:50%; margin-left:-85px;}


.s_pro_p41{ font-size:17px; background:#2d973d; color:#fff; font-weight:bold; width:220px; line-height:37px;  text-align:center; margin-top:30px; margin-bottom:10px;}





.s_jj_right{ width:20%; float:right;}
.s_jj_tip{ width:100%; height:195px; float:left; background-color:#0e64a8;}
.s_jj_tip .s_jj_pic1{ margin:0 auto; padding-top:29px;}
.s_jj_tip .s_jj_p3{ font-size:21px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; margin-top:45px;}
.s_jj_tip .s_jj_line1{ width:24px; height:2px; background-color:#fff; margin:0 auto; margin-top:14px; margin-bottom:14px;}
.s_jj_tip .s_jj_p4{ font-size:15px; color:#fff; line-height:18px; text-align:center;}





#nn1{
width:100%;
float:left;
height:590px;
padding-top:110px;
background-image:url(../images/Nipic_33722168_20230130212255005122.jpg); background-size:cover; background-position:top; background-repeat:no-repeat; 
}


#nn{
width:1250px;
height:370px;
margin:auto;
background:url(../images/bbbb.png) repeat top center;border-radius:8px;
}



.pp{width:50%; height:370px; float:left; padding-right:80px;}
.pp h4{ text-align:right; line-height:30px; font-size:22px; width:100%; float:left; color:#fff;font-weight:normal; padding-top:70px; padding-bottom:20px; }
.pp h4 em{ text-align:right; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:22px;  color:#fff;font-weight:normal;   }

.pp ul{text-align:right; float:right;  width:85%;color:#FFFFFF; line-height:28px; font-size:15px;}




.pp1{width:50%; height:370px; float:left; border-left:#3c3c3c dashed 1px;  padding-left:80px;  }
.pp1 h4{ text-align:left; line-height:30px; font-size:22px; width:372px; float:left; color:#fff;font-weight:normal; padding-top:70px; padding-bottom:20px; }
.pp1 h4 em{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:22px;  color:#fff;font-weight:normal;   }


.pp1 ul{float:left; width:85%; color:#FFFFFF; line-height:28px; font-size:15px;}

.m1{ width:150px;float:right; text-align:center;color:#FFFFFF; margin-top:20px;line-height:35px;}
.m1 a{ color:#FFFFFF ; float:left; background:#2d973d;width:100%; font-size:15px; border-radius:3px;}
.m1 a:hover{ color:#2d973d ; background:#fff;  float:left; }

.m2{ width:150px;float:left; text-align:center;color:#FFFFFF; margin-top:20px; line-height:35px;}
.m2 a{ color:#FFFFFF ;float:left; width:100%; background:#2d973d;font-size:15px; border-radius:3px;}
.m2 a:hover{ color:#2d973d; background:#fff;  float:left; }


.ccc2{ width:40px; height:30px; background:#1077e1; color:#FFFFFF; font-size:20px; float:right; text-align:center }
.ccc2 a{  color:#FFFFFF; }

.ccc1{ width:40px; height:30px; background:#1077e1; color:#FFFFFF; font-size:20px;  float:left; text-align:center }
.ccc1 a{  color:#FFFFFF; }


.ab{ width:1171px; margin:auto;  padding-bottom:50px; overflow:hidden}
.ab h3{font-size:30px; margin:auto;width:310px; overflow:hidden; color:#000000;font-weight:normal; padding-top:125px; padding-bottom:90px; letter-spacing:2px;background:url(../images/tt.jpg) no-repeat 0px 60px;}

.ab1{ width:437px; float:left; height:90px; background:url(../images/20210227123139.jpg) no-repeat left; padding-left:100px; padding-top:10px;}
.ab1 h4{ font-size:17px; font-weight:normal; color:#4b4b4b; padding-top:10px;}
.ab2{ width:437px; float:right; height:90px; background:url(../images/ys.jpg) no-repeat left; padding-left:100px;padding-top:10px;}
.ab2 h4{ font-size:17px; font-weight:normal; color:#4b4b4b; padding-top:10px;}

#main1{width:100%; float:left; background:#009148;  height:265px; margin-top:128px; }
.nr5{ margin:auto; width:1171px; height:0px; position: relative;clear: both; }
.nr4{ margin:auto; width:1171px; height:346px; position: absolute;clear: both; background:#f0f0f0}

.anli{ width:1171px; float:left}



/*��ҳ�߽�*/

.s_zj_box{width:1260px; margin:0 auto; clear:both; margin-bottom:70px; overflow:hidden; padding-top:10px; } 
.s_zj_box .s_zj_p1{ font-size:34px; color:white; text-align:center; padding-top:0px; }
.s_zj_box .s_zj_p2{ font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 35px; text-transform:uppercase;}
.s_zj_box .s_zj_tip{ width:300px; float:left; margin-left:7px; margin-right:7px;  margin-bottom:15px;
transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;}
.s_zj_box .s_zj_tip:hover{ margin-top:0px;}
.s_zj_box .s_zj_tip img{ width:300px; height:180px;}
.s_zj_box .s_zj_tip .s_zj_p3{ background-color:#dadada; }
.s_zj_box .s_zj_tip .s_zj_p3 p{ font-size:15px;color:#333333; text-align:center; line-height:50px;}


/*��ҳ��������*/
.s_link_box{width:1260px; margin:0 auto; margin-top:44px; margin-bottom:60px;}
.s_link_box .s_link_p1{ font-size:14px; color:#6f6f6f; margin-top:6px; margin-left:18px;}

.s_link_box .s_link_p1 a{color:#6f6f6f;}



.s_link_box1{width:100%; }
.s_link_box1 img{width:100%; margin-top:0px;}



	.email {
    width: 100%;
    height: 91px;
    background:url(../images/email_img_47.jpg) repeat-x;
}






.flex-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.img_pic {
    position: relative;
    width: 100%;
    padding-top: 50%;
    overflow: hidden;
}

.img_pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.backwrite {
    background: #fff;
}

.paddb90 {
    padding-bottom: 90px;
}

.padd90 {
    padding: 90px 0;
}


/* header */



.zdMore {
    position: relative;
    margin-top: 0px;
}

.zdMore .more {
    position: relative;
    width:180px;
    height:45px;
    line-height: 45px;
    border-radius: 35px;
    padding: 0 48px;
    font-size: 15px;
    letter-spacing: 1px;
    box-sizing: border-box;
    background-color: #fff;
    color: #18a787;
    text-transform: capitalize;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zdMore svg {
 width: 14px;
 height: 12px;
    vertical-align: middle;
    pointer-events: none;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: .25s transform ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}


/* about  end */

/* solution */
.ind-title {
    position: relative;
}

.tit-en {
    text-transform: uppercase;
    font-size:25px;
	font-family: 'Oswald-Bold';
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase; 
}
line3 {
    width: 54px;
    height: 54px;
    background:url(../images/line.png) no-repeat center top;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.tit-cn {
    font-size:35px;
    margin-top: 5px; font-weight:bold
}

.ind-title.white .tit-cn,
.ind-title.white .tit-en {
    color: #fff;font-family:Barlow-Regular;
	
}

.ind-title.center {
    text-align: center;
}

.index-product {
    position: relative;
    width: 100%; height:450px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    padding-left: 5vw;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.index-product .item-ul {
    width: 57vw;
    z-index: 6;
    margin:6vw -10vw 6vw 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 10px;
	padding-right:30px;
    background: #f8fcff url(../picture/1.png) no-repeat center;
}

.index-product .item-ul li {
    position: relative;
    width: 50%;
    overflow: hidden;
    padding:30px 0px 30px 30px;
    float: left;
    text-align: center;
}

.index-product .item-ul li a {
    display: block;
    position: relative;
}

.index-product .item-ul li:nth-child(1),
.index-product .item-ul li:nth-child(2),
 {
    border-top: 0;
}


.index-product .item-ul li .tit {
    font-size: 20px;
    color: #333;
    line-height: 24px;
    margin-top: 1vw;
    text-transform: uppercase;
 font-weight:bold
}
.index-product .item-ul li .tit1 {
    font-size: 15px;
    color: #666;
    line-height: 24px;
    margin-top: 0.4vw;
    text-transform: uppercase;
    height: 48px; letter-spacing:0
}

.index-product .item-ul li:hover .tit {
    color: #fff;
}
.index-product .item-ul li:hover .tit1 {
    color: #fff;
}
.index-product .item-ul li>i,
.index-product .item-ul li a>i {
    width: 62px;
    height: 60px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.index-product .item-ul li  img
{
    width: 100%;
    height: 100%;
    object-fit: contain;  border-radius: 10px;
}
.index-product .item-ul li:hover .icon01_img2 {

    transform: translateY(-100%);
}
.index-product .item-ul li:hover .icon01_img1 {

    transform: translateY(-100%);
}

.index-product .item-ul li .desc {
    position: relative;
    top: 0;
    margin-top: 19%;
    font-size: 14px;
    color: #666;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: none !important;
}

.index-product .item-ul li:hover .desc {
    color: #fff;
    opacity: 0.8;
}

.index-product .item-ul li:hover .desc {
    top: -25px;
}

.index-product .item-ul li::after {
    position: absolute;
    bottom: 1.3vw;
    right: 1.3vw;
    content: '';
    width: 14px;
    height: 12px;
    background: url(../images/icon-right.png) no-repeat;
    z-index: 9;
    opacity: 0;
}

.index-product .item-ul li>b {
    display: block;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
    overflow: hidden;
    border-radius: 6px;
}

.index-product .item-ul li>b::before {
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: #18a787 transparent transparent transparent;
	

	
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 1.2s;
    transition: 1.2s;
}

.index-product .item-ul li:hover>b::before,
.index-product .item-ul li:hover::after {
    opacity: 1;
}

.index-product .item-ul li:hover>b::before {
    border-width: 930px 930px 0 0;
}

.index-product .product-box {
    position: relative;
    width: 51%;
    background: #18a787;
    z-index: 5;
    padding-left: 16vw;
    overflow: hidden;
    display: flex;
    align-items: center; margin-left:60%; 
}

.product-box-div {
    display: inline-block;
}

.product-box-bg {
    position: absolute;
    width: 60%;
    bottom: -14%;
    opacity: 0.48;
    right: -10%;
}

.index-product .product-box .desc {
    margin-top: 2.8vw;
    margin-left: 10px;
    max-width: 22vw;
    color: #fff;
    font-size: 16px;
}

.more-btn {
    width: 140px;
    height: 40px;
    border-radius: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    margin-top: 89px;
    border: 1px solid #0072be;
    color: #0072be;
    font-family: "en";
    -webkit-transition: ease .4s;
    transition: ease .4s;
}

.more-btn:hover {
    background: #fff;
    color: #1a74bb;
}

.more-btn.white {
    border: 1px solid #fff;
    color: #fff;
}

.more-btn.blue {
    border: 1px solid #0072be;
    background: #0072be;
    color: #fff;
}





.index_2{ width:100%; float:left;background-position:center; background-repeat:no-repeat;background-attachment: fixed; background-size:cover; background-image:url(../images/img12.jpg);
color:#fff; text-align:center; background-color:#e4e4e4; padding-bottom:80px; position:relative; padding-top:120px;}
.index_2_2{ position:relative; margin-top:0em;
color:#fff; padding-bottom:1.5em; font-size:20px; line-height:60px;}
.index_2_1{
font-size:35px; }
.index_2_1 b { font-weight:700; font-family:"微软雅黑"}














 
/*footer*/
#footer { width:100%; height:auto; background:#292929; padding-bottom:50px; float:left;  clear: both; overflow:visible; padding-top:70px;font-size:15px;}
#footer p a:hover{ color:#fff;  border-bottom:1px #1a82c4 solid; margin-left:2px}
#footer li a:hover{ color:#fff;  border-bottom:1px #1a82c4 solid; margin-left:2px}

.footer_l { float: left; width:19%;  text-align:left; }
.footer_l h2 { font-size:15px; line-height:29px;  color:#FFF; margin-top:0}
.footer_l  p{ font-size:15px; color:#999;line-height:29px; margin-top:0px }
.footer_l h3 { font-size:35px; line-height:39px;  color:#FFF; font-family:BEBAS; font-weight:normal}

.footer_l h2 i { font-size:25px;}
.footer_l_tb { width:60%; float:right; margin-top:20px;}
.footer_l_tb img{ width:100%;border-radius:8px;}
.footer_l span {font-size:25px; line-height:42px; text-align:center; color:#090f16; width:42px; height:42px; display:block; background-color:#FFF; border-radius:50%; float:left; margin-right:12px; margin-top:30px;}
.footer_l.icon.iconfont {}


.footer_d { margin-top:97px; float: left; width:22.5%;  text-align:left; height:222px; border-right:1px solid #292b2d; padding-right:2%}
.footer_d h2 { font-size:15px; line-height:29px;  color:#FFF;}
.footer_d  p{ font-size:15px; color:#cbcbcb;line-height:29px; margin-bottom:10px; font-family:Barlow-Regular; text-transform:uppercase }
.footer_d h3 { font-size:22px; line-height:39px;  color:#FFF; font-family:BEBAS}

.footer_d h2 i { font-size:25px;}
.footer_d_tb { width:100%; float:left; margin-top:20px;}
.footer_d span {font-size:25px; line-height:42px; text-align:center; color:#090f16; width:42px; height:42px; display:block; background-color:#FFF; border-radius:50%; float:left; margin-right:12px; margin-top:30px;}
.footer_d.icon.iconfont {   }



.pz{position: relative;
    margin: 0 auto;
    width: 1250px;

}
.footer_d_tb a:hover{ text-decoration:none!important}

.footer_r { float: left; width:81%; color:#fff; display:flex; margin-left:0% ; font-size:15px; }
.footer_r ul:first-child{ width:55%;border-right: 1px solid #4c4c4c; padding-left:0}

.footer_r ul:first-child li{ width:50%; float:left}

.footer_r{ font-family:Arial, Helvetica, sans-serif}

.footer_r ul:nth-child(2){ width:63%; padding-right:2%; }

.footer_r ul:nth-child(2) h3.sssod3{ margin-top:30px}

.footer_r ul { width:32%; float:left; text-align:left; border-right: 1px solid #4c4c4c; padding-left:8%}
.footer_r ul h3 a {}
.footer_r ul h3 { font-size:20px; margin-bottom:21px; font-weight:normal}
.footer_r ul h3 span{ font-family:Barlow-Regular; font-size:18px}
.footer_r ul li a{ font-size:15px}

.footer_r ul li {font-size:15px!important; line-height:35px;}
.footer_r ul li a { color:#fff!important;}
.footer_r ul li p { color:#fff;line-height:35px;}
.footer_r ul li a:hover{ color:#fff}
.footer_r ul:nth-child(2) p{  color:#fff;line-height:35px;}
.footer_r ul:nth-child(3) p{  color:#fff;line-height:35px;}
.footer_banquan { width:100%; margin-top:50px; border-top:1px solid #4c4c4c; float:left; line-height:42px;color:#FFFFFF}
.footer_banquan_l { float:left; width:105%; text-align:left; padding-top:20px;}






@media (max-width:768px){


.tit-en {
    text-transform: uppercase;
    font-size:14px;
	font-family: 'Oswald-Bold';
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase; 
}
.tit-cn {
    font-size:18px;
    margin-top: 5px; font-weight:bold
}

.index-product {
    position: relative;
    width: 100%; height:320px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    padding-left: 5vw;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.index-product .product-box {
    position: relative;
    width: 100%;
    background: #18a787;
    z-index: 5;
    padding-left: 16vw;
    overflow: hidden;
    display: flex;
    align-items: center; margin-left:50%; 
}


.zdMore .more {
    position: relative;
    width:100px;
    height:25px;
    line-height:25px;
    border-radius: 35px;
    padding:0 15px;
    font-size: 12px;
    letter-spacing:0px;
    box-sizing: border-box;
    background-color: #fff;
    color: #18a787;
    text-transform: capitalize;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zdMore svg {
 width: 14px;
 height: 12px;
    vertical-align: middle;
    pointer-events: none;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: .25s transform ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}



.lian-index-aboutluk-bottom {overflow: hidden;padding-top:2%; width:100%; float:left; height:170px;}
.lian-index-aboutluk-date {float: left;width: 23%;margin-right:2%;}
.lian-index-aboutluk-date:last-child {margin-right: 0;}
.lian-index-aboutluk-date a {display: block;position: relative;}
.lian-index-aboutluk-date a::after {content: '';width: 100%;height:40%;position: absolute;left: 0;top: 0;z-index: 1;background:#fff ;  box-shadow: 0px 0px 10px #c7d4de; margin-left:5px; border-radius:8px;}
.lian-index-aboutluk-date .icon-1 {position: absolute;left: 9%;top: 5%;z-index: 10;width: 1rem;height:1rem;}
.lian-index-aboutluk-date .icon-1 img {filter: grayscale(1);opacity: .2; width:40px;}
.lian-index-aboutluk-date .text {position: absolute;left:0%;top:7%;z-index: 11;width:100%;text-align: right;}
.lian-index-aboutluk-date .title-1 em{font-style: normal;font-weight: bold;margin-left: 1rem;}
.lian-index-aboutluk-date .text-1 {color: #666666;width:90%;margin-top: 3%;float: right; font-size:12px;}
.lian-index-aboutluk-date .img {background: none;}
.lian-index-aboutluk-date a:hover {transform: translateY(-1rem);}
.lian-index-aboutluk-date a .title-1 strong,.lian-index-aboutluk-date a .title-1 em {}
.lian-index-aboutluk-date a .title-1 em { color:#fff; background:#1077e1; border-radius:50%;  font-weight:400; font-size:12px; width:30px; line-height:30px; display: inline-block; text-align:center; height:30px;}


.lian-index-aboutluk-date .title-1 strong.font60{font-family: 'BEBAS'; font-weight:200; font-size:20px;}









#nn1{
width:100%;
float:left;
height:auto;
padding-top:50px;
background-image:url(../images/Nipic_33722168_20230130212255005122.jpg); background-size:cover; background-position:top; background-repeat:no-repeat; background-attachment: fixed; padding-bottom:50px;
}


#nn{
width:90%; height:auto; overflow:hidden; padding-bottom:30px; padding-top:20px;
margin:auto;
background:url(../images/bbbb.png) repeat top center repeat-y; border-radius:10px;
}



.pp{width:90%; height:auto; float:left; padding-right:0px; padding-left:10%; }
.pp h4{ text-align:left; line-height:20px; font-size:18px; width:100%; float:left; color:#fff;font-weight:normal; padding-top:10px; padding-bottom:10px; }
.pp h4 em{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:14px;  color:#fff;font-weight:normal;   }

.pp ul{text-align:left; float:left;  width:100%;color:#FFFFFF; line-height:20px; font-size:14px;}




.pp1{width:90%; height:auto; float:left; border-left:#3c3c3c dashed 0px;  padding-left:10%;  }
.pp1 h4{ text-align:left; line-height:20px; font-size:18px; width:100%; float:left; color:#fff;font-weight:normal; padding-top:10px; padding-bottom:10px; }
.pp1 h4 em{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:14px;  color:#fff;font-weight:normal;   }


.pp1 ul{float:left; width:100%; color:#FFFFFF; line-height:20px; font-size:14px;}

.m1{ width:120px;float:left; text-align:center;color:#FFFFFF; margin-top:10px;line-height:24px;}
.m1 a{ color:#FFFFFF ; float:left; background:#47a0f8;width:100%; font-size:12px }
.m1 a:hover{ color:#FFFFFF ; background:#e9a008;  float:left; }

.m2{ width:120px;float:left; text-align:center;color:#FFFFFF; margin-top:10px; line-height:24px;}
.m2 a{ color:#FFFFFF ;float:left; width:100%; background:#47a0f8; font-size:12px }
.m2 a:hover{ color:#FFFFFF ; background:#e9a008;  float:left; }


.ccc2{ width:40px; height:30px; background:#1077e1; color:#FFFFFF; font-size:20px; float:right; text-align:center }
.ccc2 a{  color:#FFFFFF; }

.ccc1{ width:40px; height:30px; background:#1077e1; color:#FFFFFF; font-size:20px;  float:left; text-align:center }
.ccc1 a{  color:#FFFFFF; }




.bt05{ width:100%; padding-top:20px; padding-bottom:20px; background:url(../images/index_05.jpg) no-repeat bottom; background-size:cover; float:left}

.kuai1{ width:90%; margin:auto;}

.qywlan01{line-height:42px;  font-size:18px; color:#fff; font-weight:bold; width:100%; float:left; font-weight:normal}
.qywlan02{line-height:22px; font-size:14px; color:#fff; text-transform:uppercase; width:100%; float:left; padding-top:0px;}

.qywlan03{ width:40%; float:left; font-family: 'Open Sans'; color:#1077e1; font-size:20px; text-align:left; padding-top:5px; padding-bottom:5px; padding-left:80px; background:#fff; margin-top:20px;border-radius:35px;}
.qywlan03 span{font-size:17px;}




.s_zj_box{width:100%; margin:0 auto; clear:both; margin-bottom:0px; overflow:hidden} 
.s_zj_box .s_zj_p1{ font-size:20px; color:white; text-align:center; padding-top:0px; }
.s_zj_box .s_zj_p2{ font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 35px; text-transform:uppercase;}
.s_zj_box .s_zj_tip{ width:100%; float:left; margin-left:0px; margin-right:0px;  margin-bottom:8px;
transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;}
.s_zj_box .s_zj_tip:hover{ margin-top:0px;}
.s_zj_box .s_zj_tip img{ width:100%; height:auto;}
.s_zj_box .s_zj_tip .s_zj_p3{ background-color:#dadada; }
.s_zj_box .s_zj_tip .s_zj_p3 p{ font-size:12px;color:#333333; text-align:center; line-height:30px;}



.wmid{ width:80%; margin:auto}
.index_2_1{
font-size:17px; padding-bottom:10px; padding-top:20px;}

.index_2_2{ position:relative; margin-top:0em;
color:#fff; padding-bottom:20px; font-size:12px; line-height:20px;}



.index_2{ width:100%; float:left;background-position:center; background-repeat:no-repeat;background-attachment: fixed; background-size:cover; background-image:url(../images/img12.jpg); margin-top:0px;
color:#fff; text-align:center; background-color:#e4e4e4; padding-bottom:20px; position:relative; padding-top:20px;}
.index_2_1 b { font-weight:700; font-family:"微软雅黑"}

.footer_banquan_l { float:left; width:105%; text-align:left; padding-top:20px;}

.footer_banquan_l p { line-height:25px; }
.footer_banquan_l_p1 {color:#FFF; font-size:16px;  }
.footer_banquan_l_p1 a {color:#FFF; margin-right:20px;  }
.footer_banquan_l_p2 {color:#fff; font-size:14px; }
.footer_banquan_l_p2 a {color:#fff;}
.footer_banquan_r { float:right; width:25%; padding-top:16px;}
.footer_banquan_r_img { width:113px; height:113px; float:right; margin-left:20px; border-radius:5px; overflow:hidden; text-align:center; padding-top:2px; background-color:#FFF;}







.s_jj_right{ width:100%; float:left; padding-top:20px;}
.s_jj_tip{ width:50%; height:130px; float:left; background-color:#0e64a8;}
.s_jj_tip .s_jj_pic1{ margin:0 auto; padding-top:20px;}
.s_jj_tip .s_jj_p3{ font-size:16px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; margin-top:20px;}
.s_jj_tip .s_jj_line1{ width:50px; height:1px; background-color:#fff; margin:0 auto; margin-top:8px; margin-bottom:10px;}
.s_jj_tip .s_jj_p4{ font-size:12px; color:#fff; line-height:15px; text-align:center;}









 .tabox{width:90%;margin:0px auto;}
.tabox .hd{width:100%;  float:left; padding-top:30px;}
.tabox .hd li{ width:100%; float:left}
.tabox .hd li.on{}
.tabox .bd{width:100%;  float:left;}
.tabox .lh{overflow:hidden; }
.tabox .lh li{font-size:14px; color:#fff; text-transform:uppercase; text-align:left; line-height:30px; border-bottom:#CCCCCC solid 1px;width:100%; float:left }





/*首页产品*/
.s_pro_bg1{ background:url(../images/img10.jpg) center no-repeat; width:100%; height:auto; margin-top:5px; padding-bottom:30px; position:relative;background-size: cover; background-position:top}

.s_pro_bg{ width:90%; margin:auto}
.s_pro_left_bg{ width:50%;  float:left;}
.s_pro_left_bg1{background-color:rgba(0,0,0,0);width:40%;height:auto;}


.s_pro_left_box{ width:100%; float:right; padding-top:20px;}
.s_pro_p1{ font-size:20px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
.s_pro_tip{ width:100%; height:30px; border:1px solid #928d87; margin-bottom:0px;}
.s_pro_tip .s_pro_line{ width:0px; height:1px; float:left; background-color:#fff; margin-top:15px; margin-left:30px; margin-right:12px; transition:all 0.4s linear;}
.s_pro_tip .s_pro_p2{ font-size:14px; color:#fff; font-weight:normal; line-height:30px; float:left; text-transform:uppercase;}

.s_pro_tip:hover .s_pro_line{ width:17px;}
.s_pro_tip:hover{ background-color:#006cbe; border:1px solid #006cbe;transition:all 0.5s linear;}

.s_pro_right{ width:100%; float:left;  padding-top:10px;}
.s_pro_right .s_pro_pic{ float:left;}
.s_pro_right .s_pro_p3{ font-size:12px; color:#fff; text-transform:uppercase; text-align:left; margin-top:13px;}
.s_pro_p4{ font-size:18px; color:#fff; font-weight:bold;  text-align:left; margin-top:13px;}
.s_pro_right .s_pro_p5{ font-size:14px; color:#fff; line-height:20px;  text-align:left; margin-top:0px;}

.s_pro_pic1{ position:absolute; bottom:142px; left:50%; margin-left:-85px;}


.s_pro_p41{ font-size:14px; background:#2d973d; color:#fff; font-weight:bold; width:100%; line-height:25px;  text-align:center; margin-top:10px; margin-bottom:10px;}







.pz{position: relative;
    margin: 0 auto;
    width: 90%;

}
.footer_d_tb a:hover{ text-decoration:none!important}

.footer_r { float: left; width:81%; color:#fff; display:flex; margin-left:0% ; font-size:14px; }
.footer_r ul:first-child{ width:100%;border-right: 0px solid #4c4c4c; padding-left:0}

.footer_r ul:first-child li{ width:50%; float:left;}

.footer_r{ font-family:Arial, Helvetica, sans-serif}

.footer_r ul:nth-child(1){ display:none;  }
.footer_r ul:nth-child(2){ width:100%; padding-right:0%; }

.footer_r ul:nth-child(2) h3.sssod3{ margin-top:30px}


.footer_l {  display:none;  }

.footer_r ul { width:100%; float:left; text-align:left; border-right: 0px solid #4c4c4c; padding-left:0%}
.footer_r ul h3 a {}
.footer_r ul h3 { font-size:18px; margin-bottom:10px; font-weight:normal}
.footer_r ul h3 span{ font-family:Barlow-Regular; font-size:14px}
.footer_r ul li a{ font-size:14px}

.footer_r ul li {font-size:14px!important; line-height:24px;}
.footer_r ul li a { color:#fff!important;}
.footer_r ul li p { color:#fff;line-height:24px;}
.footer_r ul li a:hover{ color:#fff}
.footer_r ul:nth-child(2) p{  color:#fff;line-height:24px;}
.footer_r ul:nth-child(3) p{  color:#fff;line-height:24px;}
.footer_banquan { width:100%; margin-top:20px; border-top:1px solid #4c4c4c; float:left; line-height:20px; padding-top:5px; padding-bottom:80px;}
.footer_banquan_l { float:left; width:105%; text-align:left; padding-top:20px;}





#footer { width:100%; height:auto; background:#292929; padding-bottom:20px; float:left;  clear: both; overflow:visible; padding-top:30px}
#footer p a:hover{ color:#fff;  border-bottom:1px #1a82c4 solid; margin-left:2px}
#footer li a:hover{ color:#fff;  border-bottom:1px #1a82c4 solid; margin-left:2px}



}