body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0; font-family: "微软雅黑";}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:”;}
abbr, acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input, textarea, select {*font-size:100%;}
legend {color:#000;}
a{ text-decoration:none;}


/* header */
header{ width:100%; height: 110px; background: rgba( 255,255,255,0.75); position: fixed; top:0px ;left: 0px; z-index: 999; box-shadow:3px 3px 8px 2px rgba( 0,0,0,0.15);transition: height 0.5s linear; }
.pubCon{ width:1400px; margin:0px auto;}
header .logo{ float:left; margin-top:0px;}
header .logo img{ width:240px; transition: 0.5s ;}
header ul{ float:left; width:775px; margin-left:50px;}
header ul li{ float:left;width:20%;text-align: center; line-height: 107px;}
header ul li a{ color:#212121; font-size:18px;}

header ul li i{ width:100%; height: 3px; background: #45a638; display: block; transform: scale(0); transition:0.3s; }
header ul li:hover i{ transform: scale(1);}
header ul li:hover a{ color:#45a638;}
header ul .on a{color:#45a638;}
header ul .on i{ transform: scale(1);}
.ttel{ float:right; margin-top:35px;}


header .btn{ width:40px; height: 40px; border:1px solid #888; position:absolute; right:10px; top:13px; border-radius:3px; display:none;overflow: hidden; }
header .btn i{ width:34px; height: 34px; display:block; margin:4px auto; }
header .btn i img{ width: 100%; height: auto;}
header .btn i.close{ display: none;}


.fixedTop{ height: 96px; }
.fixedTop .logo{ margin-top:5px;}
.fixedTop .logo img{ width:200px; height: auto;}
.fixedTop ul li{ line-height: 96px;}
.fixedTop .ttel{ margin-top:23px;}

/* qiehuan */
.qiehuan{ width:90px; height: 50px; background:#45a638; position: fixed; top:150px; right:0px; z-index: 999; line-height: 50px; border-radius: 5px 0px 0px 5px;}
.qiehuan p img{ width:30px; height: 30px; float:left; margin-top:10px; margin-right:5px; margin-left:5px;}
.qiehuan p a{ font-size:20px; color:#fff;}


/* banner */
.banner{ position: relative;top:0px; left:0px; z-index: 9;}
.banner .swiper-container {
    width: 100%;
    height: 100%;
  }
.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100%;
    height: 100%;

    /* Center slide text vertically */
    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-slide .bannerimg{ width:100%; height: 100%;}
.banner .swiper-slide .bannerimg1{width:100%; height: 100%; display: none;}
.bannertu{ position: absolute; top:50%; right:20%; z-index: 99;}
.swiper-button-next{ width:50px; height: 80px; background:rgba(255,255,255,0.3); color:#45a638;}
.swiper-button-prev{ width:50px; height: 80px; background:rgba(255,255,255,0.3); color:#45a638;}
.swiper-pagination{ font-size:15px; color:#fff;}

/* about */
.about{ width:100%; min-height: 670px; margin-top:60px;  overflow: hidden; }
.about .pubCon{position: relative; }
.abLeft{ width:464px; height: 476px; position: absolute;left:0px; top:0px;z-index: 1;}
.abRight{ position: absolute; right:0px; top:40px; z-index: 9;}
.abRight h3{width:100%; }
.abRight h3 img{ width:50%; margin-left:25%; position: relative; z-index:1;}
.abRight .abtext{ width:960px; min-height: 340px; padding:30px; background:#fff; box-shadow: 3px 3px 10px 5px rgba( 0,0,0,0.25); margin-top:-10px; position: relative;z-index: 9;  }
.abRight .abtext h1{ font-size: 30px; color:#333; font-weight: 600;}
.abRight .abtext i{ width:165px; height: 2px; background:#45a638; display: block; margin:10px 0px 20px;}
.abRight .abtext  p{ font-size:18px; color:#333; text-align: justify; text-indent: 2em; line-height: 35px;}

.abmore{width:355px; height: 50px; border:2px solid #45a638; border-radius: 15px; text-align: center; line-height: 50px; margin-left:293px; margin-top:30px; transition:0.5s; }
.abmore a{ color:#45a638; display: block; font-size:18px;}
.abmore:hover{ background:#45a638;}
.abmore:hover a{ color:#fff;}

/*shuzi*/
.abshuzi{ width:100%; height: 240px; background:url(../images/abshubj.jpg) no-repeat center; position: relative; top:430px;}
.shuzi{ position:relative;  top:80px;}
.fl_listbox{ width:100%;}
.fl_list{ position: relative; z-index: 10; height:120px; width:1200px; margin:0 auto;}
.fl_list .fl_item{ position: relative; font-size: 18px; display: block; height: 100%; float: left; width:25%; text-align: center; }

.fl_list .fl_item .li_box{ border-right: 1px #ddd solid; margin-top:10px; }
.fl_list .fl_item:nth-child(4n) .li_box{ border-right:none;}

.fl_list .fl_item:nth-of-type(2n) p{color:#fff; }
.fl_list .fl_item:after{ content:''; display: block; margin-top: 100%;} 
.fl_list .fl_tit a{ position: relative; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 10%;}

.fl_list .fl_item:hover .fl_tit a p{ opacity: 0; color: #FFF;}
.fl_list .fl_item .img{ width: 210px; display: block; margin: 0 auto; margin-bottom: 20px; overflow: hidden; position: relative;}
.fl_list .fl_item .img img{ width: 200px; display: block; height: 160px; transition: 0.3s all; padding:3px;}


/*数字*/
.fl_tit{ margin:8px 0;}
.fl_tit ul li:nth-child(4) {border-right-style: none;}
.fl_titx .li_box{padding-top: 20px;}
.fl_tit .div1 .span1{font-size: 70px;color: #ff9000; font-family:"Arial"; font-weight: 600;}
.fl_tit .div1 .span3{font-size: 45px;color: #ff9000; font-family:"Arial";}
.fl_tit .div2 .span2{font-size: 18px;color: #fff;}


/* case */
.case{ width:100%; margin-top:60px;}
.pubTit{width:1400px; text-align: center; }
.pubTit img{ margin:0 auto;}
.case .casecontainer .swiper-slide{ width:33%; margin-right:0.3%; position: relative; overflow: hidden;}
.case .casecontainer .swiper-slide .casepic{ width:100%;}
.case .casecontainer .swiper-slide .casezhe{ position: absolute; top:500px; left:0px; width:100%; min-height: 461px; background:rgba(69,166,56,0.7); text-align: center; transition:0.5s;}
.case  .casezhe .caselogo{ width:50%; height: auto;margin-top:8%;}
.case  .casezhe h3{ font-size:36px;color:#fff; margin-top:10px;margin-bottom:20px;}
.case  .casezhe i{ display: block; width:100px; height: 1px; background: #fff; margin: 0 auto 8%; }
.case  .casezhe p{ font-size:20px; color:#fff; margin-bottom:10px;}
.case  .casezhe .casetel{ display: block; margin: 0 auto;}
.case  .casezhe .casetelicon{ margin-top:25px; width:6%;} 
.case .casecontainer .swiper-slide:hover .casezhe{ top:0px;}

/* news */
.news{ width:100%; margin-top:60px; overflow: hidden;}
.news ul li{ width:33%; position: relative; margin-top:30px; height: 457px;overflow: hidden; float: left;margin-right:0.45%;}
.news ul li:nth-child(3){ margin-right:0px;}
.news ul li .newpic{ width:100%; height: 285px; overflow: hidden; transition:0.5s;}
.news ul li .newpic img{ width:100%; min-height: 285px; }
.news ul li:hover .newpic{ transform: scale(1.1);}
.newwen{ width:100%;  height: auto; background:#f2f2f2;  transition:0.5s;  }
.nmore{ width:150px; height: 35px; background: #45a638; font-size:18px;  color:#fff; text-align: center; line-height: 35px; margin-left:140px;position: absolute;  top:268px; z-index:9; transition:0.5s;}
.news ul li:hover .nmore{ background: #ffa200; top:170px;}
.newwen h2{font-size: 18px; color:#333; padding-top:35px; margin-bottom:15px; margin-left:2%;}
.newwen p{ font-size:14px; color:#666; line-height: 25px; width:96%; margin-left:2%;}
.newwen .date{ font-size:14px; color:#333; margin-top:15px; margin-left:2%;}
.newwen .date i{ width:20px; height: 16px; background: url(../images/date.png) no-repeat center; display: inline-block; float:left; margin-right:10px;}
.newwen .njiantou{ text-align: center; margin-top:20px;}
.news ul li:hover .newwen{ height: 225px; background: #45a638; margin-top:-50px;position: absolute; }
.news ul li:hover .newwen h2{ color:#fff;}
.news ul li:hover .newwen p{ color:#fff;}
.news ul li:hover .newwen .date{ color:#fff;}
.news ul li:hover .newwen .date i{ background: url(../images/dateh.png) no-repeat center;}

/* footer */
.footer{ width:100%; min-height:300px; background:#212121; margin-top:60px;}
.f_Left{ float:left; }
.f_Left .f_logo{ margin-bottom:20px; margin-top:80px;float:left;}
.f_Left .f_text{ float:left; padding-left:80px;margin-top:30px;}
.f_Left p{ font-size:16px; color:#fff; line-height: 40px;}
.f_Right{ float:right; margin-top:60px; width:150px; }
.f_Right img{ width:100%; height: auto;}
.f_Right p{ font-size:16px; color:#fff; text-align: center; line-height: 40px;}


.copyright{ width:100%; height:40px; background:#000; color:#fff; font-size:14px; text-align:center; line-height:40px; overflow:hidden;}
.copyright .pubCon{ text-align: center;}
.copyright a{ color:#fff;}
.copyright b{ display:inline-block;  margin-top:5px; }




/*************************************** 内页样式 *******************************/
.neibanner{ width:100%; height: auto; margin-top:110px; }
.neibanner img{ width:100%;}
.pubNei{ width:100%; margin-top:-5px; }
.neidao{ width:100%; height: 60px; border-bottom: 1px solid #ccc;}
.neihome{ float: left;}
.neihome img{ float:left;}
.neihome p{ float:left; line-height: 60px; color:#333; font-size:20px; margin-left:20px; font-weight: 600;}
.neiadd{ float:right; font-size:16px; color:#333; line-height: 60px;}
.neiadd a{ color:#333;}
.neiadd a:hover{ color:#45a638;}

/* aboutnei */
.neiyeCon{ width:100%; margin-top:50px;}
.neiyeCon h3{ font-size:28px; color:#212121; text-align: center;}
.neiyeCon h3 span{color:#45a638;}
.neiyeCon i{ width:10%; height: 1px; background:#45a638; display: block; margin:15px auto 15px;}
.neiyeCon p{ font-size:18px; color:#333; text-indent: 2em; line-height: 35px; text-align: justify;}
.neiyeCon h4{ font-size:20px;  margin-top:3px;  font-weight: 600; text-indent: 2em; margin-bottom: 10px;}


/* proList */
.proCon{ width:100%; overflow: hidden;}
.proCon h3{ font-size:28px; color:#212121; text-align: center; margin-top:30px;}
.proCon h3 span{color:#45a638;}
.proCon i{ width:10%; height: 1px; background:#45a638; display: block; margin:15px auto 15px;}

.prolist_left{ width:48%; margin-right:3%; float:left;}
.prolist_right{ width:48%; margin-right:0px; float:right;}
.proNav{ width:100%; margin:30px auto; overflow: hidden;}
.proNav li{ width:99.8%; height:55px; line-height: 55px; text-align: center; border:1px solid #45a638; background: #45a638; border-radius:15px; float:left; transition:0.5s; }
.proNav li .shouzhi{ width:55px; height: 55px; float:left;margin-left:42%; margin-top:0px !important;}
.proNav li p{ color:#fff;font-size:22px; float:left; line-height: 55px; text-indent: 0em;}


.proList{ width:100%; }
.proList ul li{ width:49%; float:left; margin-right:2%; min-height: 330px; }
.proList ul li .propic{  width:100%; height:100%; border:1px solid #ccc;  overflow: hidden;}
.proList ul li .propic img{ width:100%;transition:0.5s; height: 100%;}
.proList ul li:hover .propic img{ transform: scale(1.1);}
.proList ul li:nth-child(2n){ margin-right:0px;}
.proList ul li h4{ width:100%; height: 45px; line-height: 45px;background:#45a638;  font-size:16px; color:#fff; border: 1px solid #45a638; text-align: center; font-size:18px;}

/* 页 */
/*.page{ margin-left:30%; margin-top:30px; }
.page ul{  text-align: center; overflow: hidden;}
.page span{ padding:15px; font-size:16px; float:left; border:1px solid #ddd; margin-right:5px; transition:0.5s;}
.page span a{ color:#333;  display: inline;}
.page span:hover{ background:#45a638;}
.page span:hover a{ color:#fff;}*/
.page {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.page span {
	font-size: 16px;
}
.page a {
	margin: 0 5px 5px;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	min-width: 36px;
	text-align: center;
	color: #555;
}
.page .page-status {
	margin-right: 10px;
}
.page a:hover,
.page .page-num-current {
	background-color: #45a638;
	color: #fff;
}


/* 联系内页 */
.contactCon{ width:100%; margin-top:50px;}
.contactCon h3{ font-size:28px; color:#212121; text-align: center;}
.contactCon h3 span{color:#45a638;}
.contactCon i{ width:10%; height: 1px; background:#45a638; display: block; margin:15px auto 15px;}
.contactCon .contacttext{ width:1400px; min-height: 300px; border:1px solid #ccc; margin-top:50px;}
.contacttext .contp { overflow: hidden;}
.contacttext .contp p{ font-size:18px; color:#333; width:47%;  float:left; line-height: 30px; margin-left:3%; margin-top:15px; margin-bottom: 10px;}
.contacttext .contp p a{ color:#333;}
.contacttext .contp p img{ width:30px; height: 30px; float:left; margin-right:5px;}

.conneiwai{ width:100%; margin-top:40px; border-top:1px dashed #666; margin-bottom:30px; overflow: hidden;}
.conneiwai .connmb{ width:45%; margin-right:4%; float:left; margin-left: 3%;}
.conneiwai .connmb h3{ font-size:28px; color:#212121; height: 45px; margin-top:40px; font-weight: 600; text-align: left;}
.conneiwai .connmb p{font-size:16px; color:#333; width:100%; line-height: 30px; margin-top:15px;}
.conneiwai .connmb p a{ color:#333;}
.conneiwai .connmb p img{ width:30px; height: 30px; float:left; margin-right:5px;}

.conneiwai .conwmb{ width: 48%; margin-right: 0px; float: right;}
.conneiwai .conwmb h3{ font-size:28px; color:#212121; height: 45px; margin-top:40px;font-weight: 600; text-align: left;}
.conneiwai .conwmb p{font-size:16px; color:#333; width:100%; line-height: 30px; margin-top:15px;}
.conneiwai .conwmb p a{ color:#333;}
.conneiwai .conwmb p img{ width:30px; height: 30px; float:left; margin-right:5px;}



#dituContent{ padding-top:30px;}

/* range */
.rangeList{ width:100%; overflow: hidden;  margin-top:50px;}
.rangeList ul li{ width:100%; margin-bottom:20px; overflow: hidden;}
.rangeTu{ width:60%; max-height:425px ; float:left;  position: relative; overflow: hidden;}
.rangezhe{width:100%; height: 100%; background: rgba(0,0,0,0.35); position: absolute; top:500px; left: 0px; transition:0.5s;}
.rangezhe img{ margin: 12% 45%; width:10%; }
.rangeTu .ranimg{ width:100%; height: 100%; transition:1.5s;}
.rangeList ul li:hover .rangeTu .ranimg{ transform: scale(1.2);}
.rangeWen{  width:38%; text-align: center; float:right; margin-top:6%; padding:0px 1%;}
.rangeWen h3{ width:100%; text-align: center; font-size:32px; color:#333;}
.rangeWen .ranen{ width:100%; text-align: center; font-size:16px; color:#999; text-indent: 0em;}

.rangeList ul li:hover .rangezhe{ top:0px;}
.rangeList ul li:nth-child(2n) .rangeTu{ float: right;}
.rangeList ul li:nth-child(2n) .rangeWen{float: left;}


/* news */
.newsCon h3{ font-size:28px; color:#212121; text-align: center; margin-top:30px;}
.newsCon h3 span{color:#45a638;}
.newsCon i{ width:10%; height: 1px; background:#45a638; display: block; margin:15px auto 15px;}

.newsList{ width:100%; overflow: hidden;}
.newsList ul li{ width:100%; height: 260px; padding-top:20px; }
.newsList ul li .pubCon{ height: 260px; border-bottom: 1px solid #ccc;}
.newsList ul li .newimg{ width:18%; height: 240px; float:left;}
.newsList ul li .newimg img{ width:100%; height: auto;}
.newsList ul li .newLtext{ width:80%; height: 240px; float: right;}
.newsList ul li .newLtext h2{ font-size:20px; color:#333; margin-top:2%; }
.newsList ul li .newLtext .date{ font-size:15px; color:#999; margin:10px 0px 15px;}
.newsList ul li .newLtext p{width:100%; text-align: justify; font-size:16px; color:#333; line-height: 30px;}
.newLmore{ width:30%; height: 35px; border:1px solid #45a638; border-radius: 10px; text-align: center; line-height: 35px; margin-top:20px; transition:0.5s;}
.newLmore a{ color:#45a638; font-size:16px;} 

.newsList ul li:hover .newLtext h2{ color:#45a638;}
.newsList ul li:hover .newLmore{ background:#45a638;}
.newsList ul li:hover .newLmore a{ color:#fff;}
.newsList ul li:hover{ background: #eee;}
.newsList ul li:hover .date { color:#333}
.newsList ul li:hover p{ color:#212121;}

.fbdate{ text-align: center; margin: 15px auto; color:#999;}


/* productnei */
.progun{ width:100%; margin-bottom:60px; height:360px; margin-top:40px; background:url(../images/s_bg.png) repeat-x center top; padding-top:30px; }
.gunTit{ height:45px; width:1200px; font-size:24px; line-height:45px; padding-left:10px; font-weight:600;}
.gunTit i{width:45px; height:45px; display:inline; background: url(../images/huo.png) no-repeat center; margin-right:5px; float:left; padding-right:5px;background-size:100%; margin-top:-5px;}
.pubNei #marquee2{width:100%;height:260px;overflow:hidden; margin-top:30px;}
.pubNei #marquee2 ul li{ width:300px;float:left; margin-right:26px; margin-bottom:10px; overflow:hidden; height:260px;}
.pubNei #marquee2 ul li .propic{ width:300px; height:225px; overflow:hidden; }
.pubNei #marquee2 ul li .propic img{display:block; width:100%; transition:0.5s; min-height:225px; }
.pubNei #marquee2 ul li img:hover{ transform:scale(1.1);}
.pubNei #marquee2 ul li h3{ font-size:18px; color:#212121; text-align:center; font-weight:100; line-height:30px;}
.pubNei #marquee2 ul li:hover h3{ color:#45a638;}

.productnei{ width:100%; }
.productnei h3{ text-align:center; margin-bottom:30px; font-size: 46px;}
.pub_neipic{ width:50%; float:left;}
.pub_neipic img{ width:100%;}
.productnei .fbdate{ text-align:center; margin:20px auto 30px; color:#666;}
.proneiPic {width:40%;float:left;}
.proneiPic .swiper-slide img {width: 100%;}
.prowenzi{ width:45%; border-bottom:1px dashed #666; border-top:1px dashed #666; margin-top:50px; margin-bottom:30px; float:right;}
.prowenzi p{ width:100%;font-size:20px; float:left; line-height:60px; margin-top:15px; margin-left:50px;}
.prowenzi p span{ font-size:24px; color:#45a638; font-weight: 600;}
.prowenzi a{ color:#333; font-weight:600;}
.productText p{ font-size:16px; text-align:justify;  line-height:30px;}
.productText img {max-width: 60%;height: auto !important;}
.pian{ width:100%; margin-top:30px;}
.pian p{ font-size:18px; line-height:30px; text-indent: 0em !important;}
.pian a{ color:#333;}
.pian p:hover a{ color:#45a638;}



/*****************************************************手机端样式*********************************************/
@media(max-width:1400px){
  .pubCon{ width:1200px; margin:0px auto;}
  .pubTit{width:1200px; text-align: center; }
  header .logo{ float:left; margin-top:5px; width:20%;}
  header .logo img{ width:100%;}
  header ul{ width:50%;}
  header ul li{ float:left;width:20%;text-align: center; }
  .ttel{ width:20%;}
  .ttel img{ width:100%;}

  .abLeft{ width:30%;  min-height: 476px;}
  .abLeft img{ width:100%; height:476px;}
  .abRight{ width:80%; position: absolute; right:0px; top:40px;}
  .abRight h3{width:80%; }
  .abRight h3 img{ width:60%; margin-left:25%; }
  .abRight .abtext{ width:90%; min-height: 340px; padding:30px;}

  .nmore{  margin-left:115px;}

  .newsList ul li{ width:100%; height: 200px; padding-top:20px; }
.newsList ul li .pubCon{ height: 200px; border-bottom: 1px solid #ccc;}
.newsList ul li .newimg{ width:18%; height: 200px; float:left;}
.newsList ul li .newLtext{ width:80%; float: right; height: 200px;}
.newsList ul li .newLtext h2{ font-size:20px; color:#333; margin-top:0%; }


/* footer */
.footer{ width:100%; min-height:330px; background:#212121; margin-top:60px;}
.f_Left{ float:left; width:85%; }
.f_Left .f_logo{ margin-bottom:20px; margin-top:80px;float:left; width:26%; margin-right:2%}
.f_Left .f_logo img{ width:100%; float:left;}
.f_Left .f_text{ float:left; margin-top:30px; width:70%; padding-left:0px;}
.f_Left p{ font-size:16px; color:#fff; line-height: 40px;}
.f_Right{ float:right; margin-top:60px; width:15%; }
.f_Right img{ width:100%; height: auto;}
.f_Right p{ font-size:16px; color:#fff; text-align: center; line-height: 40px;}


}

.spfix {
	display: none;
}
@media (max-width:768px){
  .pubCon{ width:96%; margin:0px auto;}
   header{ width:100%; height: 60px; background: rgba( 255,255,255,0.75); position: fixed; top:0px ;left: 0px; z-index: 999; box-shadow:3px 3px 8px 2px rgba( 0,0,0,0.15);}
   /* header nav{  background: rgba( 0,0,0,0.15);}
   header nav li{ float:none; text-align:center; width:100%; line-height: 50px; border-bottom:1px solid rgba(0,0,0,0.1)}
   header .btn{ display:block;} */
   header .logo{ float:left;  width:40%; margin-top:0px;}
   header .logo img{ width:80%;}
   header nav{ display:none; position:absolute; width:100%; top:60px; left:0; background:rgba(0,0,0,0.45)}
   header nav ul{ width:100%; margin-left:0px;}
   header nav li{ float:none; text-align:center; border-bottom:1px solid rgba(255,255,255,0.25); width: 100%; line-height: 40px;}
   header nav li a{ color:#fff;}
   header .btn{ display:block;}
   .ttel{ display: none;}


   .fixedTop{ height: 60px; }
.fixedTop .logo{ margin-top:2px;}
.fixedTop .logo img{ width:80%; height: auto;}
.fixedTop ul li{ line-height: 60px;}
.fixedTop .ttel{ margin-top:23px;}


.qiehuan{ width:80px; height: 45px; background:#45a638; position: fixed; top:60px; right:0px; z-index: 999; line-height: 45px; border-radius: 5px 0px 0px 5px;}

   .banner{ position: relative;top:60px; left:0px; z-index: 9;}
   .bannertu{ position: absolute; top:35%; left:20%; z-index: 99; width:30%;}
   .bannertu img{ width:100%;}

   /* .banner .swiper-slide:nth-child(3){display: none; } */
   .banner .swiper-slide video{ display: none;}
   .bannertu{display: none;}
   .banner .swiper-slide .bannerimg1{ display:block;}


   .swiper-button-next{ width:15px; height: 30px; padding:10px; background:rgba(255,255,255,0.3); color:#45a638; }
   .swiper-button-prev{ width:15px; height: 30px; padding:10px; background:rgba(255,255,255,0.3); color:#45a638; }


.about{ width:96%; margin-left:2%; min-height: 670px; margin-top:60px;  overflow: hidden; }
.about .pubCon{position: relative; }
.abLeft{  display: none;}
.abRight{width:100%; min-height: 340px;  padding:0px auto 30px; position: absolute; left:0px; top:40px; z-index: 9;}
.abRight h3{width:70%; }
.abRight h3 img{ width:100%; position: relative; z-index:1;}
.abRight .abtext{width:94%; min-height: 340px;  padding:10px; background:#fff; box-shadow:none; border:1px solid #ddd; margin-top:-10px; position: relative;z-index: 9}

.abRight .abtext h1{ font-size: 20px; color:#333; font-weight: 600;}
.abRight .abtext i{ width:165px; height: 2px; background:#45a638; display: block; margin:10px 0px 10px;}
.abRight .abtext  p{ font-size:16px; color:#333; text-align: justify; text-indent: 2em; line-height: 30px;}

.abmore{width:50%; height: 40px;  line-height: 45px; margin-left:25%; margin-top:15px;}
.abmore a{ color:#45a638; display: block; font-size:18px;}


.abshuzi{ width:100%; height: 200px; background:url(../images/abshubj.jpg) no-repeat center; position: relative; top:430px;}
.shuzi{ position:relative;  top:80px;}
.fl_tit .div1 .span1{font-size: 30px;color: #ff9000; font-family:"Arial"; font-weight: 600;}
.fl_tit .div1 .span3{font-size: 20px;color: #ff9000; font-family:"Arial";}
.fl_tit .div2 .span2{font-size: 14px;color: #fff;}

.case{ width:100%; margin-top:30px;}
.pubTit{width:100%; text-align: center; margin-bottom:15px; }
.pubTit img{ margin:0 auto; width:60%;}
.case .casecontainer .swiper-slide{ width:33.3%; margin-right:0.1%; position: relative; overflow: hidden;}


/* news */
.news{ width:100%; margin-top:60px; overflow: hidden;}
.news ul li{ width:100% !important; position: relative; margin-top:30px; height: auto;overflow: hidden; float: none;margin-right:0%;}
.news ul li:nth-child(3){ margin-right:0px;}
.news ul li .newpic{ width:100%; height: 285px; overflow: hidden; transition:0.5s;}
.news ul li .newpic img{ width:100%; min-height: 285px; }
.newwen{ width:100%;  height: auto; background:#f2f2f2;  transition:0.5s;  }
.nmore{ width:60%; margin-left:20%;position: absolute;  top:268px; z-index:9; transition:0.5s;}
.newwen h2{font-size: 18px; color:#333; padding-top:35px; margin-bottom:15px; margin-left:2%;}
.newwen p{ font-size:14px; color:#666; line-height: 25px; width:96%; margin-left:2%;}
.newwen .date{ font-size:14px; color:#333; margin-top:15px; margin-left:2%;}
.newwen .date i{ width:20px; height: 16px; background: url(../images/date.png) no-repeat center; display: inline-block; float:left; margin-right:10px;}
.newwen .njiantou{ text-align: center; margin-top:20px;}
.news ul li:hover .newwen{ height: 225px; background: #45a638; margin-top:-50px;position: absolute; }
.news ul li:hover .newwen h2{ color:#fff;}
.news ul li:hover .newwen p{ color:#fff;}
.news ul li:hover .newwen .date{ color:#fff;}
.news ul li:hover .newwen .date i{ background: url(../images/dateh.png) no-repeat center;}




/* range */
.rangeList{ margin-top:30px;}
.rangeList ul li{ width:100%; margin-bottom:30px; overflow: hidden;}
.rangeTu{ width:100%; float:none;  }
.rangeTu .ranimg{ width:100%; height: 100%;}
.rangeWen{  width:100%;  float:none; margin-top:10px; padding:0px 1%;}
.rangeWen h3{ width:100%; text-align: center; font-size:16px; color:#333;}
.rangeWen .ranen{ width:100%; text-align: center; font-size:14px; color:#999; text-indent: 0em; }
.rangeList ul li:hover .rangezhe{ top:0px;}
.rangeList ul li:nth-child(2n) .rangeTu{ float: right;}
.rangeList ul li:nth-child(2n) .rangeWen{float: left;}



/* news */
.news{  margin-top:30px; }
.newsList{ width:100%; overflow: hidden; }
.newsList ul li{ width:100%; height: 260px; padding-top:0px; overflow: hidden; }
.newsList ul li .pubCon{ height: 260px; border-bottom: 1px solid #ccc;}
.newsList ul li .newimg{ width:100%; max-height: 200px; float:left;}
.newsList ul li .newimg img{ width:100%; height: 100%;}
.newsList ul li .newLtext{ width:100%;  float: none;}
.newsList ul li .newLtext h2{ font-size:16px;  margin-top:2%; }
.newsList ul li .newLtext .date{ font-size:14px; color:#999; margin:5px 0px 5px;}
.newsList ul li .newLtext p{display: none;}
.newLmore{ width:30%; height: 35px; border:1px solid #45a638; border-radius: 10px; text-align: center; line-height: 35px; margin-top:20px; transition:0.5s;}
.newLmore a{ color:#45a638; font-size:16px;} 



/* footer */
.footer{ width:100%; min-height:320px; background:#212121; margin-top:40px; padding-bottom:60px;}
.f_Left{ float:left;  text-align: center; width:100%;}
.f_Left .f_logo{ width:100%; float:none; margin: 20px auto 10px;}
.f_Left .f_logo img{ width:50%;}
.f_Left .f_text{ text-align: left; float:left; padding-left:0px;margin-top:10px; width:90%; margin-left:5%;}
.f_Left p{ font-size:15px; line-height: 35px;}
.f_Right{  display: none;}


.copyright{ width:100%; height:50px; background:#000; color:#fff; font-size:14px; text-align:center; line-height:25px; overflow:hidden;padding-bottom: 60px;}
.copyright .pubCon{ text-align: center; width:100%;}
.copyright a{ color:#fff; font-size:14px;}
.copyright p{ float:none; margin-right:10px; margin-left:0px;}
.copyright b{ display:inline-block; float:none; margin-top:5px; font-weight: 100; }

/***************************内页样式 ************************/
.neidao{ width:100%; height: 40px !important; line-height: 40px; }
.neihome{ float: left;}
.neihome img{ float:left; height: 40px;}
.neihome p{ float:left; line-height: 40px;  font-size:20px; margin-left:20px; font-weight: 600;}
.neiadd{ display: none;}
.neihome p{line-height: 40px !important; }
.proNav li{ width:100%; }
.proNav li .shouzhi{ width:40px; height: 40px; float:left;margin-left:0%; margin-top:8px !important;}
.proNav li .shouzhi img{ width:100%; height: auto;}
.proList ul li h4{ width:100%; height: 35px; line-height: 35px; font-size:15px; font-weight: 500;}
.proList ul li{ width:100%; margin-right:0%; margin-bottom:15px;min-height: 50px;}
.proList ul li:nth-child(2n){ margin-right:0px; }
.neibanner{ margin-top:60px; }

.proNav li p{ color:#fff;font-size:18px; float:left; line-height: 55px; text-indent: 0em;}

.pub_neipic{ width:100%; float:none;}
.pub_neipic img{ width:100%;}

.progun{ display: none;}
.prowenzi{ width:100%; border-bottom:1px dashed #666; border-top:1px dashed #666; margin-top:50px; margin-bottom:30px; float:none;}
.prowenzi p{ width:100%;font-size:16px; float:left; line-height:30px; margin-top:15px; margin-left:0px; text-indent: 0em;}
.prowenzi p span{ font-size:24px; color:#45a638; font-weight: 600;}
.prowenzi a{ color:#333; font-weight:600;}
.productText p{ font-size:16px; text-align:left;  line-height:30px; text-indent: 0 !important;}
	.productText img {max-width: 100%;}
	.proneiPic {width: auto;float: none;}
.contactCon{ width:100%;}
.contactCon .contacttext{ width:100%; min-height: 300px; border:1px solid #ccc; margin-top:50px;}
.contacttext .contp p{ font-size:15px; color:#333; width:100%;  float:left; line-height: 30px; margin-left:0%; margin-top:0px; margin-bottom: 10px; }
.contacttext .contp p a{ color:#333;}
.contacttext .contp p img{ width:20px; height: 20px; float:left; margin-right:-20px;}


.conneiwai{ width:100%; margin-top:40px; border-top:1px dashed #666; margin-bottom:30px; overflow: hidden;}
.conneiwai .connmb{ width:100%; margin-right:0%; float:none;}
.conneiwai .connmb h3{ font-size:20px; color:#212121; height: 45px; margin-top:40px; font-weight: 600; text-align: left;}
.conneiwai .connmb p{font-size:15px; color:#333; width:100%; line-height: 30px; margin-top:15px;}
.conneiwai .connmb p a{ color:#333;}
.conneiwai .connmb p img{ width:30px; height: 30px; float:left; margin-right:5px;}

.conneiwai .conwmb{ width: 100%; margin-right: 0px; float: none;}
.conneiwai .conwmb h3{ font-size:20px; color:#212121; height: 45px; margin-top:40px;font-weight: 600; text-align: left;}
.conneiwai .conwmb p{font-size:15px; color:#333; width:100%; line-height: 30px; margin-top:15px;}
.conneiwai .conwmb p a{ color:#333;}
.conneiwai .conwmb p img{ width:30px; height: 30px; float:left; margin-right:5px;}



.page{ margin-left:0%; margin-top:20px; }
.page ul{  text-align: center; overflow: hidden;}
.page li{ padding:10px; font-size:14px; float:left; border:1px solid #ddd; margin-right:5px; transition:0.5s;}
.page li a{ color:#333;  display: inline;}
.page li:hover{ background:#45a638;}
.page li:hover a{ color:#fff;}

.pian p{ font-size:15px; }

.page span {
		font-size: 14px;
	}
	.page a {
		margin: 0 3px 5px;
		min-width: 33px;
	}
	.page .page-status {
		margin-right: 8px;
	}
	.spfix {
		display: block;
		position: fixed;
		left: 5px;
		right: 5px;
		z-index: 900;
		background-color: #ff9000;
		bottom: 0;
		font-size: 20px;
		text-align: center;
	}
	.spfix a {
		padding: 10px 0;
		display: block;
		color: #fff;
	}
}