@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
body{font:14px/22px "微软雅黑"; color:#666;}
a{ font:14px/22px "微软雅黑"; color:#333; text-decoration:none;}
a:hover{ font:14px/22px "微软雅黑"; color:#f00; text-decoration:underline;}
.clear{ clear:both;}
img{ border:none;}

body{ background:#fff;}
.header{margin:0 auto;width:1000px; background:url(../images/headerbg.jpg) no-repeat; height:93px; border-bottom:1px solid #fff; background:#fff;}
.header .logo{ float:left;}
.htop{ width:250px;font:12px/24px "宋体"; color:#666; float:right;padding:0; text-align:left; margin-top:10px; margin-right:5px;}
.htop .banben{ float:right; width:450px;}
.htop span{ margin:0 5px;color:#666;}
.htop a{font:12px/20px "宋体"; color:#666;text-decoration:none;}
.htop a:hover{font:12px/20px "宋体"; color:#666;text-decoration:underline;}
.htop .tel{ margin-top:20px; float:right;}

#container {
	MARGIN:0 auto; WIDTH:1000px;background:url(../images/navbg.jpg) repeat-x; background:#0095db; margin-bottom:8px;}

#menu {
	WIDTH:1000px;HEIGHT: 36px; OVERFLOW: hidden; /**background:#270a2a;* background:#162127;background:#0E2F45; *background:url(../images/navbg.jpg) repeat-x;*border:1px solid #D6D6D6;*/  padding-top:0px; margin:0 auto;}
#nav { WIDTH:1000px; DISPLAY: block;margin:0; padding-left:0px; margin:0 auto;
}

#nav .mainlevel {
	Z-INDEX: 100; PADDING-BOTTOM: 0px; ZOOM: 1; DISPLAY: inline;FLOAT: left; PADDING-TOP: 0px;
}

#nav .mainlevel A {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 36px; text-align:center; DISPLAY: block; COLOR: #fffefe; TEXT-DECORATION: none; PADDING-TOP: 0px; width:110px; font-size:14px; background:url(../images/navtitbg.jpg) no-repeat;
}
#nav .mainlevel UL A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;font-size:12px; font-weight:100;
}
#nav .mainlevel A.hover {
	BACKGROUND-IMAGE:url(../images/bg_nav_h.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 0px; TEXT-DECORATION: none; color:#fffefe; background:#7b7b7b
}
#nav .mainlevel UL {
	/*BACKGROUND-IMAGE: url(../images/nav_line_m_p.gif);*/ background:#820202; Z-INDEX: 100; POSITION: absolute; FILTER: alpha(opacity=100); PADDING-BOTTOM: 14px; BACKGROUND-COLOR: #7b7b7b; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; MARGIN-LEFT:-111px; PADDING-TOP: 9px; /*-moz-opacity: 0.9; opacity: 0.9;*/ width:312px; text-align:center;
}
#nav .mainlevel UL#sub_10 {
	BACKGROUND-IMAGE: url(../images/nav_line_r_p.gif); MARGIN-LEFT: -00px
}
#nav .mainlevel LI {
	BACKGROUND-IMAGE: url(../images/nav_line.gif); WIDTH: 90px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: left bottom; HEIGHT: 26px; line-height:26px; float:left; margin-left:10px; 
}
#nav .mainlevel LI A {
	BACKGROUND-IMAGE: url(../images/nav_p.gif); WIDTH: 90px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right center; HEIGHT: 26px;color:#fff;text-align:left;line-height:26px; font-family:"宋体";text-align:center;
}
#nav .mainlevel LI A:hover {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right center; COLOR: #fff; TEXT-DECORATION: none;font-family:"宋体";
}
#nav .noline {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#showindex {
	PADDING-BOTTOM: 15px; WIDTH: 960px; DISPLAY: inline; FONT-FAMILY: 宋体; FLOAT: left; HEIGHT: 16px; COLOR: #c1acc3; PADDING-TOP: 14px
}
#showindex A {
	COLOR: #c1acc3; TEXT-DECORATION: none
}
#showindex A:link {
	COLOR: #c1acc3; TEXT-DECORATION: none
}
#showindex A:hover {
	COLOR: #c1acc3; TEXT-DECORATION: underline
}
#content {
	WIDTH: 1000px; ZOOM: 1; FLOAT: left; VERTICAL-ALIGN: top; OVERFLOW: hidden
}


