@charset "utf-8";




.fl{ float:left}. fr{ float:right}


/*---简介-----------*/
  
/*about*/



.about_11{ width:100%; margin:0 auto; background:#fff; height:650px; }
.cp_list {  margin:0px auto; clear:both; overflow:visible; width:1300px;}
.cp_list .fl{ width:581px; }
.shipin{ float:left; margin-top:107px}

.cp_list .fr{ width:664px; margin-top:110px }
.cp_list .fr h2{ font-size:40px; font-weight:normal; color:#363636; text-transform:uppercase}
.cp_list .fr h2 span{ color:#00914b; font-size:40px; display:inline-table }
.cp_list .fr span{ font-size:20px; font-weight:normal; color:#333; line-height:30px; text-align:center; margin:0 auto; display:block }

.cp_list .fr b{ width:43px; height:4px; background:#e0e0e0 ; display:block;  text-align:center; margin:8px auto 0 auto;} 
.cp_list .fr p{ font-size:15px; color:#5c5c5c; line-height:30px; margin-top:20px}
.cp_list .fr h2 span {
    color: #00914b;
    font-size: 30px; text-align:center
}

.pronav{ width:664px; display:flex; list-style:none;  margin-top:20px; float:left;}
.pronav .img{ width:24%; margin:1%; justify-content:center; text-align:center; list-style:none; margin:0 auto}
.pronav  .img{ width:100%; text-align: center;}
.pronav .neirr{ width:100%;  text-align:center; margin-left:4%}




.pronav  .img img{transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;}
.pronav  .img:hover img {
    transform: rotateY(180deg);transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease; text-decoration:none
}
.pronav .neirr p{ color:#303030; font-size:18px; margin:0px 0 0px 0; font-weight:normal; }

.pronav .neirr span { font-size:12px; color:#a6a6a6; line-height:20px; text-transform:uppercase ;}
a:hover{text-decoration:none}
.pronav li{ width:100%; text-align:center; margin-bottom:70px; }



.custom-btn {
  width: 154px;
  height: 43px;
  border: 4px solid #99dbbd;
  font-family: 'Lato', sans-serif;
  font-weight:normal;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block; line-height:37px; text-align:center; font-size:18px; display:block; margin-top:20px; color:#2f2f2f; border-radius: 25px; background:#fff; margin:0 auto 
}

/* 10 */
.btn-10 {
  transition: all 0.3s ease;
  overflow: hidden;
}
.btn-10:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -webkit-transform: scale(.1);
  transform: scale(.1);
}
.btn-10:hover {
  color: #fff; background: #40a849!important;
}
.btn-10:hover:after {
  background: #40a849!important;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.custom-btn2 {
  width: 154px;
  height: 43px;
  border: 4px solid #99dbbd;
  font-family: 'Lato', sans-serif;
  font-weight:normal;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block; line-height:37px; text-align:center; font-size:18px; display:block; margin-top:20px; color:#2f2f2f; border-radius: 25px; background:#fff; 
}

/*--------------*/
/*gu1*/
.www{  margin:0px auto; clear:both; overflow:visible; width:1300px;}
.gu1{ width:100%; height:202px; background:url(../images/gu1.jpg) no-repeat center top; margin:0 auto; padding-top:60px; }
.gu1 .fl{ width:40%; margin-left:10%}
.gu1 .fl h2{ color:#fff; font-size:36px; font-weight:normal; }
.gu1 .fl span{ color:#fff; font-size:14px; text-transform:uppercase; }
.gu1 .fl p{ display:block; background:url(../images/bg.png) no-repeat left top; color:#fff; font-size:20px; width:100%; height:45px; line-height:45px; padding-left:30px; margin-top:4%}
.gu1 .fl p em{ color:#4d4d4d; font-style:normal; padding-left:30px}

.gu1 .fr{ width:25%}
.gu1 .fr .tel{ width:90%; background:url(../images/tel.png) no-repeat left top; padding-left:14%; line-height:45px; color:#fff; font-size:20px}



/*guanggao1*/

#home_shu_1 {
	

    height: 788px;
    background: url(../images/bg2.jpg) center no-repeat;
    background-attachment: fixed;color:#fff


	
	}
	#home_shu_1 .content { width:1350px; margin:0 auto; color:#fff;justify-content:center;flex-wrap: wrap; }
	
#home_shu_1  dl { padding-top:87px; text-align:center; color:#FFF; font-size:36px; margin:10px auto; width:25%;  }
#home_shu_1  dl h2{font-size:26px; font-weight:normal;  color:#fff }
#home_shu_1  dl dd{ font-size:16px; font-weight:100}


#home_shu_1 dl dt { font-size:18px; line-height:50px; text-transform:uppercase; letter-spacing:0px; height:50px}
#home_shu_1 dl dd { font-size:16px; line-height:25px; margin-top:10px; color:rgb(255,255,255,.8)}

#home_shu_1 .zuo{ text-align:right; margin-right:25%}
#home_shu_1 .you{ text-align:left; margin-left:25%}
#home_shu_1 .zuo img{ float:right; margin: 10px}
#home_shu_1 .you img{ float:left; margin: 10px}





#home_shu_1 dl img{transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;}
#home_shu_1  dl:hover img {
    transform: rotate(360deg);transition: all .3s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease; text-decoration:none
}
.home_pic{ float:left; clear:both}
.home_pic img{ position:absolute; left:345px; padding-top:40px;  transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.home_pic:hover img{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




    transform: translate(0,10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);}









/*--------------*/
.product{ width:100%; height:759px; background:#fff; margin:0 auto}

.siderUl{ width:58%; margin:0 auto; display:flex; flex-wrap: nowrap; margin-top:30px
}
.siderUl li {  height:34px; line-height:34px; background:#fff; color:#666; display:block; text-align:center; margin-right:0.5%; border:1px #c4c4c4 solid; padding:0 25px}
.siderUl li  .aa1{ color:#666; font-size:16px ;}
.siderUl li:hover{ background:#00a95c; color:#fff; display:block ;}
.siderUl li:hover a{ color:#fff; }

.siderUl li  .active{ background:#efad3f; color:#fff; display:block; font-size:14px }



/*--------------*/
.anniu{ width: 127px; height:33px; background:#00914b; margin:30px auto 0 auto}
.anniu a{ color:#fff; line-height:33px; display:block}



.rs-services.main-home .services-item:hover .anniu a{ background:#fff; color:#00914b}


/*--------------*/
/*gu2*/

.gu2{ width:100%; height:242px; background:url(../images/gu2.jpg) no-repeat center top fixed; margin:0 auto; padding-top:60px; }
.gu2 .fl{ width:48%; margin-left:5%}
.gu2 .fl h2{ color:#fff; font-size:36px; font-weight:normal; width:100% ;float:left}
.gu2 .fl span{ color:#fff; font-size:14px; text-transform:uppercase;width:100% ;float:left; padding-bottom:10px }
.gu2 .fl .aa1{ border:2px #fff solid; padding:5px; width:103px; height:51px; color:#fff; line-height:51px; font-size:18px; text-align:center; float:left; margin-top:10px }
.gu2 .fl .a22{ color:#fff; font-size:18px; float:left; line-height:50px; padding:0 10px}
.gu2 .fl .aa3{ border:2px #fff solid; padding:5px; width:123px; height:51px; color:#fff; line-height:51px; font-size:18px; text-align:center; float:left; margin-top:10px  }

.gu2 .fl p em{ color:#4d4d4d; font-style:normal; padding-left:30px}

.gu2 .fr{ width:25%}
.gu2 .fr .tel{ width:100%; line-height:35px; color:#fff; font-size:20px; text-align:left}

/*--------------*/

.factory{ width:100%;  background:#fff; margin:0 auto; height:800px }





/*--------------*/
.news_1{ width:100%; margin:0 auto;background:#f7f7f7; height:700px}
.warp { width:1310px;  margin:0 auto; padding-top:0px}
.news_1 h2{  font-size:28px; font-family:SourceHanSerifCN-Bold_0; color:#181818; text-align:center; background:url(../images/line4.jpg) no-repeat center bottom; padding-bottom:20px}
.zzs {
    width: 1300px;
    margin: 0px auto;
}


.zzsc .tab{ overflow:hidden; width:662px; height:50px;line-height:50px; float:left}
.zzsc .tab a{ display:block;  float:left; text-decoration:none; color:#333; width:217px; text-align:center; font-size:17px; background:#f7f7f7; margin-right:3px }
.zzsc .tab a:hover{ background:#a9194f; color:#fff; text-decoration:none;}
.zzsc .tab a.on{ background:#a9194f; color:#fff; text-decoration:none;}
.zzsc .content_2{ overflow:hidden; width:662px; position:relative; height:460px;margin-left:40px}
.zzsc .content_2 ul{ position:absolute; left:0; top:0; }
.zzsc .content_2 li{ width:657px; float:left;border-bottom:1px #d9d9d9 solid; padding:14px 0}

	
.zzsc .content_2 .fifi{ display:block;  padding-top:10px; width:100%; float:left ;} 

	
	
	.content_2 li{ border-bottom:1px #d9d9d9 solid}

.content_2	.riri{ width:122px;float:right; margin-top:50px }
	
.content_2 .home_news_li_r {color: #333;border: 1px solid #ababab; transition:All 0.4s ease-in-out; font-size:14px; text-align:center; line-height:23px; margin-bottom:10px; width:80px; height:23px; float:left}
.content_2 .home_news_li_r:hover{ background:#00a259; color:#fff}

.home_news_li_m{ width:80%; float:left; margin-left:7%}
	.home_news_li_m h4{ color:#333; font-size:20px; font-weight:normal}
    .home_news_li_l{  font-size:16px; width:80px; height:92px; background:#acacac; float:left; text-align:center; color:#fff}
	 .home_news_li_l span{ font-size:30px; margin-top:10px; display:block}
	.home_news_li_m p{color:#666; font-size:16px; line-height:40px}
	.home_news_tu { width:596px; height:382px; overflow:hidden; margin-top:20px; position:relative; float:left;}
.home_news_tu_img  {width:596px; height:382px; position:absolute; top:0px; left:0px; }
.home_news_tu_con {width:596px; height:108px; position:absolute;   bottom:0px; left:0px;  
background-color:#00a259;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00a259), to(#00a259));
	background-image: -webkit-linear-gradient(left,  #00a259, #00a259);
	background-image: -moz-linear-gradient(left, #00a259, #00a259);
	background-image: linear-gradient(left, #00a259, #00a259);
	display:flex; justify-content: space-between; opacity:0.83;
	


}.home_news_li_m a{ color:#00a259}
.home_news_tu_con h3 { padding-left:55px; padding-top:25px; color:#FFF; line-height:28px; font-size:31px; font-weight:normal; font-family:"Times New Roman", Times, serif; } 
.home_news_tu_con h3 p { font-family:"微软雅黑"; font-size:17px;line-height:23px; }
.home_news_tu_con_b { float:right; padding-right:43px; padding-top:43px;}


.zzsc a .home_news_tu.right .home_news_tu_img,
.zzsc a .home_news_tu.right .home_news_tu_con {
	
		transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;	
	
	}

.zzsc a:hover .home_news_tu.right .home_news_tu_img { width:110%; height:110%; top:-5%; left:-5%;
}
.zzsc a:hover .home_news_tu.right .home_news_tu_con {height:90px;  }






/*--------------*/


.ying{ width:100%; margin:0 auto;background:url(../images/ying.jpg) no-repeat center top fixed ; height:789px}
.warp1{ width:1370px; margin:0 auto; padding-top:88px}
.ying h2{  font-size:28px; font-family:SourceHanSerifCN-Bold_0; color:#fff; text-align:center; background:url(../images/line4.jpg) no-repeat center bottom; padding-bottom:20px}
.ying span{ font-size:16px; color:#fff; text-align:center; display:block; margin-top:20px}
/*--------------*/






/*--------------*/
.youshi{ width:100%; background:#f6f6f6; margin:0 auto}











/*--------------*/
.news { width:1176px;}
.news .bt { width:100%; margin-top:70px; height:110px; text-align:left; border-bottom:1px solid #c3ced4; color:#505050; font-size:18px; line-height:35px;}
.news .bt h3 { font-size:34px; font-weight:400; color:#000; line-height:50px;}

.news .con { width:1176px;}
.news dl { width:100%; float:left; height:314px; border-bottom:1px solid #c3ced4; transition:all 0.4s;}
.news dl dd { width:824px; float:left;}
.news dl dd i { font-size:22px; line-height:78px;  float:left; margin-top:32px; width:100%; font-family:Arial, Helvetica, sans-serif;  color:#a2a2a2; font-style:normal;}
.news dl dd h3 { color:#1c1c1c; font-size:28px; line-height:60px;  font-weight:400;width:90%; float:left; transition:all 0.4s;}
.news dl dd p { color:#6d6d6d; font-size:16px; line-height:29px; width:90%; float:left;}
.news dl dd span { width:112px; height:24px; line-height:24px; border:1px solid #d5dce0; text-align: center; float:left; margin-top:40px; border-radius:25px;transition:all 0.4s;}

.news dl dt { width:358px; height:199px; float:right;  overflow:hidden; margin-top:63px;}
.news dl dt img { width:358px; height:199px;}

.news a:hover dl { border-bottom:1px solid #0077c2;}
.news a:hover dl dd h3 { color:#0077c2;}
.news a:hover dl dd span {width:112px; height:24px; line-height:24px; border:1px solid #0077c2; background:#0077c2; text-align: center; float:left; margin-top:40px; border-radius:25px;  color:#fff;}

















#flash2{ display:none

}

.mbdh{ display: none}
.34a{ display:block}
.34b{ display: none}
.wap_22{ display:none}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/
