
.mrb40 {
	MARGIN-BOTTOM: 40px
}
.brr {
	BORDER-RIGHT: #d9d9d9 1px dotted
}

.div {
	MARGIN: 0px auto; WIDTH: 960px; TEXT-ALIGN: left
}
.box22 {
	PADDING-BOTTOM: 90px; OVERFLOW: hidden; WIDTH: 100%; BACKGROUND-COLOR: #f4f4f4
}



.new_list {
	PADDING-LEFT: 5px; MARGIN-BOTTOM: 30px; OVERFLOW: hidden
}
.new_list DT {
	FLOAT: left; MARGIN-RIGHT: 11px
}
.new_list DD H2 {
	PADDING-BOTTOM: 4px
}
.new_list DD H2 A {
	COLOR: #343434; FONT-FAMILY: "微软雅黑"
}
.new_list DD H2 A:hover {
	COLOR: #000
}
.new_list DD P {
	LINE-HEIGHT: 20px
}
.data {
	DISPLAY: inline-block; BACKGROUND: url(../images/data.gif) no-repeat; WIDTH: 56px; COLOR: #fff; LINE-HEIGHT: 14px; MARGIN-RIGHT: 8px; TEXT-ALIGN: center
}
.new_rig {
	PADDING-RIGHT: 35px; PADDING-LEFT: 35px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 305px; PADDING-TOP: 0px
}

.min_nav_left A {
	DISPLAY: inline-block; BACKGROUND: url(../images/nxz.gif) no-repeat; WIDTH: 96px; LINE-HEIGHT: 24px; MARGIN-RIGHT: 10px; HEIGHT: 24px; TEXT-ALIGN: center
}
.min_nav_left A:hover {
	BACKGROUND: url(../images/xz.gif) no-repeat; COLOR: #fff
}
.min_nav_left .hov {
	BACKGROUND: url(../images/xz.gif) no-repeat; COLOR: #fff
}
.min_nav_left .hov {
	FONT-WEIGHT: bolder
}
.case_list {
	FLOAT: left; MARGIN-LEFT: -69px; OVERFLOW: hidden
}
.case_list LI {
	DISPLAY: inline; FLOAT: left; MARGIN: 39px 0px 0px 69px; WIDTH: 287px
}
.case_box {
	BACKGROUND: url(../images/case_box.gif) no-repeat; WIDTH: 287px; PADDING-TOP: 5px; HEIGHT: 169px; TEXT-ALIGN: center
}
.case_list LI H2 {
	MARGIN-TOP: 10px; FONT-WEIGHT: bolder
}
.case_list LI H2 A {
	COLOR: #000
}
.case_list LI P {
	MARGIN-TOP: 7px; LINE-HEIGHT: 20px
}
.fy {
	FLOAT: right
}
.fy A {
	PADDING-RIGHT: 15px; DISPLAY: inline-block; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: #000; PADDING-TOP: 5px; BACKGROUND-COLOR: #dbdbdb
}
.fy B {
	PADDING-RIGHT: 15px; DISPLAY: inline-block; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: #fff; PADDING-TOP: 5px; BACKGROUND-COLOR: #59c46c
}
.fy A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #59c46c
}
#bot_fy {
	MARGIN-TOP: 53px
}
.case_content_box {
	MARGIN-TOP: 18px
}
.case_content {
	
}
.case_content P {
	MARGIN-TOP: 38px
}
.case_banner {
	WIDTH: 1000px; POSITION: relative; HEIGHT: 170px
}
.case_about {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; Z-INDEX: 999; LEFT: 0px; PADDING-BOTTOM: 20px; WIDTH: 350px; COLOR: #fff; LINE-HEIGHT: 25px; PADDING-TOP: 20px; POSITION: absolute; TOP: 0px
}
.case_about H2 {
	FONT-SIZE: 22px; PADDING-BOTTOM: 5px
}
.case_about P {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.case_about P A {
	COLOR: #fff
}
.serv2 {
	MARGIN-LEFT: 30px
}
#newprat1 {
	BACKGROUND: url(../images/newprat1bg.gif) repeat-x left top; PADDING-TOP: 24px; HEIGHT: 180px
}
.skin2 {
	BACKGROUND-IMAGE: url(../images/newskin.jpg); BACKGROUND-REPEAT: no-repeat
}
.server2mk DT DIV {
	BACKGROUND-IMAGE: url(../images/newskin.jpg); BACKGROUND-REPEAT: no-repeat
}
.lm3 {
	BACKGROUND-POSITION: -121px 3px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 15px
}
.black {
	COLOR: #000
}
.server2mk {
	PADDING-RIGHT: 20px; MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; WIDTH: 303px
}
.server2mk DT {
	FLOAT: left; MARGIN-RIGHT: 15px
}
.server2mk DD {
	FLOAT: left; WIDTH: 193px
}
.server2mk DD H2 {
	FONT-SIZE: 16px; COLOR: #000
}
.server2mk DD H2 A {
	COLOR: #000
}
.server2mk DD H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 2px; COLOR: #13922b; PADDING-TOP: 2px
}
.server2mk DD H3 A {
	COLOR: #13922b
}
.server2mk DD P {
	LINE-HEIGHT: 20px
}

