/* overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -webkit-transition:all .7s;transition:all .7s; transition: all 1s; outline: 1px dashed #fff;outline-offset: -5px; transform:rotate(360deg); text-transform: Uppercase;font-family:Arial; */ /* 公用标题 */ @keyframes msClock { 0%,70%,100% {transform: rotate(0) scale(1);} 10%,30% {transform: rotate(-15deg) scale(1);} 20%,40% {transform: rotate(15deg) scale(1);} } @keyframes rotate { 0% { transform: rotate(90deg); } 100% { transform: rotate(450deg); } } /* 产品中心 */ .box_01{width:100%;height:1220px;padding-top:70px;background:url(../images/pro_back.jpg) center bottom no-repeat;overflow:hidden;} .box_01 .top{width:1300px;height:80px;margin:0 auto;} .box_01 .top .h_title{width:auto;height:80px;float:left;position:relative;z-index:2;} .box_01 .top .h_title::before{content:'';width:235px;height:11px;background:#659746;position:absolute;top:32px;left:-30px;z-index:-1;} .box_01 .top .h_title span{display:block;width:201px;height:38px;background:url(../images/bt_pro.png);} .box_01 .top .h_title h3{font-size:26px;color:#333;line-height:26px;position:absolute;left:215px;top:18px;} .box_01 .top .h_title p{font-size:15px;color:#999;line-height:15px;letter-spacing:12px;margin-top:27px;} .box_01 .top .more{display:block;width:72px;height:72px;float:right;margin:4px 0;background:url(../images/more01.png) center center no-repeat;position:relative;z-index:2;-webkit-transition:all .7s;transition:all .7s;} .box_01 .top .more:hover{background:url(../images/more02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;} .box_01 .top .more::after{content:'';width:72px;height:72px;background:url(../images/jinlong.png) center center no-repeat;position:absolute;bottom:0;right:0;z-index:-1;animation: rotate 10s infinite linear;animation-play-state: running;} .box_01 .top .more:hover::after{content:'';width:72px;height:72px;background:url(../images/jinlong.png) center center no-repeat;position:absolute;bottom:0;right:0;z-index:-1;animation-play-state: paused;} .box_01 .center{width:1300px;height:170px;margin:46px auto 0 auto;overflow:hidden;} .box_01 .center .left{width:136px;height:170px;float:left; background:#659746;margin-right:50px;} .box_01 .center .left i{display:block;width:36px;height:36px; background:url(../images/pro_icon.png);margin:45px auto 0 auto;} .box_01 .center .left h4{font-size:18px;color:#fff;line-height:18px;margin-top:30px;text-align:center;} .box_01 .center .fl_list{width:1040px;height:100px;float:left;margin:35px 0;overflow:hidden;display:flex;justify-content: space-between;} .box_01 .center .fl_list a{display:block;width:auto;height:100px;float:left;} .box_01 .center .fl_list a img{display:block;width:60px;height:60px;margin:0 auto;border-radius:30px;overflow:hidden;object-fit:cover;vertical-align:top} .box_01 .center .fl_list a p{font-size:16px;color:#333;line-height:20px;margin-top:20px;text-align:center;-webkit-transition:all .7s;transition:all .7s;} .box_01 .center .fl_list a:hover p{color:#659746;-webkit-transition:all .7s;transition:all .7s;} .box_01 .pro_center{width:1300px;height:431px;margin:113px auto 0 auto;position:relative;overflow:hidden;} .box_01 .pro_center .hd{width:200px;height:46px;overflow:hidden;position:absolute;left:740px;bottom:50px;z-index:9;} .box_01 .pro_center .hd ul{width:200px;height:46px;display:flex;justify-content: space-between;} .box_01 .pro_center .hd ul li{width:44px;height:44px;border:solid 1px #eaeaea;background:#fff;cursor:pointer;border-radius:50%;float:left;font-size:14px;color:#333;line-height:44px;text-align:center;-webkit-transition:all .7s;transition:all .7s;} .box_01 .pro_center .hd ul li.on{color:#fff;background:#659746;-webkit-transition:all .7s;transition:all .7s;} .box_01 .pro_center .bd{width:1300px;height:431px;overflow:hidden;} .box_01 .pro_center .bd .main{width:1300px;height:431px;overflow:hidden;position:relative;} .box_01 .pro_center .bd .main::before{content:'';width:161px;height:29px;background:url(../images/shu.png);position:absolute;top:65px;left:740px;} .box_01 .pro_center .bd .main a{display:block;} .box_01 .pro_center .bd .main .img{width:655px;height:431px;float:left;margin-right:85px;overflow:hidden;} .box_01 .pro_center .bd .main .img img{display:block;width:655px;height:431px;object-fit:cover;vertical-align:top;transition: all 1s;} .box_01 .pro_center .bd .main:hover .img img{transform: scale(1.05);} .box_01 .pro_center .bd .main .txt{width:430px;height:431px;float:left;overflow:hidden;position:relative;} .box_01 .pro_center .bd .main .txt::before{content:'';width:430px;height:1px;background:#eaeaea;position:absolute;top:115px;left:0;} .box_01 .pro_center .bd .main .txt .name{font-size:30px;color:#333;line-height:32px;margin-top:160px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;} .box_01 .pro_center .bd .main:hover .txt .name{color:#659746;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;} .box_01 .pro_center .bd .main .txt p{font-size:15px;color:#666;line-height:35px;height:70px;overflow:hidden;margin-top:40px;} .box_01 .pro_list{width:1300px;height:276px;margin:60px auto 0 auto;overflow:hidden;} .box_01 .pro_list li{width:300px;height:276px;margin-right:33px;overflow:hidden;float:left;} .box_01 .pro_list li:last-child{margin-right:0;} .box_01 .pro_list li a{display:block;color:#fff;} .box_01 .pro_list li .img{width:280px;height:220px;border:solid 1px #dedede;padding:9px;overflow:hidden;} .box_01 .pro_list li .img .pic{width:280px;height:220px;overflow:hidden;} .box_01 .pro_list li .img .pic img{display:block;width:280px;height:220px;object-fit:cover;vertical-align:top;transition: all 1s;} .box_01 .pro_list li:hover .img .pic img{transform: scale(1.1);} .box_01 .pro_list li .name{width:220px;padding-right:60px;font-size:16px;color:#333;line-height:16px;margin:20px auto 0 auto;background:url(../images/douhao01.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;} .box_01 .pro_list li:hover .name{color:#659746;background:url(../images/douhao02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;} /* 企业优势 */ .box_02{width:100%;height:680px;padding-top:75px;position:relative;z-index:2;overflow:hidden;} .box_02 .back{width:310px;height:380px;background:#659746;position:absolute;bottom:0;left:0;z-index:-1;} .box_02 .center{width:1300px;height:680px;margin:0 auto;position:relative;} .box_02 .center .h_title{width:535px;height:80px;float:left;position:absolute;top:0;left:0;z-index:9;} .box_02 .center .h_title::before{content:'';width:325px;height:11px;background:#659746;position:absolute;top:32px;left:-30px;z-index:-1;} .box_02 .center .h_title span{display:block;width:293px;height:47px;background:url(../images/bt_ys.png);} .box_02 .center .h_title h3{font-size:26px;color:#333;line-height:26px;position:absolute;right:0;top:14px;} .box_02 .center .h_title p{font-size:15px;color:#999;line-height:15px;letter-spacing:12px;margin-top:27px;} .box_02 .center .pos{width:450px;height:62px;float:left;position:absolute;bottom:20px;right:0;z-index:9;} .box_02 .center .pos .click{width:180px;height:62px;float:left;position:relative;z-index:2;margin-right:55px;} .box_02 .center .pos .click::before{content:'';width:180px;height:62px;background:#e0eada;position:absolute;top:-5px;left:-5px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;} .box_02 .center .pos .click:hover::before{content:'';width:190px;height:72px;background:#e0eada;position:absolute;top:-5px;left:-5px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;} .box_02 .center .pos .click a{display:block;width:180px;height:62px; background:#659746;font-size:18px;color:#fff;line-height:62px;text-align:center;} .box_02 .center .pos .tel{width:auto;height:62px;float:left;} .box_02 .center .pos .tel p:nth-of-type(1){font-size:16px;color:#adadad;line-height:16px;padding-left:25px;position:relative;margin-top:3px;} .box_02 .center .pos .tel p:nth-of-type(1)::before{content:'';width:12px;height:12px;background:#e2e2e2;border-radius:6px;position:absolute;top:2px;left:0;} .box_02 .center .pos .tel p:nth-of-type(2){font-size:30px;color:#333;font-weight:bold;line-height:26px;margin-top:15px;font-family: 'Times New Roman';} .box_02 .look_center{width:1300px;height:680px;margin:0 auto;overflow:hidden;position:relative;} .box_02 .look_center .bd{width:750px;height:680px;float:left;} .box_02 .look_center .bd .main{width:750px;height:680px;overflow:hidden;position:relative;} .box_02 .look_center .bd .main .img{width:750px;height:380px;overflow:hidden;} .box_02 .look_center .bd .main .img img{display:block;width:750px;height:380px;vertical-align:top;position:absolute;left:0;bottom:0;} .box_02 .look_center .bd .main .txt{width:750px;height:auto;overflow:hidden;position:absolute;top:120px;left:0;} .box_02 .look_center .bd .main .txt h4{font-size:22px;color:#333;font-weight:bold;line-height:24px;} .box_02 .look_center .bd .main .txt span{display:block;font-size:12px;color:#999;line-height:10px;text-transform: Uppercase;font-family:Arial;position:absolute;left:105px;top:12px;letter-spacing:14px;} .box_02 .look_center .bd .main .txt p{font-size:16px;color:#666;line-height:36px;margin-top:25px;} .box_02 .look_center .hd{width:455px;height:680px;float:right;overflow:hidden;} .box_02 .look_center .hd ul{width:455px;height:680px;overflow:hidden;} .box_02 .look_center .hd ul li{width:455px;height:95px;cursor:pointer;overflow:hidden;position:relative;margin-bottom:40px;} .box_02 .look_center .hd ul li::before{content:'';width:455px;height:1px;background:#f3f3f3;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_02 .look_center .hd ul li::after{content:'';width:0px;height:1px;background:#659746;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_02 .look_center .hd ul li.on::after{content:'';width:455px;height:1px;background:#659746;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_02 .look_center .hd ul li .icon{width:74px;height:74px;float:left;border-radius:40px;margin-right:35px;background:#f4f4f4;} .box_02 .look_center .hd ul li .icon i{display:block;width:74px;height:74px;} .box_02 .look_center .hd ul li.on .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;} .box_02 .look_center .hd ul li:nth-of-type(1) .icon i{background:url(../images/ys_icon_01.png) center center no-repeat;} .box_02 .look_center .hd ul li:nth-of-type(2) .icon i{background:url(../images/ys_icon_02.png) center center no-repeat;} .box_02 .look_center .hd ul li:nth-of-type(3) .icon i{background:url(../images/ys_icon_03.png) center center no-repeat;} .box_02 .look_center .hd ul li:nth-of-type(4) .icon i{background:url(../images/ys_icon_04.png) center center no-repeat;} .box_02 .look_center .hd ul li .wz{width:auto;height:74px;float:left;} .box_02 .look_center .hd ul li .wz h4{font-size:18px;color:#333;line-height:18px;margin-top:14px;} .box_02 .look_center .hd ul li .wz p{font-size:14px;color:#d0d0d0;line-height:16px;margin-top:15px;} .box_02 .look_center .hd ul li .num{width:auto;line-height:74px;float:right;font-size:45px;color:#333;font-weight:bold;font-family: 'Times New Roman';-webkit-transition:all .7s;transition:all .7s;} .box_02 .look_center .hd ul li.on .num{color:#659746;-webkit-transition:all .7s;transition:all .7s;} /* 成功案例 */ .box_03{width:100%;height:auto;padding:80px 0;overflow:hidden;} .box_03 .h_title{width:1300px;height:80px;margin:0 auto;position:relative;z-index:1;} .box_03 .h_title::before{content:'';width:148px;height:11px;background:#659746;position:absolute;top:32px;left:-30px;z-index:-1;} .box_03 .h_title span{display:block;width:117px;height:38px;background:url(../images/bt_case.png) left center no-repeat;} .box_03 .h_title h3{font-size:26px;color:#333;line-height:26px;position:absolute;left:125px;top:18px;} .box_03 .h_title p{font-size:15px;color:#999;line-height:15px;letter-spacing:12px;margin-top:27px;} .box_03 .picScroll-left01{width:1299px;height:507px;margin:43px auto 0 auto; background:url(../images/case_bk.png) left center no-repeat;position:relative;z-index:3;} .box_03 .picScroll-left01::after{content:'';width:1px;height:507px;background:#e0e0e0;position:absolute;top:0;right:0;z-index:2;} .box_03 .picScroll-left01 .hd{width:160px;height:62px;position:absolute;right:0;top:-112px;z-index:5;} .box_03 .picScroll-left01 .hd .prev{float:left;width:60px;height:60px;border:solid 1px #ededed;border-radius:31px;background:url(../images/case_jt_01.png) center center no-repeat #fff;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;} .box_03 .picScroll-left01 .hd .next{float:right;width:60px;height:60px;border:solid 1px #ededed;border-radius:31px;background:url(../images/case_jt_03.png) center center no-repeat #fff;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;} .box_03 .picScroll-left01 .hd .prev:hover{border:solid 1px #659746;background:url(../images/case_jt_02.png) center center no-repeat #659746;-webkit-transition:all .7s;transition:all .7s;} .box_03 .picScroll-left01 .hd .next:hover{border:solid 1px #659746;background:url(../images/case_jt_04.png) center center no-repeat #659746;-webkit-transition:all .7s;transition:all .7s;} .box_03 .picScroll-left01 .bd{width:1299px;height:507px;overflow:hidden;position:relative;z-index:5;} .box_03 .picScroll-left01 .bd ul{width:1299px;height:507px;overflow:hidden; zoom:1;} .box_03 .picScroll-left01 .bd ul li{width:432px;height:507px;float:left;overflow:hidden;margin-right:0;border-right:solid 1px #e0e0e0;} .box_03 .picScroll-left01 .bd ul li a{display:block;color:#fff;} .box_03 .picScroll-left01 .bd ul li .img{width:360px;height:240px;margin:50px auto 0 auto;overflow:hidden;} .box_03 .picScroll-left01 .bd ul li .img img{display:block;width:360px;height:240px;object-fit:cover;vertical-align:top;transition: all 1s;} .box_03 .picScroll-left01 .bd ul li:hover .img img{transform: scale(1.05);} .box_03 .picScroll-left01 .bd ul li .txt{width:360px;height:auto;margin:35px auto 0 auto;overflow:hidden;position:relative;z-index:2;} .box_03 .picScroll-left01 .bd ul li .txt .name{width:240px;font-size:18px;color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .box_03 .picScroll-left01 .bd ul li .txt span{display:block;font-size:14px;color:#999;line-height:20px;font-family:Arial;position:absolute;top:0;right:0;} .box_03 .picScroll-left01 .bd ul li .txt p{width:360px;font-size:15px;color:#666;line-height:15px;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .box_03 .picScroll-left01 .bd ul li .txt .line{width:360px;height:2px;margin-top:30px;position:relative;} .box_03 .picScroll-left01 .bd ul li .txt .line::before{content:'';width:360px;height:1px;background:#e0e0e0;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_03 .picScroll-left01 .bd ul li .txt .line::after{content:'';width:0px;height:2px;background:#659746;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_03 .picScroll-left01 .bd ul li:hover .txt .line::after{content:'';width:40px;height:2px;background:#659746;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_03 .picScroll-left01 .bd ul li .txt .more{font-size:18px;color:#333;font-weight:bold;line-height:66px;height:46px;overflow:hidden;position:relative;font-family: 'Times New Roman';} .box_03 .picScroll-left01 .bd ul li .txt .more::after{content:'';width:46px;height:46px;background:url(../images/more03.png);opacity:0;position:absolute;top:0;right:30px;-webkit-transition:all .7s;transition:all .7s;} .box_03 .picScroll-left01 .bd ul li:hover .txt .more::after{content:'';width:46px;height:46px;background:url(../images/more03.png);opacity:1;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;} /* 关于我们 */ .box_04{width:100%;height:766px;background:url(../images/ab_back.jpg) center bottom no-repeat;overflow:hidden;} .box_04 .center{width:1300px;height:766px;margin:0 auto;position:relative;} .box_04 .center .left{width:610px;height:634px;float:left;} .box_04 .center .left .h_title{width:610px;height:80px;position:relative;z-index:1;} .box_04 .center .left .h_title::before{content:'';width:176px;height:11px;background:#659746;position:absolute;top:32px;left:-30px;z-index:-1;} .box_04 .center .left .h_title span{display:block;width:148px;height:38px;background:url(../images/bt_us.png) left center no-repeat;} .box_04 .center .left .h_title h3{font-size:26px;color:#333;line-height:26px;position:absolute;left:160px;top:18px;} .box_04 .center .left .h_title p{font-size:15px;color:#999;line-height:15px;letter-spacing:12px;margin-top:27px;} .box_04 .center .left .txt{width:610px;height:auto;position:relative;margin-top:50px;} .box_04 .center .left .txt h4{font-size:18px;color:#333;font-weight:bold;line-height:20px;} .box_04 .center .left .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;line-height:35px;height:140px;font-size:15px;color:#666;margin-top:30px;} .box_04 .center .left .txt .more{width:180px;height:62px;position:relative;z-index:2;margin-top:70px;} .box_04 .center .left .txt .more::before{content:'';width:180px;height:62px;background:#e0eada;position:absolute;top:-5px;left:-5px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;} .box_04 .center .left .txt .more:hover::before{content:'';width:190px;height:72px;background:#e0eada;position:absolute;top:-5px;left:-5px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;} .box_04 .center .left .txt .more a{display:block;width:180px;height:62px; background:#659746;font-size:16px;color:#fff;line-height:62px;text-align:center;font-family:Arial;} .box_04 .center .left .txt .pos{width:340px;height:62px; background:url(../images/2015.png) right center no-repeat;position:absolute;bottom:0;right:0;} .box_04 .center .left .txt .pos span{display:block;text-align:right;width:140px;height:29px;padding-right:5px;border-bottom:solid 1px #eaeaea;position:absolute;bottom:0;left:0;font-size:15px;color:#333;line-height:15px;} .box_04 .center .right{width:640px;height:634px;float:right;position:relative;} .box_04 .center .right .img{width:950px;height:634px;position:absolute;left:0;top:0;} .box_04 .center .right .img img{display:block;width:950px;height:634px; vertical-align:top;} .box_04 .center .right .yyzz{width:261px;height:192px;background:url(../images/yy_bk.png);position:absolute;top:0;right:0;z-index:5;display:none;} .box_04 .center .right .yyzz img{display:block;width:218px;height:150px;vertical-align:top;object-fit:cover;position:absolute;top:22px;left:22px;} .box_04 .picScroll-left02{width:1300px;height:235px;position:absolute;left:0;bottom:0;z-index:9;} .box_04 .picScroll-left02::after{content:'';width:720px;height:245px;background:#fff;position:absolute;bottom:0;left:0;z-index:-1;} .box_04 .picScroll-left02 .hd{width:180px;height:50px;position:absolute;right:60px;bottom:40px;z-index:5;} .box_04 .picScroll-left02 .hd::after{content:'';width:1px;height:50px;background:rgba(255,255,255,0.2);position:absolute;top:0;left:90px;} .box_04 .picScroll-left02 .hd .prev{float:left;width:37px;height:50px;background:url(../images/ab_jt_01.png) center center no-repeat;cursor:pointer;} .box_04 .picScroll-left02 .hd .next{float:right;width:37px;height:50px;background:url(../images/ab_jt_02.png) center center no-repeat;cursor:pointer;} .box_04 .picScroll-left02 .bd{width:710px;height:235px;overflow:hidden;float:left;} .box_04 .picScroll-left02 .bd ul{width:710px;height:235px;overflow:hidden; zoom:1;} .box_04 .picScroll-left02 .bd ul li{width:290px;height:235px;float:left;overflow:hidden;margin-right:130px;} .box_04 .picScroll-left02 .bd ul li a{display:block;} .box_04 .picScroll-left02 .bd ul li .img{width:290px;height:190px;overflow:hidden;} .box_04 .picScroll-left02 .bd ul li .img img{display:block;width:290px;height:190px;object-fit:cover;vertical-align:top;transition: all 1s;} .box_04 .picScroll-left02 .bd ul li:hover .img img{transform: scale(1.05);} .box_04 .picScroll-left02 .bd ul li .name{width:230px;padding-right:60px;font-size:16px;color:#333;line-height:25px;margin-top:20px;background:url(../images/ab_jt_03.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;} .box_04 .picScroll-left02 .bd ul li:hover .name{color:#659746;background:url(../images/ab_jt_04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;} /* 新闻资讯 */ .box_05{width:100%;height:auto;padding:80px 0 40px 0;overflow:hidden;} .box_05 .news_center{width:1300px;height:auto;margin:0 auto;position:relative;} .box_05 .news_center .hd{width:1300px;height:80px;} .box_05 .news_center .hd .h_title{width:auto;height:80px;position:relative;z-index:1;float:left;} .box_05 .news_center .hd .h_title::before{content:'';width:160px;height:11px;background:#659746;position:absolute;top:32px;left:-30px;z-index:-1;} .box_05 .news_center .hd .h_title span{display:block;width:132px;height:38px;background:url(../images/bt_news.png) left center no-repeat;} .box_05 .news_center .hd .h_title h3{font-size:26px;color:#333;line-height:26px;position:absolute;left:145px;top:18px;} .box_05 .news_center .hd .h_title p{font-size:15px;color:#999;line-height:15px;letter-spacing:12px;margin-top:27px;} .box_05 .news_center .hd ul{width:535px;height:65px;overflow:hidden;float:right;margin-top:10px;display:flex;justify-content: space-between;position:relative;} .box_05 .news_center .hd ul::before{content:'';width:20px;height:65px;background:url(../images/news_line.png) center center no-repeat;position:absolute;top:0;left:150px;} .box_05 .news_center .hd ul::after{content:'';width:20px;height:65px;background:url(../images/news_line.png) center center no-repeat;position:absolute;top:0;right:150px;} .box_05 .news_center .hd ul li{width:auto;height:65px;overflow:hidden;float:left;} .box_05 .news_center .hd ul li a{display:block;width:auto;height:65px;float:left;} .box_05 .news_center .hd ul li a i{display:block;width:30px;height:30px;margin:0 auto;} .box_05 .news_center .hd ul li.on a i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;} .box_05 .news_center .hd ul li:nth-of-type(1) a i{background:url(../images/n_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .hd ul li:nth-of-type(2) a i{background:url(../images/n_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .hd ul li:nth-of-type(3) a i{background:url(../images/n_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .hd ul li:nth-of-type(1).on a i{background:url(../images/n_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .hd ul li:nth-of-type(2).on a i{background:url(../images/n_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .hd ul li:nth-of-type(3).on a i{background:url(../images/n_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .hd ul li a p{font-size:16px;color:#333;line-height:16px;margin-top:19px;} .box_05 .news_center .bd{width:1300px;height:710px;margin:50px auto 0 auto;position:relative;} .box_05 .news_center .bd .main{width:1300px;height:710px;position:relative;} .box_05 .news_center .bd .main .bx{width:410px;height:470px;padding:50px 40px 0 40px;background:#f6f6f6;overflow:hidden;position:absolute;left:0;top:0;} .box_05 .news_center .bd .main .bx a{display:block;} .box_05 .news_center .bd .main .bx .date{font-size:16px;color:#999; font-family:Arial;line-height:35px;height:24px;} .box_05 .news_center .bd .main .bx .date span{display:block;float:left;font-size:30px;color:#333;font-weight:bold;line-height:24px;margin-right:8px;} .box_05 .news_center .bd .main .bx i{display:block;position:absolute;top:50px;right:40px;font-size:16px;color:#888;line-height:24px;} .box_05 .news_center .bd .main .bx .name{font-size:16px;color:#333;line-height:20px;margin-top:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .bx:hover .name{color:#659746;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .bx p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;line-height:30px;height:90px;font-size:14px;color:#888;margin-top:32px;padding-left:20px;position:relative;} .box_05 .news_center .bd .main .bx p::before{content:'';width:1px;height:76px;background:#659746;position:absolute;top:7px;left:0;} .box_05 .news_center .bd .main .bx .img{width:410px;height:190px;margin:30px auto 0 auto;overflow:hidden;} .box_05 .news_center .bd .main .bx .img img{display:block;width:410px;height:190px;object-fit:cover;vertical-align:top;transition: all 1s;} .box_05 .news_center .bd .main .bx:hover .img img{transform: scale(1.1);} .box_05 .news_center .bd .main .top{width:750px;height:519px;border-top:solid 1px #e7e7e7;overflow:hidden;position:absolute;top:0;right:0;} .box_05 .news_center .bd .main .top li{width:750px;height:130px;padding-top:43px;overflow:hidden;position:relative;} .box_05 .news_center .bd .main .top li::before{content:'';width:750px;height:1px;background:#e7e7e7;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .top li::after{content:'';width:0px;height:1px;background:#659746;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .top li:hover::after{content:'';width:750px;height:1px;background:#659746;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .top li a{display:block;} .box_05 .news_center .bd .main .top li .name{width:500px;padding-left:20px;background:url(../images/dian01.png) left center no-repeat;font-size:16px;color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .top li:hover .name{font-weight:bold;color:#659746;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .top li span{display:block;font-size:20px;color:#333;font-weight:bold;line-height:20px;font-family:Arial;position:absolute;top:43px;right:0;} .box_05 .news_center .bd .main .top li p{font-size:14px;color:#999;line-height:30px;height:60px;margin-top:20px;overflow:hidden;} .box_05 .news_center .bd .main .bottom{width:1300px;height:140px;overflow:hidden;position:absolute;left:0;bottom:0;} .box_05 .news_center .bd .main .bottom li{width:360px;height:100px;border:solid 1px #e8e8e8;padding:19px;float:left;position:relative;z-index:2;overflow:hidden;margin-right:50px;} .box_05 .news_center .bd .main .bottom li:nth-of-type(3){margin-right:0;} .box_05 .news_center .bd .main .bottom li a{display:block;} .box_05 .news_center .bd .main .bottom li .img{width:140px;height:100px;float:left;margin-right:25px;overflow:hidden;} .box_05 .news_center .bd .main .bottom li .img img{display:block;width:140px;height:100px;object-fit:cover;vertical-align:top;transition: all 1s;} .box_05 .news_center .bd .main .bottom li:hover .img img{transform: scale(1.1);} .box_05 .news_center .bd .main .bottom li .txt{width:180px;height:100px;float:left;position:relative;} .box_05 .news_center .bd .main .bottom li .txt .name{font-size:16px;color:#333;line-height:20px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .bottom li:hover .txt .name{color:#659746;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .bottom li span{display:block;font-size:18px;color:#999;line-height:15px;font-weight:normal;font-family:Arial;position:absolute;left:0;bottom:18px;} .box_05 .news_center .bd .main .bottom li .more{width:49px;border-left:solid 1px #e7e7e7;font-size:16px;color:#999;line-height:15px;font-family:Arial;position:absolute;right:0;bottom:18px;text-align:right;-webkit-transition:all .7s;transition:all .7s;} .box_05 .news_center .bd .main .bottom li:hover .more{border-left:solid 1px #659746;color:#659746;-webkit-transition:all .7s;transition:all .7s;} .box_05 .links{width:1300px;height:30px;margin:70px auto 0 auto;overflow:hidden;position:relative;z-index:2;} .box_05 .links .lk{width:115px;height:30px;float:left;background:url(../images/links.png) left bottom no-repeat;} .box_05 .links .lk p{line-height:15px;font-size:15px;color:#333;position:absolute;left:25px;top:0;} .box_05 .links .link{width:1130px;overflow:hidden;position:relative;float:right;height:38px;} .box_05 .links .link a{display:block;float:left;width:auto;margin-right:30px;font-size:14px;line-height:30px;color:#999;position:relative;-webkit-transition:all .7s;transition:all .7s;} .box_05 .links .link a:hover{color:#659746;-webkit-transition:all .7s;transition:all .7s;} .box_05 .links .link a:last-child{margin-right:0;} /* animated home */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite} .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .animated_1 { animation-delay:0.3s; } .animated_2 { animation-delay:0.6s; } .animated_3 { animation-delay:0.9s; } .animated_4 { animation-delay:1.2s; } .animated_5 { animation-delay:1.7s; } .animated_6 { animation-delay:1.8s; } .animated_7 { animation-delay:2.1s; } .animated_8 { animation-delay:2.4s; } .animated_9 { animation-delay:2.7s; } .animated_10 { animation-delay:3s; } .animated_11 { animation-delay:3.3s; } .animated_12 { animation-delay:3.6s; } /* animated end */ @keyframes jello { from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }