@charset "utf-8";
/* CSS Document */


html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin:0; padding:0; }
/* IE5.xIE6��bug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 

/* body */ 
body{color:#757575; font-size:12px; line-height:24px;  font-family:"΢���ź�";   background:#FFF;} 
i, em, cite { font-style:normal; }

/* a */ 
a{color:#757575; font-size:12px;/*-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;*/ text-decoration: none; }
a:hover { color:#02923d; }
/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
textarea,input {vertical-align:middle;font-size:12px; outline:none}

iframe{ border:0}
/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
body img{border:0 none; vertical-align:middle;} 

/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;}


/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */
/*********�����������?**********/
.clr { clear:both; display:block; height:0;font-size:0; overflow:hidden;}
/*���ض���*/
.totop{position:fixed; right:50%; margin-right:-528px; z-index:10000; bottom:25px;display:block; width:26px; height:62px; background:url(../images/rocket.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out;}


/*��վͷ��*/

.top-T_Wrap{ width:auto; height:140px; position:relative; z-index:10; position:fixed; left:0; top:0; right:0; background:#FFF; /*-moz-box-shadow:0 2px 5px #f0f0f0; -webkit-box-shadow:0 2px 5px #f0f0f0; box-shadow:0 2px 5px #f0f0f0;*/ border-bottom:1px solid #f0f0f0}

.top-T{ width:1100px; margin:0 auto; height:140px; background:url(../images/tel.png) right 20px no-repeat; position:relative;}
.top-T .logoL{ width:154px; height:194px; overflow:hidden; position:absolute; z-index:100; left:0; top:0}

.top-T .logo{ width:488px; height:35px; background:url(../images/logo01.png) left center no-repeat; overflow:hidden; position:absolute; z-index:100; left:240px; top:20px}


/***********nav*******/
.nav{ position:absolute; right:0; bottom:0; height:70px; z-index:100}
.nav li{ float:left; text-align:center; position:relative}
.nav li.li{width:0; height:70px; overflow:hidden; background:url(../images/navxian.png) center center no-repeat}
.nav li > a{  line-height:70px; width:125px; font-size:16px; color:#1a1a1a; display:block; position:relative}
.nav li > a:hover,.nav li > .cur{ color:#02923d; background:url(../images/xiancur.png) bottom center no-repeat}




.ProBoxWrap{background:rgba(255,255,255,0.8); display:none; width:100%; position:absolute; left:0;  right:0; top:70px; z-index:10000; }
.ProBoxWrap .ProBox{margin:0 auto; }
.ProBoxWrap .ProBox .T{ border-bottom:1px solid #e6e4e2}
.ProBoxWrap .ProBox .T a{ display:block; height:45px;  margin-bottom:1px; line-height:45px; color:#7f7f7f; font-size:16px;}
.ProBoxWrap .ProBox .T a:hover{  color:#7f7f7f}

.nav li:hover .ProBoxWrap{ display:block}
.nav li:hover > a{ color:#02923d; background:url(../images/xiancur.png) bottom center no-repeat}
/*********************************����ͷ������*******************************/

.js-silder{position: relative; height:600px; z-index:5}
.silder-scroll{width: 100%; overflow: hidden; height:100%;}
.silder-main{position: relative; width: 100%; overflow: hidden; height:100%;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%; height:100%;}
.silder-main-img a{ display:block; height:100%}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{position:absolute; bottom:5px; z-index:10; width: 100%; text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{position: absolute;top: 0;display:none;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "����";font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 0; text-align: left;}
.silder-ctrl-next{right: 0; text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 50%; margin-top: -40px;}
.silder-ctrl-prev>span{display:none;left: 0;}
.silder-ctrl-next>span{ display:none;right: 0;}
.silder-ctrl-con{display: inline-block;width:50px;padding: 10px 0; margin: 0 10px; cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding:2px 5px;  cursor: pointer; background:#b3b2b1}
.silder-ctrl-con.active>span{background-color: #333333;}

@media (max-width: 768px){
.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}
.silder-ctrl-con{width: 14px; height: 14px;padding: 0; margin: 0 5px;}
.silder-ctrl-con>span{display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0;}
}

/*��Ʒ����*/
.pro_title{ height:99px; background:url(../images/protitle.png) center center no-repeat; margin:60px auto;}


/*��Ʒ����*/
.subnav{ width:1100px; margin:40px auto 10px; height:70px; border-bottom:1px dashed #ebebeb; position:relative; border-top:1px dashed #ebebeb}
.subnav .pic{ width:205px; height:72px; background:url(../images/protitle.png) left center no-repeat; position:absolute; left:0; top:-1px}
.subnav .text{ padding-left:200px;}
.subnav .text p{ line-height:70px; margin-left:50px; display:inline-block}
.subnav .text p a{ color:#4c4c4c; font-size:18px;}
.subnav .text p a:hover{ color:#02923d}
.homePro{ width:1120px; margin:0 auto; margin:0 auto ; overflow:hidden; position:relative;padding-bottom: 40px;}
.homePro li{ width:280px; overflow:hidden; position:relative; float:left; display:inline; }
.homePro li a { display:block;font-size:16px; text-align:center;  width:260px; margin:0 auto; padding-top:20px;}
.homePro li .pic {position:relative;  display:block; border:1px solid #e7e7e7; background:#FFF; overflow:hidden; width:260px; margin:0 auto; height:260px;}
.homePro li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;}
.homePro li .text{ height:40px; line-height:40px; text-align:center}


.jcsbWrap{ width:auto; margin:40px 0; height:600px; background:url(../images/min.jpg) center center no-repeat;}
.jcsbWrap .jcsb{ width:1100px; margin:0 auto; height:600px; position:relative}

.jcsbWrap .jcsb a{ display:block; width:60px; height:30px; position:absolute}

.jcsbWrap .jcsb a.A{ left:400px; top:190px; background:url(../images/jt01.jpg) center center no-repeat}
.jcsbWrap .jcsb a.A:hover{ background:url(../images/jt01a.jpg) center center no-repeat}
.jcsbWrap .jcsb a.B{ right:400px; bottom:80px;  background:url(../images/jt02.jpg) center center no-repeat}
.jcsbWrap .jcsb a.B:hover{ background:url(../images/jt02a.jpg) center center no-repeat}


.aboutWrap{ width:auto; height:331px; background:url(../images/about.jpg) center center no-repeat}
.about{ width:1100px; margin:0 auto; position:relative; overflow:hidden; }


.about .aboutText{ display:block; width:630px; position:relative; padding-bottom:70px; font-size:14px; color:#666666; line-height:30px; padding-top:30px;}
.about .aboutText strong{ display:block; font-size:30px; color:#02923d; font-weight:normal; margin-bottom:27px;}
.about .aboutText a{ display:block; width:110px; height:34px; background:#cccccc; color:#FFF; text-align:center; line-height:34px; font-size:16px; position:absolute; bottom:0; left:0}
.about .aboutText a.A{ left:140px}
.about .aboutText a.B{ left:280px}
.about .aboutText a:hover{ background:#02923d}
/*��������*/


.newsnav{height:40px; position:relative; border-bottom:1px solid #e6e6e6}
.newsnav li{ display:inline-block; height:40px; position:relative; text-align:center; margin-right:30px }
.newsnav li > a{font-size:16px; color:#333333; width:auto; line-height:40px; height:40px; display:block}
.newsnav li.cur a{ color:#02923d}
.newsnav li.cur:after{ content:''; position:absolute; left:0; right:0; margin:auto; bottom:0; width:100%; height:2px; background:#02923d}


/*��������*/

.newsWrap{ width:1100px; margin:0 auto 50px;  padding:30px 0 0; overflow:hidden}
.newsWrap .newsNav{  overflow:hidden; width:1100px; border-bottom:1px solid #e6e6e6}
.newsWrap .newsNav li{ float:left; height:45px; margin-right:40px;}
.newsWrap .newsNav li a{overflow:hidden; display:block;  line-height:45px; font-size:18px; color:#808080;  position:relative}
.newsWrap .newsNav li.cur a:after{ content:''; position:absolute; bottom:0; left:0; height:2px; background:#02923d; width:100%;}
.newsWrap .newsNav li.cur a{ color:#02923d}

.newsWrap_R{ width:1100px; display:none; padding:25px 0;}

.newsWrap_R .LeftNews{ height:380px; float:left;  width:520px;}
.newsWrap_R .LeftNews a{ display:block;}
.newsWrap_R .LeftNews a .pic{ width:520px; height:249px; position:relative}
.newsWrap_R .LeftNews a .pic img{ position:absolute; left:0; right:0; bottom:0; top:0; max-height:100%; max-width:100%; margin:auto}
.newsWrap_R .LeftNews a .text{ padding:15px 0; line-height:24px; font-size:14px; color:#808080}
.newsWrap_R .LeftNews a .text strong{ display:block; font-size:18px; margin-bottom:10px; font-weight:normal; height:20px; line-height:20px; overflow:hidden; color:#4c4c4c}


.newsWrap_R .RightNews{ height:380px; float:right; width:520px;}

.newsWrap_R li{ height:100px; width:auto; border-bottom:1px dashed #d7d7d7; padding-bottom:15px; margin-bottom:15px; position:relative;}
.newsWrap_R li a{ display:block; height:100px}
.newsWrap_R li a .txt{ padding-left:120px;}
.newsWrap_R li a .txt strong{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px; margin-bottom:10px; display:block; color:#1a1a1a }
.newsWrap_R li a .txt .nr{ line-height:22px; overflow:hidden; color:#808080; font-size:14px; }
.newsWrap_R li a .data{ position:absolute; background:#cccccc; left:0; top:0; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:30px; text-align:center; height:100px; width:100px;  color:#FFF; }
.newsWrap_R li a .data span{ display:block; font-size:36px; padding:25px 0 0px; font-weight:bold}
.newsWrap_R li a:hover .data{ color:#FFF; background:#02923d}

/*新闻中心*/
.news_wrap{width:auto; overflow:hidden; background:#FFF; padding:40px 0 20px}
.news_wrap .news{ width:1100px; margin:0 auto; overflow:hidden;}
.news_wrap .news .bt{ position:relative; background:url(../images/icon05.png) 0px center no-repeat #FFF; font-size:20px; font-weight:bold; padding-left:35px; color:#1a1a1a; height:60px; line-height:60px;}
.news_wrap .news .bt a{ display:block; position:absolute; right:0; top:20px;  width:20px; height:20px; background:url(../images/jiaa.png) center center no-repeat #02923d; background-size:10px ;}

.news_wrap ul{ overflow:hidden; padding:0 0 20px; position:relative;}
.news_wrap ul li{width:auto;position:relative; }
.news_wrap ul li a{width:auto;color:#4c4c4c; line-height:36px; font-size:14px; overflow: hidden; padding-right: 80px; height: 36px; position:relative; display:block; background:url(../images/o1.png) 5px center no-repeat; padding-left: 30px}
.news_wrap ul li a span{  position:absolute; color:#b2b2b2; font-family:Arial, Helvetica, sans-serif; font-size:14px; top:0 ; right:0 }
.news_wrap ul li a:hover{color:#02923d}
.news_wrap .news_L_nr{ width:330px; float:left; margin-right:55px;}
.news_wrap .news_C_nr{ width:330px; float:left}
.news_wrap .news_R_nr{ width:330px; float:right}



/*��ҳ��ʽ*/


.nyWrap{width:auto; overflow:hidden; margin:40px auto}
.in_pro{width:1100px; margin:40px auto; padding: 0 }


.right-bt{ width:1100px; margin:10px auto; height:45px; border-bottom:1px dashed #cccccc; position:relative; line-height:45px;}
.right-bt .nybtL{color:#02923d; display:inline-block;  height:45px; padding:0 5px; border-bottom:2px solid #02923d; font-weight:bold; font-size:16px; overflow:hidden}
.right-bt .nybtR{ position:absolute; right:0; top:0; text-align:right; height:45px; line-height:45px;  overflow:hidden; color:#737373}

.right-bt .nybtR a:nth-last-child(1){ color:#02923d}
.right-bt a{ color:#09255d}
.right-bt a:hover{ color:#02923d}

.ny-right-about{ width:1100px; margin:40px auto;  overflow:hidden; min-height:300px; padding:10px 0; font-size:14px; color:#474747}


.ny-right-news{ width:1100px; margin:0 auto; padding-bottom: 20px;}
.ny-right-news li{ width:1100px; height:42px; line-height:42px; position:relative; border-bottom:1px dashed #CCC; overflow:hidden}
.ny-right-news li a{background:url(../images/jt.png) left center no-repeat; padding-left:15px;}
.ny-right-news li span{ position:absolute; right:0; top:0; color:#737373;}
.ny-right-news ul{ margin-bottom:20px;}


.ny-right-news h1{ margin:20px auto; font-size:16px; width:1100px; text-align:center}
.ny-right-news h6{ margin-bottom:20px;border-bottom:1px dashed #CCC; width:1100px; font-weight:normal; height:32px;  line-height:32px; text-align:center;color:#737373}
.ny-news-nr{ width:1100px; overflow:hidden; padding-top:10px; margin-bottom:20px;}

/*����*/
.ny-right-honor{ width:1100px; padding:20px 0; margin:0 auto; overflow:hidden}
.ny-right-honor li{ width:275px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}
.ny-right-honor li a{ font-size:14px; width:240px; color:#808080;  display:block;  margin:0 auto}
.ny-right-honor li a .pic{ width:240px; overflow:hidden; height:340px; position:relative; border:1px solid #ededed; margin:0 auto;}
.ny-right-honor li a .pic img{ position:absolute; max-width:100%; max-height:100%; left:0; right:0; bottom:0; top:0; margin:auto}
.ny-right-honor li a .txt{ text-align:center; overflow:hidden; height:32px; line-height:32px}
.ny-right-honor li a:hover{ color:#db771b}



.caseList{ width:1100px; padding:20px 0; margin:0 auto; overflow:hidden}
.caseList li{ width:275px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}
.caseList li a{ font-size:14px; width:240px; color:#808080; display:block;  margin:0 auto}
.caseList li a .pic{ width:240px; overflow:hidden; height:200px; position:relative; border:1px solid #ededed; margin:0 auto;}
.caseList li a .pic img{ position:absolute; max-width:100%; max-height:100%; left:0; right:0; bottom:0; top:0; margin:auto}
.caseList li a .txt{ text-align:center; overflow:hidden; height:42px; line-height:42px}
.caseList li a:hover{ color:#02923d}




/*��ҳ****��Ʒ****��ʽ*****/
.ny-right-pro{ width:1100px; padding:20px 0; margin:0 auto; overflow:hidden}
.ny-right-pro li{ width:275px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}
.ny-right-pro li a{ font-size:15px; width:250px; color:#808080;  display:block;  margin:0 auto}
.ny-right-pro li a .pic{ width:250px; height:250px; position:relative;  overflow:hidden; border:1px solid #ededed; margin:0 auto;}
.ny-right-pro li a .pic img{ position:absolute; max-width:100%; max-height:100%; left:0; right:0; bottom:0; top:0; margin:auto}
.ny-right-pro li a .txt{ text-align:center; overflow:hidden; height:42px; line-height:42px}
.ny-right-pro li a:hover{ color:#02923d}

.jqzoom{ width:1100px;  margin:10px auto; overflow:hidden;}


.jqzoom_A{ width:1100px;  margin:10px auto; text-align:center;}
.jqzoom_A img{ border:1px solid #CCC; max-width:550px;}



.proproperty{ font-size:16px; font-weight:bold; color:#373737; margin-top:20px; width:1100px; border-bottom:1px solid #e2e2e2;  height:30px;}
.proproperty li {float:left;  height:30px; background-image:url(../images/t1.jpg); cursor:pointer; margin-right:5px; font-size:12px; font-weight:100; text-align:center; float:left; line-height:30px; color:#FFF; width:75px; }
.proproperty li.cur{ background-image:url(../images/t1.jpg); }

.procontent{ width:1100px; float:right; padding:10px 0;}
.dispaly{ display:none}
.pageleft{ float:left}
.pageright{ float:right}

.linkWrap{width:1100px; overflow:hidden; padding:30px 0 ; margin:0 auto; line-height:20px; font-size:14px; border-top:1px solid #e6e6e6}
.linkWrap .link{ width:990px; margin:0 auto; position:relative; overflow:hidden; min-height:24px; padding-left:110px; }
.linkWrap .link span { position:absolute; left:0; top:0; font-size:18px; color:#02923d; display:block; background:url(../images/link.png) left center no-repeat; padding-left:20px;}
.linkWrap .link a{color:#808080; font-size:14px; margin-right:20px;}
.linkWrap .link a:hover{ text-decoration:underline; color:#02923d}



.SHowPro h1{ text-align:center; font-size:24px; font-weight:normal; margin-bottom:10px; line-height:36px;}
.SHowPro .jqzoomA{ width:600px; margin:0 auto 20px;}
.SHowPro .jqzoomA img{ text-align:center; border:1px solid #cccccc; display:block; margin:0 auto}

/*footer*/


.footWrap{  overflow:hidden; height:300px; background:url(../images/footbj.jpg) center center no-repeat}
.footWrap .foot{ width:1100px; margin:0 auto; font-size:14px; color:#999999; line-height:35px; position:relative; overflow:hidden; }
.footWrap .foot .list{ padding-left:160px; padding-top:50px; width:470px; overflow:hidden;}
.footWrap .foot .list strong{ display:block; font-size:18px; margin-bottom:10px; color:#333333}

.footWrap .foot .list p{  float:left; width:230px;}


.footWrap .foot .ewm{ position:absolute; right:0; top:60px;}



.copyWrap{ width:auto; padding:10px 0; background:#e6e6e6; color:#808080}
.copyWrap .copy{ width:1100px; margin:0 auto; text-align: center;font-size:14px; position:relative}
.copyWrap .copy a{color:#808080; font-size:14px;}
.copyWrap .copy a:hover{ text-decoration:underline}
.copyWrap .copy .technology{ position:absolute; right:0; top:0}

/*��ҳ*/
.pageNavi{text-align:center; margin-top:20px; margin-bottom:20px;}
.wp-pagenavi {CLEAR: both;}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}




/*===========================================���END======================================================*/

#product_view {width:700px; margin:auto; overflow:hidden;}
#product_view h1 { font-size:18px; text-align: left; line-height:26px;}
#product_view h2 { font-size:14px; height:30px; line-height:30px}
#product_view div.content { line-height:180%; padding-bottom:15px}
#product_view p.pImg {text-align:center; padding-bottom:15px}


.list{ padding:0 10px 0 0;}
.list img{ cursor:pointer; padding:1px; border:1px solid #cdcdcd; margin-right:10px; display:block; float:left; width:60px; height:60px; margin-bottom:10px;}
.list img.onzoom, .list img.on{padding:0px; border:2px solid #02923d;}

.container{ position:relative;}

.izImage{ border:1px solid #cdcdcd; width:600px; height:600px; cursor:pointer}
.izViewer{width:0;height:0;position:absolute;left:390px;top:0;display:none; border:1px solid #999;}
#idList{ display:none}
.handle{display:none;opacity:0.6;filter:alpha(opacity=60);background:#E6EAF3; cursor:crosshair;}


.right_text{ width:470px; font-size:16px;float:right;}
.right_text h1{ line-height:26px; font-size:28px; font-weight:normal}

.right_text .text{ line-height:34px; margin-top:10px;}
.right_text .text span{ font-size:22px; color:#02923d;}



/*Ư��*/
.float-contact-mini {
	position: absolute;
	right: 1px;
	top: 30%;
	 z-index:100
}
.float-contact-mini a {
	background: url("../images/sprites.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 65px;
	line-height: 110%;
	padding: 46px 5px 0;
	text-align: center;
	text-decoration: none !important;
	width: 18px;
}
.float-contact {
	display: none;
	position: absolute;
	right: 1px;
	top:28%;
	width: 190px;
}
.float-contact .close {
	background: url("../images/sprites.png") no-repeat scroll -29px 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 31px;

	line-height: 31px;
	padding-left: 22px;

}
.float-contact .container {
	background:#FFFFFF;
	border-color: #E3E3E3;
	 padding:10px 5px

}
.float-contact .container {
	border-style: solid;

}
.float-contact .qq {
	
}
.float-contact .qqtitle {

}
.float-contact .qq .btn {
	
}
.float-contact .qq .btn li {
line-height:30px;
}

/*.float-contact .qq .btn li a{ border:1px solid #e6e6e6; margin:10px auto 0; display:block}*/

.float-contact .myqqlink {
	background: url("../images/qqpf.png") repeat-x left center;
	
	color: #FFFFFF ; font-size:16px;
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;

}