#weibo {
	BACKGROUND-POSITION: -93px -345px; PADDING-LEFT: 40px; LINE-HEIGHT: 26px; HEIGHT: 26px
}
#weibo:hover {
	BACKGROUND-POSITION: -93px -374px; COLOR: #626262
}
#online {
	BACKGROUND-POSITION: -4px -275px; PADDING-LEFT: 125px; LINE-HEIGHT: 40px; HEIGHT: 32px
}
#online:hover {
	BACKGROUND-POSITION: -4px -310px; COLOR: #626262
}
.mrt20 {
	MARGIN-TOP: 20px
}
.bg_box {
	PADDING-RIGHT: 60px; PADDING-LEFT: 60px; PADDING-BOTTOM: 40px; OVERFLOW: hidden; WIDTH: 880px; PADDING-TOP: 40px; BACKGROUND-COLOR: #fff
}
.server_xm {
	PADDING-BOTTOM: 31px; OVERFLOW: hidden; WIDTH: 100%; BORDER-BOTTOM: #d9d9d9 1px dotted
}
.server_mk2 {
	MARGIN-TOP: 54px; FLOAT: left; PADDING-BOTTOM: 15px; WIDTH: 345px
}
.pdl75 {
	PADDING-LEFT: 70px
}
.pdr70 {
	PADDING-RIGHT: 70px
}
.mrt26 {
	MARGIN-TOP: 26px
}
.serv_right {
	FLOAT: left; WIDTH: 270px
}
.serv_right .fs16 {
	COLOR: #323232
}
.mrt45 {
	MARGIN-TOP: 54px
}
.serv {
	OVERFLOW: hidden; WIDTH: 100%
}
.type {
	
}
.type LI {
	PADDING-RIGHT: 22px; PADDING-LEFT: 15px; BACKGROUND: url(../images/an2.gif) no-repeat left center; FLOAT: left
}
.serv_right P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 18px; PADDING-TOP: 10px
}
.xx {
	MARGIN-TOP: 10px
}
.lc {
	MARGIN-TOP: 22px
}
.server_kh {
	BORDER-TOP: #f4f4f4 6px solid
}
.kh_list {
	PADDING-TOP: 30px
}
.kh_list LI {
	DISPLAY: inline; FLOAT: left; WIDTH: 210px; MARGIN-RIGHT: 10px; HEIGHT: 79px
}
.about_mk {
	MARGIN-TOP: 48px; OVERFLOW: hidden; WIDTH: 100%; LINE-HEIGHT: 20px
}
.about_mk2 {
	MARGIN-TOP: 48px; OVERFLOW: hidden; WIDTH: 100%
}
.about_mk P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; TEXT-INDENT: 20px; PADDING-TOP: 10px
}
.about_mk P.eng {
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.about_mk .bt {
	MARGIN-BOTTOM: 20px
}
.bt SPAN {
	DISPLAY: block; WIDTH: 79px; HEIGHT: 29px
}
.bt1 {
	BACKGROUND: url(../images/bt1.gif) no-repeat
}
.bt2 {
	BACKGROUND: url(../images/bt2.gif) no-repeat
}
.bt3 {
	BACKGROUND: url(../images/bt3.gif) no-repeat
}
.nr1l {
	WIDTH: 630px
}
.nr2r {
	WIDTH: 656px
}
.nr2l {
	
}
.member {
	DISPLAY: inline; FLOAT: left; MARGIN: 28px 13px 0px 10px; WIDTH: 270px
}
.member DT {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 3px; BACKGROUND: url(../images/member_bg.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 49px; MARGIN-RIGHT: 8px; PADDING-TOP: 3px; HEIGHT: 49px
}
.member DD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 20px; BACKGROUND: url(../images/member_bg2.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 175px; PADDING-TOP: 10px; HEIGHT: 81px
}
.member DD H2 B {
	MARGIN-RIGHT: 3px
}
.member DD P {
	MARGIN-TOP: 4px; LINE-HEIGHT: 20px
}
.new_info {
	COLOR: #b4b4b4
}
.new_info LI {
	PADDING-RIGHT: 15px; FLOAT: left
}
.ll {
	PADDING-LEFT: 14px; BACKGROUND: url(../images/ll.gif) no-repeat left center
}
.pl {
	PADDING-LEFT: 14px; BACKGROUND: url(../images/pl.gif) no-repeat left center
}
.new_list2 {
	MARGIN-TOP: 30px; PADDING-BOTTOM: 30px; OVERFLOW: hidden; WIDTH: 100%; BORDER-BOTTOM: #ccc 1px dotted
}
.new_list2 DT {
	DISPLAY: inline; FLOAT: left; MARGIN-RIGHT: 21px
}
.new_list2 DD {
	
}
.new_list2 DD H2 {
	FONT-SIZE: 16px; FONT-FAMILY: "微软雅黑"
}
.new_list2 DD H2 A {
	COLOR: #000
}
.new_list2 DD P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; LINE-HEIGHT: 22px; PADDING-TOP: 4px
}
.content {
	PADDING-RIGHT: 40px; PADDING-LEFT: 40px; PADDING-BOTTOM: 65px; OVERFLOW: hidden; PADDING-TOP: 65px
}
.title {
	PADDING-BOTTOM: 5px; OVERFLOW: hidden; BORDER-BOTTOM: #e5e5e5 1px solid
}
.title H2 {
	FONT-SIZE: 26px; PADDING-BOTTOM: 20px; COLOR: #000; FONT-FAMILY: "微软雅黑"; TEXT-ALIGN: center
}
#content {
	MARGIN-TOP: 30px; LINE-HEIGHT: 28px
}
#content P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; TEXT-INDENT: 25px; PADDING-TOP: 5px
}
.min_nav {
	OVERFLOW: hidden; WIDTH: 100%
}
.kh_ly {
	PADDING-RIGHT: 0px; PADDING-LEFT: 40px; BACKGROUND: url(../images/connect_bg.gif) repeat-x; PADDING-BOTTOM: 30px; OVERFLOW: hidden; WIDTH: 840px; PADDING-TOP: 30px
}
.say_list2 {
	MARGIN-TOP: 30px; FLOAT: left; OVERFLOW: hidden; WIDTH: 245px; MARGIN-RIGHT: 25px
}
.say_list2 DT {
	BACKGROUND: url(../images/ly_tx.gif) no-repeat; FLOAT: left; WIDTH: 44px; MARGIN-RIGHT: 3px; HEIGHT: 44px
}
.say_list2 DD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 24px; BACKGROUND: url(../images/ly.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 164px; LINE-HEIGHT: 20px; PADDING-TOP: 10px; HEIGHT: 84px
}
.fangs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; OVERFLOW: hidden; PADDING-TOP: 33px; BORDER-BOTTOM: #ccc 1px dotted
}
.fangs .fs16 {
	PADDING-BOTTOM: 6px; COLOR: #666; FONT-FAMILY: "微软雅黑"
}
.xq_box {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #d9d9d9 1px solid; PADDING-LEFT: 49px; PADDING-BOTTOM: 31px; MARGIN: 10px auto 0px; OVERFLOW: hidden; BORDER-LEFT: #d9d9d9 1px solid; WIDTH: 727px; PADDING-TOP: 31px; BORDER-BOTTOM: #d9d9d9 1px solid; BACKGROUND-COLOR: #fcfcfc
}
.xq {
	PADDING-LEFT: 44px; FONT-SIZE: 16px; BACKGROUND: url(../images/connect.gif) no-repeat left center; LINE-HEIGHT: 30px; HEIGHT: 30px
}
.qq {
	PADDING-LEFT: 42px; BACKGROUND: url(../images/qq3.gif) no-repeat left center; MARGIN: 15px 0px; PADDING-TOP: 8px; HEIGHT: 31px
}
.email {
	MARGIN-TOP: 28px; PADDING-LEFT: 40px; FONT-SIZE: 16px; BACKGROUND: url(../images/xf.gif) no-repeat left center; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.email SPAN {
	COLOR: #3a983a
}
.input {
	
}
.input INPUT {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d9d9 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: #d9d9d9 1px solid; WIDTH: 188px; COLOR: #ccc; LINE-HEIGHT: 29px; MARGIN-RIGHT: 35px; PADDING-TOP: 0px; BORDER-BOTTOM: #d9d9d9 1px solid; HEIGHT: 29px
}
.text {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d9d9 1px solid; MARGIN-TOP: 10px; OVERFLOW-Y: auto; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #d9d9d9 1px solid; WIDTH: 666px; PADDING-TOP: 5px; BORDER-BOTTOM: #d9d9d9 1px solid; HEIGHT: 89px
}
.textfs {
	COLOR: #ccc
}
.text:unknown {
	outline: none; webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6); moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6)
}

