@charset "utf-8";
.cpflList{ position: relative; float: left; width: 100%;margin-bottom: 10px;}
.cpflList li{ float: left; width: 25%; padding: 0 5px; text-align: center;}
.cpflList li img{   max-width: 100%;  } 
.cpflList li h3{ font-size: 18px; color: #555; background: #ddd; float: left; height: 55px; line-height: 55px; width: 100%;}
.cpflList li:hover h3{color: #fff; background: #009c7f; transition: all ease .5s}
.cpflList li a:hover{ text-decoration: none;}

.InNav{ float: left; width: 100%; text-align: center; padding: 15px 0 25px;}
.InNav h3{width:100%;margin:0 auto;font-size:32px; height: 58px; margin-bottom: 10px;   position:relative;	 letter-spacing:2px;   }

.InNav h3 a {color:#009c7f; font-weight: 700;}
.InNav h3 a:hover{ text-decoration: none;}
.InNav h3 .line{ position:absolute; bottom:2px;width:62%;height:2px;background:#ddd;text-align: center;   }

.line::before{ content:'';  display:block; width:100%; height:2px; position:absolute; background:#009c7f; transition:all 0.55s ease-in-out;  transform: scale(0.3,1);
 transform-origin:50% 0;}
.InNav h3 .dot{position:relative;display:block;	width:10px;	height:10px;top:-5px;background:#fff;z-index:10;border:2px solid #009c7f;    }	
.InNav h3:hover .line::before{transform:scale(0.8,1); }
.dot{border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;	-ms-border-radius: 100%;-o-border-radius: 100%;}
.line,.dot{left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);	-o-transform: translateX(-50%);	transform: translateX(-50%);}
.InNav p{ font-size: 16px; line-height: 24px; padding: 0 70px; color: #999;} 

.Bg{ background-color: #f5f5f5; float: left; width: 100%; padding: 10px 0;}

.cpfl li{float: left; width: 25%; padding: 0 10px; margin-bottom: 15px;}
.cpfl li img{ width: 100%; height: 203px;  }
.cpfl li a{background-color: #fff; float: left; width: 100%; padding-bottom: 12px;}
.cpfl li h5{ line-height: 38px; font-size: 16px; font-weight: 700; padding: 0 10px; }
.cpfl li p{ border: 1px solid #d2d2d4;  border-radius: 20px;   color: #666; float: right;height: 28px; line-height: 24px;  margin-right:10px; text-align: center;  transition: all 300ms ease-in 0ms;   width: 88px;color: #888;}
 
.cpfl li a:hover p{	background: #009c7f; color: #fff; border-color: #009c7f;	}

.company{ float: left; width: 58%; padding-bottom: 25px;}

.company h3{   font-size:30px; font-weight: 700;  }
.company h2{width: 100%;float: left;height: 35px;line-height: 35px; font-size: 22px; color:#000;	margin-bottom: 20px;}
.company h5{width: 100%;float: left;height: 25px;	line-height: 25px; margin-bottom: 20px;	font-size: 14px;color:#999;	font-weight: normal;}

.company p{ text-indent: 2em; font-size: 15px; color:#888; line-height: 26px;}
.ck_more{ width: 180px;
	height: 45px; display: inline-block;
	background: #3f3c35; 	text-align: center;	font-size: 14px;	line-height: 45px;	color: #fff;	margin-top: 10px;}
.ck_more:hover{	transition: all ease .5s;	background: #009c7f; color: #fff;	animation: btnanimate .3s ease;}
 

.com_Img{ background-color: #fff; border: 4px solid #009c7f; margin-top: 10px; float: right; width: 36%; height: 300px; position: relative;}
.com_Img img{ position: absolute; top: 30px; left: -35px; width: 420px; border: 7px solid #dedede;}


.InNav2 { float: right; height: 25px; line-height: 25px; width: 100%;
	margin: 15px 0; text-align: right;}
.InNav2  b{ float: left;   color: #009c7f; font-size: 30px;}
.InNav2 a span{ padding: 0 20px; color: #fff; font-size: 12px;
	height: 25px; display: inline-block; line-height: 25px; }
.spanred{ background: #009c7f;}
.spanhei{ background: #000;}
.InNav2 a:hover .spanred{ background: #000;transition: all ease .5s;}
.InNav2  a:hover .spanhei{ background: #009c7f; transition: all ease .5s;}


.xwleft li{ height: 300px; position: relative; margin-top: 25px;}
 
.xwleft li h3{ font-size: 17px; height: 58px; line-height: 58px; position: absolute; bottom: 0; display: inline-block;  vertical-align: middle;  float: left;  left: 0; width: 100%; background: rgba(0,0,0,.5); z-index: 1; font-weight: 700; color: #fff; padding-left: 20px;}
.xwleft li h3 b{ float: left; width: 83%;}
.xwleft li h3 span{ background:url(../images/ico2.png) #009c80 right center no-repeat;  float: right; height: 58px; width: 70px;}

.xwRight{ padding-left: 35px; margin-top: 12px;}
.xwRight li{ margin-top: 10px; background: url(../images/newsicon.png) left 8px no-repeat; padding-left: 10px; } 
.xwRight li p{ margin-top: 4px;  color: #888; line-height: 22px;}


.s_title{ width:100%;float:left;height:50px;background: #f9f9f9; border-bottom:1px solid #eee; line-height: 50px;} 
.s_title h4{ font-size: 14px; color: #888; margin: 0 auto; text-align: right; width: 1200px;}
.s_title h4 a{ color: #888;}
.s_title h4 span{ font-size: 18px; float: left; font-weight: 700; color: #009C7F;}

.slNav{ width: 100%; padding: 0 10px; font-weight: 700; height: 45px; color: #FFF; font-size: 18px; position: relative; line-height: 45px;   border-bottom:3px solid #555; background:#009c7f;}
.slNav img{ margin-top: 12px; margin-right: 5px;}

.bline{ border: 1px solid #dedede;}

.slxwm{ background: url(../images/lxIcon.jpg) #f7f7f7 10px 25px no-repeat; padding: 15px 0 10px 35px; float: left; width: 100%;}
.slxwm li{  line-height: 28px; font-size: 16px; margin-bottom: 8px;}
.slxwm li span{ display: inline-block; width: 100%;}
.slxwm img{ width: 80%;}
.slxwm li:last-child{ padding-left: 10px;}
.slxwm li b{ color: #FF0000;}
.SLNav .li1{/* background: #f9f9f9 url(../images/clw.png) no-repeat 10px center;*/ font-weight:700;text-indent: 25px; }
.SLNav li:hover{ background-color: #009C7F; color: #fff;}
.SLNav li:hover a{ color: #fff;}
.SLNav li{  font-size: 15px;  height: 40px; position: relative; text-indent: 43px; line-height: 40px;  border-bottom: 1px solid #eee;}
.SLNav .li2{ background: #f9f9f9 url(../images/icon2.png) no-repeat 10px center; text-indent: 35px; }

.right{ padding-left: 20px;}
.s_rNav{ border-bottom: 1px solid #dedede; height: 45px; line-height: 45px; color: #009C7F; padding: 0 5px;}
.cp_list li{ padding: 0 10px; margin: 25px 0 0;}
.cp_list li a{ display: inline-block; padding: 2px 2px 5px; border: 1px solid #DEDEDE; border-bottom:2px solid #009C80;}
.cp_list li div{ height: 200px;}
.cp_list li h3{ padding: 3px 0; width: 268px;}

/***产品详细里面***/
.cpBImg{ position: relative;   overflow: hidden; width: 560px; margin-top: 15px; float: left;  }
.cpBImg .bigImg{ height:365px; position: relative;width: 560px;}
.cpBImg .bigImg li img{ vertical-align:middle; width:560px; height:365px;   }

.cpBImg .smallScroll{ height: 77px; margin-top: 6px; width: 560px;}
.cpBImg .sPrev,.cpBImg .sNext{ float: left; display: block; width: 22px; height:72px;   text-indent: -9999px; background: url(../images/prev-next.gif) no-repeat 0 0; }
.cpBImg .sNext{ background-position: -26px 0}

.cpBImg .smallImg{ float:left;  margin: 0 8px; display:inline; width: 500px; overflow: hidden;}
.cpBImg .smallImg ul{ height:72px;  width: 9999px; overflow: hidden; }
.cpBImg .smallImg li{ float: left; margin-left: 3px;  cursor:pointer;  display: inline;  }
.cpBImg .smallImg img{ border: 1px solid #dcdddd; width:98px; height:72px;  }
.cpBImg .smallImg .on img{ border-color:#009C7F;}

.cpBImg .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}
.cpBImg .pageState span{ color: #f00; font-size: 16px;}

.cp_lx{ margin-left: 15px;  float: right; width: 300px;}
.cp_lx h3{ line-height: 24px; padding: 5px 0; border-bottom: 1px solid #DEDEDE; color: #009C7F;}
.cp_lx ul{ padding: 15px 0;}
.cp_lx li{ line-height: 22px; padding: 5px 0;}
.cp_lx li b{ font-size: 18px; color: #DD0000;}
.cp_lx li span{  color: #DD0000;}
.cp_lx .bottom-QQ{ margin-top: 5px; width: 60%; text-align: center; margin-left: 50px; font-size: 18px; background-color: #009C7F;}

.article{ display: inline-block; width: 100%;  font-size: 14px; line-height: 180%; }
.article table {border-top:1px solid #dedede; border-right:1px solid #dedede;}
.article table tr td{ border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; padding: 8px 5px; font-size: 14px;}

.stj_list{ border: 1px solid #DEDEDE; display: inline-block; width: 100%; padding: 0 15px 15px;}
.stj_list li{ text-align: center;  margin-top: 15px;}
.stj_list li h5{ padding: 5px 0 0;}
/*新闻列表*/ 
.tjNew{ float:left; width:100%;padding:0 10px;}
.tjNew li{ float:left; width:100%; padding-bottom:15px; margin-top:15px; border-bottom:1px dashed #ccc; }
.tjNew li img{ float:left; width:250px; height:167px; margin-right:12px;padding:3px; border:0px solid #CCC;-moz-box-shadow:0px 0px 6px #C4C4C4; -webkit-box-shadow:0px 0px 6px #C4C4C4; box-shadow:0px 0px 6px #C4C4C4;}
.tjNew li h3{ height:40px; line-height:40px;  font-size:18px;  font-weight:700;}
.tjNew li span{ background:url(../images/icons2.png) left center no-repeat; line-height:25px; color:#aaa; padding-left:20px;}
.tjNew li p{ line-height:24px; color:#777; font-size:14px;} 

.arc_title{ height:35px; line-height:35px; font-size:24px;    margin-top:15px; color:#d9000b; text-align: center;}
.arc_name{ height:42px; line-height:42px; font-weight: 100; text-align: center; font-size:13px; color:#666; border-bottom: 1px solid #dedede; margin-bottom: 15px;}

 
.fy ul{ border-top: 1px solid #dedede; float: left; width: 100%; line-height: 24px; padding: 10px 0;}
.fy ul li{ font-size: 14px; font-weight: 600;  width: 50%;  float: left;}
.fy ul li a{ color: #646464;font-size: 16px; }