/*************************

*******body******

**************************/

@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {

	margin: 0;

	padding: 0;

}



body {

	font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

	height: 100%;

	min-width: 1260px;

	background: #fff;

	max-width: 100%;

	overflow: auto;

	overflow-x: hidden

}

/*初始化下拉菜单、单行输入框、多行输入框的样式*/

select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;}

/*表单元素获得焦点时不显示虚线框*/

input:focus { outline: none;}

input,button,select,textarea{ outline:none;  -webkit-appearance:none;}

/*不允许多行输入文本框有滚动条*/

textarea{ resize:none; -webkit-appearance:none;  }

/*初始化表单元素样式*/

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*初始化a的样式和字体样式*/

a{ color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}

a:focus {outline:none; -moz-outline:none; text-decoration:none; }

a:hover{ color: #000; text-decoration:none; }

ul, li, ol {  list-style-type: none;

}

/*清除浮动*/

.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.clearfix { /*兼容 IE*/ zoom: 1;}

/************全局样式************/

.fl {  float: left;  }

.fr { float: right;  }

/*t图片样式*/

.center-block{display:block;margin-right:auto;margin-left:auto}

img { border: 0px; vertical-align: middle;  }

.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%; width:100%;}

.avatar {  display: block;overflow: hidden; width: 100%; }

.avatar img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }

.avatar:hover img {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2);  }

/*文字超出隐藏*/

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}

.dot2 {display: -webkit-box;display: block;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}



.main_box {

	width: 1200px;

	margin: 0 auto;

}

.main-txt { position: relative;}

.m_title{ font-size:38px; margin-top:45px; color:#3f9714; font-weight:bold; text-align: center;  z-index: 2; position: relative; }

.m_title2{ font-size:16px; padding: 10px 0; color: #666;text-align: center;}

.line { background: #3f9714; width: 60px; height:3px; margin:6px auto;}

/**/

.dflex { display: flex;}

.dflex_center { display: flex; align-items: center; justify-content: center;}

.dflex_stretch { display: flex; align-items: stretch; justify-content: center;}

.dflex_space-between { display: flex; align-items: center; justify-content: space-between;}

/*-- Header --*/



.header {

	width: 100%;





}

.header_top {

	width: 100%;

	background:#eee;

	height: 30px;

	line-height:30px;

	color:#999;

	font-size:12px;

	overflow: hidden;

}

.top-content { display: flex; justify-content: space-between; height: 120px;}



.header_top .top_nav a {

	padding: 0 12px;

	display:block;

	height:15px;

	line-height:15px;

	margin-top:5px;

	color:#999;

	border-right:1px dotted #eee;

	font-size:12px;

	float: left

}



.top-center { display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.header_phone { display: flex; align-items: center; padding-left: 20px;}

.header_phone p {

	color:#666;



	margin-bottom:10px;

	font-size:16px;

}

.header_phone p img{ padding-right:8px;}

.header_phone b{ color:#000;     font-size: 38px;

  font-weight:500; margin-top:0;  display: block;}

/*导航菜单*/

.navbar{ width: 100%; background: url(../images/nabg.png) no-repeat center;height:70px;  }

.nav { padding: 0; margin: 0; display: flex; justify-content: space-between;}

.nav li{ 	 position: relative;  

  

    background: url(../images/nav_x.png) no-repeat right 25px;

    position: relative; }

.nav li a{ 

	display:block;

	font-size: 16px;

	line-height: 70px;

	color: #333;

   width: 171px;

   text-align: center;



}



.nav a:hover, .nav li:hover > a {

   

    color: #3F9714;

  }

/* 二级菜单 */

.ejxl{display: none;background-color: rgba(255,255,255,.9);transition: all 0s;z-index: 10;

    position: absolute;top:100%; width: 100%;

  

}

.nav li .ejxl li{margin:0 auto ;display: block; padding:0; width: 100%; background: none;}

.nav li .ejxl li a{display: block;color:#444;font-size: 15px;height:35px;line-height:35px; padding:5px 0; width: 100%; text-align: center;  }

.nav li .ejxl li:hover a { background: none;}

.nav li .ejxl a:hover{color: #3F9714;}



/*导航菜单 end*/

/*首页banner图*/



#banner .swiper {

    width: 100%;

    height: 100%;

}



#banner .swiper-slide {

    background-position: center;

    background-size: cover;

}



#banner .swiper-slide img {

    display: block;

    width: 100%;

}



#banner .swiper-button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    border-radius: 50%;

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 60px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}



#banner .swiper-button:hover {

    background: #0069C2;

}



.btn-prev {

    left: 5%;

}



.btn-next {

    right: 5%;

}



#banner .swiper-pagination-bullet {

    position: relative;

    margin: 0 8px!important;

    display: inline-block;

    width: 16px;

    height: 16px;

    border-radius: 8px;

    background: #fff;

    overflow: hidden;

    z-index: 10;

    outline: none;

    opacity: 0.5;

    filter: alpha(opacity=50);

}



