@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-size:12px; font-family:"";}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input { padding:0; margin:0;}
ul,li { list-style:none;}
img { border:0px;}
a { text-decoration:none;}
a:hover {}
.clear { clear:both; height:0px; }
div{ margin:0px; padding:0;}
.fleft{ float:left;}
.fright{ float:right;}

.topbg{ background:url(../image/topbg.jpg) repeat-x; height:115px; width:100%; display:block}
.w1025{ width:1025px; margin:0 auto;}
.toprighttop{ background:url(../image/contacttopbg.png) no-repeat; width:143px; height:28px; color:#fff; text-align:center; padding-top:3px;}
.toprighttop a{ color:#fff;}
.toprightbot{ width:239px; height:36px; margin-top:41px; color:#d3d3d3;}
.toprightbotl{background:url(../image/search_01.png) no-repeat;padding-top:6px;padding-left:5px;  height:30px; width:195px;border:0}
.toprightbotr{background:url(../image/search_02.png) no-repeat; height:36px; width:39px;border:0}

.menu{ width:100%; background:url(../image/menubg.gif) repeat-x; height:46px; margin:0 auto}
.menu li{ width:123px;background:url(../image/menuli.gif) right no-repeat; float:left;}
.menu li.no{ background:none}
.menu a{ color:#017254; font-size:14px; font-family:微软雅黑; width:121px;  line-height:46px; display:inline-block; text-align:center}
.menu a:hover{ color:#fff; background:#038865; width:121px;}
.menubot{ width:100%; height:38px; background:#017254; color:#fff; line-height:38px;}

.var1{ height:14px; display:block; width:100%;}
.var2{ height:10px; display:block; width:100%;}
.banner{ width:100%; background:url(../image/bannerbg.gif) repeat-x top; padding-top:10px;  display:block;}
.hdpbg{ background:url(../image/hdpbg.png) no-repeat;  padding-left:11px; height:355px; display:inline-block; margin-bottom:11px;}


.combg{ background:url(../image/combg.png) top no-repeat; padding-left:11px; height:259px; }
.ncv{ border:1px solid #e4e4e4; width:998px; height:257px;}
.news{ width:341px; border-right:1px solid #e4e4e4; float:left;height:257px;}
.company{border-right:1px solid #e4e4e4;width:348px;height:257px;float:left}
.video{ width:307px;height:257px;float:left}
.title1{ font-size:14px; font-family:微软雅黑; color:#fff; padding-left:13px; line-height:39px; background:url(../image/newstitlebg.gif) no-repeat}
.title2{ color:#017254; background:url(../image/companybg.gif)}
.title{ background:url(../image/videobg.gif)}

.n{ width:328px; padding-left:7px; padding-top:7px;}
.n li{ background:url(../image/newslibg.gif) repeat-x; height:87px; padding:8px;}
.n li .p1{ color:#01936c; font-weight:bold; line-height:20px;}
.n li .p1 a{color:#01936c; }
.n li .p1 a:hover{ text-decoration:underline;}
.n li .p2{ color:#898989;line-height:20px;}
.c{ color:#898989; padding:13px; line-height:22px;}
.v{ padding:9px; width:290px; height:200px; overflow:hidden}


.sr{ background:#f1f4f5; width:1000px; margin:0 auto}
.srtitle{ font-family:微软雅黑; font-size:14px; color:#017254; height:38px; line-height:38px; padding-left:16px; }

.series{ width:942px; background:#fff; margin:0 auto; padding:12px 15px;}
.series li{ padding-bottom:10px;color:#017254; }
.series li a{ color:#017254; padding-right:8px; padding-bottom:6px; display:inline-block}
.secl{ width:100px;}
.secr{ width:840px;}
.series li .secl  a.sec{ width:84px; height:22px;font-family:微软雅黑; color:#fff; font-size:14px; background-color:#017254; display:inline-block; text-align:center; padding:0px; margin-right:6px;}
.ser{ height:518px;}
.series li  a:hover{ text-decoration:underline;}



.botbg{ background:url(../image/botbg.gif); width:100%; height:98px; color:#fff;}
.w1000{width:1000px; margin:0 auto; padding:25px 0 0 10px; line-height:25px;}
.botbg a{ padding:8px; color:#fff;}
.botbg a.none{ padding-left:0 ;}
.botbg a:hover{ text-decoration:underline}
.link{ background:#f1f4f5; width:100%;}
.w10001{width:1000px; margin:0 auto; padding:8px 0; color:#01936c;}
.w10001 a{ color:#01936c; padding-right:8px;}
.w10001 a:hover{ color:#01936c; text-decoration:underline}

.aboutbg{ background:url(../image/aboutbg.gif) repeat-x top ; width:100%;}
.aboutabg{ background:url(../image/aboutabg.png) top no-repeat; margin:0 auto; width:1029px;}
.aboutimg{ padding-left:16px;margin:0 auto; padding-top:9px; height:270px; padding-bottom:21px;}
.aboutcom{margin-left:16px; border:1px solid #e8e8e8; width:998px;}
.aboutl{ width:287px; border-right:1px solid #e8e8e8; display:inline-block;}
.aboutr{ width:709px; padding-left:1px;}

.aboutt{ border-bottom:1px solid #e8e8e8;  height:38px; line-height:38px;}
.aboutlt{ background:url(../image/abouttl.gif) no-repeat; padding-left:15px; color:#fff;font-weight:bold}
.aboutrt{ background:url(../image/abouttr.gif) repeat-x; padding-left:15px; color:#017956; font-weight:bold}

.sul{ width:238px; padding:14px 27px 20px;} 
.sul li{ height:35px; border-bottom:1px dashed #b6b6b7; padding-top:5px;background:url(../image/lia.gif) 10px 14px no-repeat;}
.sul li a{ color:#6a6a6d; line-height:33px; padding-left:30px; font-size:14px;}
.sul li a:hover{ color:#017554; font-weight:bold}

.abouttc{ background:#f1f4f5; height:30px; line-height:30px; color:#017254; font-size:14px; padding-left:27px; padding-top:5px;}
.aboutcon{ padding:17px; line-height:24px; color:#333; font-size:14px;}
.aboutcon img{ margin-bottom:17px;}
.aboutcon b{ color:#017354; padding-bottom:17px; font-size:16px;}

.pp{ background:url(../image/dh.gif) 0 3px no-repeat; padding-left:22px;}
.pa{ background:url(../image/cz.gif) 0 3px no-repeat; padding-left:22px;}
.pp2{ background:url(../image/dz.gif) 0 3px no-repeat; padding-left:22px;}

/*news*/
.news2{ width:680px; margin:0 auto; padding:15px;}
.newsl{ width:283px;}
.newsr{ width:380px;}
.newsr li{width:370px; border-bottom:1px dashed #999; line-height:32px; display:inline-block; background:url(../image/newsc.jpg) left no-repeat; padding-left:10px;}
.newsr li a{ float:left; color:#333;display:inline-block}
.newsr li a:hover{ color:#017354; text-decoration:underline}
.newsr li span{ float:right}

.newscom{ width:680px; padding:15px;}
.newst{ height:40px; line-height:40px;}
.newst h1{ font-size:16px; font-weight:bold; text-align:center}
.time{ text-align:center; font-size:12px; color:#666; border-bottom:1px dashed #ccc; line-height:20px; padding-bottom:5px;}
.newscon{ padding:20px 10px; line-height:24px; color:#666; font-size:14px;}
.updow{ text-align:left; display:block; padding:8px 15px}
.updow a{ color:#666; text-decoration:underline}
.updow a:hover{color:#017354; text-decoration:underline}

.recom2{ height:185px; padding:15px; width:680px; margin:0 auto;}
.recom2 li{ float:left;padding-right:20px; padding-bottom:18px; display:inline-block}
.recom2 li a{ text-align:center;display:inline-block; color:#01936c;background:#fff;width:139px; padding:3px; height:178px;border:1px solid #21c196; line-height:16px;}
.recom2 li a:hover{ border:1px solid #017254; font-weight:bold;}
.recom2 li a img{ margin-bottom:8px;}

/*二级分类*/		 

.service-menu {	width:232px;	margin:20px auto 20px auto;}
.service-menu .menu-title {	height:21px;	overflow:hidden;	padding:6px 8px;	background-position:0 0;	background-repeat:repeat-x;	color:#444;	font-size:14px;	font-weight:bold;}
.service-menu .menu-p {	display:block;overflow:hidden;	padding:6px 0 6px 19px;	border-top:solid 1px #e6e6e6;		background-repeat:repeat-x;	color:#444;	font-size:14px;	font-weight:normal;	cursor:pointer; background:url(../image/pros.gif) 20px 10px no-repeat}
.service-menu .menu-p .menu-i {	float:left;	display:inline;	width:11px;	height:11px;	overflow:hidden;	background-position:0 -103px;	margin:5px 6px 0 0;}
.service-menu .menu-p a:link, .service-menu .menu-p a:visited {	color:#444;	text-decoration:none;	font-size:14px;}
.service-menu .menu-p a:hover {	color:#ff7300;	text-decoration:none;}
.service-menu .menu-p-current .menu-i {	background-position:-20px -103px;}
.service-menu .menu-p-current a:link, .service-menu .menu-p-current a:visited {	color:#369;	font-weight:bold;}
.service-menu .menu-p-current a:hover {	color:#ff7300;}
.service-menu .menu-c {	border-top:solid 1px #e6e6e6;	display:none;	padding:4px 0 4px 54px;}
.service-menu .menu-c-current {	display:block;}
.service-menu .menu-c ul {	display:block;}
.service-menu .menu-c li {	padding:2px 0;	height:20px; line-height:20px;	overflow:hidden; font-size:14px;}
.service-menu .menu-c a:link, .service-menu .menu-c a:visited {	color:#444;	text-decoration:none;}
.service-menu .menu-c a:hover {	color:#017254; font-weight:bold;	text-decoration:none;}

/*pro*/
.proc{ width:680px; padding:15px; display:inline-block}
.procl{ width:300px;}
.procl img{ border:1px solid #ccc}
.procr{ width:335px; margin-right:15px;}
.procr li{ line-height:35px; border-bottom:1px dashed #aaa; padding-left:20px;}
.prot{ height:35px; background:#f1f4f5; font-size:14px; font-weight:bold; color:#017254; line-height:35px; margin:10px; padding-left:15px;}

#demo { overflow:hidden;  display:inline-block;width:972px; height:185px; text-align:center;padding-top:10px; margin-left:10px;}
#indemo {float:left; width:10000%;  padding-top:8px;}
#demo1,#demo2 {float:left;}
#demo1 li{ float:left;padding-right:12px;}
#demo1 li a{ text-align:center;display:inline-block; color:#01936c;background:#fff;width:139px; padding:3px; height:158px; }
#demo1 li a:hover{ background:#21c196; color:#fff;}
#demo1 li a img{ margin-bottom:8px;}
#demo2 li{ float:left;padding-right:12px;}
#demo2 li a{ text-align:center;display:inline-block; color:#01936c;background:#fff;width:139px; padding:3px; height:158px; }
#demo2 li a:hover{ background:#21c196; color:#fff;}
#demo2 li a img{ margin-bottom:8px;}


#focus {width:1000px; height:355px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:1000px; height:355px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btn {position:absolute; width:780px; height:10px; padding:10px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}


.acon{ color:#666; line-height:20px; padding:20px;}

.flickr {margin:0 auto; text-align:center; font-family:Verdana; font-size:12px; padding-top:20px; padding-bottom:30px; display:inline-block; width:300px; background:none;}
.flickr a { padding:2px 6px 2px 6px; margin-left:3px; background:#fff; border:1px #c1c1c1 solid;}
.flickr a:hover {	border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0292e4;}
.meneame a:active {	border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0292e4;}
.flickr span.current {	padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0000; margin-right: 3px; padding-top: 2px}
.flickr span.disabled {	padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color:#adaaad; margin-right: 3px; padding-top: 2px;}

.propc{ padding:0 15px 15px; display:block; overflow:hidden; width:680px; line-height:20px; color:#333}
