@charset "gb2312";
*{margin:0;padding:0;}
body{font:normal 14px/160% Arial,Verdana,'΢ÈíÑźÚ',sans-serif; color:#000}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,em,th,{display:block;font-size:100%;font-style:normal;font-weight:normal;}
i,p,span{font-size:100%;font-style:normal;font-weight:normal;}
ol,ul,dl{list-style:none;}
dl{float:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;display:block;}
li{float:left;list-style-type:none}
a{text-decoration:none;}
a:link{color:#585858}
a:hover{text-decoration:underline; color:#D11E58}
a:visited{text-decoration:underline; color:#585858}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfloat{zoom:1}
.fl{float:left;}
.fr{float:right;}
.wp{width:1100px; margin:0 auto; position:relative;}

.sec-head{clear:both;padding-top:20px;width:100%;height:120px;}
.hyc{line-height:36px;background:#E9E9E9; height:36px; font-size:12px;}
.headH1{height:60px;line-height:60px;text-align:center;font-family:"Times New Roman", Times, serif;position:relative; color:#0566C8; font-size:35px;}
.headH1 img{position:absolute;top:-25px;left:490px;}
.headH1 a{color:#0566C8;}
.headH1 a:hover{text-decoration:none;}
.headH2{color:#585858;height:30px;line-height:30px;text-align:center;font-size:24px;background:url(../images/d2.png) no-repeat center;}
.headBig{font-size:14px;color:#fff;}
.headBig span{font-size:12px;}
.bnte{background-color:#F1F1F1; border-bottom:1px solid #D3D3D3; height:70px; padding-top:10px}
.loadmore{display:block;color:#000;margin:20px auto;width:1000px;letter-spacing:10px;height:50px;line-height:50px;text-align:center;background:#e6e6e6;clear:both;}
.loadmore a{color:#000;}
.loadmore a:hover{cursor:pointer;}
.Rmore{width:100%;height:30px;text-align:center;background:#e8e8e8;clear:both;margin:20px auto;line-height:30px;}
.Rmore a{color:#000;}
.Rmore a:hover{color:#00a8ff;}

#scrollDiv{width:800px;height:40px;line-height:40px;overflow:hidden}
#scrollDiv li{height:40px;padding-left:20px; width:780px;background:url(../images/arrow_6.gif) no-repeat left}
#scrollDiv li span{ float:right}

.ch-item:hover {
background:#fff;
box-shadow: inset 0 0 0 5px #FF5CA2;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}


/*--footer*/

footer{ margin:0 auto;background:#DFDFDF; height:230px}
.foot{ width:1100px;margin:0 auto;height:62px; line-height:72px;background:url(../images/botx.png) no-repeat center bottom;}
.faa {width:600px;color:#000;margin:0 auto}
.faa li a{width:70px;color:#000; float:left; text-align:center}
.fa{ width:900px; margin:0 auto}
.fa1{ float:left;width:160px;}
.fa2{ float:left;padding-top:10px; width:500px;color:#000}
.fa3{ width:110px;color:#000; float:right;padding-top:10px; }
.nybn{background:url(../images/lm1.jpg) no-repeat center; height:242px;}

/*Í·²¿*/
.inner{ width:1100px; margin:0 auto; position:relative;}
header{zoom:1;}
.toper{ width:1100px; margin:0 auto; position:relative; padding-top:15px; padding-bottom:15px}
.top-nav{position:absolute;top:75px; height:20px; z-index:1; width:500px; right:0px; font-size:16px; color:#FFAC16}
.top-nav li.b{ position:absolute; bottom:0px; right:0px;}
.top-logo{padding-top:15px; padding-bottom:15px;background:url(../images/TEL.jpg) no-repeat right;}
nav {height:50px;background:#005BA5}
nav .inner{z-index:999999;}
nav ul{height:50px;zoom:1;}
nav li{ float:left; display:inline;height:50px; line-height:50px; text-align:center;white-space:nowrap; position:relative;z-index:999999;}
nav li.line{ border-right:1px solid #0C6BAE}
nav li a.nav{ font-size:16px; font-weight:bold; color:#fff;display:block;}
nav li.navdown,nav li.hover{ background:#D42717}
nav li.navdown a.nav,nav li.hover a.nav{color:#fff;}
nav dl{ display:none; position:absolute;z-index:999999; text-align:left; background:#005BA5; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; border:none\9; padding:10px 0px;left:0px;top:50px;}
*html nav  dl{ border:none;}
*+html nav  dl{ border:none;}
nav dl dd{ height:30px; line-height:30px;overflow:hidden; text-align:center; color:#FFFFFF; border-bottom:1px solid #EBEBEB}
nav dl dd a{ color:#ffffff; font-weight:bold;}
nav dl.nav-pro dd{ float:left; background:none; height:auto; padding:0px;}
nav dl.nav-pro dd a{ padding-left:30px; font-size:15px;}
nav dl.nav-pro dd p{ white-space:normal; padding-top:5px;}
nav dl.nav-pro dd p a{ display:block; font-weight:normal; font-size:12px; line-height:2;}
.snwb{background:url(../images/xlwb.gif) no-repeat left; padding-left:20px}


.layera{ width:100%; margin:0 auto;border-top:#E7E7E7 solid 1px; padding-top:20px;}
.cpfl{ width:208px;height:100px; background-color:#000000; float:left}
.cprl{ width:858px; padding-left:20px;height:100px; background-color:#CC0000; float:right}

.cp {MARGIN: 0px auto; WIDTH: 1100px}
.cp-ll {POSITION: relative; WIDTH: 210px; FLOAT: left; OVERFLOW: hidden; background-color:#f1f1f1}
.cp-ll H2 {	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: '΢ÈíÑźÚ'; HEIGHT: 70px; COLOR: #fff; FONT-SIZE: 18px; padding-top:20px;BACKGROUND: url(../images/cp_a.gif) no-repeat bottom;}
.cp-ll H2 A {	COLOR: #fff}
.cp-ll H2 SPAN {	TEXT-TRANSFORM: uppercase; DISPLAY: block; FONT-FAMILY: 'arial'; COLOR: #fff; FONT-SIZE: 8px}
.cp-ll .cp-con {PADDING-BOTTOM: 0px; PADDING-LEFT: 5px;PADDING-TOP: 10px;}
.cp-ll H3 {	LINE-HEIGHT: 30px; PADDING-LEFT: 10px; BACKGROUND: url(../images/cpdltl.gif) no-repeat; HEIGHT: 30px; FONT-SIZE: 14px}
.cp-l H3 A {COLOR: #DA660F}
.cp-ll UL {	PADDING-BOTTOM: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px;}
.cp-ll LI {	LINE-HEIGHT:40px; BACKGROUND: url(../images/ico1.gif) no-repeat; HEIGHT:40px; width:200px;}
.cp-ll LI A {	WIDTH: 210px; DISPLAY: inline-block; COLOR: #484848; OVERFLOW: hidden}
.cp-ll LI span{ padding-left:25px;}
.cp-itel{width:210px; height:70px; text-align:center; background-color:#DB241C; color:#FFFFFF; font-size:14px; padding-top:20px;}
.cp-itel span{width:210px; text-align:center; color:#FFFFFF; font-size:24px;}
.cp-r {	WIDTH:872px; FLOAT: right; OVERFLOW: hidden}
.cp-r H3 {	BORDER-BOTTOM: #000 3px solid; LINE-HEIGHT: 36px; HEIGHT: 36px; font-size:18px; font-weight:bold; BACKGROUND: url(../images/cpr01.png) no-repeat; color:#DB241C; padding-left:10px;}
.cp-r H3 B {	FLOAT: right; FONT-SIZE: 12px; FONT-WEIGHT: normal}
.cp-r H3 B A {	COLOR: #999}
.cp-a {PADDING-TOP:5px; width:860px; border-bottom:1px solid #C4C4C4; border-right:1px solid #C4C4C4; border-left:1px solid #C4C4C4; height:700px; padding-left:10px;}
.cp-a LI {	WIDTH: 270px; FLOAT: left;BORDER: #d1d1d1 1px solid; margin:5px;}
.cp-a LI IMG {PADDING: 2px; DISPLAY: block; HEIGHT: 185px; width:260px;}
.cp-a LI SPAN {	LINE-HEIGHT: 28px;HEIGHT: 28px; width:268px; background-color:#F6F6F6}

.gcal{ width:1100px; margin:0 auto;BACKGROUND: url(../images/gcal.gif) no-repeat center; height:90px;}
.al_box{ width:1090px; margin:0 auto; height:180px;BACKGROUND: url(../images/anjt.gif) no-repeat center -12px; padding-left:10px;}
.al_box li{ width:200px; height:126px; float:left;text-align:center;BACKGROUND: url(../images/albg.gif) no-repeat center; margin:4px;}
.al_box img{ height:114px; width:187px; padding:6px;}
.al_box li span{ width:203px; height:30px;line-height:30px; text-align:center;}

.zad{ BACKGROUND: url(../images/csrq_02.gif) no-repeat center; height:200px; padding-top:40px;}
.zad1{ BACKGROUND: url(../images/csrq_11.gif) no-repeat center; height:213px;}


.zsjm1{ BACKGROUND: url(../images/csrq_03.gif) no-repeat center; height:200px;}
.zsjm2{ BACKGROUND: url(../images/csrq_04.gif) no-repeat center; height:200px;}
.zsjm3{ BACKGROUND: url(../images/csrq_05.gif) no-repeat center; height:200px;}
.zsjm4{ BACKGROUND: url(../images/csrq_06.gif) no-repeat center; height:200px;}
.zsjm5{ BACKGROUND: url(../images/csrq_07.gif) no-repeat center; height:200px;}
.zsjm6{ BACKGROUND: url(../images/csrq_08.gif) no-repeat center; height:200px;}
.zsjm7{ BACKGROUND: url(../images/csrq_09.gif) no-repeat center; height:256px;}
.zsjm8{ BACKGROUND: url(../images/csrq_10.gif) no-repeat center; height:114px;}
.ys1{ BACKGROUND: url(../images/csrq_12.gif) no-repeat center; height:200px;}
.ys2{ BACKGROUND: url(../images/csrq_13.gif) no-repeat center; height:200px;}
.ys3{ BACKGROUND: url(../images/csrq_14.gif) no-repeat center; height:154px;}
.ith3{ width:1100px; margin:0 auto; position:relative; padding-top:20px; padding-bottom:20px;}
.zjcs{ width:810px; height:440px; border:1px solid #C8C8C8; float:left}
.zjcs h3{ BACKGROUND: url(../images/zjcs.gif) no-repeat center; height:44px; width:794px; padding-left:10px; padding-top:10px}
.aboutjj{width:790px; padding:10px; height:175px;border-bottom:1px solid #CCCCCC;}
.aboutjj .apic{ width:260px; float:left}
.aboutjj .azw{ width:530px;line-height:22px;}
.aboutjj .azw span{ width:790px; float:left; font-size:18px; color:#DA2417;font-weight:bold; height:35px; line-height:35px;}
.zs_box{width:790px; margin:0 auto;padding-top:10px;}
.zs_box li{float:left;width:197px; text-align:center}
.zs_box li span{width:187px; text-align:center; height:30px; line-height:30px}
.zs_box img{width:187px;height:130px; padding:2px; border:1px solid #CCCCCC}
.qyzz{ width:270px; height:440px; border:1px solid #C8C8C8; float:right}
.qyzz h3{ BACKGROUND: url(../images/zzry.gif) no-repeat center; height:44px; width:250px; padding-left:10px; padding-top:10px}
.ry_box{width:250px; margin:0 auto;padding-top:10px;}
.ry_box li{width:245px; text-align:center}
.ry_box li span{width:245px; text-align:center; height:30px; line-height:30px}
.ry_box img{width:240px;height:150px; padding:2px; border:1px solid #CCCCCC}

.zxzx{width:100%; margin:0 auto;height:360px; margin-top:20px; padding-top:20px;}
.zx{ width:1100px; margin:0 auto;}
.zx1{width:385px; float:left; padding-right:20px;}
.zx2{width:385px; float:left; padding-right:20px;}
.zx3{width:290px; float:left;}
.zx_box{width:385px; padding-top:15px; height:110px; border-bottom:1px solid #CCCCCC}
.zx_box li{width:385px;line-height:24px;}
.zx_box li img{ width:167px; height:93px; border:1px solid #D6D6D6; padding:2px; float:left; margin-right:10px;}
.zx_box li a:hover{ color:#B52622; text-decoration:underline;}
.xw_kx{ width:385px;}
.xw_kx li{ display:block;width:370px;height:35px;overflow:hidden; float:left;line-height:35px;BACKGROUND: url(../images/llli.gif) no-repeat left; padding-left:15px; border-bottom:1px solid #CCCCCC}
.xw_kx li span{ float:right}
.xw_zs{ width:290px; padding-top:15px;}
.xw_zs li{ display:block;width:275px;height:25px;overflow:hidden; float:left;line-height:25px;BACKGROUND: url(../images/llli.gif) no-repeat left; padding-left:15px;}




.wl_box{ width:950px; margin:0 auto;}
.wl_box li{ width:172px; height:193px; float:left; padding:5px;line-height:18px; text-align:center; border:1px solid #CCCCCC; margin:3px;}
.wl_box img{ height:172px; width:172px;}
.wl_box li span{ width:172px; height:20px;line-height:20px; text-align:center;}

.thrd{width:1100px; margin:0 auto; position:relative;}
.thrd .title{ font-size:18px; color:#2BA372; font-weight:bold; height:49px; line-height:45px;BACKGROUND: url(../images/th3bg.gif) repeat-x bottom;}
.thrd .title span{ font-size:12px; color:#2BA372; float:right}

.ppzx{ width:1100px; margin:0 auto;BACKGROUND: url(../images/ppzx.gif) no-repeat center; height:330px;}
.pp_box{ width:980px; margin:0 auto; padding-top:95px;}
.pp_box li{ width:177px; height:193px; float:left; padding:5px;line-height:18px; text-align:center; border:1px solid #CCCCCC; margin:3px;}
.pp_box img{ height:162px; width:177px;}
.pp_box li span{ width:177px; height:30px;line-height:30px; text-align:center;}
.khal{width:1100px; margin:0 auto; position:relative; margin-top:10px; margin-bottom:10px; border:1px solid #D6D6D6; height:320px;}
.al01{width:520px; float:left; padding-left:15px;}
.al01 h3{LINE-HEIGHT:40px;border-bottom:1px solid #CCCCCC; HEIGHT:40px; FONT-SIZE: 14px}
.al02{ width:30px; float:left;BACKGROUND: url(../images/alct.gif) no-repeat center; height:320px;}
.al03{ width:520px; float:right;padding-right:15px;}
.al03 h3{LINE-HEIGHT:40px;border-bottom:1px solid #CCCCCC; HEIGHT:40px; FONT-SIZE: 14px}
.kh_box{ width:520px; height:280px; float:left; overflow:hidden;}
.kh_box ul{ display:block; float:left;}
.kh_box li{ display:block; width:510px; height:127px; padding:10px 0px 0px 7px;overflow:hidden; line-height:24px; float:left;}
.cc{color:#B28039; font-weight:bold; font-size:14px;}
.kh_box li img{ width:167px; height:117px; border:1px solid #D6D6D6; padding:2px; float:left; margin-right:10px;}
.kh_box li a:hover{ color:#B52622; text-decoration:underline;}

.xw_box{ width:520px; height:135px; float:left; overflow:hidden; padding-bottom:5px;}
.xw_box ul{ display:block; float:left;}
.xw_box li{ display:block; width:510px; height:127px; padding:10px 0px 0px 7px;overflow:hidden; line-height:24px; float:left;}
.cc{color:#B28039; font-weight:bold; font-size:14px;}
.xw_box li img{ width:167px; height:117px; border:1px solid #D6D6D6; padding:2px; float:left; margin-right:10px;}
.xw_box li a:hover{ color:#B52622; text-decoration:underline;}



.clear {CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px}
.container {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:1100px; PADDING-TOP: 10px}
.homeContent {	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; PADDING-TOP: 0px}
.content {	FLOAT: right; OVERFLOW: hidden; WIDTH: 860px}
.breadcrumb {BORDER-BOTTOM: #000 2px solid; width:860px; height:40px}
.breadcrumb h2{ font-size:18px; float:left; height:40px; line-height:40px; color:#DB241C}
.breadcrumb span{ float:right;height:40px; line-height:40px}
.posts {PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 845px; LINE-HEIGHT: 24px; PADDING-TOP: 10px}
.posts h3{ font-size:16px; text-align:center; height:40px; line-height:40px; BORDER-BOTTOM: #ddd 1px solid;}
.posts P {MARGIN-BOTTOM: 10px}
.single {PADDING-RIGHT:10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 840px; PADDING-TOP: 20px}
.postlist {	MARGIN:0px; WIDTH: 830px;}
.postlist LI {PADDING-LEFT: 12px; WIDTH: 830px; LINE-HEIGHT: 32px; HEIGHT: 32px; border-bottom:1px dashed #CCCCCC}
.postlist LI samp {	FONT-WEIGHT: normal;FLOAT: left; WIDTH: 710px; font-family:"΢ÈíÑźÚ";BACKGROUND: url(../images/spot.gif) no-repeat 0px 15px; padding-left:10px}
.postlist LI SPAN { WIDTH: 80px; COLOR: #666;}
.productlist LI {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px;  OVERFLOW: hidden; WIDTH:270px; PADDING-TOP: 0px; HEIGHT: 250px}
.productlist LI IMG {BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 260px; PADDING-TOP: 2px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT:200px}
.productlist LI .product_name {	DISPLAY: block; OVERFLOW: hidden; WIDTH: 266px; LINE-HEIGHT:30px; HEIGHT: 30px; TEXT-ALIGN: center; background-color:#f4f4f4}
.productlist1 LI {PADDING-RIGHT: 6px; FLOAT: left; PADDING-BOTTOM: 0px;  OVERFLOW: hidden; WIDTH:270px; PADDING-TOP: 0px; HEIGHT: 390px}
.productlist1 LI IMG {	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 260px; PADDING-TOP: 2px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT: 345px}
.productlist1 LI .product_name {DISPLAY: block; OVERFLOW: hidden; WIDTH: 266px; LINE-HEIGHT:30px; HEIGHT: 30px; TEXT-ALIGN: center; background-color:#f4f4f4}
.sidebar {FLOAT: left; WIDTH: 210px;overflow:hidden;BACKGROUND:#F1F1F1}
.sidebar H3 {TEXT-ALIGN: center;FONT-SIZE: 18px; BACKGROUND:url(../images/cp_a.gif) no-repeat bottom; FLOAT: left; WIDTH: 210px; COLOR: #fff;height:70px; padding-top:20px;}
.sidebar H3 SPAN {TEXT-TRANSFORM: uppercase;  FONT-FAMILY: 'arial'; COLOR: #fff; FONT-SIZE: 8px;}
.sidebar ul {FLOAT: left; WIDTH: 210px;line-height:40px; font-size:14px;}
.sidebar ul a:link{	FLOAT: left; WIDTH: 210px;line-height:40px; padding-left:40px}
.sidebar li a:link{	FLOAT: left; WIDTH: 210px;BACKGROUND:#F1F1F1 url(../images/j1.png) no-repeat;height:40px; line-height:40px;overflow:hidden; border-bottom:1px solid #585858}
.sidebar li a:hover{FLOAT: left; WIDTH: 210px;BACKGROUND:#DA2417 url(../images/j2.png) no-repeat;height:40px; line-height:40px; color:#FFFFFF}
.sidebar UL LI.widget_text {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}

#wp-calendar {
	WIDTH: 100%
}
#wp-calendar CAPTION {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#wp-calendar TH {
	BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e6e6e6 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; BORDER-LEFT: #e6e6e6 1px solid; COLOR: #555; PADDING-TOP: 4px; BORDER-BOTTOM: #e6e6e6 1px solid; BACKGROUND-COLOR: #f9f9f9; TEXT-ALIGN: center
}
#wp-calendar TD {
	BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e6e6e6 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; BORDER-LEFT: #e6e6e6 1px solid; COLOR: #555; PADDING-TOP: 4px; BORDER-BOTTOM: #e6e6e6 1px solid; BACKGROUND-COLOR: #f9f9f9; TEXT-ALIGN: center
}
#wp-calendar TBODY TR TD A:link {
	FONT-WEIGHT: bold; COLOR: #006600
}
#wp-calendar TBODY TR TD A:visited {
	FONT-WEIGHT: bold; COLOR: #006600
}
#wp-calendar TBODY TR TD A:hover {
	COLOR: #0c262c
}
#wp-calendar TBODY TR TD:hover {
	BORDER-RIGHT: #fadd85 1px solid; BORDER-TOP: #fadd85 1px solid; BORDER-LEFT: #fadd85 1px solid; CURSOR: pointer; COLOR: #0c262c; BORDER-BOTTOM: #fadd85 1px solid; BACKGROUND-COLOR: #fef7e0
}
#wp-calendar TFOOT TR TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 8px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.pad {
	BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-STYLE: none! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important
}
.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	MARGIN: 0px auto; PADDING-TOP: 15px
}
.wp-pagenavi A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:link {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:visited {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:hover {
	FONT-WEIGHT: bold! important; COLOR: #0b3779! important; BACKGROUND-COLOR: #eee! important
}
.wp-pagenavi A:active {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN.pages {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.wp-pagenavi SPAN.extend {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.wp-pagenavi SPAN.current {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #aaa 1px solid; COLOR: #000! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #eee! important
}
.pageleft {
	OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.pageright {
	OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.pageleft {
	PADDING-LEFT: 10px; FLOAT: left; TEXT-ALIGN: left
}
.pageright {
	PADDING-RIGHT: 10px; FLOAT: right; TEXT-ALIGN: right
}
.post_comment {
	FLOAT: left; MARGIN: 15px 0px 5px; OVERFLOW: hidden; WIDTH: 100%
}
#addcomment {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 14px; BACKGROUND: #f5f5f5; FLOAT: left; PADDING-BOTTOM: 7px; MARGIN: 10px 0px; BORDER-LEFT: #ddd 1px solid; WIDTH: 99%; TEXT-INDENT: 15px; LINE-HEIGHT: 16px; PADDING-TOP: 8px; BORDER-BOTTOM: #bbb 1px solid
}
#comments {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 14px; BACKGROUND: #f5f5f5; FLOAT: left; PADDING-BOTTOM: 7px; MARGIN: 10px 0px; BORDER-LEFT: #ddd 1px solid; WIDTH: 99%; TEXT-INDENT: 15px; LINE-HEIGHT: 16px; PADDING-TOP: 8px; BORDER-BOTTOM: #bbb 1px solid
}
.post_comment P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.post_comment OL LI {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 10px 5px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
.commentlist {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; WIDTH: 98%; PADDING-TOP: 5px
}
.commentlist LI {
	BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: #e3e3e3 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #e3e3e3 1px solid; BACKGROUND-COLOR: #fff
}
.commentlist LI.alt {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: #f6f6f6
}
.commentlist LI.comment-author-admin {
	BACKGROUND: #f6f6f6
}
.commentlist LI UL {
	MARGIN: 10px
}
.commentlist LI UL.children {
	MARGIN: 10px 0px
}
.commentlist LI P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.comment-author {
	PADDING-BOTTOM: 5px; WIDTH: 100%; BORDER-BOTTOM: #ececec 1px solid; HEIGHT: 30px
}
.avatar {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #e0e0e0 1px solid
}
.author_info {
	PADDING-LEFT: 5px; FLOAT: left; COLOR: #888; LINE-HEIGHT: 16px
}
.author_info CITE {
	FONT-WEIGHT: bold; FONT-STYLE: normal
}
.author_info EM {
	FONT-SIZE: 10px
}
.reply {
	MARGIN-TOP: -3px; FLOAT: right
}
#cancel-comment-reply {
	FLOAT: right; MARGIN-RIGHT: 10px
}
.reply A {
	COLOR: #999
}
#cancel-comment-reply A {
	COLOR: #999
}
.reply A:hover {
	COLOR: #666
}
#cancel-comment-reply A:hover {
	COLOR: #666
}
#respond {
	PADDING-BOTTOM: 35px
}
#respond EM {
	COLOR: #ff0242
}
#author {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 45%; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid
}
#email {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 45%; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid
}
#url {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 45%; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid
}
#comment {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 45%; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid
}
#comment {
	OVERFLOW-Y: scroll; FONT-SIZE: 12px; WIDTH: 95%; HEIGHT: 150px
}
#submit {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 20px; FONT-SIZE: 14px; BACKGROUND: #f5f5f5; FLOAT: right; PADDING-BOTTOM: 4px; MARGIN: 0px 8px; BORDER-LEFT: #999 1px solid; CURSOR: pointer; PADDING-TOP: 6px; BORDER-BOTTOM: #999 1px solid
}


#demo {
  overflow:hidden;
  height: 185px;
 width: 980px;
 margin: 0 auto; 
}
#demo img {
 border: 3px solid #F2F2F2;
}
#indemo {
 float: left;
 width: 800%;
}
#demo1 {
 float: left;
}
#demo2 {
 float: left;
}


.menu_head{width:172px;height:47px;line-height:47px;padding-left:38px;font-size:14px;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;margin:0px;font-weight:bold;background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:208px;height:auto;overflow:hidden;line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}
.menu_body a{display:block;width:208px;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}


.menuDiv{background:#f1f1f1;padding:1px; width:210px}
.menuDiv h3{font-size:14px;font-weight:bold;color:#000;padding:10px;cursor:pointer;height:22px;line-height:22px;overflow:hidden; width:190px; border-bottom:1px solid #999999;background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;}
.menuDiv ul li{color:#333333;background:#f1f1f1;font-size:14px;height:32px; line-height:32px; width:210px; border-bottom:1px solid #CCCCCC;}
.menuDiv ul li a{color:#333333;background:#F4F4F4;display:block;font-size:14px;text-decoration:none;background:#f1f1f1; padding-left:30px;}
.menuDiv ul li a:hover{color:#FFFFFF;background:#006699;}

/* slide */
.slide-main{height:475px;position:relative; margin:0 auto; width:100%; max-width:1680px;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:180px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:445px;left:0;text-align:center; margin:0 auto}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:475px;overflow:hidden; margin:0 auto}
.slide-box{position:relative;}
.slide{display:none;height:475px;position:relative;position:absolute;z-index:8; text-align:center}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;}
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} 
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;}
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);}
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);}
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} 
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;}
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} 
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} 
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;}
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} 
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} 
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;}
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;}
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;}