#main { width:1000px; margin:0 auto; padding:0px 0; zoom:1; background:#fff;}
/*================================================
============= 单篇、列表、内容页通用 =============
================================================*/
#side { float:left; width:260px; background:#fff; padding:10px 10px 30px 0px; overflow:hidden;}
#mainCont { float:right; width:730px;background:#fff; padding-top:10px;}
#mainCont .here{
    font: 22px/36px "微软雅黑";
    color: #0096db;
    margin: 0px 10px 0 15px;
    border-bottom: 1px solid #CCC;
}
/*栏目分类*/
#sort { margin-bottom:15px; }
#sort h3 { height:34px; background:#010BA2 url(../images/tit.gif) no-repeat;}
#sort h3 { height:34px; background:#0095db; font: bold 18px/34px "宋体"; color:#fff; text-align:left;padding-left:25px; /*background:url(../images/caidantit.jpg);*/}
#sort h3#tit1 { background-position:0 0; }
#sort h3#tit2 { background-position:0 -40px; }
#sort h3#tit3 { background-position:0 -80px; }
#sort h3#tit4 { background-position:0 -120px; }
#sort h3#tit5 { background-position:0 -160px; }
#sort h3#tit6 { background-position:0 -200px; }
#sort h3#tit7 { background-position:0 -240px; }
#sort h3#tit8 { background-position:0 -280px; }
#sort li { line-height:41px; margin-bottom:1px; padding-left:34px; background: url(../images/sub_menu_bg.jpg) repeat-x; overflow:hidden; height:41px;}
#sort li a { display:block; color:#333; font: bold 12px/41px "宋体"; text-decoration:none;}
#sort li a:hover { color:#333; text-decoration:underline;}
#sort li.shover { font-weight:bold; text-align:right; padding-right:34px; background:#f3f3f3 url(../images/sort_ico.gif) 176px bottom no-repeat; }
#sort li.shover a, #sort li.shover a:hover { color:#004738; }
.ad { text-align:center; margin-bottom:15px; }
/*当前位置*/
#position { color:#333; padding:8px 0 8px 30px; border-bottom:solid 1px #d9d9d9; background:#fafafa url(../images/ico3.gif) 10px 13px no-repeat; }
#position a { display:inline-block; color:#333; padding:0 6px;font:12px/25px "宋体"; }
#position a:hover { color:#f00; }
/*单篇、内容*/
#content { padding:30px 0 20px; }
#title_wrap { height:75px; text-align:center; margin:0 0 20px; background:#f8f8f8 url(../images/ico_1.gif) left bottom repeat-x; }
#title { color:#004738; font-size:18px; line-height:18px; font-family:"黑体"; font-weight:normal; padding:18px 20px 8px; }
#info { color:#666; }
#info span { margin:0 6px; }
#info span a { display:inline-block; padding:0 3px;font:12px/18px "宋体";}
#info span a:hover { color:#fff; text-decoration:none; background:#004738; }
#c_text { color:#333; width:772px; min-height:300px; _height:expression(this.scrollHeight < 300 ? "300px" : "auto");
font-size:14px; line-height:25px; overflow:hidden; }
#c_text a { color:#b20003; }
#c_text p { margin-bottom:25px; }
#c_text strong { color:#004738; font-weight:bold; }
#c_text img { cursor:hand; cursor:pointer; }
#prev_next { color:#999; margin:80px 0 50px 0; }
#prev_next p { margin-bottom:5px; }
#prev_next a { color:#666; }
#prev_next a:hover { color:#f00; }
/*产品内容*/
/*#pro_info { height:150px; margin:30px 0; padding-bottom:30px; background:url(../images/ico4.gif) left bottom repeat-x; }
#pro_info_thum { float:left; width:164px; height:164px; padding-left:50px;}
#pro_info_thum img { width:154px; height:154px; border:solid 5px #e5e5e5; }
#pro_info_text { float:right; width:510px; color:#333; line-height:24px; padding-top:10px;}
#pro_info_text h1 { font-size:14px; font-weight:bold; margin-bottom:5px; }
#pro_info_text a { color:#004738; }*/
/*产品内容页*/
#productImgBox { height:315px; border-top:solid 1px #fff; background:#e5e5e5 url(../images/focusBg.gif) left top repeat-x; }
#productImg { width:1000px; height:310px; margin:0 auto; border-bottom:solid 5px #004738; overflow:hidden; }
#productMain { width:1000px; margin:0 auto; padding:20px 0; }
.productInfoBox { border:solid 1px #fff;}
.productInfoBox tr,.productInfoBox td { border:solid 1px #fff; }
.proTit { width:150px; color:#004738; font-size:20px; line-height:50px; font-family:"黑体"; background:#d9d9d9; }
.productInfoUl { overflow:auto; zoom:1; }
.productInfoUl li { float:left; padding:0 19px; }
.productInfoUl li span { display:block; padding-top:5px; }
/*================================================
===================== 列表页 =====================
================================================*/
/*新闻列表*/
#list_wrap{ color:#333; width:730px;}
#text_list { margin:20px 10px 0; }
#text_list li { height:25px; line-height:21px; padding:5px 0; background:url(../images/icos.jpg) 5px 13px no-repeat; overflow:hidden; padding-left:25px; border-bottom:1px dashed #ccc;}
#text_list li a { color:#666;font:12px/21px "宋体";}
#text_list li a:hover { color:#f00; }
#text_list li b { color:#666; font-weight:normal; margin-right:5px; }
#text_list li b a { color:#666; text-decoration:underline;font:12px/21px "宋体";}
#text_list li b a:hover { color:#f00; }
#text_list li span { color:#999; font-family:"宋体"; margin-left:8px; }
/*图文列表*/
#img_list { padding:30px 0 0 10px; overflow:auto; zoom:1;width:700px; }
#img_list ul{ width:700px; text-align:center;}
#img_list li { float:left;width:180px; margin:10px 18px;}
/*#img_list li img { padding:10px; background:url(../images/img_bg.gif) no-repeat; width:150px; height:225px; float:left; margin-left:0px;}*/
#img_list li img { padding:2px;  width:150px; height:225px; float:left; margin-left:0px; border:#CCC solid 2px;}
#img_list li span { display:block; text-align:center; margin:5px 0 10px 0;float:left; width:180px;}
#img_list li a { color:#666; text-align:center; }
#img_list li a:hover { color:#f00; text-decoration:none; }
/*案例列表*/
#case_list { padding:30px 0 0 25px; overflow:auto; zoom:1; }
#case_list li { float:left; padding-right:25px; }
#case_list li img { padding:10px; background:url(../images/img_bg1.gif) no-repeat; }
#case_list li span { display:block; text-align:center; margin:5px 0 15px; }
#case_list li a { color:#666; text-align:center; }
#case_list li a:hover { color:#f00; text-decoration:none; }
/*分页符*/
.pageNavi { width:98%; color:#069; line-height:20px; text-align:left; margin:20px 0; }
.wp-pagenavi { clear: both; font-family:"宋体"; margin: 0px auto; }
.wp-pagenavi b { float:right; color:#004738; font-weight:normal;font:12px/20px "宋体"; }
.wp-pagenavi em, .wp-pagenavi span, .wp-pagenavi a { display:inline-block; color:#666; font-weight:normal; font-style:normal; text-decoration: none; margin:0 2px; padding:0px 6px; border:solid 1px #e6e6e6; background:#fafafa;font:12px/20px "宋体";}
.wp-pagenavi em, .wp-pagenavi span { color:#999; }
.wp-pagenavi span { color:#fff; font-weight:bold; border: #004738 1px solid; background:#004738; }
.wp-pagenavi a:hover { color:#fff; text-decoration:none; border: #004738 1px solid; background:#004738; }


#list_wrap .case{ width:650px; float:left;}
#list_wrap .case h3{ float:left; margin-bottom:30px;}
#list_wrap .case .block{ width:90%; float:left;margin:15px auto 15px auto;}
#list_wrap .block img{ width:155px; height:155px; padding:3px; border:1px solid #D3D3D3; float:left;}
#list_wrap .block div{ float:left; width:375px; margin-left:12px; }
#list_wrap .block div p{ float:left; font:12px/20px "宋体"; color:#333;}
#list_wrap .block div h5{ font:bold 14px/20px "宋体"; color:#333;}
#list_wrap .block div h5 a{ font:bold 14px/20px "宋体"; color:#333; text-decoration:none;}
#list_wrap .block div h5 a:hover{ font:bold 14px/20px "宋体"; color:#CD1515; text-decoration:underline;}

.lx{ width:100%; margin:0 auto; font:12px/24px "宋体"; color:#555; margin-top:10px; float:left;}
.lx h3{ font:bold 14px/28px "宋体"; color:#333;  border-bottom:1px dashed #888;padding:5px 10px;}


/*.link{ width:100%; padding:15px 0; font:14px/22px "微软雅黑"; color:#787878;}
.link .mid{ width:1000px; margin:0 auto;}
.link .mid h3{ font:22px/30px "微软雅黑"; color:#959595;}
.link .mid a{ font:14px/22px "微软雅黑"; color:#787878; text-decoration:none; margin:0 5px;}
.link .mid a:hover{ font:14px/22px "微软雅黑"; color:#787878; text-decoration:underline; margin:0 5px;}

.footer{ width:100%; background:#0093DD; font:14px/35px "微软雅黑"; color:#fff; height:35px;}
.footer .copyright{ width:1000px; margin:0 auto; text-align:left;}
.footer .copyright a{ font:14px/22px "微软雅黑"; color:#aaa; text-decoration:none; margin:0 5px;}
.footer .copyright a:hover{ font:14px/22px "微软雅黑"; color:#aaa; text-decoration:underline; margin:0 5px;}*/




/*案例展示*/
.khal #caseShow { width:978px; height:185px; border:solid 1px #e6e6e6; }
.khal #caseShowCont { margin:1px; height:160px; background:url(../images/case_bg.gif) left top repeat-x; }
.blk_18 { width:100%; font-size:12px; padding:10px 0; overflow:hidden; zoom:1; }
.blk_18 .pcont { float:left; overflow:hidden; width:94%; }
.blk_18 .ScrCont { width:32766px; zoom:1; }
.blk_18 #List1_1 { float:left; margin:0;}
.blk_18 #List2_1 { float:left; margin:0;}
.blk_18 .LeftBotton { background: url(../images/case_bar.gif) left center no-repeat; float:left; margin: 0 10px 0 0px; width: 22px; height:100px }
.blk_18 .RightBotton { background: url(../images/case_bar.gif) left center no-repeat; float:right; margin: 0 1px; width: 22px; height:100px }
.blk_18 .pl img { display:block; padding:2px; border:solid 1px #d9d9d9; cursor:pointer; }
.blk_18 .pl { float:left; width:165px; line-height:24px; text-align:center; margin:0 10px 0 8px; color:#676767;}
.blk_18 a.pl:hover { color:#f00 }
.commu_cont3 { margin: 9px 7px 7px; line-height:150% }
.commu_cont3 UL { width: 170px;}


.twonews{ width:1000px; margin:0 auto; background:url(../images/townewbg.jpg) repeat-x; padding-top:3px; background:#fff; margin-bottom:8px;}
.twonews .mid{ float:left;}
.twonews .inew{ width:390px; float:left; border:1px solid #dcdcdc;}
.twonews .inew h3{ margin-bottom:0px;}
.inew .list{ margin-bottom:1px;/* background:url(../images/newbs.jpg) 0 12px repeat-y;*/ float:left; width:388px; padding-bottom:0px;}

.inew .list .pic4{ float:left; margin-left:10px; margin-top:15px; margin-bottom:5px;}
.inew .list p{font:12px/25px "宋体"; color:#B6B6B6;margin-left:0px; width:86px; text-align:center;height:25px; overflow:hidden; float:left; background:url(../images/icoss.jpg) 5px 8px no-repeat; padding-left:0px; margin-left:6px; margin-bottom:4px;}
.inew .list p a{font:12px/25px "宋体"; color:#454545; text-decoration:none; float:left; width:86px; overflow:hidden; text-align:center; height:25px;}
.inew .lists{ width:381px; overflow:hidden;}
.inew .list p a:hover{font:12px/25px "宋体"; color:#2b94f9; text-decoration:none; float:left;overflow:hidden;}
.inew .tit{ margin:0px auto 10px 0px;}
.inew .list .ge{ margin-left:15px; margin-top:5px; margin-bottom:10px;}

.twonews .inew .jj{ font:12px/20px "宋体"; color:#777; text-indent:2em; width:95%; margin:0 auto; margin-bottom:5px;}
.twonews .inew .jj a{ font:12px/20px "宋体"; color:#777;}
.twonews .inew .jj a:hover{ font:12px/20px "宋体"; color:#2b94f9; text-decoration:none;}
.rblock{ width:215px; float:left;}
.rblock img{ float:left;}
.sou{ background:url(../images/chans.jpg) no-repeat; padding-top:44px; padding-left:12px; width:203px; float:left; height:40px; margin-top:6px; margin-bottom:6px;}
.sou .ku{ height:21px; background:#fff; border:1px solid #a1a2a3; width:144px; margin-right:7px;font:12px/21px "宋体"; color:#555; }

.twonews .inew .ajj{ margin-left:35px; margin-bottom:9px; margin-top:10px;}

.twonews .inew .xptj{ margin-left:20px; margin-bottom:6px;}

.twonews .searchblock{ width:297px; float:left;}
.searchblock .sousou{ margin:10px auto;}
.searchblock .inpbg{ width:204px; height:28px; padding-left:10px; padding-right:5px; font:12px/28px "宋体"; color:#717171; border:none;background:url(../images/inpbg.jpg) no-repeat;}

.searchblocks{ width:260px; float:left; background:#F5F5F5;}
.searchblocks .sousou{ margin:10px auto;}
.searchblocks .inpbg{ width:190px; height:28px; padding-left:10px; padding-right:5px; font:12px/28px "宋体"; color:#717171; border:none;background:url(../images/inpbgs.jpg) no-repeat;}

.footer{ width:970px; margin:0 auto; background:url(../images/footbg.jpg) repeat-x; padding:10px 15px 10px 15px; margin-bottom:1px;}
.footer p{ font:12px/24px "宋体"; color:#545454; text-align:left; float:left;}
.footer .r{ float:right;}
.footer .se{ color:#0095db}
.footer h4{ font:bold 16px/28px "宋体"; color:#EBEAEA;}
.footer .lx{ width:330px; float:left; border-right:1px solid #5C5C5C; border-bottom:1px solid #5C5C5C; height:150px;}
.footer .links{ width:480px; float:left;padding:0px 10px;border-right:1px solid #5C5C5C; border-bottom:1px solid #5C5C5C; height:150px;}
.footer .links p a{font:12px/24px "宋体"; color:#EBEAEA; text-decoration:none; margin:0 5px;}
.footer .links p a:hover{font:12px/24px "宋体"; color:#0E7BC0; text-decoration:underline; margin:0 5px;}
.footer .links .tiaozhuan{ font:14px/24px "宋体"; color:#696969; width:470px; padding:0px; border:none; background:#3e3e3e; height:24px; text-align:center; padding:1px;}
.footer .weibo{ float:left;border-bottom:1px solid #5C5C5C; width:130px; text-align:right; height:150px;}
.footer .cop{ margin-right:10px; font:12px/28px "宋体"; color:#fff; text-align:right;}
.footd{ width:1000px; margin:0 auto; background:url(../images/footd.jpg) repeat-x; height:28px;}


.wow{ float:left; width:730px; padding-bottom:10px; border-bottom:1px dashed #ccc; margin-bottom:15px; background:url(../images/stitbg.jpg) repeat-x; padding-top:10px; margin-top:1px;}
.wow .wowpop{ width:260px; float:left;}
.wow .aboutp{ width:260px; float:right;font:12px/24px "宋体"; color:#555; overflow:hidden; margin-top:10px; padding:0 5px;}
.wow .aboutp h3{font: bold 14px/28px "宋体"; color:#2F3E4B;}
.wow .aboutp p{font:12px/24px "宋体"; color:#555;}


.productcon{ width:690px; padding:10px;}


.tabs {
	margin: 0px auto;
	width: 690px;
}

.tabs input {

position:absolute;
	z-index: 2;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	left: 0px;
	float:left;
}
.tabs input#tab-3{
	left: 0px;
	float:left;
}
.tabs input#tab-4{
	left: 0px;
	float:left;
}

.tabs label {
	background: #5ba4a4;
	background: -moz-linear-gradient(top, #39C0B7 0%, #32A69A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39C0B7), color-stop(100%,#32A69A));
	background: -webkit-linear-gradient(top, #39C0B7 0%,#32A69A 100%);
	background: -o-linear-gradient(top, #39C0B7 0%,#32A69A 100%);
	background: -ms-linear-gradient(top, #39C0B7 0%,#32A69A 100%);
	background: linear-gradient(top, #39C0B7 0%,#32A69A 100%);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: 80px;
	color: #385c5b;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs input:hover + label {
	background: #5ba4a4;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs input:checked + label {
    background: #fff;
	z-index: 6;
}

.clear-shadow {
	clear: both;
}

.pcontent {
    background: #fff;
	position: relative;
    width: 100%;
	height: 450px;
	overflow:scroll;
	z-index: 5;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
}

.pcontent div {
    position: absolute;
	top: 0;
	left: 0;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;

    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs input.tab-selector-1:checked ~ .pcontent .content-1,
.tabs input.tab-selector-2:checked ~ .pcontent .content-2,
.tabs input.tab-selector-3:checked ~ .pcontent .content-3,
.tabs input.tab-selector-4:checked ~ .pcontent .content-4 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.pcontent div h2,
.pcontent div h3{
	color: #398080;
}
.pcontent div p {
	font-size: 14px;
	line-height: 22px;
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #777;
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	border-left: 8px solid rgba(63,148,148, 0.1);
}
.productabout{ width:580px; float:left;position:relative;
	z-index: 1;}
	
#banner { margin:0px auto; padding: 0px; width:1000px; height: 313px; margin-bottom:0px; background:#fff;}
#banner	.rpic{ float:right; height:313px;}
.slides { width:775px; height: 313px; overflow: hidden; position: relative; float:left;}
.slide-pic { margin: 0px; padding: 0px; width:775px; overflow: hidden; list-style: none; }
    .slide-pic img { width:775px; height: 313px; }
    .slide-pic li { display: none; }
        .slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; }
    .slide-li li { margin: 0px; padding: 0px; width: 258px; height: 10px; float: left; overflow: hidden; list-style: none; }
    .slide-li a { width: 225px; height: 10px; color: #000; font-size: 12px; display: block; }
        .slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }
    .op li.cur { background: #666666; }
.slide-txt span { display: none; }



#page-wrap { width:730px; margin: 20px auto; }

#page-wrap ul { list-style: none; }
#page-wrap ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; background:#ccc;}
#page-wrap ul li a:hover { background: #0575f4; color: white; }
#page-wrap ul li:last-child a { border: none; }

#organic-tabs { background:#fff; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#explore-nav { overflow: hidden; margin: 0 0 10px 0; background:url(../images/sub_menu_bg.jpg) repeat-x; height:40px; line-height:40px;}
#explore-nav li { width: 97px; float: left; margin: 0 2px 0 0; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding:0 5px; background: #fff; color: white; font-size: 14px; text-align: center; border: 0;height:40px; line-height:40px;}
#explore-nav li a:hover { background-color: #0575f4;height:40px; line-height:40px; }

#jquerytuts, #core, #classics { display: none; }

#explore-nav li#ex-featured a.current, ul#featured li a:hover { background-color: #0575f4; color: white; height:40px; line-height:40px;}
#explore-nav li#ex-core a.current, ul#core li a:hover { background-color: #0575f4; color: white;height:40px; line-height:40px;}
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { background-color: #0575f4; color: white;height:40px; line-height:40px;}
#explore-nav li#ex-classics a.current, ul#classics li a:hover { background-color: #0575f4; color: white;height:40px; line-height:40px;}


.content{ width:680px; margin:0 auto;font:14px/22px "宋体"; color:#666; padding:20px; background:#fff; margin-bottom:10px;} 
.yc{font:12px/22px "宋体"; color:#666;}
.yc p{ text-indent:2em; margin:5px 10px;}
.content .tit{ width:98%; margin:5px auto;font: bold 18px/30px "宋体"; color:#f80; text-align:center; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:0px;}
.content .times{ text-align:center; color:#666; width:98%; margin:10px auto 10px auto; font-weight:100;font:14px/24px "宋体"; color:#666;}
.content p{ text-indent:2em; margin:10px 0;}

.content .close{ width:90%; margin:20px auto; text-align:center;}
.content .close a{ color:#f00;}

#container .mainlevel{ border-right:1px solid #fff; float:left;}

  
.conry{ width:100%; font:12px/28px "宋体"; color:#666; text-align:center; margin:10px 0;}
.conry .rypic{ width:220px; margin:5px 10px;_margin:5px 8px; float:left; overflow:hidden;}
.conry .rypic img{margin:0 auto; padding:3px; border:1px solid #ccc; background:#F4F4F6; max-width:218px;}
.conry .rypic p{ width:220px; height:28px; overflow:hidden;}
.conry .rypic p a{font:12px/28px "宋体"; color:#666; text-decoration:none;}
.conry .rypic p a:hover{font:12px/28px "宋体"; color:#c00; text-decoration:underline;}
.conry .rypics{ width:300px; margin:5px 25px;_margin:5px 14px; float:left;}
.conry .rypics img{ width:282px; margin:0 auto; height:150px; padding:8px; background:#F4F4F6; border:1px solid #ccc;}
.conry .rypics p{font:12px/18px "宋体"; color:#666; text-decoration:none; height:45px;}
.conry .rypics p a{font:12px/18px "宋体"; color:#666; text-decoration:none; height:45px;}
.conry .rypics p a:hover{font:12px/18px "宋体"; color:#c00; text-decoration:underline;}

.jobing{ width:680px; margin:16px;font:12px/26px "宋体"; color:#555; margin:10px 0;}
.jobing td{ padding:3px;}
.jobing .jobinp{ width:150px; height:18px; font:12px/18px "宋体"; color:#333;}
a.yingpin{ font:bold 12px/26px "宋体"; color:#c00; text-decoration:none;}
a.yingpin:hover{ font:bold 12px/26px "宋体"; color:#c00; text-decoration:underline;}