.wboxbg{padding:10px 0px 0px 16px; height:321px;  }
.wleft{ width:187px; overflow:hidden; float:left;}
.wl-01,.wl-011,.wl-012{ width:107px; height:65px; color:#444; line-height:18px; overflow:hidden; background:url(images/21.png) no-repeat;padding-left:80px;padding-top:3px; margin-bottom:12px;}
.wl-011{background:url(images/211.png) no-repeat;}
.wl-012{background:url(images/212.png) no-repeat;}
.wl-01 h3,.wl-011 h3,.wl-012 h3{padding:0; margin:0;padding-top:10px;}
.wl-02,.wl-03,.wl-04{ background:url(images/22.png) no-repeat 0 0;}
.wl-02{ height:28px; line-height:28px; background-position:0 0;}
.wl-02 a{ display:block; line-height:28px; text-indent:1em;}
.wl-03{ background-position:-187px 0; background-repeat:repeat-y; padding:8px 0 0 10px;}
.wl-03 ul{}
.wl-03 li{ height:25px; line-height:25px; width:177px; overflow:hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.wl-04{ background-position:-374px 0; height:9px; line-height:9px; overflow:hidden;}

.wright{ width:780px; float:left; overflow:hidden; height:311px;}
.wright ul{ width:780px; overflow:hidden;}
.wright li{ width:229px; float:left; height:152px; }
.wright img{padding:1px; border:1px solid #dbdbdb;}
.wright img:hover{ border:1px solid #f00;}
.wright li p{padding:0; margin:0; line-height:20px;}
.wright li p.imgt1-1 a{ color:#000;}
.wright li p.imgt1-1 a i{ color:#f00;}
.wright li p.imgt1-2 a{ color:#3399ca;}


div.demo{position:relative;}.image-grid:after{clear:both;content:"";display:block;height:0;overflow:hidden;}.demo p,.demo ul{margin-right:0;}.case_list .image-grid li{height:162px;}.column_right .image-grid li{height:182px;margin-left:20px;}.image-grid{width:100%;}.image-grid li{
	color:#686F74;
	float:left;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	line-height:17px;
	list-style:none outside none;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:239px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 13px;
}.image-grid .big{width:483px !important;height:344px !important;}.image-grid .big img{width:473px !important;height:334px !important;}.image-grid .middle{width:483px !important;}.image-grid .middle img{width:473px !important;}.image-grid .high{height:370px !important;}.image-grid .high a{height:370px !important;}.image-grid .high img{height:360px !important;}.image-grid li a{display:block;overflow:hidden;}.image-grid li img{display:block;}.image-grid li a:link img,.image-grid li a:visited img{border:5px solid #fff;cursor:pointer;}.image-grid li a:hover img{border:5px solid #00B4FF;cursor:pointer;}.image-grid li a div{background:#00B4FF;height:120px;left:0;position:absolute;width:100%;}.image-grid li a h3{color:#fff;font-size:10px;line-height:16px;padding:14px 10px 5px;text-align:left;font-weight:normal;}.image-grid li a h3 span{display:block;font-size:16px;}.image-grid li a strong{color:#f5f5f5;font-weight:normal;font-size:11px;line-height:16px !important;text-align:left !important;margin:0 9px;display:block;}
ul.dwl li{margin-right:6px;}ul.dwl li,ul.dwl li a{height:168px;overflow:hidden;position:relative;width:248px;}.scroll ul li{float:left;}ul.dwl li a{color:#000000;display:block;position:absolute;}.image-grid li i{line-height:16px;font-style:normal;font:12px/18px Arial,Helvetica,sans-serif;color:#666;}ul.dwl li a h3{background-color:#FFFF2A;font-size:14px;height:35px;padding-top:4px;text-align:center;}.image-grid li i p{color:#666666;font-size:9px;}








.wrap {
	MARGIN: 0px auto; WIDTH: 100%; BACKGROUND: url(images/banner_bg.gif) repeat;
}
#wrapper {
	BACKGROUND: url(../images/divider-3.gif) repeat-x 0px 28px; LINE-HEIGHT: 30px; HEIGHT: 30px
}

#scroll {
	MARGIN: 0px auto 0px; OVERFLOW: hidden;WIDTH: 1000px; PADDING: 10px;
}

#slide {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 940px; POSITION: relative; HEIGHT: 285px
}
#slide .mask {
	Z-INDEX: 990; LEFT: 0px; BOTTOM: 0px
}
#playbox DL.img {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 9; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 940px; PADDING-TOP: 0px; POSITION: absolute; TOP: 300px; HEIGHT: 285px
}
#playbox DL.img DT {
	LINE-HEIGHT: 90px
}
#playbox DL.img DT A {
	FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #467d10; LINE-HEIGHT: 90px; FONT-FAMILY: "Microsoft YaHei" ,SimHei
}
#playbox DL.img DT A:hover {
	COLOR: #bf0000; TEXT-DECORATION: none
}
#playbox DL.img DT SPAN {
	FLOAT: left
}
#playbox DL.img DD {
	FONT-SIZE: 14px; COLOR: #333; LINE-HEIGHT: 26px
}
#playbox DL.img DD.pic {
	 FLOAT: left; MARGIN: 0px 20px 0px 0px; OVERFLOW: hidden;  WIDTH: 530px;  HEIGHT: 265px
}
#playbox DL.img DD.pic IMG {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 530px; PADDING-TOP: 0px; HEIGHT: 265px; BORDER-RIGHT-WIDTH: 0px
}
#slide .number {
	Z-INDEX: 909; OVERFLOW: hidden; WIDTH: 930px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 20px
}
#slide .number UL {
	FLOAT: right
}
#slide .number LI {
	BACKGROUND: #000; FLOAT: left; FONT: 11px sans-serif; OVERFLOW: hidden; WIDTH: 19px; CURSOR: pointer; COLOR: #fff; MARGIN-RIGHT: 1px; HEIGHT: 15px; TEXT-ALIGN: center
}
#slide .number LI.on {
	BACKGROUND: #cb0e02
}
#wrap {
	MARGIN: 15px auto; WIDTH: 1000px
}

