@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px; font-family:"Alibabam";}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.w1440{ width:1440px; margin: 0 auto; }
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.container{width:1200px; margin: 0 auto}
body{background: #e0e0e0}


@font-face {
    font-family:"Alibabam";
    src: url('../font/AlibabaPuHuiTi-3-65-Medium.ttf') format('truetype');

}

@font-face {
    font-family:"Alibabab";
    src: url("../font/AlibabaPuHuiTi-3-85-Bold.ttf") format('truetype');

}

@font-face {
    font-family:"Alibabar";
    src: url("../font/AlibabaPuHuiTi-3-55-Regular.ttf") format('truetype');

}





/* 导航栏 */
.header_top{width:100%; background: #e0e0e0; height: 130px; position: relative}
.h_logo{width:47%; height:130px; float: left; display: flex; align-items: center;}
.h_logo img{max-width:100%; height: auto; display: block; align-items: center; }
.header_zi{width:50%; height: 130px; position: absolute; top:0; right:0; display: flex; align-items: center; padding-left: 2%; background:#595757}
.header_zi img{max-width:100%; height: auto; display: block; align-items: center; position: relative; z-index: 1}
.header_zi ul{width:100%; height: 130px; position: absolute; top:0; right:0}
.header_zi ul li{float: left; height: 100%; transition: all 0.2s ease-in-out;}
.ys1{background: #80c8af; width: 9.5%}
.ys2{background: #00a8a6; width: 3%}
.ys3{background: #577891; width: 5.3%}
.ys4{background: #aac351; width: 2.2%}
.ys5{background: #00617e; width: 8.5%}
.ys6{background: #006d52;  width:71.5%;}

.header_zi ul:hover .ys6{width:20%}
.ys1:hover{width:60%} 
.ys2:hover{width:54%} 
.ys3:hover{width:56%} 
.ys4:hover{width:52%} 
.ys5:hover{width:55%} 
.ys6:hover{width:71.5%;}

.header_nav{height:60px; width:100%; background: #fff}
.header_dao{width:78%; height:60px; float: left}
.nav{width:100%; height:100%;float: right;   }
.nav .nLi{ float:left;  position:relative; display:inline; height:60px; text-align: center; padding: 0 30px  }
.nav .nLi h3{ height:100%; width:100%; text-align: center;}
.nav .nLi h3 a{font-size:16px;  color:#595757;  position: relative  }
.nav .nLi h3 a p{font-size:16px; color:#595757; line-height:60px; }
.nav .nLi:hover h3 p,.nav li.active h3 p{color:#fff;}
.nav .nLi:hover,.nav li.active{background: #595757}
.nav .sub{ display:none;left:0; top:60px;  position:absolute;  line-height:26px; width:100%;     z-index: 999; background: #ddd;}
.nav .sub li{ zoom:1; height:40px; line-height:40px;  background:#f3f3f3;text-align: center }
.nav .sub li p{ width:100%; float: left; margin: 0px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #595757; font-size: 15px; height: 100%; }
.nav .sub a:hover{color:#fff; background: #277e68}
.header_input{width:232px; height: 30px; float: right; border: 1px solid #333333; border-radius: 5%; margin-top: 15px;}
.header_input input[type="text"]{width:78%; height: 100%; float: left; border: 0; font-size: 12px; color: #757575; border-radius: 5px 0 0 5px; padding: 0 15px}
.h_submit{width:50px; height: 100%; float: right; background:#333333 url(../images/search_icon.png) no-repeat center; border: 0}
.f_top{width:100%; position:fixed; top:0; left:0; box-shadow:0 0 6px rgba(0,0,0,0.5); z-index:9}
.header_all{width:100%; position:fixed; top:0; left:0; box-shadow:0 0 6px rgba(0,0,0,0.5); z-index:9}





/* 首页:banner */
.banner{ width:100%; height:auto; position: relative; overflow: hidden; margin-top:190px}
.banner .swiper-slide a{width:100%; height:auto; display:block}
.banner .swiper-slide a img{width:100%; height: auto; display: block}
.banner .swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.banner .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; 
}

.banner .swiper-pagination{bottom:40px;}
.banner .swiper-pagination-bullet{width:12px; height: 12px; background: #595757; opacity: 1; margin: 0 10px!important}
.banner .swiper-pagination-bullet-active{background: #fff}





/*产品*/
.index_product{width:100%; height: auto; overflow: hidden; background: #828282}
.index_product .swiper-container{width:100%; height: auto; overflow: hidden}
.index_product_li{width:100%; height: auto; overflow: hidden; background: #828282; padding:30px 10% 35px}
.index_product_li h4{color:#ffffff; font-size: 24px; border-bottom: 1px solid #fff; padding: 0 10px 16px}
.index_product_li h3{color:#ffffff; font-size: 32px; margin-top: 14px; padding: 0 10px}
.in_product_san{width:100%; height: auto; overflow: hidden; margin: 25px 0; padding: 0 10px}
.in_product_san a{width:100%; height:40px; line-height:40px; color: #fff;  font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family:"Alibabar"; transition: all 0.4s ease-in-out;}
.in_product_san a:hover{background:#006d52; padding-left:5px; }	
	
.in_pro_more{width:168px; height: 44px; line-height: 44px; display: block; border: 1px solid #fff; color:#fff; font-size: 19px; text-align: center}
.in_pro_img{width:208px; height: auto; overflow: hidden; margin-top: 45px; display: flex; align-items: center; position:relative; float:right}
.in_pro_img img.pro_icon{max-width: 100%; filter: grayscale(0); filter: grayscale(100%);  -webkit-filter: grayscale(100%); mix-blend-mode: grayscale; 
	position:absolute; top:0; right:0}
.in_pro_img .pro_pic{max-width: 100%; filter: grayscale(0); filter: grayscale(100%);  -webkit-filter: grayscale(100%); mix-blend-mode: grayscale; align-items: center; margin: 0px auto;}
	
.index_product_li:hover{background: #80c8af}
.index_product_li:hover img.pro_icon{animation:circleRoate 12s infinite linear ; }

.index_product_li:hover .in_pro_more{background: #fff; color:#80c8af}
.index_product_li:hover .in_pro_img img{ filter: grayscale(0);
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    mix-blend-mode: grayscale;}






/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; background: #c2c2c2; padding: 48px 0 105px}
.index_news_title{width:100; height: auto; overflow: hidden}
.index_news_title h4{color:#595757; font-size: 32px; text-align: center}
.index_news_title hr{width:94px; height: 4px; background: #006d52; margin:10px auto; display: block}
.index_news_all{width:100%; height: auto; margin-top: 20px; position: relative}
.index_news_all .swiper-container{width:100%; height: auto; overflow: hidden}
.index_news_all  .swiper-slide a{width:100%; height: auto; overflow: hidden; display: block}
.index_news_all  .swiper-slide a img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_all .swiper-button-next,.index_news_all .swiper-button-prev{width:32px; height: 59px;}
.index_news_all .swiper-button-next{background: url(../images/n_right.png) no-repeat center; right:-50px;}
.index_news_all .swiper-button-prev{background: url(../images/n_left.png) no-repeat center; left:-50px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0}
.in_news_hover{width:100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,109,82,0.6) url(../images/news_icon.png) no-repeat right bottom; padding: 5%; opacity: 0}
.in_news_hover h3{color:#fff; font-size: 30px; height:120px; line-height: 40px; font-family:"Alibabab";  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;}
.in_news_hover span{color:#fff; font-size: 18px; margin-top: 40px; display: block; font-family:"Alibabab";}
.index_news_all  .swiper-slide a:hover .in_news_hover{opacity: 1}
.index_news_all  .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}






/*产品列表*/
.ny_all{width:100%; height: auto; overflow: hidden; background: #e0e0e0; padding-bottom: 60px; margin-top:100px}
.ny_pro_all{width:100%; height: auto; overflow: hidden; background: #e0e0e0; padding-bottom: 60px; margin-top:190px; padding-top:86px;}

.ny_product_left{width:64.4%; height: auto; float: left; border-right:1px solid #595757; padding-right: 6%; padding-bottom: 60px; position:relative}
.ny_product_hot{width:100%; height: auto; overflow: hidden}
.ny_product_hot img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product_hot:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_product_left ul{width:100%; height: auto; overflow: hidden; margin-top:5px; margin-bottom:40px;}
.ny_product_left ul li{width:32.86%; height: 276px; float: left; margin-bottom: 5px; margin-right:0.7%; overflow: hidden}
.ny_product_left ul li img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product_left ul li:nth-child(3n){margin-right: 0}
.ny_product_left ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_product_left ul li video{width:100%; height:100%; }
.ny_pro_video{width:100%; height:100%;}
.ny_product_right{width:32%; height: auto; float:right}
.ny_lianxi{width:100%; height: auto; overflow: hidden}
.ny_lianxi dl{width:100%; height: auto; overflow: hidden; margin-bottom: 12px;}
.ny_lianxi dl dt{width:63px; height: auto; float: left}
.ny_lianxi dl dt img{width:100%; height: auto; overflow: hidden}
.ny_lianxi dl dd{margin-left:70px;  text-align: center; line-height: 62px; font-size: 22px; color: #fff}
.nr1{background: #006d52;}
.nr2{background: #80c8af;}
.nr3{background: #676767;}
.nr4{background: #b2b727;}
.ny_product_nav{width:100%; height: auto; overflow:hidden; }
.ny_product_nav h5{color:#006d52; font-size: 32px;  font-family:"Alibabab";}
.ny_product_nav hr{width:100%; height: 1px; background: #595757; display: block; margin: 30px 0}
.ny_chanpin_info{width:100%; height: auto; overflow: hidden; }
.ny_chanpin_info img{width:100%}
.ny_chanpin_info h4{color:#006d52; font-size: 32px; font-family:"Alibabab";}
.ny_chanpin_info p{color:#595757; font-size: 16px; line-height: 26px; margin-top: 10px}
.ny_product_fl{width:100%; height: auto; overflow: hidden}
.ny_product_fl ul{width:100%; height: auto; overflow: hidden}
.ny_product_fl ul .nu_pro_one{margin-bottom: 15px;}
.link{color:#006d52; font-size:24px; font-family: 'Alibabab'; margin-bottom: 10px; cursor:pointer}
.submenu{width:100%; height: auto; overflow: hidden; display: none}
.submenu li{width:100%; height:auto; line-height: 40px; }
.submenu li a{color: #595757; font-size: 18px; display: block; width: 100%; height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 15px}
.sub_2:hover a{background: #595757; color:#fff}
.submenu li.sub_active a{background: #595757; color:#fff}
.submenu_si li:hover a{background: #595757; color:#fff}
.submenu_san:hover{background: #006d52; color:#fff}
.nav_open{background: #006d52; color:#fff!important}
/*.nav_open{background: #006d52; color:#fff!important}*/
.submenu_si li.actives a{background: #595757; color:#fff}
.submenu_si li a{padding: 0 15px 0 20px;}
.open .submenu{display: block}
.ny_team_bottom{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.ny_team_bottom h5{color:#006d52; font-size: 32px; margin-bottom: 30px; font-family:"Alibabab";}
.ny_team_img{width:100%; height: auto; overflow: hidden}
.ny_team_img img{width:100%;  height: auto; display: block; margin-bottom: 22px}
.ny_team_bottom h4{width:100%; height: auto; overflow: hidden; font-size: 19px; color: #595757; line-height: 44px;}
.product_left_li{width:100%; height:auto; overflow:hidden}
.product_left_li img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.product_left_li video{width:100%; height:100%;}
.ny_product_left .swiper-container{padding-bottom:70px}
.ny_product_left .swiper-pagination-bullet-active{background:#277e68}
.ny_product_left  .swiper-pagination-bullet{border-radius:0; width:10px; height:10px;}
.submenu_si{display:none;}


.submenu_ul{display:none;}



/*faq*/
.ny_faq_all{width:100%; height: auto; overflow: hidden; background: #e0e0e0 url(../images/faq_bjs.jpg) no-repeat right 90%; padding: 40px 0 120px}
.ny_banner{width:100%; height: auto; overflow: hidden; margin-top:190px;}
.ny_banner img{width:100%; display: block}
.ny_faq_img{width:100%; height: auto; overflow: hidden;  margin-bottom: 48px;}
.ny_faq_img img{max-width: 100%; }
.ny_faq_xx{width:100%; height: auto; overflow: hidden}
.ny_faq_xx h4{color:#006d52; font-size:25px; line-height: 30px;}
.ny_faq_xx p{width:100%; color:#595757; line-height: 26px; font-size: 16px;}


/*新闻*/
.ny_all_news{width:100%; height: auto; overflow:hidden}
.ny_all_news ul{width:100%; height: auto; overflow: hidden; }
.ny_all_news ul li{width:802px; height: auto; overflow: hidden; margin: 0px auto 30px; background: #fff; box-shadow: 0 0 8px rgba(4,0,0,0.2); border-radius: 8px}
.ny_news_top{width:100%; height: 68px; padding: 0 20px; line-height: 68px;}
.ny_news_top h4{color:#595757; font-size:22px; float: left}
.ny_news_top h5{color:#b5b5b5; font-size: 14px; float: left; margin-left: 56px;}
.ny_news_bottom{width:100%; height: auto; overflow: hidden; margin: 22px 0; padding: 0 20px}
.ny_news_biao{width:80%; height: auto; float: left}
.ny_news_biao h4{color:#595757; font-size: 36px; width: 100%; height:60px;  line-height:60px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: uppercase}
.ny_news_biao span{color:#006d52; font-size:14px; display: table; padding-right: 20px; background: url(../images/n_jts.png) no-repeat right center;  
	text-transform: uppercase; margin-top: 34px;}
.ny_news_logo{width:100px; height: auto; float: right; position:relative}
.ny_news_logo img{width:100%; }
.ny_news_logo:after{content:""; width:100px; height:100px; position:absolute; top:0; left:0; animation:circleRoate 12s infinite linear ;  background:url(../images/n_nicon.png) no-repeat center;  background-size:100% 100%;}



.ny_all_news{width:100%; height: auto; overflow: hidden}
.ny_news_xiangqing{width:954px; height: auto; overflow: hidden; margin:190px auto 0;}
.ny_news_xqimg{width:100%; height: auto; overflow: hidden}
.ny_news_xqimg img{width:100%; display: block}
.ny_news_bt{width:100%; height: auto; overflow: hidden; border-bottom:1px solid #595757; padding-bottom: 20px}
.news_bt_icon{width:128px; height: 142px; float: left;display: flex; align-items: center; padding: 20px}
.news_bt_icon img{max-width: 100%; align-items: center; margin: 0px auto;}
.ny_news_bt h4{color:#595757; font-size: 45px;  line-height: 58px; text-transform: uppercase; margin-top: 20px}
.ny_news_time{width:100%; height: auto; overflow: hidden; margin: 20px 0; line-height: 40px}
.ny_news_time h4{color:#595757; font-size: 21px; float: left}
.ny_news_time h5{color:#b5b5b5; font-size: 14px; margin-left:64px; float: left}
.ny_news_jieshao{width:100%; height: auto; overflow:hidden; margin: 10px 0 100px}
.ny_news_jieshao p{color:#595757; font-size: 24px; line-height: 30px;}
.ny_news_share{width:100%; height: 108px; overflow: hidden; border: 2px solid #595757; border-radius: 8px; margin-bottom: 142px; padding: 0 34px}
.ny_news_share h4{color:#595757; font-size: 22px; float: left; line-height: 108px}
.news_share{float: right}
.news_share a{width:40px; height: auto; float: left; margin-left: 25px; margin-top: 32px;}
.news_share a img{width:100%;}
.chanye_more{width:275px; height: 87px; margin:100px auto 60px; background: url(../images/news_bottom.png) no-repeat center; text-align: center; padding-top:10px;}
.chanye_more p{color:#595757; font-size: 22px; margin-bottom: 10px;}



/*弹出表单*/
.tan_all{width:100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.6); position: fixed; top:0; left:0; z-index:999; display:none;}
.tan_info{width:1068px; background: #fff; box-shadow: 0 0 6px rgba(4,0,0,0.32); margin: 0px auto; padding-bottom: 40px;  position: fixed; top:50%; left:50%; transform: translate(-50%,-50%);  }
.tan_bd_top{width:100%; height:32px; background: #fafbfc; padding: 0 20px}
.tan_bd_bottom{width:100%; height: 600px; overflow-y: auto; padding: 0 40px}
.tan_bd_bottom h3{width:100%; height: 62px; line-height: 62px; text-align: center; background: #959595; color: #fff; font-size: 28px;}
.tan_bd_bottom h6{width:100%; height:auto; text-align: center; color: #828282; font-size: 17px; margin: 25px 0}
.tan_one{width:100%; height: auto; overflow: hidden}
.tan_one dl{width:317px; height: auto; float: left; margin-right: 10px}
.tan_one dl:last-child{margin-right: 0}
.tan_one dl dt{color:#828282; font-size: 13px; line-height: 30px;}
.tan_one dl dd{width:100%; height: 42px; border: 1px solid #828282; border-radius:5px; padding: 0 10px;}
.tan_one dl dd input[type="text"]{width:100%; height: 100%; border: 0; font-size: 16px; color: #333;}
.tan_two{width:100%; height: auto; overflow: hidden; margin-top: 15px;}
.tan_two_title{max-width:100%; height: auto; overflow: hidden; display:table;}
.tan_two_title h5{background: #828282 url(../images/bian.png) no-repeat 10px center; color:#fff; font-size: 17px; padding: 0 15px 0 32px; border-radius: 4px; display: table; line-height: 25px; margin-bottom: 4px;}
.tan_two_title.active h5{background: #828282 url(../images/in_active.png) no-repeat 10px center; }
.tan_two_input{width:100%; height: auto; overflow: hidden}
.tan_two_left{width:472px; height: auto; float: left}
.tan_two_left dt{width:100%;  height: 42px;  border: 1px solid #828282; border-radius:5px; padding: 0 10px; margin-bottom: 10px}
.tan_two_left dd{width:100%;  height: 42px;  border: 1px solid #828282; border-radius:5px; padding: 0 10px;}
.tan_two_left input[type="text"]{width:100%; height: 100%; border: 0; font-size: 16px; color: #333;}
.tan_two_right{width:475px; height: auto; float: right}
.tan_two_right dt{width:100%; height: 42px; border: 1px solid #828282; border-radius:5px; margin-bottom: 10px}
.tan_two_right dt select{width:100%; height:100%; border: 0; font-size: 16px; color: #d1d1d1; padding: 0 10px;}
.tan_two_right dd{width:100%;}
.tan_two_right dd input[type="text"]{width:150px; height: 42px;  border: 1px solid #828282; border-radius:5px; padding: 0 10px; font-size: 16px; color: #333; }
.tan_two_right dd select{width:310px; height:42px; border: 0; font-size: 16px; color: #d1d1d1;  border: 1px solid #828282; border-radius:5px; padding: 0 10px; float: right}
option{color:#333}
.tan_two_fenlei{width:100%; height: auto; overflow: hidden}
.tan_two_fenlei h4{color:#828282; font-size: 14px; line-height: 30px; float:left }
.tan_two_fenlei label{color:#828282; font-size: 14px; line-height: 30px; margin-left: 8px;}
.tan_two_fenlei label input[type="radio"]{margin-right: 5px}
select::-ms-expand{ display: none; }
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../images/s_jts.png") no-repeat 98% center;
    background-size: 15px 10px;
    padding-right: 14px;
}


option::-ms-expand{ display: none; }
option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
}
/* --背景色字体颜色--*/
option:hover{
    color:#fff;
    background-color:#1E90FF;
}
.tan_three{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.tan_three_title{width:100%; height: auto; overflow: hidden; position: relative}
.tan_three_title h4{color:#fff; font-size: 13px; color: #828282; float: left; line-height: 28px}
.tan_three_title input[type="file"]{opacity: 0; width:100px; height: 28px; position: absolute; top:0; left:78px; z-index: 9 }
.tan_three textarea{width:100%; height:235px; border: 1px solid #828282; border-radius: 5px; padding: 10px;font-size: 16px; color: #333;  resize: none; 
	margin: 10px 0}
.tan_submit{color:#fff; font-size:16px; background: #b2b727; width: 142px; height: 35px; border-radius: 5px; border: 0; margin: 0px auto; display: block}
.file_wj{width:100px; font-size: 13px; color: #fff; border-radius: 5px; float: left; background: #828282; line-height: 28px; text-align: center; margin-left: 10px; cursor:pointer}
.file_show{float: left; margin-left: 10px; line-height: 28px;}
.tan_close{width:100%; text-align:right;}
.tan_close img{width:15px; margin-top:9px;}
.left_tan{cursor:pointer}


.tan_bd_bottom input::-webkit-input-placeholder { /* WebKit browsers */  
    color:#d1d1d1;  
}  
.tan_bd_bottom input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:#d1d1d1;  
   opacity:  1;  
}  
.tan_bd_bottom input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:#d1d1d1;  
   opacity:  1;  
}  
.tan_bd_bottom input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:#d1d1d1;  
}  








/*底部*/
.footer{width:100%; height:auto; overflow: hidden;  position: relative; background: #828282; padding: 40px 0}
.footer_top{width:100%; height: auto; overflow: hidden}
.footer_left{width:28%; height: auto; float:left}
.f_logo{width:222px; height: 223px; overflow: hidden; margin-bottom: 52px; display: block; position:relative; display: flex; align-items: center;}
.f_logo:after{content:""; width:222px; height:223px; background:url(../images/fl_icon.png) no-repeat center; position:absolute; top:0; left:0; animation:circleRoate 12s infinite linear ;}
.f_logo img{max-width: 100%; display: block; align-items: center; margin: 0px auto; }
@keyframes circleRoate{  
	 from{transform: rotate(0deg);}  
	to{transform: rotate(360deg);}  
 } 
.footer_xx{width:100%; height: auto; overflow: hidden; margin-bottom: 45px;}
.footer_xx h4{color:#ffffff; font-size: 32px; margin-bottom:10px; font-family:"Alibabar";}
.footer_xx p{color:#fff; font-size: 16px; line-height: 30px; font-family:"Alibabar";}
.f_links{width:100%; height: auto; overflow: hidden}
.f_links a{width:34px; height: 34px; float: left; margin-right: 22px; }
.icon_1{background: url(../images/f_icon.png) no-repeat; background-position:0 -36px; transition: all 0.4s ease-in-out;}
.icon_2{background: url(../images/f_icon.png) no-repeat; background-position:-55px -36px; transition: all 0.4s ease-in-out;}
.icon_3{background: url(../images/f_icon.png) no-repeat; background-position:-112px -36px; transition: all 0.4s ease-in-out;}
.icon_4{background: url(../images/f_icon.png) no-repeat; background-position:-167px -36px; transition: all 0.4s ease-in-out;}
.icon_1:hover{background-position:0 0;}
.icon_2:hover{background-position:-55px 0;}
.icon_3:hover{background-position:-112px 0; }
.icon_4:hover{background-position:-167px 0}
.f_tishi{width:100%; color:#fff; font-size:32px; line-height: 40px; margin-top: 30px; font-family:"Alibabar";}
.footer_center{width:29%; height: auto; float: left; margin-left: 4%; margin-top: 32px}
.footer_whatsapp{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.footer_whatsapp h4{color:#fff; font-size: 32px;font-family:"Alibabar"; }
.footer_whatsapp_top{width:318px; height: 486px; overflow: hidden; background:url(../images/dh_hover.png) no-repeat center; margin-top:20px;     padding: 0 30px;}
.footer_dhs{width:100%; height: auto; overflow: hidden; background: url(../images/f_dhs.png) no-repeat left center; padding-left:30px; color:#fff; 
	font-size: 26px; line-height: 30px; margin-top: 28px;}
.dhs_logo{width:100%; text-align: center; margin: 20px 0 5px}
.footer_whatsapp_top h6{color:#000000; font-size: 25px; text-align: center}
.dhs_img{width:190px; height: auto; overflow: hidden; margin:20px auto 0;}
.dhs_img img{width:100%; display: block}
.footer_right{width:33%; height: auto; float: right; margin-top: 32px}
.footer_factory{width:100%; height: auto; overflow: hidden}
.footer_factory h4{color:#ffffff; font-size: 32px; margin-bottom:10px;}
.footer_factory p{color:#fff; font-size: 16px; line-height:28px; background: url(../images/dian.png) no-repeat left 13px; padding-left:15px; 
	font-family:"Alibabar";}
.footer_reply{width:100%; height: auto; overflow: hidden; margin-top: 20px}
.footer_reply h4{color:#ffffff; font-size: 32px; margin-bottom:10px; font-family:"Alibabar";}
.footer_reply h5{color:#ffffff; font-size: 32px; margin-bottom:15px; background: #b2b727; border-radius:8px; display: table; padding: 0 10px; font-family:"Alibabar";}
.footer_reply_one{width:100%; height: auto; overflow: hidden; margin-top:22px}
.footer_reply_one dl{width:48%; height: auto; float: left}
.footer_reply_one dl dt{width:100%; height: auto; line-height:35px; color: #fff; font-size: 16px; color: #c2c2c2; }
.footer_reply_one dl dd{width:100%; height: 52px; background: #fff; border-radius: 8px;}
.footer_reply_one dl dd input[type="text"]{width:100%; height: 100%; border: 0; border-radius: 8px; font-size: 16px; color: #333; padding: 0 5px}
.footer_reply_one dl:nth-child(2n){float: right}
.f_email{width:100%; height: auto; overflow: hidden; margin-top:10px;}
.f_email dt,.f_comments dt{width:100%; height: auto; line-height:35px; color: #fff; font-size: 16px; color: #c2c2c2;}
.f_email dd{width:100%; height: 52px; background: #fff; border-radius: 8px;}
.f_email dd input[type="text"]{width:100%; height: 100%; border: 0; border-radius: 8px; font-size: 16px; color: #333; padding: 0 5px}
.f_comments{width:100%; height: auto; overflow: hidden; margin-top:10px;}
.f_comments dd{width:100%; height:170px; background: #fff; border-radius: 8px; padding: 5px; font-size: 16px; color: #333}
.f_comments dd textarea{width:100%; height: 100%; border: 0; font-size: 16px; color: #333; resize: none}
.footer_reply h6{color:#fff; font-size: 16px; line-height:20px; margin-top:12px; font-family:"Alibabar";}
.send{width:140px; height: 44px; background:#80c8af; border-radius: 8px; text-align: center; line-height: 44px; font-size: 24px; border: 0; margin:30px auto; color:#fff; display: block; cursor:pointer}
.send:hover{color:#80c8af; background:#fff}

.copy{clear:both;width:100%;height:66px; line-height:66px;  position: relative; margin-top: 40px;  }
.copy_l{float:left; font-size:16px; color:#fff; height: 100%; font-family:"Alibabar"; }
.copy_l a{color:#fff; margin-right:4px; text-transform:uppercase; font-size:16px; margin-left:8px; font-family:"Alibabar"; }
.copy_l a:hover{color:#d8a245!important}
.footer_zhichi{width:auto; height:66px; float: right }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#fff; height: 100%; font-size:16px; font-family:"Alibabar";}
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:22px; margin-right: 10px}
.footer_zhichi .js{width:82px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:22px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 16px; color: #fff; font-family:"Alibabar"; }
.footer_zhichi i{ float: left;}





/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 75px;
    z-index: 999;
}

.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 75px;
}
.lxfx li span{ width:360px; height: 62px; line-height: 62px; text-align: center; color:#fff; font-size: 22px; position: absolute; top:0; left:360px; 
	transition: all 0.6s ease-in-out;}
.lxfx li a{ width:360px; height: 62px; line-height: 62px; text-align: center; color:#fff; font-size: 22px; position: absolute; top:0; left:360px; 
	transition: all 0.6s ease-in-out;}	
	
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 65px;
    left: -255px;
    position: absolute;
    top: -40px;
    width: 365px;
}
.lxfx li i {
    display: block;
    height:62px;
    margin: 0 auto;
    text-align: center;
    width:75px;
}
.lxfx li i.icon-tel {
    background: #006d52 url(../images/li1.png) no-repeat center
}

.lxfx li i.icon-wx {
    background: #80c8af url(../images/li2.png) no-repeat center
}
.lxfx li i.icon-yx {
    background: #676767 url(../images/li3.png) no-repeat center
}
.lxfx li i.icon-gtq {
     background: #b2b727 url(../images/li4.png) no-repeat center
}


.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    height: 62px;
    margin-left: 0;
    position: relative;
    width: 75px; float:left;
}


.lxfx li:hover a{left:-368px; transition: all 0.6s ease-in-out;}
.lxfx li:nth-child(1) span{background: #006d52}
.lxfx li:nth-child(2) span{background: #80c8af}
.lxfx li:nth-child(3) a{background: #676767}
.lxfx li:nth-child(4) a{background: #b2b727}
.leftlx_tel{width:250px; height: auto; overflow: hidden; background:#fff;   position: absolute; top:0; left:-255px; 
	transition: all 0.6s ease-in-out; box-shadow:0 0 6px rgba(0,0,0,0.2); display:none}
.footer_dhs{width:100%; height: auto; overflow: hidden; background: url(../images/f_dhs.png) no-repeat left center; padding-left:30px; color:#fff; 
	font-size: 26px; line-height: 30px; margin-top: 28px;}
.leftlx_tel .dhs_logo{width:100%; text-align: center; margin: 20px 0 5px; position:relative; z-index:9}
.leftlx_wx .dhs_logo{width:100%; text-align: center; margin: 20px 0 5px; position:relative; z-index:9}
.leftlx_tel h6,.leftlx_wx h6{color:#000000; font-size: 25px; text-align: center}
.leftlx_tel h5,.leftlx_wx h5{color:#9a9a9a; font-size:16px; text-align: center}
.leftlx_tel h4,.leftlx_wx h4{color:#9a9a9a; font-size:22px; text-align: center}
.leftlx_wx .dhs_img{width:160px; height: auto; overflow: hidden; margin:10px auto 0;}
.leftlx_tel .dhs_img{width:160px; height: auto; overflow: hidden; margin:10px auto 0;}
.dhs_img img{width:100%; display: block}
/* .lxfx li:nth-child(1):hover .leftlx_tel{left:-255px; transition: all 0.6s ease-in-out;}  */
/* .lxfx li:nth-child(2):hover .leftlx_wx{left:-255px; transition: all 0.6s ease-in-out;}  */

.leftlx_wx{width:250px; height: auto; overflow: hidden; background:#fff; position: absolute; top:0; left:-255px; 
	transition: all 0.6s ease-in-out; box-shadow:0 0 6px rgba(0,0,0,0.2); display:none}
.leftlx_wx img{width:100%;}
.leftlx_tel img{width:100%;}









@media screen and (max-width:1500px){
	.w1440{width:1200px;}
	.in_news_hover h3{font-size:22px; line-height:30px; height:90px;}
	.in_pro_img img{max-width:52%}
	.ny_product_left ul li{height:230px;}
}