.coop {
	PADDING-LEFT: 20px; FONT-SIZE: 12px; COLOR: #0000ee
}
OL.dribbbles {
	FLOAT: left; MARGIN-LEFT: -56px; OVERFLOW: hidden
}
OL.dribbbles LI {
	DISPLAY: inline; FLOAT: left; MARGIN: 0px 0px 39px 56px; WIDTH: 281px; POSITION: relative
}
OL.dribbbles LI H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999; LINE-HEIGHT: 1.4em; max-height: 16px
}
OL.dribbbles LI P {
	MARGIN-TOP: 7px; LINE-HEIGHT: 20px
}
OL.dribbbles LI H2 A {
	FONT-WEIGHT: bold; TEXT-DECORATION: none
}
OL.dribbbles LI DIV.dribbble {
	CLEAR: left; BACKGROUND: #fff; MARGIN-BOTTOM: 10px; POSITION: relative; border:1px solid #dedede; webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07)
}
OL.dribbbles LI DIV.dribbble DIV.dribbble-shot {
	BACKGROUND: url(../images/case_box.gif) no-repeat; WIDTH: 279px; PADDING-TOP: 5px; HEIGHT: 167px; TEXT-ALIGN: center
}
OL.dribbbles LI DIV.dribbble A.dribbble-over {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #fff; FILTER: alpha(opacity=0); LEFT: 2px; PADDING-BOTTOM: 10px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 255px; COLOR: #888; LINE-HEIGHT: 2; PADDING-TOP: 10px; POSITION: absolute; TOP: 5px; HEIGHT: 144px; TEXT-ALIGN: left; TEXT-DECORATION: none; opacity: 0
}
OL.dribbbles LI DIV.dribbble A.dribbble-over STRONG {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px 0px 10px; COLOR: #444444; LINE-HEIGHT: 1.2
}
OL.dribbbles LI DIV.dribbble A.dribbble-over EM {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; LEFT: 10px; MARGIN: 0px 0px 3px; COLOR: #888; BOTTOM: 10px; LINE-HEIGHT: 1; FONT-STYLE: normal; POSITION: absolute
}
OL.dribbbles LI DIV.dribbble A.dribbble-over SPAN.comment {
	DISPLAY: block; FONT-SIZE: 12px; MARGIN: 0px 0px 10px; COLOR: #555; LINE-HEIGHT: 1.4
}
OL.dribbbles LI DIV.dribbble A.dribbble-over SPAN.bio {
	DISPLAY: block; FONT-SIZE: 12px; MARGIN: 0px 0px 10px; COLOR: #555; LINE-HEIGHT: 1.4
}
OL.dribbbles LI DIV.dribbble A.dribbble-over SPAN.comment {
	COLOR: #777777
}
OL.dribbbles LI DIV.dribbble A.dribbble-over SPAN.skills {
	DISPLAY: block; FONT-SIZE: 12px; LINE-HEIGHT: 1.4
}
OL.dribbbles LI DIV.dribbble A.dribbble-over SPAN.skills SPAN.skill {
	FONT-WEIGHT: bold; COLOR: #ea4c89
}
OL.dribbbles LI DIV.dribbble A.dribbble-over SPAN.skills SPAN.skill:unknown {
	FONT-WEIGHT: normal; MARGIN-RIGHT: 1px; opacity: .7; content: ", "
}
OL.dribbbles LI DIV.dribbble A.dribbble-over SPAN.skills SPAN.skill:unknown {
	content: ""
}
OL.dribbbles LI DIV.dribbble SPAN.liked-by {
	FONT-SIZE: 11px; LEFT: 20px; COLOR: #777777; BOTTOM: 40px; POSITION: absolute; opacity: 0; webkit-transition: opacity 0.2s ease; moz-transition: opacity 0.2s ease; o-transition: opacity 0.2s ease; transition: opacity 0.2s ease
}
OL.dribbbles LI DIV.dribbble-img:hover SPAN.liked-by {
	opacity: 1
}
OL.dribbbles LI DIV.dribbble SPAN.liked-by A {
	FONT-WEIGHT: bold
}
OL.dribbbles LI DIV.dribbble SPAN.liked-by A IMG {
	MARGIN: 0px 2px 0px 0px; VERTICAL-ALIGN: middle; WIDTH: 16px; POSITION: relative; TOP: -2px; webkit-border-radius: 2px; moz-border-radius: 2px; border-radius: 2px
}
OL.dribbbles LI DIV.dribbble-img {
	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 272px; HEIGHT: 162px
}
#footer {
	BORDER-TOP: #3e3e3e 1px solid; PADDING-TOP: 22px; HEIGHT: 45px; BACKGROUND-COLOR: #2b2b2b
}
.nav_left {
	FLOAT: left
}
.nav_left A {
	COLOR: #d5d5d5; MARGIN-RIGHT: 25px
}
.nav_left A:hover {
	COLOR: #fff
}
.copy {
	FLOAT: right; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif
}

