/* 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(../images/ls2_01.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.slide02{background:url(../images/ls2_01.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.slide03{background: url(../images/ls2_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;}
.swiper-slide .word_text img{ width:577px ; height:auto;}

.fp-viewing-page1 .nav .nav_button span{ background:#fff;}
.fp-viewing-page2 .nav .nav_button span{ background:#0167b3;}
.fp-viewing-page3 .nav .nav_button span{ background:#0167b3;}
.fp-viewing-page4 .nav .nav_button span{ background:#0167b3;}
.fp-viewing-page5 .nav .nav_button span{ background:#0167b3;}
.fp-viewing-page6 .nav .nav_button span{ background:#0167b3;}
.nav.nav_t .nav_button span{ background:#0167b3;}

.slide01.swiper-slide .word_text img{ margin-left:-500px;}

@keyframes myanimat-btn{0%{bottom:-35px;}
25%{bottom:-45px;}
50%{bottom:-35px;}
75%{bottom:-45px;}
100%{bottom:-35px;}}
.por_tit2 span i{animation: myanimat-btn 1s infinite; position:absolute; left:50%; margin-left:-15px;}
/**banner end*/
.w_1800{ padding:0px; background:url(../images/t3.png);}

.about_left{ width:60%; float:left;}
.about_right{ width:35%; float:right; position:relative;}
.able_top h2{ display:block; font-size:30px; font-weight:normal; color:#323232; line-height:40px; padding-bottom:30px;}
.able_top h2 i{ color:#0ea64f; padding-right:5px;}
.able_top span{ display:block; font-size:16px; color:#444; line-height:28px; padding-bottom:30px;}
.c_more{ width:120px; height:35px; line-height:35px; background:#68ba42; color:#fff; text-align:center; display:block; position:absolute; bottom:50px; left:150px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.c_more:hover{ background:#0ea64f;left:160px; color:#fff;}


/*第二屏 star**/
#about{background:url(../images/ls2_02.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.about_ting{ max-width:1400px; margin:0px auto; }
.able_cen ul li{ width:25%; float:left; text-align:center; cursor:pointer;}
.able_cen ul li span{ display:block; width:88px; height:100px; position:relative; overflow:hidden;}
.able_cen ul li span img { position:absolute; top:0px; left:0px;}
.able_cen ul li span img.pi1{ top:0px;transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.able_cen ul li span img.pi2{ top:-100%;transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.able_cen ul li:hover span img.pi1{ top:-100%;}
.able_cen ul li:hover span img.pi2{ top:0px;}
.able_cen{ padding:15px 0px;}
.able_cen ul{ overflow:hidden;}
.able_cen ul li i{ display:block; line-height:35px; text-align:center;}
.able_cen ul li:hover{ color:#0ea64f;}
.able_bottom ul li{ width:33%; float:left;
 background-image:-webkit-gradient(linear, left 0, right 0, from(rgb(31, 179, 132)), to(rgb(64, 255, 16)));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
    -webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */}
.able_bottom ul li span{ display:block; font-size:46px; font-weight:bold;}
.able_bottom ul li em{ display:block; font-size:16px; padding-top:5px;}
.able_bottom ul li:nth-child(2){ border:solid 1px #0ea64f; border-top:none; border-bottom:none; padding:0px 40px;} 
.able_bottom ul li:nth-child(3){ padding-left:40px;}
.able_bottom ul{ overflow:hidden;}
.able_bottom{ padding:20px 0px;}
.about_right img{ display:block; width:100%; height:auto;}

#product{/* background:url(../images/ls2_04.jpg) no-repeat center; */position: relative; top: 0;background-size: cover !important;overflow: hidden;}
#product .about_ting{ overflow:hidden; position:relative;}
#product .swiper-slide{ position:relative}
.cli_v{ width:100%;}
.cli_v img{ width:100%; height:auto; display:block;}
.cli_b{ color:#fff; position:absolute; bottom:30px; width:90%; left:5%; padding:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.cli_b h3{ font-weight:normal;border-bottom:solid 0px #fff;  padding:10px 0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.cli_b span{ font-size:15px; padding:10px 0px; display:none; line-height:22px; text-align:left;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.cli_b i{ font-size:28px; text-align:left; float:left; display:none;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}

#product .swiper-slide:hover .cli_b{ background:#0ea64f; padding:20px;}
#product .swiper-slide:hover .cli_b h3{border-bottom:solid 1px #fff;}
#product .swiper-slide:hover .cli_b span{ display:block;}
#product .swiper-slide:hover .cli_b i{ display:block;}

#product .swiper-button-next{ background:none; font-size:42px; color:#007751;}
#product .swiper-button-prev{ background:none; font-size:42px; color:#007751;}

/*三 star*/

.news_center{ max-width:1400px; margin:0px auto;}
.new_1{ width:48%; float:left; margin-right:1%;}
.new_2{ width:16%; float:left; margin-right:1%;}
.new_3{ width:16%; float:left; margin-right:1%;}
.new_4{ width:16%; float:left; margin-right:1%;}
.mew img{ width:100%; display:block; height:auto; }
.mew{ position:relative; height:502px;}


.new_2 img{ width:100%; display:block; height:auto;    position: absolute;  bottom: 0px;}
.new_1 span{ font-size:60px; color:#fff; position:absolute; right:10px; top:10px;}

.new_2 span{ font-size:40px; color:#0ea64f; position:absolute; right:-30px; bottom:0px;}

.new_3 span{ font-size:40px; color:#0ea64f; position:absolute; left:-30px; top:0px;}


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

.n4_mi{ font-size:16px; padding:0px 10px; padding-bottom:30px;}
.n4_mi ul li{ line-height:30px; cursor:pointer;}
.t4_mi{     position: absolute;    bottom: 0px;}
.t4_mi img{ width:160%; display:block; position:relative; left:-70%;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.n4_mi ul li:hover{ color:#0ea64f;}

.t4_mi:hover img{ left:-65%;}
.title_nn{ width:100%; padding-bottom:20px;}
.title_nn img{ display:block; margin:0px auto;}
.ned_ul ul li{ width:33.33%; 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;}

#newd{ background:#f8f8f8;}
.bn_top{ position:relative;}
.bn_top img{ width:100%; display:block; height:100%;}
.bn_top span{ display:block; position:absolute; padding:17px; top:0px; left:0px; background:#0ea64f; color:#fff;}
.bn_top span em{ font-size:24px; display:block;}
.bn_bottom{ background:#fff; padding:30px; color:#444; padding-bottom:20px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.bn_bottom h2{ display:block; font-weight:normal; padding-bottom:15px;}
.bn_bottom span{ line-height:24px; font-size:15px;}
.bn_bottom i{ display:block; font-size:30px; text-align:center; color:#0ea64f; }
.ned_ul ul li:hover{ top:-10px;}
.ned_ul ul li:hover .bn_bottom{ background:#1f1f1f; color:#fff;}
.lk_more{ width:130px; height:40px; line-height:40px; background:#0ea64f; color:#fff; text-align:center; display:block; margin:20px auto;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.lk_more:hover{ background:#066b31; color:#fff;}


#contact{background:url(../images/ls2_07.jpg) no-repeat center;position: relative; top: 0;background-size: cover !important;overflow: hidden;}
.con_ty{max-width:1400px; margin:0px auto;}

.con_ty{ background:#cdeaf7; padding:160px 0px; padding-left:60px; background-image:url(../images/a10.png); background-repeat:no-repeat; background-position:right bottom; border:solid 9px #69ba42;}
.ty_left{ width:35%; float:left;}

.ty_right{ width:55%; float:right;}

.ty_title img{ display:block; position:relative; left:-140px;}
.ty_left ul{ padding:20px 0px;}
.ty_left ul li{ font-size:15px; line-height:28px;}

.ty_left ul li span{ width:80px; float:left;}
.ty_left ul li em{ width:380px; float:left;}

.ty_right h2{ font-weight:normal; display:block; padding-bottom:30px;}

.ty_right form ul li{ width:85%; margin:15px 0px;}
.ty_right form ul li input{ /*width:31.33%;*/width:30.6%;  margin:0px 1%; height:39px; padding:5px; background:none; border:#6d6c6c solid 1px; color:#fff;}
.ty_right form ul li textarea{ width:98%; margin:0px auto; height:120px; padding:5px; background:none; border:#6d6c6c solid 1px; color:#fff;    margin-left: 1%;}
.ty_right input::-webkit-input-placeholder { /* WebKit browsers */  color:    #fff;  }  
.ty_right input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #fff;  }  
.ty_right input::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    #fff;  }  
.ty_right input:-ms-input-placeholder { /* Internet Explorer 10+ */   color:    #fff;} 
.tijiao_ting{ width:210px; height:40px; margin:20px 0px; display:block; font-size:16px; background:#0ea64f; color:#fff; border:none; border-radius:50px; cursor:pointer;}   
.tijiao_ting:hover{ background:#037232; color:#fff;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}

.ty_right{ position:relative;}
.ty_right i{ position:absolute; right:100px; font-size:50px; color:#0ea64f; top:-30px;}

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


/*效果 star*/
.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;}

.new_1{transform:translate3d(-400px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.new_2{transform:translate3d(-400px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.new_3{transform:translate3d(400px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.new_4{transform:translate3d(400px,0px,0px);transition:all 1s ease 0s; opacity:0;}
#news2.active .new_1,#news2.active .new_2,#news2.active .new_3,#news2.active .new_4{transform:translate3d(0px,0px,0px);opacity:1;}

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

/*效果 end*/
.ty_left ul li{ overflow:hidden;}


@media (min-width:1400px) {


}


@media (min-width:1300px) {
.top_rightt ul li{ line-height:50px;}
.top_rightt ul{ height:50px;}
.logo{ width:110px;float:left;}
.ali_div{ max-width:1000px; }
.logo img{ width:100%; height:auto; display:block;}
.top_rightt{ height:76px;}
.top_rightt ul{ margin:15px 0px;}

.head_xq .nav_ul ul{ margin:0px;}
.logo{ width:280px; float:left;}
.nav_ul{ width:1040px; float:right; height:90px;}
.top_rightt ul{height:76px;}
.top_rightt ul li{ line-height:60px; width:110px; display:block; margin-left:5px; float:left; text-align:center; font-size:15px; background:none;transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s;background: rgba(255, 255, 255, 0.5);}
.top_rightt ul li a{ color:#383838; display:block;}
.top_rightt ul li.cli{ background:rgba(255,255,255,0.6); border-bottom:solid 3px #fff;}
.top_rightt ul li.cli a{ color:#383838;}
.top_rightt ul li:hover{  background:rgba(255,255,255,0.6); border-bottom:solid 3px #fff;}
.top_rightt ul li:hover a{ color:#383838;}
.top_rightt{ width:1050px;}

}

@media (max-height:768px) {

}
@media (max-width:1600px) {
.logo{ padding:0px 10px;width:220px;}

}
@media (max-width:1440px) {
.about_ting{ padding:0px 40px;}
.news_center{ padding:0px 60px; max-width:1000px;}
.bn_bottom{ padding:15px;}
.bn_bottom h2{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-bottom:5px; font-size:16px;}
.bn_bottom span{ line-height:22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; font-size:14px;overflow: hidden;}
.con_ty{ padding:30px; max-width:1100px;}
.ty_left ul li em{ width:75%; float:left; display:inline-block;}
.mew{ height:338px; overflow:hidden;}

}

@media (max-width:1400px) {

.able_top h2{ font-size:24px; padding-bottom:5px;}
.able_top span{ font-size:14px; line-height:22px;}
.able_cen{ padding:0px;}
.able_bottom{ padding:0px;}
.able_bottom ul li span{ font-size:26px;}
.about_right img{ width:80%;}
}
@media (max-width:1300px) {
.swiper-slide .word_text img{ width:800px;}
.por_right ul li{ padding:40px; }

.logo img{ height:50px;}
#menu li{ line-height:60px;}
#menu li {  font-size: 18px; position:relative; line-height:46px;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;}

.nav .nav_button{background: transparent; border: none; display: block;  margin-left: 15px; position: fixed; top: 25px; height:50px; right: 35px; width: 110px; z-index: 9999; color:#fff;}
.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:360px; height:100%; right:-800px;text-align:center; z-index:999;background:url(../images/menu_bg.jpg) top center 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;  }



.nav ul.li_mei{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:rgba(232, 176, 18, 0.55);content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:3px; 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;    margin-top: 15px;}
.nav .nav_button span{height: 3px;  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; 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); }


.nav .nav_button.eio_ne{ color:#444;}
.nav .nav_button.eio_ne span{ background:#444;}

}

@media (max-width:1152px) {

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



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

.nav .nav_button{ top:0px; right:10px;}


.nav.on{ height:50px; background:#fff; width:100%; box-shadow:0 0 8px #ddd;}
.nav_button em{ font-size:16px;}
.nav_button em b{ font-size:16px;}
.nav .nav_button{ width:100px;}


.header_tt .nav_button{ display:block; top:10px;}
.header_tt .nav ol{ display:none;}
.nav.nav_t ol{ display:block; width:40%; position:fixed; background:#fffff7; height:100%; right:0px; top:65px; }
.header_tt .nav ol li{ width:100%; display:block;}

.slide01.swiper-slide .word_text img{ margin:0px; width:90%;}
.about_left{ width:100%;}
.about_right{ display:none;}
.able_bottom{ display:none;}
.able_cen ul li span img{ width:100%; display:block; height:auto;}
.able_cen ul li{ padding:0px 5px;}
.able_cen ul li span{ width:100%;}
.title_nn img{ width:100%; display:block; height:auto;}
.mew{ height:auto; width:100%;}
.new_2{ width:49%; height:190px; float:left;}
.new_3{ width:49%; float:left;}
.new_4 mew{}
.t4_mi{ width:40%; position:inherit; float:right;}
.n4_mi{ width:60%; float:left; position:inherit;}
.news_center{ padding:0px 20px;}
.ned_ul ul li{ width:50%;}
.ned_ul ul li:nth-child(3){ display:none;}
.bn_top span{ display:none;}
.ty_left{ width:100%;}
.ty_right{ display:none;}
.ty_left ul li em{ width:68%;}
.ty_left ul li{ line-height:24px;}

}

@media (max-width:768px) {

.nav ul{ width:50%;}
.swiper-slide .word_text img{ width:90%; }

.logo{ padding:7px;    width: 100px;}

}

@media (max-width:1366px) and (max-height:768px) and (min-width:1200px) {

}
@media (max-height:800px) {

}