/*

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);}
}



/*首页banner*/
.box_01{width:100%;height:auto;overflow:hidden;position:relative;}

.banner.swiper-container{width: 100%;height: 100%;max-height:750px;overflow:hidden !important;position:relative;}

.banner.swiper-container .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position:relative;}

.banner.swiper-container .swiper-slide img{width:100%; vertical-align:top;}

.banner.swiper-container .swiper-pagination-bullets{width:160px;height:10px;overflow:hidden;text-align:center;position:absolute;bottom:60px;left:50%;margin-left:-80px;z-index:9;display:flex;justify-content: space-between;}

.banner.swiper-container .swiper-pagination-bullet{width:10px;height:10px;opacity:0.6;filter:alpha(opacity=60);margin:0 !important;background:#fff;border-radius:5px;-webkit-transition:all .7s;transition:all .7s;}

.banner.swiper-container .swiper-pagination-bullet-active{width:80px;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .7s;transition:all .7s;}

.banner .swiper-button-prev{width:60px;height:60px;margin-top:-30px;background:url(../images/b_jt_01.png) center center no-repeat rgba(255,255,255,0.4);border-radius:30px;position:absolute;left:90px;top:50%;opacity:0;-webkit-transition:all .7s;transition:all .7s;}

.banner .swiper-button-next{width:60px;height:60px;margin-top:-30px;background:url(../images/b_jt_02.png) center center no-repeat rgba(255,255,255,0.4);border-radius:30px;position:absolute;right:90px;top:50%;opacity:0;-webkit-transition:all .7s;transition:all .7s;}

.banner:hover .swiper-button-prev{opacity:1;-webkit-transition:all .7s;transition:all .7s;}

.banner:hover .swiper-button-next{opacity:1;-webkit-transition:all .7s;transition:all .7s;}

.banner .swiper-button-prev:hover{background:url(../images/b_jt_01.png) center center no-repeat rgba(100,176,50,0.8);-webkit-transition:all .7s;transition:all .7s;}

.banner .swiper-button-next:hover{background:url(../images/b_jt_02.png) center center no-repeat rgba(100,176,50,0.8);-webkit-transition:all .7s;transition:all .7s;}





/* 产品中心 */
.box_02{width:100%;height:1367px;padding-top:65px;background:url(../images/pro_back.jpg) center top no-repeat;overflow:hidden;}

.box_02 .center{width:1280px;height:1367px;margin:0 auto;}

.box_02 .center .left{width:320px;height:1280px; background:#64b032;float:left;overflow:hidden;}

.box_02 .center .left .h_title{width:320px;height:auto;margin-top:45px;text-align:center;}

.box_02 .center .left .h_title h3{font-size:32px;color:#fff;font-weight:bold;line-height:34px;}

.box_02 .center .left .h_title h3 a{color:#fff;}

.box_02 .center .left .h_title p{font-size:16px;color:#abda8c;line-height:13px;text-transform: Uppercase;margin-top:15px;}

.box_02 .center .left .bx{width:304px;height:1115px;margin:35px auto 0 auto;overflow:hidden;position:relative;z-index:0;}

.box_02 .center .left .bx::before{content:'';width:284px;height:1115px;background:#fff;position:absolute;top:0;left:0;z-index:-1;}

.box_02 .center .left .bx .fl_list{width:304px;height:1105px;padding-top:10px;overflow: auto;overflow-x: hidden;float:left;}

.fl_list::-webkit-scrollbar {width: 10px;height: 10px;scrollbar-arrow-color:red;border-radius:5px;}

.fl_list::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #fff;box-shadow: inset 0 0 5px #fff;background: #fff;scrollbar-arrow-color:red;}

.fl_list::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px #b2d899;box-shadow: inset 0 0 5px #b2d899;border-radius:5px;background:#b2d899;}

.box_02 .center .left .bx .fl_list li{width:264px;height:40px;line-height:40px;background:#edfce3;margin:0 0 22px 10px;overflow:hidden;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li::before{content:'';width:20px;height:2px;background:#8ea77e;position:absolute;top:19px;left:15px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li.active{background:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li.active::before{content:'';width:20px;height:2px;background:#fff;position:absolute;top:19px;left:15px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li a{display:block;width:140px;padding:0 62px;font-size:16px;color:#333;text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li.active a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li a::before{content:'';width:0px;height:1px;background:#fff;position:absolute;top:20px;left:210px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li.active  a::before{content:'';width:30px;height:1px;background:#fff;position:absolute;top:20px;left:210px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li a::after{content:'';width:6px;height:40px;background:url(../images/pro_jt_03.png) right center no-repeat;position:absolute;top:0;right:19px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list li.active a::after{content:'';width:6px;height:40px;background:url(../images/pro_jt_04.png) right center no-repeat;position:absolute;top:0;right:9px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl{width:264px;height:40px;line-height:40px;background:#edfce3;margin:0 0 22px 10px;overflow:hidden;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl::before{content:'';width:20px;height:2px;background:#8ea77e;position:absolute;top:19px;left:15px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl:hover{background:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl:hover::before{content:'';width:20px;height:2px;background:#fff;position:absolute;top:19px;left:15px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl a{display:block;width:140px;padding:0 62px;font-size:16px;color:#333;text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl:hover a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl a::before{content:'';width:0px;height:1px;background:#fff;position:absolute;top:20px;left:210px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl:hover a::before{content:'';width:30px;height:1px;background:#fff;position:absolute;top:20px;left:210px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl a::after{content:'';width:6px;height:40px;background:url(../images/pro_jt_03.png) right center no-repeat;position:absolute;top:0;right:19px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .left .bx .fl_list .xfl:hover a::after{content:'';width:6px;height:40px;background:url(../images/pro_jt_04.png) right center no-repeat;position:absolute;top:0;right:9px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .right{width:910px;height:1367px;float:right;}

.box_02 .center .right .top{width:910px;height:46px;}

.topxunpan {width:auto;height:22px;margin:12px 0;float:left;}

.thisxp{width:auto;height:22px;}

.topxunpan .xp {position: relative;line-height:22px;color: #444;font-size:15px;cursor: pointer;}

.topxunpan .xp img {margin:0 20px 0 0; vertical-align:top !important;}

.topxunpan .xp i {display:inline-block;color:#444;}

.topxunpan .xp #xunpantip {z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .7s, opacity .7s;-moz-transition: transform .7s, opacity .7s;-o-transition: transform .7s, opacity .7s;-ms-transition: transform .7s, opacity .7s;transition: transform .7s, opacity .7s;background-color: #64b032;border-radius: 4px;opacity: 0;font-weight: bold;box-shadow: 2px -2px 2px #dfdfdf;}

.topxunpan .xp #xunpantip::after {content: '';position: absolute;top: 30px;left: 50%;width: 0;height: 0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: (-50%); transform: translateX(-50%);border:8px solid transparent;border-top-color: #64b032;}

.topxunpan .xp #xunpantip.xunpantextactive {-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}
.topxunpan i {font-weight: normal;font-style: normal;}

.box_02 .center .right .top .ss{width:320px;height:46px;float:right; background:url(../images/ss_bk.png);overflow:hidden;}

.box_02 .center .right .top .ss .input{width:220px;height:46px;line-height:46px;color:#888;display:block;background:rgba(0,0,0,0);font-size:14px;padding:0 20px;box-sizing:content-box;float:left;}

.box_02 .center .right .top .ss .button{width:50px;height:46px;display:inline-block;background:url(../images/search.png) center center no-repeat;cursor:pointer;border:none;float:right;}

.box_02 .center .right .mid{width:910px;height:55px; background:#f9fcf7;margin-top:35px;overflow:hidden;}

.box_02 .center .right .mid h4{width:140px;height:55px; background:#64b032;line-height:55px;text-align:center;float:left;font-size:16px;color:#fff;}

.box_02 .center .right .mid .more{width:120px;line-height:55px;margin-right:25px;float:right;position:relative;text-align:right;font-size:14px;color:#333;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .mid .more:hover{width:130px;margin-right:15px;color:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .mid .more::before{content:'';width:23px;height:55px;background:url(../images/more01.png) center center no-repeat;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .mid .more::after{content:'';width:20px;height:55px;background:url(../images/more02.png) center center no-repeat;position:absolute;top:0;left:12px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .mid .more:hover::after{content:'';width:20px;height:55px;background:url(../images/more02.png) center center no-repeat;position:absolute;top:0;left:23px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .pro_list{width:910px;height:auto;overflow:hidden;}

.box_02 .center .right .pro_list li{width:270px;height:250px;padding:8px 9px 0 9px;border:solid 1px #dcdcdc;background:#fff;float:left;margin:33px 20px 0 0;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .pro_list li:nth-of-type(3n){margin-right:0;}

.box_02 .center .right .pro_list li.active{border:solid 1px #64b032;background:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .pro_list li a{display:block;}

.box_02 .center .right .pro_list li .img{width:270px;height:200px;overflow:hidden;}

.box_02 .center .right .pro_list li .img img{width:270px;height:200px;vertical-align:top;transition: all 1s;object-fit:cover;}

.box_02 .center .right .pro_list li:hover .img img{transform: scale(1.1);}

.box_02 .center .right .pro_list li .txt{width:270px;height:50px;line-height:50px;overflow:hidden;}

.box_02 .center .right .pro_list li .txt .name{width:190px;float:left;font-size:15px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .pro_list li.active .txt .name{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .pro_list li .txt .more{width:55px;height:50px;float:right;background:url(../images/pro_jt_01.png) right center no-repeat;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .pro_list li.active  .txt .more{background:url(../images/pro_jt_02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .pro_list li .txt .more i{display:block;font-size:14px;color:#fff; opacity:0; font-family:Arial;position:absolute;left:-20px;top:0;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .pro_list li.active .txt .more i{display:block;font-size:14px;color:#fff; opacity:1; font-family:Arial;position:absolute;left:0px;top:0;-webkit-transition:all .7s;transition:all .7s;}




/* 企业优势 */
.box_03{width:100%;height:1066px;padding-top:70px;background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;}

.box_03 .h_title{width:440px;height:auto;margin:0 auto;text-align:center;}

.box_03 .h_title h3{width:440px;height:55px; background:url(../images/h_back.png) center bottom no-repeat;font-size:32px;color:#333;font-weight:bold;line-height:34px;}

.box_03 .h_title p{fnot-size:16px;color:#666;line-height:13px;margin-top:22px; text-transform:uppercase; letter-spacing:4px;}

.look_center{width:1280px;height:auto;margin:50px auto 0 auto;position:relative;}

.look_center .bd{width:1280px;height:auto;}

.look_center .bd .main{width:1280px;height:auto;}

.look_center .bd .main .top{width:1280px;height:423px;}

.look_center .bd .main .top .left{width:643px;height:423px;float:left;position:relative;}

.look_center .bd .main .top .left img{display:block;width:963px;height:423px;position:absolute;top:0;right:0; vertical-align:top;}

.look_center .bd .main .top .right{width:570px;height:423px;float:left;padding-left:67px;background:#fff;position:relative;}

.look_center .bd .main .top .right .txt{width:570px;height:78px;overflow:hidden;margin:60px 0 20px 0;}

.look_center .bd .main .top .right .txt .icon{width:78px;height:78px;background:url(../images/ys_yuan.png);float:left;margin-right:20px;font-size:38px;color:#fff;font-weight:bold;line-height:78px;text-align:center; font-family:Arial;}

.look_center .bd .main .top .right .txt .wz{width:auto;height:78px;float:left;}

.look_center .bd .main .top .right .txt .wz h4{font-size:20px;color:#444;line-height:22px;font-weight:bold;margin-top:14px;}

.look_center .bd .main .top .right .txt .wz span{display:block;font-size:15px;color:#64b032;line-height:15px;margin-top:15px;}

.look_center .bd .main .top .right p{fnot-size:15px;color:#666;line-height:40px;}

.look_center .bd .main .top .right .click{width:150px;height:48px;background:url(../images/ys_bk.png);overflow:hidden;position:absolute;left:67px;bottom:65px;z-index:9;}

.look_center .bd .main .top .right .click a{display:block;width:150px;height:48px;font-size:15px;color:#64b032;line-height:48px;text-align:center;position:relative;z-index:0;}

.look_center .bd .main .top .right .click a:after {content: "";position: absolute;background: none repeat scroll 0 0 #64b032;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all .7s ease 0s;-moz-transition: all .7s ease 0s;-o-transition: all .7s ease 0s;transition: all .7s ease 0s;}

.look_center .bd .main .top .right .click a:hover {color: #fff;text-shadow: none;}

.look_center .bd .main .top .right .click a:after {width: 0%;border-radius: 50%;opacity: .5;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}

.look_center .bd .main .top .right .click a:hover:after {height: 450%;width: 110%;opacity: 1;}

.look_center .bd .main .bottom{width:1280px;height:423px;}

.look_center .bd .main .bottom .left{width:580px;height:423px;float:left;padding-left:63px;background:#fff;position:relative;}

.look_center .bd .main .bottom .left .txt{width:580px;height:78px;overflow:hidden;margin:60px 0 20px 0;}

.look_center .bd .main .bottom .left .txt .icon{width:78px;height:78px;background:url(../images/ys_yuan.png);float:left;margin-right:20px;font-size:38px;color:#fff;font-weight:bold;line-height:78px;text-align:center; font-family:Arial;}

.look_center .bd .main .bottom .left .txt .wz{width:auto;height:78px;float:left;}

.look_center .bd .main .bottom .left .txt .wz h4{font-size:20px;color:#444;line-height:22px;font-weight:bold;margin-top:14px;}

.look_center .bd .main .bottom .left .txt .wz span{display:block;font-size:15px;color:#64b032;line-height:15px;margin-top:15px;}

.look_center .bd .main .bottom .left p{fnot-size:15px;color:#666;line-height:40px;}

.look_center .bd .main .bottom .left .click{width:150px;height:48px;background:url(../images/ys_bk.png);overflow:hidden;position:absolute;left:63px;bottom:65px;z-index:9;}

.look_center .bd .main .bottom .left .click a{display:block;width:150px;height:48px;font-size:15px;color:#64b032;line-height:48px;text-align:center;position:relative;z-index:0;}

.look_center .bd .main .bottom .left .click a:after {content: "";position: absolute;background: none repeat scroll 0 0 #64b032;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all .7s ease 0s;-moz-transition: all .7s ease 0s;-o-transition: all .7s ease 0s;transition: all .7s ease 0s;}

.look_center .bd .main .bottom .left .click a:hover {color: #fff;text-shadow: none;}

.look_center .bd .main .bottom .left .click a:after {width: 0%;border-radius: 50%;opacity: .5;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}

.look_center .bd .main .bottom .left .click a:hover:after {height: 450%;width: 110%;opacity: 1;}

.look_center .bd .main .bottom .right{width:637px;height:423px;float:left;position:relative;}

.look_center .bd .main .bottom .right img{display:block;width:957px;height:423px;position:absolute;top:0;left:0; vertical-align:top;}

.look_center .hd{width:25px;height:125px;position:absolute;right:45px;top:75px;z-index:9; background:url(../images/ys_line.png) center center no-repeat;}

.look_center .hd .prev{position:absolute;left:0;top:0;width:25px;height:29px;background:url(../images/ys_jt_01.png);cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd .next{position:absolute;left:0;bottom:0;width:25px;height:29px;background:url(../images/ys_jt_03.png);cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd .prev:hover{background:url(../images/ys_jt_02.png);-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd .next:hover{background:url(../images/ys_jt_04.png);-webkit-transition:all .7s;transition:all .7s;}





/* 工程案例 */
.box_04{width:100%;height:auto;padding:80px 0;overflow:hidden;}

.box_04 .top{width:1280px;height:90px;margin:0 auto;position:relative;}

.box_04 .top .h_title{width:440px;height:90px;margin:0 auto;text-align:center;position:relative;}

.box_04 .top .h_title h3{width:440px;height:55px; background:url(../images/h_back.png) center bottom no-repeat;font-size:32px;color:#333;font-weight:bold;line-height:34px;}

.box_04 .top .h_title p{fnot-size:16px;color:#666;line-height:13px;margin-top:22px; text-transform:uppercase; letter-spacing:4px;}

.box_04 .top .more{display:block;width:120px;line-height:55px;margin-right:25px;position:absolute;top:12px;right:0;text-align:right;font-size:14px;color:#333;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .top .more:hover{width:130px;margin-right:15px;color:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .top .more::before{content:'';width:23px;height:55px;background:url(../images/more01.png) center center no-repeat;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .top .more::after{content:'';width:20px;height:55px;background:url(../images/more02.png) center center no-repeat;position:absolute;top:0;left:12px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .top .more:hover::after{content:'';width:20px;height:55px;background:url(../images/more02.png) center center no-repeat;position:absolute;top:0;left:23px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .case_list{width:1280px;height:780px;margin:40px auto 0 auto;overflow:hidden;}

.box_04 .case_list li{width:380px;height:350px;padding:10px;background:#f9fcf7;float:left;margin:0 40px 40px 0;overflow:hidden;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .case_list li.active{background:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .case_list li:nth-of-type(3n){margin-right:0;}

.box_04 .case_list li a{display:block;}

.box_04 .case_list li .img{width:380px;height:280px;overflow:hidden;}

.box_04 .case_list li .img img{width:380px;height:280px;vertical-align:top;transition: all 1s;object-fit:cover;}

.box_04 .case_list li:hover .img img{transform: scale(1.1);}

.box_04 .case_list li .name{width:300px;font-size:15px;color:#444;line-height:15px;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .case_list li.active .name{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .case_list li p{width:300px;font-size:14px;color:#999;line-height:12px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .case_list li.active p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .case_list li .more{width:36px;height:36px;background:url(../images/dian03.png) center center no-repeat #64b032;position:absolute;bottom:15px;right:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .case_list li.active .more{background:url(../images/dian04.png) center center no-repeat #fff;-webkit-transition:all .7s;transition:all .7s;}





/* 公司简介 */
.box_05{width:100%;height:auto;padding-top:70px;background:url(../images/ab_back.jpg) center top no-repeat;overflow:hidden;}

.box_05 .h_title{width:440px;height:auto;margin:0 auto;text-align:center;}

.box_05 .h_title h3{width:440px;height:55px; background:url(../images/h_back02.png) center bottom no-repeat;font-size:32px;color:#fff;font-weight:bold;line-height:34px;}

.box_05 .h_title p{fnot-size:16px;color:#fff;line-height:13px;margin-top:22px; text-transform:uppercase; letter-spacing:4px;}

.box_05 .center{width:1280px;height:412px;margin:35px auto 0 auto;overflow:hidden;}

.box_05 .center .left{width:630px;height:392px;border:solid 10px rgba(255,255,255,0.4);border-right:none;float:left;}

.box_05 .center .left img{display:block;width:630px;height:392px; vertical-align:top;}

.box_05 .center .right{width:530px;height:412px;float:left;padding:0 50px 0 60px;background:#464646;position:relative;z-index:0;}

.box_05 .center .right .zm{font-size:100px;font-weight:bold;color:rgba(255,255,255,0.04);text-transform: Uppercase;font-family:Arial;line-height:74px;position:absolute;left:35px;top:60px;z-index:-1;}

.box_05 .center .right h4{font-size:22px;color:#fff;font-weight:bold;line-height:24px;margin-top:75px;}

.box_05 .center .right span{display:block;font-size:14px;color:#fff;line-height:16px;font-family:Arial;margin-top:10px;}

.box_05 .center .right p{fnot-size:14px;color:#c6c6c6;line-height:35px;height:105px;margin-top:35px;overflow:hidden;}

.box_05 .center .right .more{display:block;width:120px;line-height:55px;margin-right:25px;margin-top:65px;position:relative;text-align:right;font-size:14px;color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .right .more:hover{width:130px;margin-right:15px;color:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .right .more::before{content:'';width:23px;height:55px;background:url(../images/more03.png) center center no-repeat;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .right .more::after{content:'';width:20px;height:55px;background:url(../images/more04.png) center center no-repeat;position:absolute;top:0;left:12px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .right .more:hover::after{content:'';width:20px;height:55px;background:url(../images/more04.png) center center no-repeat;position:absolute;top:0;left:23px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .right .click{width:70px;height:70px;background:#64b032;overflow:hidden;position:absolute;right:0;bottom:0;z-index:9;}

.box_05 .center .right .click a{display:block;width:70px;height:70px;background:url(../images/qq01.png) center center no-repeat #64b032;position:relative;z-index:2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .right .click a:hover {background:url(../images/qq02.png) center center no-repeat #fff;-webkit-transition:all .7s;transition:all .7s;}






/* 新闻中心 */
.box_06{width:100%;height:auto;padding:80px 0;position:relative;overflow:hidden;}

.box_06 .shang{width:1280px;height:90px;margin:0 auto;position:relative;}

.box_06 .shang .h_title{width:440px;height:90px;margin:0 auto;text-align:center;position:relative;}

.box_06 .shang .h_title h3{width:440px;height:55px; background:url(../images/h_back.png) center bottom no-repeat;font-size:32px;color:#333;font-weight:bold;line-height:34px;}

.box_06 .shang .h_title h3 a{display:block;color:#333;}

.box_06 .shang .h_title p{fnot-size:16px;color:#666;line-height:13px;margin-top:22px; text-transform:uppercase; letter-spacing:4px;}

.box_06 .shang .more{display:block;width:120px;line-height:55px;margin-right:25px;position:absolute;top:12px;right:0;text-align:right;font-size:14px;color:#333;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .shang .more:hover{width:130px;margin-right:15px;color:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .shang .more::before{content:'';width:23px;height:55px;background:url(../images/more01.png) center center no-repeat;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .shang .more::after{content:'';width:20px;height:55px;background:url(../images/more02.png) center center no-repeat;position:absolute;top:0;left:12px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .shang .more:hover::after{content:'';width:20px;height:55px;background:url(../images/more02.png) center center no-repeat;position:absolute;top:0;left:23px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center{width:1280px;height:auto;margin:40px auto 0 auto;position:relative;}

.box_06 .news_center .hd{width:640px;height:48px;margin:0 auto;}

.box_06 .news_center .hd ul{width:640px;height:48px;display:flex;justify-content: space-between;}

.box_06 .news_center .hd ul li{width:170px;height:48px;line-height:48px; background:#f9fcf7;border-radius:24px;float:left;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li.on{background:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li a{display:block;width:110px;padding-left:60px;font-size:20px;color:#444;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(1) a{background:url(../images/n_icon_01.png) 30px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(2) a{background:url(../images/n_icon_03.png) 30px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(3) a{background:url(../images/n_icon_05.png) 30px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(1).on a{background:url(../images/n_icon_02.png) 30px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(2).on a{background:url(../images/n_icon_04.png) 30px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(3).on a{background:url(../images/n_icon_06.png) 30px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd{width:1280px;height:555px;margin:50px auto 0 auto;}

.box_06 .news_center .bd .main{width:1280px;height:555px;}

.box_06 .news_center .bd .main .top{width:1280px;height:170px;overflow:hidden;}

.box_06 .news_center .bd .main .top li{width:560px;height:100px;padding:35px 35px 35px 25px;background:url(../images/news_bk.png);float:left;overflow:hidden;}

.box_06 .news_center .bd .main .top li:nth-of-type(2){float:right;}

.box_06 .news_center .bd .main .top li a{display:block;}

.box_06 .news_center .bd .main .top li .date{width:120px;height:100px;border-right:solid 1px #64b032;float:left;}

.box_06 .news_center .bd .main .top li .date p{font-size:30px;color:#444;line-height:25px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top li:hover .date p{color:#64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top li .date .more{width:32px;height:32px; background:url(../images/n_jt.png) center center no-repeat #64b032;border-radius:16px;margin-top:35px;}

.box_06 .news_center .bd .main .top li .txt{width:400px;height:100px;float:right;}

.box_06 .news_center .bd .main .top li .txt .name{font-size:16px;color:#333;line-height:16px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top li:hover .txt .name{color:#64b032;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top li .txt p{font-size:14px;color:#666;margin-top:20px;line-height:30px;height:60px;overflow:hidden;}

.box_06 .news_center .bd .main .bottom{width:1280px;height:385px;margin-top:10px;overflow:hidden;}

.box_06 .news_center .bd .main .bottom li{width:620px;height:74px;line-height:74px;overflow:hidden;float:left;border-bottom:dashed 1px #d6d6d6;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bottom li:hover{border-bottom:dashed 1px #64b032;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bottom li:nth-of-type(2n){float:right;}

.box_06 .news_center .bd .main .bottom li .name{display:block;width:450px;padding-left:30px;font-size:14px;color:#666;float:left;background:url(../images/dian01.png) 0 center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bottom li:hover .name{color:#64b032;padding-left:35px;background:url(../images/dian02.png) 5px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bottom li span{display:block;font-size:14px;color:#c6c6c6;float:right;}





/* 在线留言 */
.box_07{width:100%;height:290px;padding-top:40px;background:url(../images/ly_back.jpg) center top no-repeat;overflow:hidden;}

.box_07 .form{width:1280px;height:230px;margin:0 auto;position:relative;overflow:hidden;}

.box_07 .form p{width:608px;height:46px;border:solid 1px #64b032;overflow:hidden;border-radius:24px;background:#fff;}

.box_07 .form input{display:block;width:550px;height:46px;line-height:46px;color:#727275;font-size:14px;padding:0 15px 0 43px;box-sizing:content-box;}

.box_07 .form p:nth-of-type(1){position:absolute;left:0;top:0;}

.box_07 .form p:nth-of-type(2){position:absolute;right:0;top:0;}

.box_07 .form p:nth-of-type(1) input{background:url(../images/name.png) 15px center no-repeat;}

.box_07 .form p:nth-of-type(2) input{background:url(../images/phone.png) 15px center no-repeat;}

.box_07 .form p:nth-of-type(3){width:608px;height:46px;position:absolute;left:0;top:80px;}

.box_07 .form textarea{width:550px;height:46px;line-height:46px;font-size:727275;padding:0 15px 0 43px;box-sizing:content-box;background:url(../images/liuyan.png) 15px center no-repeat;}



.box_07 .form p:nth-of-type(4){width:608px;position:absolute;right:0;top:80px;}

.box_07 .form p:nth-of-type(4) input{display:block;width:100px;height:46px;line-height:46px;color:#727275;font-size:14px;float:left;padding:0 10px 0 43px;background:url(../images/yzm.png) 15px center no-repeat;}

.box_07 .form p:nth-of-type(4) img{display:block;float:right;width:90px;height:36px;cursor:pointer;margin:5px 15px;}

.box_07 .form .tj{width:92px;height:92px;border:none;overflow:hidden;position:absolute;z-index:0;left:50%;margin-left:-26px;bottom:0;border-radius:46px;-webkit-transition:all .7s;transition:all .7s;}

.box_07 .form .tj .btn{display:block;width:92px;height:92px;line-height:92px;text-align:center;font-size:16px;color:#fff;border:none;background:none;cursor:pointer;padding:0 !important;-webkit-transition:all .7s;transition:all .7s;}

.btn_bubble_3{background:url(../images/btn.png);background-repeat: no-repeat;}

.btn_bubble_3:hover, .btn_bubble_3:focus {
 -webkit-animation: btn_3 1s forwards ease-out;
 animation: btn_3 1s forwards ease-out;
 background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;
 background-color: #64b032;
 background-repeat: no-repeat;
}

@-webkit-keyframes btn_3 {
 100% {
  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
  box-shadow: inset 0 -140px 0 #64b032;
 }
}

@keyframes btn_3 {
 100% {
  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
  box-shadow: inset 0 -140px 0 #64b032;
 }
}






/* 友情链接 */

.links{width:100%;height:75px; background:#64b032;overflow:hidden;}

.links .center{width:1280px;height:75px;line-height:75px;margin:0 auto;overflow:hidden;}

.links .center .lk{width:auto;height:75px;float:left;font-size:34px;color:#fff;}

.links .center .link{width:1150px;height:75px;float:right;overflow:hidden;position:relative;}

.links .center .link a{display:block;float:left;width:auto;font-size:16px;color:#fff;margin-right:40px;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.links .center .link a:last-child{margin-right:0px;}







/* 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.7s; }
.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.7s; }
.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);
  }
}