/*案例动画*/
#center {
	Z-INDEX: 2; text-align:left;
}
#slider {
	Z-INDEX: 1; BORDER-BOTTOM: #000 0px solid; POSITION: absolute; BORDER-LEFT: #000 00px solid; WIDTH: 960px;  HEIGHT: 304px; OVERFLOW: hidden; BORDER-TOP: #000 0px solid;  BORDER-RIGHT: #000 0px solid; 
}
#slider .slide {
	Z-INDEX: 10; POSITION: absolute; BORDER-LEFT: #23c0ac 1px solid; WIDTH: 600px; height:304px; overflow:hidden; BACKGROUND: #000;  OVERFLOW: hidden; TOP: 0px; CURSOR: default; LEFT: 22px;text-align:left;
}
#slider .title {
	COLOR: #f80; FONT-SIZE: 1.2em; FONT-WEIGHT: bold; MARGIN-RIGHT: 1.5em; TEXT-DECORATION: none
}
#slider .text {
	POSITION: absolute; TEXT-ALIGN: justify; WIDTH: 470px; DISPLAY: none; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; COLOR: #fff; FONT-SIZE: 0.9em; TOP: 100%; LEFT: 10px
}
#slider .diapo {
	POSITION: absolute; FILTER: alpha(opacity=100); VISIBILITY: visible; opacity: 1
}
