/* CSS Document */
/*banner srat*/
.swiper-container{width: 100%; height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide{text-align: center; font-size: 18px; background: #fff; 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; overflow: hidden; width:100%; height:100%;}
.slide01{background:url(../cssimg/dami_01.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.slide01 .video_phl{display: none;background:url(../cssimg/dami_01.jpg) no-repeat center;background-size: cover ;}
.slide02{background:url(../cssimg/2_01.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.slide03{background: url(../cssimg/2_01.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.swiper-slide .sli_cont{width: 100%; height: 100%;display: table; position:relative; left:0px;text-align: center;z-index: 1000;top:-800px; opacity:0;transition:all 2s ease 1s;-moz-transition:all 2s ease 1s;-webkit-transition:all 2s ease 1s;}
.swiper-slide-active .sli_cont{top:0px;opacity:1;}
.swiper-slide .word_text{width: auto; height: auto; text-align: center; display: table-cell !important; vertical-align: middle;}
.swiper-slide .word_text div{display:block; text-align:center; margin:0px auto; width: auto; height: auto;}
.swiper-slide .word_text2 div{text-align:left; width:820px; margin:0px auto; padding-left:240px;}
.swiper-slide .word_text2 p{font-size:32px; display:block; color:#fff; text-align:left;}
.swiper-slide .word_text2 b{font-size:46px; display:block; color:#fff; line-height:85px; text-align:left;}
.swiper-slide .word_text2 span{font-size:16px; display:block; color:#fff; text-align:left;}
.swiper-slide .word_text2 img{display:inline-block !important; text-align:center;}
.swiper-slide .word_text img{display:inline-block;}
.swiper-slide .word_text3 img{float:right;}

.swiper-slide .word_text span{ display:none;}
.nav_1 ol li { position:relative;}
.nav_1 ol li div{ position:absolute; top:40px; left:0px; display:none;}
.nav_1 ol li div img{ width:100px; height:auto;}
.nav_1 ol li:hover div{ display:block;}


.swiper-slide .word_text{right: 5px;top: 27px;animation:slideone 1.5s ease-out forwards infinite;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 0.6s;z-index: 999; position:relative;}
@keyframes slideone {
0% {top: 7px;}
15% {}
50% {top: 2px;right: -5px;}
75% {}
100% {top: 7px;}
}


.mk_2{ position:absolute; width:320px; height:155px; bottom:20px; right:20px; z-index:9999;}
.mk_2 ul li{ float:left; padding:0px 15px;}

.mk_2 ul li {-webkit-transition: -webkit-transform 2s ease-out;	-moz-transition: -moz-transform 2s ease-out;	-o-transition: -o-transform 2s ease-out;	-ms-transition: -ms-transform 2s ease-out;}
.mk_2 ul li:hover {	-webkit-transform: rotateZ(360deg);	-moz-transform: rotateZ(360deg);	-o-transform: rotateZ(360deg);	-ms-transform: rotateZ(360deg);	transform: rotateZ(360deg);}


.nav_1{ position:absolute; z-index:999; width:140px; height:50px; right:80px;}
.nav_1 ol li{ float:left; padding:0px 10px;}
.nav_1 ol li i{ font-size:30px; color:#fff;}
.nav_1 ol li:hover i{ color:#1a9100;}

.k_div span{ float:left; width:65%;}
.k_div img{ float:right; width:25%;  height:auto;}

/**banner end*/
/*第二屏 star**/
#menu li {  font-size: 18px; position:relative; line-height:80px; display:inline-block;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; width:100%; }
#menu a { padding: 0px 20px;color: #030303; text-decoration: none;}
#menu .active a { color: #fff; background-color: #333;}
#menu li div{ position:absolute; width:100%; top:20px; left:0px; background:rgba(0,0,0,0.5); opacity:0;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
#menu li:hover div{ opacity:1; top:55px;}
#menu li div a:hover{ background:rgba(0,0,0,0.3) !important;}
header {position: relative; height: 70px;  z-index: 9900; position: fixed; width:100%;}
.nav{ width:100%; margin:0px auto;padding:0px;}
.nav .nav_button{background: transparent; border: none; display: block;  margin-left: 15px; position: fixed; top: 18px; right: 20px; z-index: 9999;}
.nav .nav_button span{height: 2px;  left: 0; position: absolute; width: 100%; background:#fff;}
.nav .nav_button span.hamb-top{ top:0px; opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav .nav_button span.hamb-middle{ top:8px;opacity:1;}
.nav .nav_button span.hamb-bottom{ top:16px;opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav ul{  position:fixed; top:0px; width:34%; height:100%; top:-100%;text-align:center; z-index:999;background:url(../cssimg/top.jpg) no-repeat;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; background-size: cover !important;    overflow: hidden; right:-500px;  }
.li_haha{ background:rgba(0,0,0,0.6); }

.nav ul.li_mei{ top:0px; right:0px;}
.nav ul{}
.dic_nav{  width:100%; height:100%;  display: table;   table-layout: fixed;}
.dic_aidiv{    display: table-cell;   vertical-align: middle;    width: 100%;    height: 100%;}
.nav ul li{ position:relative;}
.nav ul li a{ padding:10px 20px; display:block;  color:#fff; position:relative; z-index:2;}
.nav ul li a:hover{}
.nav ul li:before{background:#efb431;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:1px; z-index:1;}
.nav ul li:hover:before {-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.nav .clost span.hamb-top{ top:5px; opacity:0.7;transform:rotate(90deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(45deg);/*Safariå’ŒChrome*/-o-transform:rotate(90deg); }
.nav_button em{ display:block; text-align:center; width:60px; float:left; font-size:20px;}
.nav_button em b{ display:block; font-size:20px; font-weight:normal; }
.t_bu{ width:40px; position:relative; float:right; height:40px;    margin-top: 0px;}
.nav .nav_button span{height: 2px;  left: 0; position: absolute; width: 100%; background:#232323;}
.nav .nav_button span.hamb-top{ top:0px; opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width:30px; margin-left:10px; }
.nav .nav_button span.hamb-middle{ top:9px;opacity:1; width:40px;}
.nav .nav_button span.hamb-bottom{ top:18px;opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; width:30px;margin-left:10px;}
.nav .clost span.hamb-top{ top:10px; opacity:0.7;transform:rotate(90deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(45deg);/*Safariå’ŒChrome*/-o-transform:rotate(90deg); }
.nav .clost span.hamb-middle{ display:none;}
.nav .clost span.hamb-bottom{ top:10px; opacity:0.7; transform:rotate(7deg);-ms-transform:rotate(7deg);	/* IE 9 */-moz-transform:rotate(7deg); 	/* Firefox */-webkit-transform:rotate(-45deg); /* Safari å’Œ Chrome */-o-transform:rotate(7deg); }
.header_tt .dic_nav{ width:550px; float:right;}
.header_tt .dic_nav ul li{ display:inline-block; float:left;}
.header_tt{ width:100%; height:65px; background:#fffff7;    box-shadow: 0 2px 5px rgba(0, 0, 0, .1); padding:0px 30px; top:0px;}
.header_tt .nav{ height:65px;}
.header_tt .nav_button{ display:none }
.header_tt .nav ol{ display:block; padding:0px; height:65px; line-height:65px; margin:0px;}
.header_tt .nav ol li{ display:inline-block; font-size:16px; }
.header_tt .nav ol li a{ padding:0px 20px;}
.header_tt .nav ol li:hover{ background:#99bc41;}
.header_tt .nav ol li:hover a{ color:#fff;}
.header_tt .nav ol li.cli{ background:#99bc41;}
.header_tt .nav ol li.cli a{ color:#fff; display:block;}
.li_haha .m-cover {  display: block;}
#fp-nav ul li, .fp-slidesNav ul li{ width:27px; height:27px; margin:3px 0px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{  width:27px; height:27px;  background:url(../cssimg/c2.png) no-repeat; background-size:100%;opacity:1;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{  width:27px; height:27px; background:url(../cssimg/c1.png) no-repeat;}


.ablef_2 span img{ position:static; right:inherit !important; transform:none !important;}
.ablef_3>img{ display:block; position:relative; right:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;    -webkit-transform: rotateX(0deg) rotateY(0deg);  -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.ablef_3:hover img{ right:-100%;transform:rotateY(180deg) -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);}
.ablef_3:hover span{ left:0px;}
.ablef_3 span img{ position:static; right:inherit !important; transform:none !important;}
.about_right{ display: table;  table-layout: fixed;   height:100%;position: absolute;    right: 0px;    width: 38%; margin-right:2%;}
.abui_div{ display: table-cell;    vertical-align: middle;    width: 100%;    height: 100%;}
.ab_ritit img{ max-width:100%; display:block; height:auto;}
.adri_div{ padding:0px 40px; padding-top:40px; position:relative;}
.adc_1{ width:370px; float:left; padding-right:10px;}
.adc_2{ width:65px; float:left; font-size:20px; text-align:center;}
.adc_2 h3{ font-weight:normal;}
.adc_1 img{ float:right; max-width:100%; display:block; height:auto;}
.adc_3{ width:70px; float:right; font-size:40px; text-align:center; position:relative; top:-125px;}
.adc_3 em{ display:block;}
.adc_4{ width:230px; height:153px; position:absolute; bottom:-140px; left:0px; z-index:6;}


.about_left{transform:translate3d(-400px,-200px,0px);transition:all 1s ease 0s; opacity:0;}
.about_right{transform:translate3d(400px,-200px,0px);transition:all 1s ease 0s; opacity:0;}
#about.active .about_left,#about.active .about_right{transform:translate3d(0px,0px,0px);opacity:1;}


#hezuo{background:url(../cssimg/dami_03.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}

.hezuo_1{transform:translate3d(-400px,-200px,0px);transition:all 1s ease 0s; opacity:0;}
.hezuo_2{transform:translate3d(-200px,-200px,0px);transition:all 1s ease 0s; opacity:0;}
.hezuo_3{transform:translate3d(0px,200px,0px);transition:all 1s ease 0s; opacity:0;}
.hezuo_4{transform:translate3d(200px,-200px,0px);transition:all 1s ease 0s; opacity:0;}
.hezuo_5{transform:translate3d(400px,-200px,0px);transition:all 1s ease 0s; opacity:0;}
#hezuo.active .hezuo_1,#hezuo.active .hezuo_2,#hezuo.active .hezuo_3,#hezuo.active .hezuo_4,#hezuo.active .hezuo_5{transform:translate3d(0px,0px,0px);opacity:1;}


#pro{background:url(../cssimg/2_05.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.box{position: relative;  width: 1920px;  height: 800px; margin-left: -960px;     margin-top: -90px;  left: 50%;}

.box_fixed{position:relative !important;width:100%;height:570px;}
.box DIV{z-index:100;position:absolute;}
/*鼠标浮动开始*/
.ghost{width:26px;margin:0px auto;position:relative;animation:ghostUpdown 1s infinite alternate;-webkit-animation:ghostUpdown 1s infinite alternate;}
.ghostBody{width:26px;height:61px;position:relative;}
@keyframes ghostUpdown{from{margin-top:-10px;}to{margin-top:5px;}}
@-webkit-keyframes ghostUpdown{from{margin-top:-10px;}to{margin-top:5px;}}
/*鼠标浮动结束*/
/* 产品缩放开始*/
.ih-item.circle .img{position: relative; width: 220px; height: 220px;}
.ih-item.circle .img:before{position: absolute; display: block; content: ''; width: 100%; height: 100%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.ih-item.circle .info{position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.ih-item.circle.effect6 .img{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.ih-item.circle.effect6.colored .info{}
.ih-item.circle.effect6 .info{opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.ih-item.circle.effect6 .info h3{color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);}
.ih-item.circle.effect6 .info p{color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5);}
.ih-item.circle.effect6.scale_up .info{-webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);}
.ih-item.circle.effect6.scale_up a:hover .img{opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
.ih-item.circle.effect6.scale_up a:hover .info{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.ih-item.circle.effect6.scale_down .info{-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
/* 产品缩放结束*/
.b4_05{transform:translate3d(-300px,0px,0px);transition:all 1s ease 0.2s; opacity:0;}
.b4_06{transform:translate3d(-900px,0px,0px);transition:all 1s ease 0.4s; opacity:0;}
.b4_07{transform:translate3d(-1900px,0px,0px);transition:all 1s ease 0.6s; opacity:0;}
.b4_08{transform:translate3d(1900px,0px,0px);transition:all 1s ease 0.8s; opacity:0;}
#pro.active .b4_05,#pro.active .b4_06,#pro.active .b4_07,#pro.active .b4_08{transform:translate3d(0px,0px,0px);opacity:1;}

.news_right ul li:nth-child(1){transform:translate3d(1900px,0px,0px);transition:all 1s ease 0.2s; opacity:0;}
.news_right ul li:nth-child(2){transform:translate3d(1900px,0px,0px);transition:all 1s ease 0.3s; opacity:0;}
.news_right ul li:nth-child(3){transform:translate3d(1900px,0px,0px);transition:all 1s ease 0.4s; opacity:0;}
#news.active .news_right ul li:nth-child(1),#news.active .news_right ul li:nth-child(2),#news.active .news_right ul li:nth-child(3){transform:translate3d(0px,0px,0px);opacity:1;}


#contact{background:url(../cssimg/2_10.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.nou_1{ position:absolute; width:100%; height:57%; background:rgba(255,255,255,0.8); bottom:0px; left:0px;}
.con_div img{ display:block; margin:0px auto;}
.con_div{ position:relative; z-index:6;}
.con_div span{ display:block; text-align:center; padding:20px 0px;}
.con_div span em{ font-size:22px; display:block;}
.con_div span b{ font-size:37px; display:block; font-weight:normal;}
.con_div{transform:translate3d(0px,800px,0px);transition:all 1s ease 0s; opacity:0;}
#contact.active .con_div{transform:translate3d(0px,0px,0px);opacity:1;}


#about{background:url(../cssimg/dami_02.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}

.about_left{ width:65%; float:left;}
.about_right{ width:35%; float:right;}
.ab_1left{ width:35%; float:left;}
.ab_1right{ width:65%; float:right; padding-top:150px;}
.ab_1left img{ width:100%; height:auto; display:block;}
.abo_div{ max-width:1500px; margin:0px auto;}
.ab_1right{ padding-left:50px;}
.ab_1{ display:block; float:left; position:relative; top:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.ab_2{ padding-left:40px;    width: 100%;}
.ab_2 h6{color: #fff;    font-family: "宋体";font-size: 16px;writing-mode: tb;color: #fff;letter-spacing: 4px; 
    font-size: 18px;
    display: inline-block;
    writing-mode: tb;
    margin: 0 4px;
    vertical-align: top;
    display: inline-block;}
.ab_2 p{color: #fff;writing-mode: tb;writing-mode: tb;margin-right: 8%; font-family: "宋体";    letter-spacing: 6px;    text-align: justify;    line-height: 2.4;display: inline-block;    height: 400px;vertical-align: top;font-size: 18px;}
.ab_2 .ab_1more{padding: 6px;background: #6b9d51;display: inline-block;    height: 200px;vertical-align: top;}
.ab_1more a{display: block;border:1px solid #fff;color: #fff;padding: 20px 0px;    font-size: 18px; font-family: "宋体";    letter-spacing: 6px;line-height: 30px;}
.ab_1more span{margin-left: 20px;margin-top: 20px;}


.ab_1:hover{ top:20px;}
.ab_5 img{ width:200px; height:auto;}


.hz_1{ float:left; padding-top:200px;}
.hz_2{ float:left; padding:0px 20px; position:relative;}
.hz_3{width: 20%; float:left; padding-top:200px; position:relative; top:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;padding-left: 0;height: 800px;}
.hz_3.ab_2 .ab_1more{margin:20px 0 0;     vertical-align: middle;    height: 200px;}
.hz_3.ab_2 .ab_1more a{line-height: 28px;}
.hz_3 h6{height: 74%;
    font-size: 20px;
    letter-spacing: 4px;
    margin-left: 20px;}
.hz_3.ab_2 p{margin-right:0;height: auto;height: 80%;    line-height: 2;}
.hz_3:hover{ top:10px;}


#pro{background:url(../cssimg/dami_04.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.pro_1{ width:560px; height:100px; float:left;}
.pro_1 ul li{ width:80px; height:100px; float:left; border:solid 1px #558f3e; border-radius:6px;margin-right: 30px;}
.pro_1 ul li span{ font-size:24px; color:#558f3e; padding:0px 10px; display:block; height:63px; text-align:center;}
.pro_1 ul li em{ font-size:12px; background:#558f3e; color:#fff; display:block; height:35px;border-radius:0px 0px 6px 6px; text-align:center;    letter-spacing: -1px;}


.pro_2{ width:630px; height:600px; position:absolute; right:0px; top:50%; margin-top:-300px; overflow:hidden;}
.pro_sp1{ width:350px; float:left; padding-top:200px;}
.pro_sp2{ width:260px; float:right;}
.pro_sp1 span{ float:right;}
.pro_sp1 div{ color:#558f3e; clear:both; font-size:18px; text-align:right; line-height:34px;    background: rgba(255, 255, 255, 0.7803921568627451);
    line-height: 34px;
    padding: 20px;
    border-radius: 3px;}
.pro_sp1 div em{ display:block;}


#news{background:url(../cssimg/dami_05.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}

.new_div ul li{ width:19%; float:left; margin:0px; margin-right: 1.24%; }
.new_div ul li img{ width:100%; height:auto; display:block;box-shadow:0px 5px 10px #cdcdcd;}
.new_div ul li:last-child{ margin:0}
.new_div ul li b{ display:block; overflow:hidden;}
.new_div ul li span{ text-align:center; display:block; font-size:18px; padding:20px 0px;}
.new_tit span{ font-size:48px; text-align:center; color:#000; display:block; padding-bottom:110px;}


.new_div ul li b img {height:auto;-webkit-transform:scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:400ms;-moz-transform:scale(1,1);-moz-transition-timing-function:ease-out;-moz-transition-duration:400ms;transform:scale(1,1);transition-timing-function:ease-out;transition-duration:400ms;width:100%;}
.new_div ul li b:hover img {-webkit-transform:scale(1.1,1.1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:400ms;-moz-transform:scale(1.1,1.1);-moz-transition-timing-function:ease-out;-moz-transition-duration:400ms;transform:scale(1.1,1.1);transition-timing-function:ease-out;transition-duration:400ms;}


#yuanqu{background:url(../cssimg/dami_06.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}

#yuanqu .new_tit span{ color:#fff;}


.yuanqu_div ul li{ width:18%; margin:0px 1%; float:left; overflow:hidden; height:240px; position:relative;}
.yuanqu_div ul li .yq_1{ position:absolute; top:0px; left:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;    width: 100%;
    text-align: center;}
.yuanqu_div ul li .yq_2{ position:absolute; top:280px; left:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;    width: 100%;
    text-align: center;}
.yuanqu_div ul li:hover .yq_2{ top:0px;}
.yuanqu_div ul li:hover .yq_1{ top:-280px;}

.hz_3{transform:translate3d(0px,800px,0px);transition:all 1s ease 1s; opacity:0;}
.active .hz_3{transform:translate3d(0px,0px,0px);opacity:1;}

.hz_1{transform:translate3d(0px,800px,0px);transition:all 1s ease 0s; opacity:0;}
.active .hz_1{transform:translate3d(0px,0px,0px);opacity:1;}

.hz_2{transform:translate3d(0px,-800px,0px);transition:all 1s ease 0.3s; opacity:0;}
.active .hz_2{transform:translate3d(0px,0px,0px);opacity:1;}

.pro_1 ul li:nth-child(1){transform:translate3d(0px,-800px,0px);transition:all 1s ease 0s; opacity:0;}
.active .pro_1 ul li:nth-child(1){transform:translate3d(0px,0px,0px);opacity:1;}

.pro_1 ul li:nth-child(2){transform:translate3d(0px,800px,0px);transition:all 1s ease 0.5s; opacity:0;}
.active .pro_1 ul li:nth-child(2){transform:translate3d(0px,0px,0px);opacity:1;}

.pro_1 ul li:nth-child(3){transform:translate3d(0px,-800px,0px);transition:all 1s ease 1s; opacity:0;}
.active .pro_1 ul li:nth-child(3){transform:translate3d(0px,0px,0px);opacity:1;}

.pro_1 ul li:nth-child(4){transform:translate3d(0px,800px,0px);transition:all 1s ease 1.5s; opacity:0;}
.active .pro_1 ul li:nth-child(4){transform:translate3d(0px,0px,0px);opacity:1;}

.pro_1 ul li:nth-child(5){transform:translate3d(0px,-800px,0px);transition:all 1s ease 2s; opacity:0;}
.active .pro_1 ul li:nth-child(5){transform:translate3d(0px,0px,0px);opacity:1;}


.pro_1 ul li:hover span{ background:#fff; border-radius:6px 6px 0px 0px; color:#558f3e; }
.pro_1 ul li:hover em{ color:#fff;}

.pro_sp1{transform:translate3d(0px,-800px,0px);transition:all 1s ease 2s; opacity:0;}
.active .pro_sp1{transform:translate3d(0px,0px,0px);opacity:1;}

.pro_sp2{transform:translate3d(400px,0px,0px);transition:all 1s ease 1.2s; opacity:0;}
.active .pro_sp2{transform:translate3d(0px,0px,0px);opacity:1;}


.hz_5{ position:absolute; top:0px; left:0px;}


.hz_4{ display:block; animation: 19.5s linear 0s normal none infinite rotate;
	-webkit-animation:19.5s linear 0s normal none infinite rotate;}

.new_div ul li:nth-child(1){transform:translate3d(400px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.active .new_div ul li:nth-child(1){transform:translate3d(0px,0px,0px);opacity:1;}

.new_div ul li:nth-child(2){transform:translate3d(400px,0px,0px);transition:all 1s ease 0.5s; opacity:0;}
.active .new_div ul li:nth-child(2){transform:translate3d(0px,0px,0px);opacity:1;}

.new_div ul li:nth-child(3){transform:translate3d(400px,0px,0px);transition:all 1s ease 1s; opacity:0;}
.active .new_div ul li:nth-child(3){transform:translate3d(0px,0px,0px);opacity:1;}

.new_div ul li:nth-child(4){transform:translate3d(400px,0px,0px);transition:all 1s ease 1.5s; opacity:0;}
.active .new_div ul li:nth-child(4){transform:translate3d(0px,0px,0px);opacity:1;}

.new_div ul li:nth-child(5){transform:translate3d(400px,0px,0px);transition:all 1s ease 2s; opacity:0;}
.active .new_div ul li:nth-child(5){transform:translate3d(0px,0px,0px);opacity:1;}

.yuanqu_div ul li:nth-child(1){transform:translate3d(0px,950px,0px);transition:all 1s ease 0s; opacity:0;}
.active .yuanqu_div ul li:nth-child(1){transform:translate3d(0px,0px,0px);opacity:1;}

.yuanqu_div ul li:nth-child(2){transform:translate3d(0px,950px,0px);transition:all 1s ease 0.5s; opacity:0;}
.active .yuanqu_div ul li:nth-child(2){transform:translate3d(0px,0px,0px);opacity:1;}

.yuanqu_div ul li:nth-child(3){transform:translate3d(0px,950px,0px);transition:all 1s ease 1s; opacity:0;}
.active .yuanqu_div ul li:nth-child(3){transform:translate3d(0px,0px,0px);opacity:1;}

.yuanqu_div ul li:nth-child(4){transform:translate3d(0px,950px,0px);transition:all 1s ease 1.5s; opacity:0;}
.active .yuanqu_div ul li:nth-child(4){transform:translate3d(0px,0px,0px);opacity:1;}

.yuanqu_div ul li:nth-child(5){transform:translate3d(0px,950px,0px);transition:all 1s ease 2s; opacity:0;}
.active .yuanqu_div ul li:nth-child(5){transform:translate3d(0px,0px,0px);opacity:1;}

.biank{ border:solid 4px #fff; width:97%; height:96%; position:absolute; top:2%; left:1%;}
.main_xq{width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden;}
.gx_ting{  width:100%; height:100%; position:absolute; top:0px; left:0px;}
.gx_1{width: 150%;height: 100%;position: absolute; right:0px; top: 0;background: url(../cssimg/zs_18.jpg) no-repeat left center;transform: translateX(0); height:100%;  background-size: cover !important; animation:rtqfbj 5s linear 2.1s forwards infinite alternate; }

.zj_2{width: 150%;height: 100%;position: absolute; right:0px; top: 0;background: url(../cssimg/zs_19.jpg) no-repeat left center;transform: translateX(0); height:100%;  background-size: cover !important; animation:rtqfbj 5s linear 2.1s forwards infinite alternate; }

@keyframes rtqfbj {
0% {transform: translateX(0);}
100% {transform: translateX(500px);}
}


.ppai{width: 150%;height: 100%;position: absolute; right:0px; top: 0;background: url(../cssimg/lzw2.jpg) no-repeat left center;transform: translateX(0); height:100%;  background-size: cover !important;  }


.ppai2{ position:absolute; top:50%; left:50%; width:688px; height:688px; margin-left:-344px; margin-top:-344px;  }

.about_0{ padding:100px 40px; color:#fff; position:absolute; top:0px; left:0px; overflow-y:scroll; z-index:999; width:100%; height:100%;}
.abpu_1{ max-width:1400px; margin:0px auto;}

.tit_0{ width:300px; border-bottom:solid 1px #fff; margin:0px; padding-bottom:10px;}
.tit_0 span{ font-size:34px; display:block; padding-bottom:9px;}
.tit_0 em{ font-size:18px; display:block;}
.tab_top ul li{ display:inline-block; font-size:16px; padding:10px; position:relative; }
.tab_top ul li a{ color:#fff;}
.tab_top ul li em{ display:block; width:0%; position:absolute; height:2px; background:#fff; bottom:0px; left:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
.tab_top ul li:hover em{ width:100%;}
.tab_top ul li.tab_cli em{width:100%}
.tab_top{ padding:15px 0px;}

.xq_div,.cp_li{ overflow:hidden; margin-top:40px; font-size:16px; line-height:30px;    width: auto;    height: auto;    padding: 40px;    background: rgba(29, 142, 29, 0.52); position:relative; z-index:999;}
.xq_div p{ text-indent:2em;}
.xq_div p img{ display:block; margin:0px auto; max-width:100%; height:auto;}
.footvv{ position:fixed; bottom:20px; left:30px; color:#fff}
.footvv span{ display:block; line-height:22px;}
.footvv a{ color:#fff;}
.xq_div h2 img{ margin:0px;}

.xq_div ul li{ width:25%; float:left; padding:10px;}
.xq_div ul li img{ width:100%; height:auto; display:block;}

.xq_div ul{ overflow:hidden; padding:20px 0px; }


.xq_nav{ padding:30px 20px;}
.xq_nav .nav_button{    top: 48px; color:#fff;    right: 40px;}
.xq_nav .nav_button span{ background:#fff;}
.xq_nav .nav_1 ol li a{ color:#fff;}

.xq_div ol{ margin:0px; padding:0px; overflow:hidden; padding:20px 0px;}
.xq_div ol li{ width:25%; float:left; padding:10px; border:solid 1px #16b016; margin-bottom:10px; position:relative; top:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
.xq_div ol li img{ width:100%; height:auto; display:block;}
.xq_div ol li span{ display:block; height:30px; line-height:30px; text-align:center; color:#fff;}
.xq_div ol li:hover{ top:-10px;}

.dux-page{ text-align:center; margin-top:30px;}
.dux-page a{ padding:7px 12px; background:#eee; margin:4px 2px;display: inline-block;}
.dux-page a:hover{ background:#128525; color:#fff;}
.dux-page a.active-page{ background:#128525; color:#fff;}
.m-page{ padding-bottom:40px;}


.cpl_eft .swiper-slide img{ width:100%; height:auto; display:block;}
.cpl_eft .swiper-button-prev{ background-image:url(../cssimg/t6.png);}

.cpl_eft .swiper-button-next{  background-image:url(../cssimg/t7.png);}

.cpl_eft .swiper-pagination-bullet{ width:30px; height:6px; border-radius:3px; background:#fff;}
.swiper-container5{ position:relative;}

.cpl_eft{ width:50%; float:left; overflow:hidden;}

.cpr_ight{ width:46%; float:right;}
.cpr_ight h2{ display:block; height:30px; font-size:18px; margin-bottom:20px;}

.cpr_ight ul { padding:15px; border-top:dashed 1px #fff; border-bottom:dashed 1px #fff;}
.cpr_ight ul li span{    text-decoration: line-through;}
.cpr_ight a{ width:200px; height:40px; background:#777; display:block; margin-top:70px; color:#fff; text-align:center; font-size:20px; line-height:40px;}
.cpr_ight a i{ font-size:20px; padding-right:5px;}
.cpr_ight a:hover{ background:#3a8c41;}
.ccc p{ text-indent:2em;}
.ccc{ font-size:16px; padding-top:20px; clear:both;}


.li_center{ margin:0px auto; overflow:hidden; padding:30px 20px; position:relative; background:#fff; margin-bottom:10px;}
.pic_li{ width:356px; float:left; position:relative; left:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.text_li{ width:750px; float:left;}
.pic_li span{ color:#494949;font-size:26px; width:80px; float:left; margin-top:40px;}
.pic_li em{ font-size:16px; display:block;}
.pic_li img{ width:256px; height:158px; float:right;}
.text_li{ padding:30px;}
.text_li span{ font-size:16px; color:#494949; display:block; line-height:34px;}
.text_li em{ font-size:14px; color:#969191; line-height:24px; height:43px; display:block; overflow:hidden;}
.more_li{ position:absolute; top:50%; right:20px; margin-top:-20px; border-radius:50%; width:40px; height:40px; text-align:center; line-height:40px; background:#fff;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.more_li i{ color:#575757; font-size:16px;}
.news_li:hover{ background:#F7F7F7;}
.news_li:hover .pic_li span,.news_li:hover .text_li span{ color:#1175a4;}
.news_li:hover .more_li{ background:#f5f5f5;}
.news_li:hover .more_li i{ color:#1175a4;}
.news_detaxq .case_title em{    border: solid 7px #f8f7f7;}


.news-hd{ border-bottom:solid 1px #ececec; padding-bottom:20px;}
.news-hd h1{ text-align:center; font-weight:normal;}
.news-hd p{ text-align:center; padding-top:10px;}
.news-bd{ padding:20px 0px;}
.news-bd p{ line-height:24px; font-size:15px;}
.news-bd p img{ max-width:100%; height:auto; display:block; margin:10px auto;}
.sxpp ul{ overflow:hidden;}
.sxpp ul li{ width:50%; float:left; text-align:center; line-height:50px;     background: #fff;}
.sxpp ul li:hover{ background:#baad98}
.sxpp ul li a{ display:block; color:#444;}
.sxpp ul li:hover a{ color:#fff;}


.lxwm_leftr{ width:50%; float:left;}
.lxwm_leftr ul li i{ width:65px; float:left;}
.lxwm_leftr ul li span{ width:300px; float:left; padding-left:15px;}

.lxwm_leftr ul li{ width:100%;}
.lxwm_leftr ul li em{ display:block;}

@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
	}
@-moz-keyframes rotate{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg)}
	}
@-ms-keyframes rotate{
	from{-ms-transform:rotate(0deg)}
	to{-ms-transform:rotate(360deg)}
	}
@-o-keyframes rotate{
	from{-o-transform:rotate(0deg)}
	to{-o-transform:rotate(360deg)}
	}


#pro .new_tit{ display:none;}
.sj_m2{ display:none;}
.sp_o{ position:absolute; bottom:-20px; left:50%; margin-left:-65px; }


.fot_center form{ padding:15px 0px;}
.fot_center form div{ padding:10px 0px; border-bottom:solid 1px #ececec;}
.fot_center form div input{ border:none; height:30px; width:180px;}
.fot_center form div span{ font-size:18px; padding-right:5px;}

input::-webkit-input-placeholder { color: #555; font-size:16px;}
.submit4{ background:none; border:none; color:#555; font-size:20px; padding-top:10px; cursor:pointer;}
.form textarea{ width:100%; height:60px; font-size:16px; padding:10px;}
.left_right{ width:47%; float:right; }
.form div{ margin-bottom:20px;}
.form input{ width:100%; height:40px; font-size:16px; border-radius:3px; border:none; background:#fff; padding:10px;}


.form input.submit4{ background:#236d23; color:#fff;}

.swiper-container-v0{ width:630px; position:absolute; top:50%; right:0px; margin-top:-285px; height:590px; overflow:hidden; }
.swiper-container-v0 .swiper-slide{ width:100%; height:100%; background:none;}

.xxk_li{ display:none;}

.jku{ background:url(../cssimg/z15.png);    width: 260px;    height: 590px;    position: absolute; right:0px; top:0px;}

.jku ul li{ background:url(../cssimg/s1.png) no-repeat; width:40px; height:40px; cursor:pointer;}

.jku ul li:nth-child(1){ position:absolute; left:123px; top:70px;}

.jku ul li:nth-child(2){ position:absolute; left:43px; top:170px;}

.jku ul li:nth-child(3){ position:absolute; left:23px; top:278px;}

.jku ul li:nth-child(4){ position:absolute; left:49px; top:390px;}

.jku ul li:nth-child(5){ position:absolute; left:123px; top:486px;}

.jku ul li:hover{ background:url(../cssimg/s2.png) no-repeat;}

.jku ul li.emli{ background:url(../cssimg/s2.png) no-repeat;}

.h2_div { position:absolute; font-size:40px; color: #558f3e;   right: 140px;   top: 270px;}


@media (max-width:1800px) {

}
@media (max-width:1700px) {

}
@media (max-width:1600px) {
.swiper-slide .word_text img{ width:700px; height:auto;}


}
@media (max-width:1500px) {
.abo_div{ padding:0px 26px;}
.hz_1{ width:28%; padding-top: 120px; }
.hz_2{ width:40%; }
.hz_3{ width:26%; }
.hz_4 img{ width:100%; height:auto; }
.hz_5 img{ width:100%; height:auto;}
.hz_5{top: -30px;}
.hz_3{ padding-top:130px;}
.new_tit span{ padding-bottom:100px;}
.ab_1right{ padding-left:20px;padding-top: 60px;}

.ab_5 img{width: 160px;}
.ab_3{ width:45%;}
.ab_4{ width:24%;}
.ab_4{ width:24%;}
.ab_2 h6{    margin: 0 2px;}
.ab_2 p{line-height: 2;    margin-right: 4%;}
.ab_1more a{line-height: 30px;}
.ab_2{ float:right; padding-left:10px;}
#hezuo .ab_2{height: 680px;padding-top: 80px;}
#hezuo .hz_2{padding-top: 80px;}
#hezuo .hz_5{top: 50px;}
.ab_2 img{ width:100%; height:auto;}
.about_left{width: 60%;}
.ab_1left{width: 24%;    margin-top: 5%;    margin-left: 6%;}
.about_right{ width:38%;}
.ab_1right{width: 55%;}
.ab_1left{margin-left: 16%;    width: 26%;}
.xq_div p img{ width:100%; height:auto;}
.pro_1{margin-left: 6%;}
.sp_o{width: 5%;margin-left: -2.5%;}
.sp_o img{width: 100%;height: auto;}
/* 
.swiper-slide .word_text img{ width:580px; height:auto;} */
}
@media (max-width:1400px) {
.ab_5 img{ width:150px;}
}
@media (max-width:1220px) {
.ab_3{ width:55%;display: block;    float: left;}
.ab_3 img{ width:100%; height:auto;}
.ab_1right{ padding-top:60px;}
.new_tit span{ padding-bottom:50px;}

.hz_1{ width:15%;}
.hz_1 img{ width:82%; height:auto;}
}

@media (max-width:1152px) {
.nav_1{ display:none;}
.hz_3{     float: right;}
.pro_sp2{ width:200px;}
.pro_sp2 img{ width:100%; height:auto;}
.pro_sp2{ display:none;}
#pro .new_tit{ display:block;}
.pro_2{ width:370px; position:inherit; float:right; margin:0px; height:auto;}
#pro .new_tit span{ color:#fff;}
.pro_sp1{ padding-top:0px;}

.swiper-container-v0{ width:100%; bottom:0px; top:inherit; height:300px; margin:0px;}

}
@media (max-width:1024px) {	

.adc_1 {   width: 240px;}
.mk_2{ bottom:0px; height:125px;}


.pic_li{ float:none; margin:0px auto;}
.text_li{ float:none; margin:0px auto; width:100%;}
.pic_li img{ float:none;}
.li_center{ padding:20px 0px; border-bottom:solid 1px #ececec;}
.newsting_left{ width:100%; float:none; padding-top:10px;}
.news-top-right{ padding:20px;}
.news-top-right h2{ padding-top:20px;}
.newsting_right{ width:100%; float:none;}
}
@media (max-width:991px) {	
.lxwm_leftr{ width:100%;}
.left_right{ width:100%;}
.jku{ display:none;}
.h2_div{ display:none;}

}
@media (max-width:768px) {
	.slide01 .video{display: none;}
.slide01 .video_phl{display: block;position: absolute;    width: 100%;height: 100%;}
#menu li{    font-size: 16px;}
.logo{width: 70px;}
.lxwm_leftr ul li i{ width:40px;}

.swiper-slide .word_text img{ width:84%; height:auto;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 16px;height: 16px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{    width: 16px;height: 16px;background: url(../cssimg/c1.png) no-repeat;background-size: cover;}
.mk_2{    bottom: 10%;}
.mk_2 ul li img{width: 80%;height: auto;}
.sj_m2{ display:block; color:#fff;}
#about .sj_m2{margin-top: 120px;}
.ab_1right{ display:none;}
.about_right{ display:none;}
.ab_1right{ display:none;}
.about_left,.ab_1left{ width:100%; float:none;    height: 100px;}
.ab_1left{margin-left: 0;}
.ab_1left img{ width:116px;margin-bottom: 24px;}

.sj_m2 h2{ font-size:16px; padding-bottom:10px; font-weight:normal;}
.sj_m2 span{ font-size:14px; line-height:24px;}
.hz_3{ display:none;}
.hz_2{ width:55%; float:none; display:none;}
.hz_1{ width:80%; float:none; padding:0px;}
.pro_1{ width:100%;}
.pro_1 ul li{ width:19%; margin:0px 0.5%; height:63px;}
.pro_1 ul li span{ font-size:16px;padding: 8px;}
.pro_sp1 div{font-size: 14px;line-height: 24px;}
.pro_1 ul li em{ display:none;}
.pro_2{width: 100%;}
.pro_sp1{width: 100%;}
.new_tit span{ font-size:30px; padding-bottom:20px;padding-top: 12vh;    height: 22vh;}
.new_div{height: 78vh;overflow: hidden;}
.new_div ul li{ width:44%; margin:2px 3% !important; padding:0px;height: 39vh;}
.new_div ul li span{ padding:10px 0px;font-size: 14px;height: 60px;}
.yuanqu_div{ display:none;}

.sj_m2 ul li{ line-height:40px; text-align:center; font-size:18px; padding-bottom:20px;}
.sj_m2 ul li i{ display:block; font-size:56px;}
.sj_m2 ul li a{color:#fff;}
.con_div img{ width:100%; height:auto;}
.xq_nav .logo{ width:80px;}
.tit_0 span{ font-size:30px;}
.about_0{ padding:100px 30px;}
.xq_div{ padding:20px;}
.xq_div ul li{ width:50%;}

.cpl_eft{ width:100%; float:none;}
.cpr_ight{ width:100%; float:none;}
.k_div span{ width:100%; float:none;}
.k_div img{ width:40%; margin-top:20px;}
}