/* overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -webkit-transition:all .5s;transition:all .5s; transition: all 1s; outline: 1px dashed #fff;outline-offset: -5px; transform:rotate(360deg); text-transform: Uppercase; */ /* 公用标题 */ .h_title{width:200px;padding-left:139px;height:52px;margin:0 auto;position:relative; background:url(../images/h_back.png) center center no-repeat;} .h_title span{display:block;font-size:72px;line-height:52px;color:#019a62;text-transform: Uppercase;font-family:Arial;position:absolute;left:75px;top:0;} .h_title p{font-size:14px;line-height:12px;color:#858585;text-transform: Uppercase;font-family:Arial;} .h_title h3{font-size:30px;line-height:32px;margin-top:8px;color:#2f2f2f;font-weight:bold;} .h_title h3 a{display:block;color:#2f2f2f;} @keyframes msClock { 0%,70%,100% {transform: rotate(0) scale(1);} 10%,30% {transform: rotate(-15deg) scale(1);} 20%,40% {transform: rotate(15deg) scale(1);} } /* 产品中心 */ .box_01{width:1200px;height:auto;margin:60px auto;overflow:hidden;} .box_01 .pro_ad{width:1200px;height:390px;margin-top:50px;overflow:hidden;} .box_01 .pro_ad .left{width:375px;height:390px;padding-left:25px;background:url(../images/p_ad.jpg);float:left;color:#fff;} .box_01 .pro_ad .left p:nth-of-type(1){font-size:18px;font-weight:bold;line-height:20px;margin-top:35px;} .box_01 .pro_ad .left p:nth-of-type(2){font-size:18px;font-weight:bold;line-height:20px;margin-top:15px;} .box_01 .pro_ad .left p:nth-of-type(3){width:258px;height:35px;background:url(../images/pwz.png);margin-top:35px;} .box_01 .pro_ad .left p:nth-of-type(4){width:100px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#019a62;background:#fff;font-weight:bold;margin-top:35px;} .box_01 .pro_ad .right{width:515px;padding-left:220px;height:390px;background:url(../images/ping.png) left 175px no-repeat;float:right;position:relative;z-index:0;} .box_01 .pro_ad .right::after{content:'';width:279px;height:176px;background:url(../images/p_line.png);position:absolute;top:60px;left:190px;z-index:-1;} .box_01 .pro_ad .right h4{font-size:24px;color:#019a62;font-weight:bold;line-height:26px;margin:25px 0 0 35px;} .box_01 .pro_ad .right p{font-size:14px;color:#858585;line-height:30px;height:120px;overflow:hidden;margin-top:35px;} .box_01 .pro_ad .right .gd{width:70px;height:70px;background:#2f2f2f;border-left:solid 6px #019a62;position:absolute;bottom:0;right:0;z-index:0;} .box_01 .pro_ad .right .gd::before{content:'';width:0px;height:70px;background:#019a62;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_01 .pro_ad .right .gd:hover::before{content:'';width:70px;height:70px;background:#019a62;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;} .box_01 .pro_ad .right .gd a{display:block;width:70px;height:70px;background:url(../images/dian01.png) center center no-repeat;} .box_01 .case{width:1200px;height:240px;margin:40px auto 0 auto;} .box_01 .case .fc{width:1200px;height:240px;margin:0 auto;position:relative;overflow:hidden;} .box_01 .case .fc .show{width:1200px;height:240px;margin:0 auto;overflow:hidden;} .box_01 .case .fc .show ul{width:1200px;height:240px;overflow:hidden;position:relative;} .box_01 .case .fc .show ul li{width:285px;height:240px;margin-right:20px;overflow:hidden;float:left;position:relative;} .box_01 .case .fc .show ul li a{display:block;} .box_01 .case .fc .show ul li .img{width:285px;height:190px;overflow:hidden;} .box_01 .case .fc .show ul li .img img{width:285px;height:190px;transition: all 1s;vertical-align:top;} .box_01 .case .fc .show ul li:hover .img img{transform: scale(1.1);} .box_01 .case .fc .show ul li .txt{width:285px;height:50px;overflow:hidden;background:#f1f1f1;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;} .box_01 .case .fc .show ul li .txt::after{content:'';width:285px;height:0px;background:#019a62;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_01 .case .fc .show ul li:hover .txt::after{content:'';width:285px;height:50px;background:#019a62;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;} .box_01 .case .fc .show ul li .name{width:205px;line-height:50px;font-size:14px;color:#545454;padding-left:15px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .box_01 .case .fc .show ul li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_01 .case .fc .show ul li .more{width:46px;height:28px;background:url(../images/pro_jt.png) center center no-repeat #ccc;float:right;margin:11px 0;-webkit-transition:all .5s;transition:all .5s;} .box_01 .case .fc .show ul li:hover .more{background:url(../images/pro_jt.png) center center no-repeat #2f2f2f;-webkit-transition:all .5s;transition:all .5s;} /* 横栏广告 */ .box_02{width:100%;height:250px;background: url(../images/ad_back.jpg) no-repeat center center;background-attachment: fixed;} .box_02 .center{width:620px;height:205px;padding-top:45px;margin:0 auto;position:relative;z-index:2;text-align:center;color:#fff; background:url(../images/ad_bk.png) center 97px no-repeat;} .box_02 .center h4{font-size:36px;font-weight:bold;line-height:36px;} .box_02 .center p{line-height:22px;margin-top:40px;font-size:20px;font-weight:bold;} .box_02 .center .tel{width:424px;height:38px;padding:3px;line-height:38px;margin:22px auto 0 auto;border-radius:22px;background:#fff;} .box_02 .center .tel span{display:block;font-size:24px;font-weight:bold;line-height:40px;padding-left:50px;color:#019a62;position:relative;float:left;} .box_02 .center .tel span::before{content:'';width:35px;height:36px;background:url(../images/tel02.png);position:absolute;top:1px;left:0px;animation: msClock 1.2s linear infinite;} .box_02 .center .tel span i{display:block;font-size:14px;float:left;margin-right:10px;} .box_02 .center .tel a{display:block;width:120px;height:38px;line-height:38px;text-align:center;background:#019a62;float:right;font-size:16px;color:#fff;border-radius:20px;} /* 企业优势 */ .box_03{width:100%;height:auto;overflow:hidden;padding:60px 0;background:#f5f5f5;} .look_center{width:1200px;height:390px;margin:40px auto 0 auto;overflow:hidden;position:relative;} .look_center .hd{width:470px;height:140px;position:absolute;z-index:3;bottom:0;left:0;} .look_center .hd ul{width:470px;height:140px;overflow:hidden;} .look_center .hd ul li{width:230px;height:65px;cursor:pointer;overflow:hidden;position:relative;float:left;margin-bottom:10px;background:#2f2f2f;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(2n){float:right;} .look_center .hd ul li.on{background:#019a62;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li .icon{width:85px;height:65px;float:left;} .look_center .hd ul li.on .icon{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;} .look_center .hd ul li:nth-of-type(1) .icon{background:url(../images/ys_icon_01.png) 25px center no-repeat;} .look_center .hd ul li:nth-of-type(2) .icon{background:url(../images/ys_icon_02.png) 25px center no-repeat;} .look_center .hd ul li:nth-of-type(3) .icon{background:url(../images/ys_icon_03.png) 25px center no-repeat;} .look_center .hd ul li:nth-of-type(4) .icon{background:url(../images/ys_icon_04.png) 25px center no-repeat;} .look_center .hd ul li .txt{width:145px;height:65px;float:right;color:#fff;} .look_center .hd ul li .txt h4{font-size:18px;line-height:20px;font-weight:bold;margin-top:12px; letter-spacing:3px;} .look_center .hd ul li .txt p{font-size:12px;line-height:10px;color:#acacac;text-transform: Uppercase;margin-top:10px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li.on .txt p{color:#a4d1bb;-webkit-transition:all .5s;transition:all .5s;} @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); } } .look_center .bd .main{width:1200px;height:390px;overflow:hidden;} .look_center .bd .main .txt{width:395px;height:390px;float:left;position:relative;padding-left:95px;} .look_center .bd .main .txt h4{margin-top:30px;font-size:18px;line-height:20px;color:#019a62;font-weight:bold;} .look_center .bd .main .txt h5{height:50px;position:relative;margin-top:13px;font-size:24px;line-height:26px;font-weight:bold;color:#545454;} .look_center .bd .main .txt h5::after{content:'';width:52px;height:3px;background:#019a62;position:absolute;bottom:0;left:0;} .look_center .bd .main .txt p{font-size:14px;color:#858585;line-height:30px;margin-top:18px;padding-left:15px; background:url(../images/ys_dian.png) left 10px no-repeat;} .look_center .bd .main .txt span{display:block;width:60px;height:60px;line-height:60px;text-align:center;font-size:24px;color:#fff;background:#019a62;border-left:solid 7px #2f2f2f;position:absolute;left:0;top:30px;} .look_center .bd .main .img{width:669px;height:390px;float:right;} .look_center .bd .main .img img{width:669px;height:390px;vertical-align:top;} /* 案例展示 */ .box_04{width:1200px;height:670px;margin:60px auto;overflow:hidden;position:relative;} .box_04 .pos{width:600px;height:310px;position:absolute;left:0;top:0;} .box_04 .pos span{display:block;font-size:30px;color:#eee;line-height:26px;font-weight:bold;text-transform: Uppercase;margin-top:50px;} .box_04 .pos h3{height:43px;font-size:30px;color:#019a62;line-height:32px;font-weight:bold;margin-top:20px;position:relative;} .box_04 .pos h3::before{content:'';width:52px;height:2px;background:#019a62;position:absolute;bottom:0;left:0;} .box_04 .pos p{font-size:14px;color:#545454;line-height:30px;overflow:hidden;height:60px;margin-top:20px;} .box_04 .pos a{display:block;width:230px;height:54px;line-height:54px;font-size:16px;text-align:center;color:#fff;background:#2f2f2f;position:absolute;left:0;bottom:0;text-transform: Uppercase;} .picScroll-left{width:1200px;height:670px;overflow:hidden;position:relative;} .picScroll-left .hd{width:510px;height:310px;overflow:hidden;background:#f5f5f5;margin-left:690px;} .picScroll-left .hd ul{width:250px;height:21px;line-height:16px;margin:100px auto 0 auto;overflow:hidden; zoom:1;zoom:1;display:flex;justify-content: space-between;} .picScroll-left .hd ul li{float:left;width:30px;height:21px;font-size:16px;color:#858585;text-align:center;} .picScroll-left .hd ul li.on{color:#545454;position:relative;} .picScroll-left .hd ul li:after{content:'';width:0px;height:1px;background:#545454;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;} .picScroll-left .hd ul li.on:after{content:'';width:30px;height:1px;background:#545454;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;} .picScroll-left .hd .arrow{width:123px;height:40px;margin:60px auto 0 auto;position:relative;} .picScroll-left .hd .arrow:after{content:'';width:1px;height:40px;background:#cdcdcd;position:absolute;bottom:0;left:61px;} .picScroll-left .hd .arrow .prev{display:block;width:18px;height:40px;cursor:pointer;background:url(../images/case_jt_01.png) center center no-repeat;float:left;-webkit-transition:all .5s;transition:all .5s;} .picScroll-left .hd .arrow .prev:hover{background:url(../images/case_jt_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;} .picScroll-left .hd .arrow .next{display:block;width:18px;height:40px;cursor:pointer;background:url(../images/case_jt_03.png) center center no-repeat;float:right;-webkit-transition:all .5s;transition:all .5s;} .picScroll-left .hd .arrow .next:hover{background:url(../images/case_jt_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;} .picScroll-left .bd{width:1200px;height:310px;margin-top:50px;} .picScroll-left .bd ul{width:1200px;height:310px;overflow:hidden;zoom:1;} .picScroll-left .bd ul li{width:380px;height:310px;margin-right:30px;overflow:hidden;position:relative;} .picScroll-left .bd ul li a{display:block;} .picScroll-left .bd ul li .img{width:380px;height:260px;overflow:hidden;} .picScroll-left .bd ul li .img img{width:380px;height:260px;vertical-align:top;transition: all 1s;object-fit:cover;} .picScroll-left .bd ul li:hover .img img{transform: scale(1.1);} .picScroll-left .bd ul li .txt{width:280px;height:50px;line-height:50px;background:rgba(47,47,47,0.5);position:absolute;left:50px;bottom:70px;overflow:hidden;-webkit-transition:all 1s;transition:all 1s;} .picScroll-left .bd ul li:hover .txt{width:380px;height:50px;background:rgba(47,47,47,1);position:absolute;left:0;bottom:0;overflow:hidden;-webkit-transition:all 1s;transition:all 1s;} .picScroll-left .bd ul li .txt .name{width:190px;padding-left:10px;float:left;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .picScroll-left .bd ul li .txt .more{width:50px;height:50px; background:url(../images/jia01.png) center center no-repeat #019a62;float:right;} /* 关于我们 */ .box_05{width:100%;height:570px;padding-top:130px; background:url(../images/ab_back_02.jpg) left bottom no-repeat;overflow:hidden;position:relative;} .box_05 .us{width:1150px;height:262px;padding-left:50px;background:url(../images/ab_back_01.jpg);position:absolute;left:50%;top:0;margin-left:-600px;z-index:2;} .box_05 .us h4{width:515px;height:35px; background:url(../images/ab_wz.png);margin-top:43px;} .box_05 .us p{width:885px;font-size:14px;color:#fff;line-height:30px;height:90px;margin-top:30px;overflow:hidden;} .box_05 .us a{display:block;width:200px;height:50px;line-height:50px;font-size:16px;color:#fff;padding-left:30px;background:url(../images/ab_jt.png) 160px center no-repeat rgba(0,0,0,0.5);position:absolute;bottom:0;right:0;-webkit-transition:all .5s;transition:all .5s;} .box_05 .us a:hover{background:url(../images/ab_jt.png) 160px center no-repeat rgba(1,154,98,1);position:absolute;bottom:15px;right:15px;-webkit-transition:all .5s;transition:all .5s;} .box_05 .center{width:1200px;height:570px;margin:0 auto;} .box_05 .center .slideGroup{width:600px;margin-top:190px;position:relative;z-index:2;float:left;} .box_05 .center .slideGroup .parHd{width:410px;height:55px;position:relative;} .box_05 .center .slideGroup .parHd ul{width:410px;height:55px;position:relative;z-index:2;} .box_05 .center .slideGroup .parHd ul li{width:180px;height:55px;line-height:55px;font-size:16px;color:#fff;border-right:solid 10px #2f2f2f; background:#2f2f2f;cursor:pointer;text-align:center;float:left;position:relative;z-index:0;} .box_05 .center .slideGroup .parHd ul li:last-child{float:right;} .box_05 .center .slideGroup .parHd ul li::before{content:'';width:180px;height:0px;background:#019a62;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_05 .center .slideGroup .parHd ul li.on::before{content:'';width:180px;height:55px;background:#019a62;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_05 .center .slideGroup .parBd .slideBox{position:relative;width:600px;margin-top:30px;} .box_05 .center .slideGroup .parBd .slideBox .tempWrap{width:600px;margin:0 auto;overflow:hidden;} .box_05 .center .slideGroup .parBd ul{overflow:hidden; zoom:1;overflow:hidden;} .box_05 .center .slideGroup .parBd ul li{width:290px;height:225px;margin-right:20px;overflow:hidden; text-align:center;float:left;} .box_05 .center .slideGroup .parBd ul li .img{display:block;width:290px;height:180px;overflow:hidden;} .box_05 .center .slideGroup .parBd ul li .img img{width:290px;height:180px;transition: all 1s;vertical-align:top;object-fit:cover;} .box_05 .center .slideGroup .parBd ul li:hover .img img{transform: scale(1.1);} .box_05 .center .slideGroup .parBd ul li .name{display:block;width:220px;padding:0 55px 0 15px;height:45px;line-height:45px;font-size:16px;color:#545454;background:url(../images/show_jt_01.png) 255px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;} .box_05 .center .slideGroup .parBd ul li:hover .name{color:#019a62;background:url(../images/show_jt_02.png) 255px center no-repeat;-webkit-transition:all .5s;transition:all .5s;} .box_05 .center .slideGroup .parBd ul li .name::before{content:'';width:290px;height:1px;background:#d2d2d2;position:absolute;bottom:0;left:0;} .box_05 .center .slideGroup .parBd ul li .name::after{content:'';width:40px;height:1px;background:#019a62;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;} .box_05 .center .slideGroup .parBd ul li:hover .name::after{content:'';width:290px;height:1px;background:#019a62;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;} .box_05 .center .img{width:580px;height:570px;float:right;position:relative;} .box_05 .center .img img{width:940px;height:570px;position:absolute;left:0;top:0;} /* 新闻资讯 */ .box_06{width:100%;height:auto;padding-top:60px;background:#fff;overflow:hidden;} .box_06 .center{width:1200px;height:532px;margin:40px auto 0 auto;overflow:hidden;} .box_06 .center .news_center{width:690px;height:532px;float:left;} .box_06 .center .news_center .top{width:690px;height:139px;border-bottom:solid 1px #e7e7e7;position:relative;} .box_06 .center .news_center .top h4{width:150px;height:50px; background:#019a62;border-right:solid 8px #353536;position:absolute;left:0;top:0;z-index:0;} .box_06 .center .news_center .top h4::before{content:'';width:150px;height:0px;background:#353536;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .top h4:hover::before{content:'';width:150px;height:50px;background:#353536;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .top h4 a{display:block;padding-left:55px;width:95px;line-height:50px;font-size:20px;font-weight:bold;color:#fff; background:url(../images/news_icon.png) 10px center no-repeat;} .box_06 .center .news_center .top .name{display:block;width:490px;margin-left:200px;font-size:18px;color:#545454;line-height:50px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .top .name:hover{color:#019a62;width:480px;margin-left:210px;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .top p{font-size:14px;color:#999;line-height:25px;height:50px;overflow:hidden;margin-top:20px;} .box_06 .center .news_center .list{width:690px;height:260px;overflow:hidden;} .box_06 .center .news_center .list li{width:690px;height:110px;margin-top:20px;overflow:hidden; background:#f9f9f9;} .box_06 .center .news_center .list li .img{width:140px;height:110px;overflow:hidden;float:left;} .box_06 .center .news_center .list li .img img{width:140px;height:110px;vertical-align:top;} .box_06 .center .news_center .list li .txt{width:505px;height:110px;overflow:hidden;float:right;margin-right:20px;} .box_06 .center .news_center .list li .txt .name{display:block;font-size:16px;color:#545454;line-height:16px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .list li:hover .txt .name{color:#019a62;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .list li .txt p{font-size:14px;color:#999;line-height:25px;height:50px;margin-top:15px;overflow:hidden;} .box_06 .center .news_center .botton{width:690px;height:132px;overflow:hidden;} .box_06 .center .news_center .botton li{width:690px;height:24px;line-height:24px;overflow:hidden;margin-top:20px;} .box_06 .center .news_center .botton li a{display:block;padding-left:45px;width:500px;height:24px;font-size:16px;color:#545454;background:url(../images/dian02.png) left center no-repeat;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .botton li:hover a{color:#019a62;padding-left:50px;background:url(../images/dian03.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .botton li span{display:block;width:auto;height:24px;font-size:14px;color:#999;float:right;-webkit-transition:all .5s;transition:all .5s;} .box_06 .center .news_center .botton li:hover span{color:#019a62;-webkit-transition:all .5s;transition:all .5s;} .box_06 .qa{width:440px;height:482px;padding:30px 20px 20px 20px;background:#f9f9f9;float:right;overflow:hidden;} .box_06 .qa .tempWrap{width:440px;height:482px !important;overflow:hidden;} .box_06 .qa .quest{width:400px;height:115px;padding:25px 20px 0 20px;margin-bottom:30px;background:#fff;} .box_06 .qa .quest:last-child{margin-bottom:0px;} .box_06 .qa .quest a{display:block;font-size:16px;line-height:16px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .box_06 .qa .quest:hover a{color:#019a62;-webkit-transition:all .5s;transition:all .5s;} .box_06 .qa .quest p{margin-top:18px;font-size:14px;line-height:25px;color:#858585;height:50px;overflow:hidden;} .box_06 .qa .quest span{display:block;width:100px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#858585;background:#e3e3e3;position:absolute;bottom:0;right:0;} /* 友情链接 */ .links{width:1200px;height:auto;min-height:80px;margin:90px auto 40px auto;overflow:hidden;background:#f9f9f9;} .links .center{width:1200px;height:auto;min-height:80px;margin:0 auto;overflow:hidden;} .links .center .ks{width:150px;height:auto;min-height:80px;line-height:80px;text-align:center;float:left;overflow:hidden;position:relative;font-size:18px;font-weight:bold;color:#fff; background:#019a62;} .links .center .link{width:1030px;float:right;height:auto;min-height:80px;overflow:hidden;} .links .link a{display:block;float:left;width:auto;padding:0 29px;font-size:14px;line-height:80px;color:#868686;position:relative;} .links .link a::after{content:'';width:1px;height:14px;background:#868686;position:absolute;top:33px;right:0;} .links .link a:last-child{border-right:0;} .links .link a:hover{text-decoration:underline;color:#019a62;} /* 提交按钮的线条边框特效 */ .bz-buttonAnimat { position: relative } /* .bz-buttonAnimat .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100% } */ .bz-buttonAnimat::before, .bz-buttonAnimat::after, .bz-buttonAnimat .inner::before, .bz-buttonAnimat .inner::after { background-color: #019a62; } .bz-buttonAnimat02::before, .bz-buttonAnimat02::after, .bz-buttonAnimat02 .inner::before, .bz-buttonAnimat02 .inner::after { background-color: #fff; } .bz-buttonAnimat:before, .bz-buttonAnimat:after, .bz-buttonAnimat .inner:before, .bz-buttonAnimat .inner:after { position: absolute; content: ""; display: block; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .bz-buttonAnimat.horizontal:before, .bz-buttonAnimat.horizontal:after, .bz-buttonAnimat.both:before, .bz-buttonAnimat.both:after { left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0) } .bz-buttonAnimat.horizontal .inner:before, .bz-buttonAnimat.horizontal .inner:after, .bz-buttonAnimat.both .inner:before, .bz-buttonAnimat.both .inner:after { top: 0; width: 2px; height: 100%; -webkit-transform: scaleY(0); transform: scaleY(0) } .bz-buttonAnimat.horizontal .inner:before, .bz-buttonAnimat.both .inner:before { left: 0 } .bz-buttonAnimat.horizontal .inner:after, .bz-buttonAnimat.both .inner:after { right: 0 } .bz-buttonAnimat.horizontal .inner:hover:before, .bz-buttonAnimat.horizontal .inner:hover:after, .bz-buttonAnimat.both .inner:hover:before, .bz-buttonAnimat.both .inner:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1) } .bz-buttonAnimat.horizontal:before, .bz-buttonAnimat.both:before { top: 0 } .bz-buttonAnimat.horizontal:after, .bz-buttonAnimat.both:after { bottom: 0 } .bz-buttonAnimat.horizontal:hover:before, .bz-buttonAnimat.horizontal:hover:after, .bz-buttonAnimat.both:hover:before, .bz-buttonAnimat.both:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1) } .bz-buttonAnimat.horizontal:hover .inner:before, .bz-buttonAnimat.horizontal:hover .inner:after, .bz-buttonAnimat.both:hover .inner:before, .bz-buttonAnimat.both:hover .inner:after { -webkit-transform: scaleY(1); transform: scaleY(1) } .bz-buttonAnimat.horizontal.clockwise .inner:before, .bz-buttonAnimat.both.clockwise .inner:before { -webkit-transform-origin: top center; transform-origin: top center } .bz-buttonAnimat.horizontal.clockwise .inner:after, .bz-buttonAnimat.both.clockwise .inner:after { -webkit-transform-origin: bottom center; transform-origin: bottom center } .bz-buttonAnimat.horizontal.clockwise:before, .bz-buttonAnimat.both.clockwise:before { -webkit-transform-origin: right center; transform-origin: right center } .bz-buttonAnimat.horizontal.clockwise:after, .bz-buttonAnimat.both.clockwise:after { -webkit-transform-origin: left center; transform-origin: left center } .bz-buttonAnimat.horizontal.clockwise:hover .inner:before, .bz-buttonAnimat.both.clockwise:hover .inner:before { -webkit-transform-origin: bottom center; transform-origin: bottom center } .bz-buttonAnimat.horizontal.clockwise:hover .inner:after, .bz-buttonAnimat.both.clockwise:hover .inner:after { -webkit-transform-origin: top center; transform-origin: top center } .bz-buttonAnimat.horizontal.clockwise:hover:before, .bz-buttonAnimat.both.clockwise:hover:before { -webkit-transform-origin: left center; transform-origin: left center }