/*板块共用*/
.title{text-align: center;font-size: 40px;color: #414755;    font-weight: bold;}
.title i{color: #009c4d; font-weight: bold;}
.title span{display: block;font-size: 18px;margin: 5px 0 20px 0;font-weight: lighter;color: #888888;}
.title em{ font-size:0; display:inline-block;height: 30px;margin-top: 0px;}
.title em i{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#ccd2cc;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:12px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#009c4d;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
.title b{color: #484848;font-weight: normal;}

@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
/*关于久裕*/
.speak{ height:430px; padding-top:70px;}
.spvidio{ width:565px; height:338px; position:relative; box-shadow: 2px 15px 20px #eeeeee;  padding: 5px;}
.spwa{ width:760px; padding-top:35px; position:relative;}
.spwa p:nth-child(1){ font-size:23px; color:#333; font-weight:lighter; letter-spacing:1px;margin-bottom:6px;}
.spwa p:nth-child(2){ font-size:36px; color:#009c4d; font-weight:bold; border-bottom: 1px dotted #ccc;    padding-bottom: 20px;}
.spwa p:nth-child(3){ line-height:36px; color:#666; font-size:14px; font-weight:lighter; margin:28px 0px 32px 0px;}
.spwa p span,.spwa p img{ float:left;}
.spwa p span{ line-height:61px; font-size:18px; color:#484848; font-weight:lighter;}



/*数字*/
.rmnum{ height:180px; margin-top:42px; }
.rmnum li{ float:left; position:relative; text-align:center; padding:0px 60px;}
.rmnum li:after{ content:''; display:block; position:absolute; top:18px; left:0px; height:88px; border-right:1px dotted #cccc;}
.rmnum li:nth-last-child(1):before{ content:''; display:block; position:absolute; top:18px; right:0px; height:88px; border-right:1px dotted #ccc;}
.rmnum li p:nth-child(1){ font-size:12px; color:#666666;}
.rmnum li p:nth-child(1) span{ font-size:55px; font-weight:bold; color:#009c4d;}
.rmnum li p:nth-child(2){ font-size:18px; color:#666666;}
.rmnum li p:nth-child(3){ font-size:12px; color:#cccccc; text-transform:uppercase;}
/*产品*/
.protitle{ text-align:center; font-size:40px; color:#222222; padding-top:50px;}
.protitle b{font-weight:normal;}
.protitle b i{color:#009c4d; font-weight:bold;}
.protitle span{ display:block; font-size:18px; font-weight:lighter; margin:5px 0 10px 0;}
.protitle em{ display:inline-block; height:12px;}
.protitle em i{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#b3b3b3;animation: bounce_fountainG 1.2s linear infinite;} 
.protitle em i+i{ margin-left:10px;}
.protitle em i:nth-child(1){animation-delay: .4s;}
.protitle em i:nth-child(2){background:#009c4d;animation-delay: .6s;}
.protitle em i:nth-child(3){animation-delay: .8s;}
/*产品优势*/
.prod_adva{min-width: 1400px;}
.yous2 a {padding: 10px 17px 10px 17px;margin-left: 10px;color: #b3b3b3;font-size: 16px; border-radius: 10px;border: 1px solid #b3b3b3;}
.yous2 a.on {background: #009c4d;border: 1px solid #009c4d;color: #fff;}
.yous2{text-align: center;padding-top: 44px;}
.section-title {text-align: center;margin-bottom:20px;font-size: 32px;font-weight: bold;}
.section-title small {display: block;font-weight: normal;font-size: 18px;}

.PainPoints{background: url(/images/cpys.jpg) no-repeat center;height:1009px;overflow: hidden;    position: relative; margin-top:30px;min-width: 1400px; padding-top:20px;}
.PainPointsTitle{text-align: center;}
.PainPointsTitle h3{color: #333;font-size: 32px;font-weight: normal;}
.PainPointsTitle h3 b{font-weight: normal;width: 63px;height: 63px;display: inline-block;*display: inline;*zoom: 1;background-color: #aa251c;border-radius: 50%;text-align: center;line-height: 63px;color: #fff;margin: 0 1px;}
.PainPointsTitle p{color: #333;font-size: 24px;margin-top: 10px;}
.d1{height: 1029px;}
.d1:after {    content: "";
    width:1920px;
    height:100%;
 background:url(/images/cp1.png)no-repeat center;
    position: absolute;
    left: 25%; background-size: 100%;}
.d2:after {    content: "";
    width:1920px;
    height:100%;
 background:url(/images/cp2.png)no-repeat center;
    position: absolute;
    left: 49.92%; background-size: 100%;}
.proshow table,.proshow tbody ,.proshow tr{display:contents; width:auto; vertical-align:top;}
.proshow td{ display:inline-block; vertical-align:top; box-sizing: border-box; width:24.25%;  padding:0 !important; transition:all .3s ease;position: relative; border: 1px solid #eaeded;margin-top: 20px;}
.proshow td+td{margin-left:1%;}
.proshow td br{ display:none;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td>a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow td span a{ position: relative;line-height:70px; font-size:18px; color:#323636; font-weight: lighter;transition:all .3s ease; margin-bottom:36px;}
.proshow td>a{border-bottom: 1px solid #eaeded;}
.proshow td>a:after{content:''; display:block; position:absolute;  top:0; left:0; width: 100%; height: 100%;background: rgba(0,0,0,.2);opacity: 0;transition: all .3s ease;}
.proshow td:hover>a:after{ opacity: 1;}
.proshow td:hover span a{color: #009c4d;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td .promore{width: 110px;height: 36px; line-height: 36px;left: 0;right: 0;margin: 0 auto;background: #eef1f1;font-size: 14px;color: #9a9e9e; position: absolute; bottom: 0;transition: all .3s ease; font-weight:lighter;}
.proshow td:hover .promore{background: #009c4d;color: #fff; letter-spacing: 4px;}
.proshow1{ margin-top:1%;width: 96%;margin: 0 auto;    margin-bottom: 40px;}
.a11{width: 790px;}
.a22{width: 610px;}
.d1{min-width: 1400px;}
.d2{min-width: 1400px;}
.a1 p{color: #a8aaad;font-size: 25px;    line-height: 60px;}
.a1 span{display: block;color: #62656b;font-size: 14px;    line-height: 24px;}
.a1{width: 187px;float: left;    margin-top: 380px;}
.aa1{float: right;margin: 4px -17px 0 0;}
.a2 p{color: #a8aaad;font-size: 25px; line-height: 60px;}
.a2 span{display: block;color: #62656b;font-size: 14px; line-height: 24px;}
.a2{width: 264px;float: left;    margin: 194px 0 0 -171px;}
.a3 p{color: #a8aaad;font-size: 25px; line-height: 60px;}
.a3 span{display: block;color: #62656b;font-size: 14px; line-height: 24px;}
.a3{width: 222px;float: left;margin-top: 42px;}
.a4 p{color: #a8aaad;font-size: 25px; line-height: 60px;    padding-left: 107px;}
.a4 span{display: block;color: #62656b;font-size: 14px; line-height: 24px;}
.a4{width: 303px;float: left;    margin-top: 42px;}
.a5 p{color: #a8aaad;font-size: 25px; line-height: 60px;}
.a5 span{display: block;color: #62656b;font-size: 14px; line-height: 24px;}
.a5{width: 150px;float: left;margin: 194px 0 0 40px;}
.a6 p{color: #a8aaad;font-size: 25px; line-height: 60px;}
.a6 span{display: block;color: #62656b;font-size: 14px; line-height: 24px;padding-left: 34px;}
.a6{width: 161px;float: left;margin: 90px 0 0 450px;}
.aa1{float: right;margin: 4px -17px 0 0;}
.aa2{float: right;margin: -31px -65px 0 0;}
.aa3{float: right;margin: -4px -68px 0 0;}
.aa4{float: left;margin: -4px 0px 0 16px;}
.aa5{float: left;margin: -33px 0px 0 -90px;}
.aa6{float: left;margin: -65px 0px 0 -51px;}
/*产品中心*/
.new-products{ height:1058px;}
.new-pro-list-wrap ul:after { content: ''; display: table; clear: both; }
.new-pro-list-wrap ul li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight:normal; }
.new-pro-list-wrap ul:after { content: ''; display: table; clear: both; }
.new-pro-list-wrap ul li .img img, .new-page-product-list > li .img img{ width: 100%; }
.new-pro-list-wrap ul li .img { overflow: hidden; display: block; }
.new-pro-list-wrap ul li .img img { transition: all .5s ease; }
.new-pro-list-wrap ul li .img:hover img { transform: scale(1.1); }
.new-pro-sort { margin-top:30px; text-align: center;  }
.new-pro-sort li { display: inline-block; vertical-align: middle; margin: 0 20px; font-size: 16px; }
.new-pro-sort li:hover, .new-pro-sort li.on { background: #009c4d; border-radius: 5px; }
.new-pro-sort li:hover a, .new-pro-sort li.on a { color: #fff; }
.new-pro-sort li a { display: block; padding:10px 40px; color: #000; }
.new-pro-list-wrap { margin-top: 30px; }
.new-pro-list-wrap ul { margin: 0 -8px; }
.new-pro-list-wrap ul li { float: left; width: calc(25% - 16px); margin: 0 8px 15px 8px; }
.new-pro-list-wrap ul li .img { border: 1px solid #f1f1f1; margin-bottom: 15px; transition: all .5s ease; }
.new-pro-list-wrap ul li h3 { font-size: 16px; color: #555; text-align: center; line-height: 2; transition: all .5s ease; }
.new-pro-list-wrap ul li:hover .img { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1); border-color: #c4c4c4; }
.new-pro-list-wrap ul li:hover h3 { color: #009c4d; }

/* 工程案例*/
.anli2 a {background: #666666;padding: 15px 20px 15px 20px;margin-left: 10px;color: #fff;font-size: 16px; border-radius: 10px;;}
.anli2 a:hover{background: #009c4d;}
.anli2 a.on {background: #009c4d;}
.anli2{text-align: center; padding-top:30px;}
.use{height:927px;  padding: 80px 0; background: #f0f3f3 url(/images/albg.jpg) no-repeat bottom center;  overflow:hidden;}
.usecon *{ box-sizing:border-box;}
.usecon .swiper-slide{ margin-bottom:60px; border:6px solid transparent;}
.usecon{width:90%; margin:0 auto 0 auto; position:relative; overflow:hidden;}
.usecon .swiper-slide a{ display:block;}
.usecon .swiper-slide a img{width:100%;height:auto; opacity:.9; }
.usecon .swiper-slide.swiper-slide-active{ border-color:#ffffff; opacity:1;}
.usecon .swiper-slide a p{ position:absolute; width:100%; top:110%; text-align:center; font-size:20px; color:#323636; opacity:0; transition:all .3s ease;}
.usecon .swiper-slide.swiper-slide-active a img{ opacity:1;}
.usecon .swiper-slide.swiper-slide-active p{ top:110%; opacity:1; width:70%; left:15%;}
.usecon .swiper-slide.swiper-slide-active p span a:hover{ color:#009c4d}
.use .usejt{ position:relative; text-align:center;}
.usejt>div+div{ margin-left:450px;}
.usejt>div{ position:relative; display:inline-block; vertical-align:top; background:#dadede; width:64px;height:56px; top:-15px;left:inherit; right:inherit;}
.casecenter{margin-top: 60px;}


/*流程*/
.liucheng{background:url(/images/liuc.jpg) no-repeat center;height:730px;}
.page, .content {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.process ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; position:relative;}
.process_wt{margin-top: 20px;}
.process ul li{ width:165px;text-align:center;position: relative; z-index: 3;}
.pctop{ height:212px; background:#eaecf1; position:relative; -webkit-transition:all .3s ease; transition:all .3s ease; font-size:18px; color:#666666; line-height:30px; font-weight:lighter; margin-bottom:50px;}
.pctop .pcicon{ display:inline-block; margin:40px 0 -6px 0; width:52px; height:62px; background:url(/images/lctb.png) no-repeat left top; -webkit-transition:all .3s ease; transition:all .3s ease;}
.process ul li:nth-child(1) .pctop .pcicon{ background-position-x:9px; width:57px;}
.process ul li:nth-child(2) .pctop .pcicon{ background-position-x:-68px; width:57px;}
.process ul li:nth-child(3) .pctop .pcicon{ background-position-x:-164px;}
.process ul li:nth-child(4) .pctop .pcicon{ background-position-x:-246px;width:62px;}
.process ul li:nth-child(5) .pctop .pcicon{ background-position-x:-363px; width:65px;}
.process ul li:nth-child(6) .pctop .pcicon{ background-position-x:-463px; width:69px;}
.process ul li:nth-child(7) .pctop .pcicon{ background-position-x:-578px; width:70px;}
.pctop:before{ content:''; display:block; position:absolute; width:100%; height:0; -webkit-transition:all .3s ease; transition:all .3s ease; top:0; left:0;background:#009c4d;border-radius:10px 10px 0 0;}
.pctop:after{ content:''; display:block; position:absolute; left:0; right:0; top:100%; -webkit-transition:all .3s ease; transition:all .3s ease; width:0; height:0; margin:0 auto; border-left:17px solid transparent; border-right:17px solid transparent; border-top:17px solid #eaecf1;}
.pcnum{ display:inline-block; position:relative; z-index:3; width:82px; height:82px; border:1px solid #f1f1f1; font-family:'fontMd'; font-size:40px; color:#aaafbb; font-weight:bold; line-height:80px; border-radius:50%; background:#fff;}
.process ul li:hover .pcicon{background-position-y:-81px;}
.process ul li:hover .pctop:after{ border-top-color:#009c4d; }
.process ul li:hover .pc_t i {color: #fff;}
.process ul li:hover .pctop:before{height:100%;}
.pctop p {
    position: relative;
    z-index: 3;
}
.pc_t i{display: block;font-size: 20px;color: #636771;font-weight: bold;    margin-bottom: 10px;}
.pc_t{font-size: 14px;color: #a8abb3;line-height: 24px;}

.yin{ overflow:hidden; height:70px; width:590px;margin: 0 auto; padding-left:30px; padding-top:13px; background: #fff; border-radius: 155px;color: #333; box-shadow: 0px 0px 8px #b0b5c2;    margin-top: 50px;}
.ho{ width:520px; float:left;    padding-left: 20px;}
.yin p {font-size: 25px;color: #19a9eb;font-weight: bold;line-height: 37px;}
.f19{ font-size:16px; padding-left:11px; color:#0b3156; line-height:44px; float:left;}
.f19 b{color:#009c4d;font-size: 33px;font-family: DIN Medium;    vertical-align: top;}
.dz_lx{margin-top: 12px;    margin-right: -20px;}
.ho .dz_lx a{color: #fff;background:#009c4d;border-radius: 30px;padding: 10px 34px;font-size: 16px;}
.ho .dz_lx a:hover{background: #333;}
.lc_pic{width: 110px;height:110px;background: #fff;border: 10px solid #41b3ff; border-radius: 50%;margin: 0 auto;}
.proces_bg ul li:hover .lc_pic{background: #fff;border: 10px solid #41b3ff;}
.process ul li:hover .pc_t{color: #fff;}

/*公司优势*/
.adv{width: 100%;height: 895px; background: url(/images/gsysbg.jpg) center top no-repeat;}
.ys{ margin:32px auto 0;width:1400px;height:588px;position:relative;}
.ys h2{ font-weight:bold; color:#333; text-align:center; padding-bottom:30px; font-size: 36px;}
.ys h2 span{color:#09a201; font-size: 36px;}
.yst{color:#666; text-align:center; padding-bottom:10px; font-size: 26px;}
.ys_c{ width: 1400px; height:610px;}
.ys_c dt{float:right;width:701px;margin-top:10px;}
.ys_c dt img{ width:960px; height:590px;}
.ys_c dd{ width:638px;float:left;overflow:hidden;}
.ys_c dd .numb{width:81px;height:81px;position:relative;font-size:30px;color:#fff;text-align:center;line-height:81px;float:left;border-radius:50%;z-index:0;    margin-right:30px;margin-top: 30px;font-family: DIN;}

.ys_c dd h3{margin: 44px 0px;}
.ys_c dd h3 span{font-size:33px;color:#009c4d;padding-top:21px;line-height:40px;letter-spacing:2px;font-weight:bold;padding-left: 0px !important;    display: block;}
.ys_c dd h3 span em{font-size:30px; font-family: Arial;font-weight: normal; color: #009c4d;text-transform:uppercase;display: block;letter-spacing:0px;}
.ys_c dd p{overflow:hidden;font-size:16px;color:#a6afb9;line-height:35px;  margin-bottom: 15px;padding-left: 25px !important;position:relative;}
.ys_c dd p:before {content: "◎";position: absolute;left: 0px;font-size: 16px;}
.ys_c ul{height:164px; overflow:hidden;margin-top: 54px;}
.ys_c li{ float: left;width:210px;height:133px; margin-right: 2px; color:#434343;font-weight: bold;    background: #ebedf2;}
.ys_c li em{display:block;text-align:center;font-size:16px;text-transform:uppercase;color:#78818c;font-weight:100;font-weight: normal;}
.ys_c li span{ padding:36px 0 0 0 !important; font-size: 36px;text-align: center;margin:0px !important;display: block;line-height: 30px;color: #343a42;}
.ysnav{ position: absolute; bottom:55px; width:730px; right:-70px; z-index: 2;overflow: hidden;height:187px;}
.ysnav li{ float: left; width: 160px; height:187px; overflow: hidden; font-size: 30px; color:#434343; text-align: center; background: #fff;   margin-right: 10px;    line-height: 46px;cursor: pointer;}
.ysnav li img{ display: block; margin: 8px 10px; width:140px; height:80px;}
.ysnav li.cur{ color:#fff; background:#009c4d;}
.ysnav li.cur img{ width:140px;height:80px;}
.ysnav i{display: block;margin-top: -14px;font-size: 18px;font-weight: normal;}
.ys_c li i{font-size: 18px;font-weight: normal;}

/*新闻中心*/
.tdc_t{text-align: center; padding:70px 0 40px 0;}
.tdc_t p{font-size: 40px;color:#222; font-weight:bold;}
.tdc_t dd{font-size: 18px;color:#666;line-height: 50px;}

.news_bg{background:#f1f1f1;}
.news_t{text-align:left; float:left; width:420px;}
.news_t dd:after{display:none;}
.dnews_a{width:auto;float:right; margin-top:90px;}
.dnews_a a{display:block;width:152px;height:46px;line-height: 44px;font-size:18px;color:#333;float:left; box-sizing: border-box; border:1px #ccc solid; text-align:center; margin-left:20px;}
.dnews_a a.on{background:#009c4d; color:#fff; border-box; border:1px #009c4d solid;}
.news_b{height:570px !important;margin-top:20px;}
.news_box .news_div_item{width:500px;height:110px; float:left;position: relative;box-sizing: border-box;background:#fff;margin-left:30px; margin-bottom:16px;}
.news_box .news_div_item:nth-child(1){margin-left:0; }
.news_box .news_div_item:nth-child(-n+2){width:420px;height: 488px; padding:24px;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_pic img{width:370px;height:274px;border: 1px solid #eee;box-sizing: border-box;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_pic{position: absolute;top:24px;width:372px;display:block;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_date{position: absolute;top:348px;width:390px;font-size:12px;color: #999;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content:after{content:'Read more  →';font-size:12px;color:#222;  line-height:40px;}
.news_div_item_year,.news_div_item_month,.news_div_item_day{display: inline-block;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content{position: absolute;top:310px;width:360px;}
a.news_div_item_a{font-size:18px !important;color:#333;line-height:40px;}
.news_div_item_body{font-size:14px;color:#999;line-height:26px; overflow : hidden; 
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}

.news_box .news_div_item:nth-child(-n+2) .news_div_item_body{  -webkit-line-clamp: 2; margin-top:24px; }
.news_div_item_pic,.news_box .news_div_item:nth-child(n+3) .news_div_item_date{display:none;}
.news_box .news_div_item:nth-child(n+3) .news_div_item_content{width:434px; padding: 24px 34px;}
.news_box .news_div_item:nth-child(n+3) a.news_div_item_a{line-height:30px;}
.news_box .news_div_item:nth-child(n+3):after{content:""; display:block; width:0; height:6px; background:#009c4d; margin-bottom:-6px; transition:0.3s all ease-in-out;}
.news_box .news_div_item:nth-child(n+3):hover::after{width:100%;}