#banner .swiper-pagination-bullet-active {

    background-color: #0069C2;

    opacity: 1;

    filter: alpha(opacity=100);

}



#banner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 20px;

    left: 0;

    width: 100%;

}





/*首页banner图 end*/

/*-- 轮番Slider end--*/



/*公司简介*/



.about{background:#F8F8F8 url("../images/abg.jpg") no-repeat center; background-size: 100%; padding: 20px 0 50px; }



.about_fl{ width: 40%; margin-top: 30px;}

.about_fl b { display: block; margin-bottom: 10px;  font-size:26px; color: #000;}

.about_fl b span{display: inline-block; height:66px; line-height: 56px; font-size: 45px; color:#333333;padding-right:37px;font-weight: bold;background:url(../images/gui-yy.png) no-repeat right 11px;}

.about_fl b em{display: block;  line-height: 42px;font-size: 28px;color:#000; font-weight: bold; font-style: normal;}

.about_fl p{ line-height: 32px; padding: 10px 0; color: #666; margin-top: 15px; font-size: 16px;}

.about_fl .ab-title{ font-size: 22px; color: #222; font-weight: bold; margin-top: 10px;}

.about_fr{  width: 55%; margin-top: 30px;}

.ab_list2{   background: #fff;  display: flex; align-items: center; justify-content: center; padding: 30px; margin-top: 30px; 



}

.ab_list2 li{ flex:1;cursor: pointer; color:#333;  padding:10px 0; text-align: center; border-right: 1px solid #f1f1f1;

	-webkit-transition:transform .3s;transition:transform .3s; font-size: 16px;}

  .ab_list2 li:last-child { border: none;}

.ab_list2 li b{display: block;font-size: 28px;color: #3f9714;overflow: hidden; line-height: 50px;}



.ab_list2 li:hover{-webkit-transform:translate(0,-15px);transform:translate(0,-15px);}

.more-btn {

  margin-top: 40px;

  display: inline-block;

  padding: 11px 18px 10px 18px;

  border: 2px solid #3f9714;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 0.52px;

  text-decoration: none;

  color: #3f9714;

  position: relative;

  overflow: hidden;

  background: #fff;

  text-decoration: none;

  -webkit-transition: all 1s ease 0s;

  -moz-transition: all 1s ease 0s;

  -o-transition: all 1s ease 0s;

  transition: all 1s ease 0s;

}

.more-btn i {

  margin-left: 40px;

  color: #fff;

  z-index: 1;

  position: relative;

}

.more-btn::before {

  content: "";

  width: 52px;

  right: 0px;

  top: 0;

  bottom: 0;

  position: absolute;

  border-left: 15px solid transparent;

  border-top: 44px solid #3f9714;

  -webkit-transition: all 1s ease 0s;

  -moz-transition: all 1s ease 0s;

  -o-transition: all 1s ease 0s;

  transition: all 1s ease 0s;



}

.more-btn:hover {

  background-color: #3f9714;

  color: #fff;

  text-decoration: none;

}

.more-btn:hover::before {

  border-top-color: #fff;

}

.more-btn:hover i {

  color: #3f9714;



}

/*产品中心*/

.product{ margin-top:20px;   }

.slide-nav {

	display: flex;

	margin-top: 20px;



}





.slide-title {	background:#3f9714;padding:30px 0;}

.slide-title b{ color:#fff;  font-size:28px; display:block; padding: 15px 30px;   }

.slide-title p{  color: #fff; padding: 10px 30px;  line-height: 20px;}

.slide-list {

	list-style: none;

	padding:0;

	margin: 0;

	background: #f7f7f7;

	display: flex;

	align-items: center;

	justify-content: flex-start;

	flex-wrap: wrap;

	padding-left: 30px;

}

.slide-list li {

	

	overflow: hidden;

	width:calc(100% / 4);



}



.slide-list li a {

	text-decoration: none;

	line-height: 45px;

	font-size:15px;

	display: block;

	color: #333;

	position: relative;

	z-index: 4; 

	background:url(../images/icon.png) no-repeat left center;

	padding-left: 25px;







}

.slide-list li a:hover { color: #3f9714;}



.slide-contact { display:flex ;align-items: center; padding-left: 30px; margin-top: 40px;}

.slide-contact b { display: block; font-size: 22px; line-height: 30px; padding: 0;}

.slide-content {



	overflow: hidden;

	display: flex;

	flex-wrap: wrap;

	margin-top: 20px;

}

.xm_list{width: 31.3%; margin: 10px 1%;}

.xm_list a{ display: block;border: 1px solid #dedede;  padding-bottom: 10px;}

.xm_list b { font-size: 18px; display: block; text-align: left; margin: 0 10px; color: #333; font-weight: normal; padding: 10px 5px; border-bottom: 1px solid #ececec;

	 background: url(../images/jt.png) no-repeat right;}

.xm_list span { display: block; overflow: hidden;}  

.xm_list p{color: #999; padding: 10px 5px;  margin: 0 10px;}

.xm_list a:hover { background: #3f9714; color: #fff;}

.xm_list a:hover b{background: url(../images/jt2.png) no-repeat right; color: #fff;}

.xm_list a:hover p { color: #fff;}





/*优势*/





.ys{  background: url(../images/bg2.jpg) no-repeat top; background-size: 100%; padding: 20px 0 50px; margin-top: 50px;}



.zzsc {

	width: 100%;

	height: auto;

	

}

.zzsc .tab {

	overflow: hidden;

	margin-top: 30px;



	background: #E0E0E0;

	border-radius: 20px 20px 0 0;

}

.zzsc .tab a {

	display: block;

	width: 25%;

	height: 120px;

	padding: 15px 0;

	text-align: center;

	float: left;

	text-decoration: none;

	color: #333;

	font-size: 20px;

	font-weight: bold;

	

}



.zzsc .tab a img {

	padding: 0 10px;

	display: block;

	margin: 10px auto;

}

.zzsc .tab a:hover {

	background: #0069C2;

	color: #fff;

	text-decoration: none;

}

.zzsc .tab a.on {

	background: #0069C2;

	color: #fff;

	text-decoration: none;

}

.zzsc .co {

	overflow: hidden;

	background: #fff;

	box-shadow: 0 0 10px #eee;



}

.zzsc .co > ul {

	padding: 0;

	margin: 0;



}

.zzsc .co li {

	display: none;

	width: 100%;

	list-style: none;



}



.zzsc .ys_box {

display: flex;

align-items: center;

justify-content: flex-start;





}

.zzsc .ys_tu { width: 50%;}

.zzsc .ys_txt {width: 44%; padding: 3%;}

.zzsc .ys_txt b{ font-size: 30px; text-align: left; color: #3f9714; margin-bottom: 40px; display: block;}

.zzsc .ys_txt p { line-height: 24px; padding: 8px 0; color: #666;}



.td_tel { display: flex; align-items: center; justify-content: center; margin-top:50px; color: #666;}  

.td_num { padding-left: 20px;}

.td_num p { font-size: 16px;}

.td_num em{ font-style: normal; font-weight: bold; font-size: 29px;  color: #3f9714;}

/*产品图册*/

.pro_pic{ margin-top:20px; background: #f8f8f8; padding: 20px 0 50px 0; }



.pro_pic dl {

	width: calc(33.3% - 22px);

	float: left;



	margin: 10px;

	background: #fff;

	border: 1px solid #eee;

}

.pro_pic dl:hover{background: #3f9714;}

.pro_pic dl:hover span{ color:#fff}

.pro_pic dl dt {

	width: 100%;



	overflow: hidden;

}

.pro_pic dl dt img {

	width: 100%;



	transition: all 0.5s linear;

}

.pro_pic dl:hover img {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2);

}

.pro_pic dl dd { margin: 0; padding:20px 10px;}

.pro_pic dl dd span {

	display: block;

	font-size: 16px;

	color: #2e2e2e;



	position: relative;



}



/*新闻中心*/



  

  .news-one{

	width: 49%;

	float: left;

	position: relative;

	margin-top: 30px;

  

  }

  

  .news-one .swiper {



	margin-left: auto;

	margin-right: auto;

  

	width: 100%;

  }

  

  .news-one .swiper-slide {

	text-align: center;

	font-size: 14px;

	background: #fff;

  }

  .news-one .swiper-slide a{ display: block; position: relative; color: #fff;}

  .news-one .swiper-slide span{overflow: hidden; display: block;}

  .news-one .swiper-slide img {

	display: block;

	transition: all 0.3s ease-out;

  

  }

  .news-one .swiper-slide p{ font-size: 16px; font-weight: bold; padding: 20px 0; position: absolute; bottom: 0; left: 0; width: 100%;background: rgba(0,0,0,.6);  color: #fff; } 

  .news-one .swiper-slide a:hover img{ transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); }

  .news-one .swiper-pagination-bullet {

    position: relative;

    margin: 0 8px!important;

    display: inline-block;

    width: 12px;

    height: 12px;

    border-radius: 6px;

    background: #fff;

    overflow: hidden;

    z-index: 10;

    outline: none;

    opacity: 0.5;

    filter: alpha(opacity=50);

}



.news-one .swiper-pagination-bullet-active {

    background-color: #3f9714;

    opacity: 1;

    filter: alpha(opacity=100);

}



.news-one  .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 70px;

	right: 0;

    width: 100%;

}



  .news-one:hover {box-shadow: 0 0  10px #dedede;}

  .news-one p {

	font-size: 14px;

	color: #606060;

	line-height: 25px;

	padding: 8px 20px;

  }

  .news-two { width: 49%; float: right; margin-top: 30px;

   }

   .news-two ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0;}

   .news-two ul li { width: 100%; margin-bottom: 20px;}

  .news-two a{ display: flex;  align-items: center; justify-content: center;  background: #fff; padding:24px 15px ; transition: .3s;  border: 1px solid #f1f1f1; margin-left: 20px; }

  .news-two ul li:nth-child(3), .news-two ul li:nth-child(4) { margin-bottom: 0;}

  

  .day {

  color: #666;

  flex: 1;

  height: 80px;

  margin: 7px 0;

  font-size: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  }

  .day span {

	font-size: 36px;

	width: 100%;

	color: #666;

	text-align: center;

	font-weight:bold;

  }

  .day p{ width: 100%;	text-align: center;}

  .newscon {

  flex: 4;

  padding-left: 20px;

  }

  

  .newscon b {

  padding-bottom: 10px;

  font-size: 16px;

  color: #333;

  display: block;

  

  }

  .newscon p {

  

  text-align: left;

  line-height: 24px;

  font-size: 14px;

  

  }

  

  .news-two a:hover { box-shadow: 0 0  10px #dedede;}

  .news-two a:hover span { color: #3f9714;}

  .news-two a:hover p { color: #666;}

	/*底部footer*/

#footer {

	background: #f1f1f1;

	margin-top: 80px;

}

.main_foot {

	height: auto;

	padding:60px 0;

}

.main_footdl {

	width: 100%;

	border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: 10px;

	

}



.main_footdl dt,.main_footd2 dt {

	font-size:20px;

	margin-bottom: 20px;

	color: #333;

	padding: 0;

	font-weight: bold;

}



.main_footdl dd {

	height: auto;

	overflow: hidden;

	margin-top: 10px

}

.main_footdl dd a {

	line-height: 42px;

	font-size: 16px;

	width: calc(100% / 7);

	float: left;

	display: block;

	color: #333;

}





.main_footdl dd a:hover {

	color: #3f9714;

}

.main_footd2{

	width: 409px;

	margin-top: 30px;

	margin-left: 180px; 

}



.main_footd2 p{	color: #333;line-height: 32px;

	font-size: 16px;}

.main_footd3{ width: 170px; text-align: center; margin-top:40px;margin-right: 250px;}

.main_footd3 dd{ color: #333; margin-top: 10px;}

.main_footd3 img{ width: 140px;}

.main_foottel {

	width: 300px;

	text-align: center;





}

.main_foottel a {

	height: 32px;

	margin: 20px auto;

	width: 120px;

	border: 1px solid #fff;

	display: block;

	text-align: center;

	line-height: 32px;



	border-radius: 2px;

	color: rgba(255,255,255,.8);

}

.main_foottel a:hover {

	background: #fff;

	color: #3F9714;

}

.main_foottel b {

	font-size: 28px;

	padding: 0;

	display: block;

	margin: 0;

	color: #fff;

	text-align: center;

}



.main_foottel p {

	padding: 30px 0;

	text-align: center;

	color: rgba(255,255,255,.8);

}

.footer_copy{ padding: 25px 0; text-align: center;color: rgba(255,255,255,.8);  background: #3f9714;}

.footer_copy a{color: rgba(255,255,255,.8);}

/*返回顶部*/

.scrollToTop {

	width: 52px;

	height: 52px;

	position: fixed;

	bottom: 5%;

	right: 2%;

	display: none;

	background: #0069C2;

	color: #ebebeb;

	border-radius: 3px;

	text-align: center;

	line-height: 52px;

	z-index: 999; }

.scrollToTop:hover {

	color: #FFF; }

.scrollToTop:focus {

	color: #FFF; }

/*返回顶部 end*/