#area_1 {
	BORDER-RIGHT: #dedede 1px solid; BORDER-TOP: #dedede 1px solid; DISPLAY: block;  OVERFLOW: hidden; BORDER-LEFT: #dedede 1px solid; WIDTH: 1000px; BORDER-BOTTOM: #dedede 1px solid
}
#area_1 .tabs {
	BACKGROUND: url(images/tab-bg.gif) repeat-x; WIDTH: 1000px; HEIGHT: 60px
}
#area_1 .tabs LI.tab {
	PADDING-RIGHT: 2px; BACKGROUND: url(images/tab-li.gif) no-repeat right 0px; FLOAT: left
}
#area_1 .tabs LI.tab A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 50px; FLOAT: left; PADDING-BOTTOM: 3px; WIDTH: 70px; COLOR: #4d4d4f; LINE-HEIGHT: 15px; PADDING-TOP: 17px; HEIGHT: 41px; TEXT-DECORATION: none
}
#area_1 .tabs LI.on {
	BACKGROUND: url(images/tab-li.gif) #fff no-repeat right 0px
}
#area_1 .tabs LI.on A {
	COLOR: #4d4d4f
}
#area_1 .tabbox {
	WIDTH: 1000px
}
#area_1 .tabcontent {
	WIDTH: 1000px
}
#link_23 A {
	BACKGROUND: url(images/icon.gif) no-repeat 7px 4px
}
#link_34 A {
	BACKGROUND: url(images/icon.gif) no-repeat 7px -56px
}
#link_35 A {
	BACKGROUND: url(images/icon.gif) no-repeat 7px -120px
}
#link_36 A {
	BACKGROUND: url(images/icon.gif) no-repeat 7px -180px
}
#link_37 A {
	BACKGROUND: url(images/icon.gif) no-repeat 7px -240px
}
.piclist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 7px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.moduletableqiye {
	CLEAR: both; MARGIN-TOP: 10px; DISPLAY: block;  OVERFLOW: hidden; WIDTH: 1000px; BORDER: #dedede 1px solid;
}
.moduletableqiye H3 {
	PADDING-LEFT: 10px; BACKGROUND: url(images/bg1.gif); COLOR: #f0f0f3; LINE-HEIGHT: 37px; HEIGHT: 37px
}
.moduletableqiye DL.img {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 0px solid; MARGIN: 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 280px
}
.moduletableqiye DL.img DT {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; BACKGROUND: #f0f0f3; PADDING-BOTTOM: 0px; COLOR: #88888a; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 59px
}
.moduletableqiye DL.img DT STRONG A {
	FONT-SIZE: 18px; COLOR: #313435
}
.moduletableqiye DL.img DD.pic {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid
}
.moduletableqiye DL.img DD IMG {
	MARGIN: 0px 15px; WIDTH: 160px
}
.moduletableqiye DL.img DD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 24px; PADDING-TOP: 5px
}
.moduletableqiye DL.img DD A.more {
	PADDING-LEFT: 16px; BACKGROUND: url(images/more.png) no-repeat 0px 5px; FLOAT: right; COLOR: #467d10; MARGIN-RIGHT: 10px
}
.moduletableqiye DL.img DD P {
	TEXT-INDENT: 24px
}
